/* https://google-webfonts-helper.herokuapp.com/fonts */

@font-face {
	font-family: "Montserrat";
	font-weight: 400;
	font-style: normal;
	src: url("https://d2wlhgbv3ycrwu.cloudfront.net/fonts/Montserrat-regular/Montserrat-regular.eot");
	src: url("https://d2wlhgbv3ycrwu.cloudfront.net/fonts/Montserrat-regular/Montserrat-regular.eot?#iefix") format("embedded-opentype"),
		local("Montserrat-Regular"),
		local("Montserrat-regular"),
		url("https://d2wlhgbv3ycrwu.cloudfront.net/fonts/Montserrat-regular/Montserrat-regular.woff2") format("woff2"),
		url("https://d2wlhgbv3ycrwu.cloudfront.net/fonts/Montserrat-regular/Montserrat-regular.woff") format("woff"),
		url("https://d2wlhgbv3ycrwu.cloudfront.net/fonts/Montserrat-regular/Montserrat-regular.ttf") format("truetype"),
		url("/fonts/Montserrat-regular/Montserrat-regular.svg#Montserrat") format("svg");
	font-display: swap;
}

@font-face {
	font-family: "Montserrat";
	font-weight: 700;
	font-style: normal;
	src: url("https://d2wlhgbv3ycrwu.cloudfront.net/fonts/Montserrat-700/Montserrat-700.eot");
	src: url("https://d2wlhgbv3ycrwu.cloudfront.net/fonts/Montserrat-700/Montserrat-700.eot?#iefix") format("embedded-opentype"),
		local("Montserrat-Bold"),
		local("Montserrat-700"),
		url("https://d2wlhgbv3ycrwu.cloudfront.net/fonts/Montserrat-700/Montserrat-700.woff2") format("woff2"),
		url("https://d2wlhgbv3ycrwu.cloudfront.net/fonts/Montserrat-700/Montserrat-700.woff") format("woff"),
		url("https://d2wlhgbv3ycrwu.cloudfront.net/fonts/Montserrat-700/Montserrat-700.ttf") format("truetype"),
		url("/fonts/Montserrat-700/Montserrat-700.svg#Montserrat") format("svg");
	font-display: swap;
}

@font-face {
	font-family: "Nunito";
	font-weight: 700;
	font-style: normal;
	src: url("https://d2wlhgbv3ycrwu.cloudfront.net/fonts/Nunito-700/Nunito-700.eot");
	src: url("https://d2wlhgbv3ycrwu.cloudfront.net/fonts/Nunito-700/Nunito-700.eot?#iefix") format("embedded-opentype"),
		local("Nunito-Bold"),
		local("Nunito-700"),
		url("https://d2wlhgbv3ycrwu.cloudfront.net/fonts/Nunito-700/Nunito-700.woff2") format("woff2"),
		url("https://d2wlhgbv3ycrwu.cloudfront.net/fonts/Nunito-700/Nunito-700.woff") format("woff"),
		url("https://d2wlhgbv3ycrwu.cloudfront.net/fonts/Nunito-700/Nunito-700.ttf") format("truetype"),
		url("/fonts/Nunito-700/Nunito-700.svg#Nunito") format("svg");
	font-display: swap;
}

@font-face {
	font-family: "Open Sans";
	font-weight: 400;
	font-style: normal;
	src: url("https://d2wlhgbv3ycrwu.cloudfront.net/fonts/Open-Sans-regular/Open-Sans-regular.eot");
	src: url("https://d2wlhgbv3ycrwu.cloudfront.net/fonts/Open-Sans-regular/Open-Sans-regular.eot?#iefix") format("embedded-opentype"),
		local("Open Sans"),
		local("Open-Sans-regular"),
		url("https://d2wlhgbv3ycrwu.cloudfront.net/fonts/Open-Sans-regular/Open-Sans-regular.woff2") format("woff2"),
		url("https://d2wlhgbv3ycrwu.cloudfront.net/fonts/Open-Sans-regular/Open-Sans-regular.woff") format("woff"),
		url("https://d2wlhgbv3ycrwu.cloudfront.net/fonts/Open-Sans-regular/Open-Sans-regular.ttf") format("truetype"),
		url("/fonts/Open-Sans-regular/Open-Sans-regular.svg#OpenSans") format("svg");
	font-display: swap;
}

@font-face {
	font-family: "Open Sans";
	font-weight: 700;
	font-style: normal;
	src: url("https://d2wlhgbv3ycrwu.cloudfront.net/fonts/Open-Sans-700/Open-Sans-700.eot");
	src: url("https://d2wlhgbv3ycrwu.cloudfront.net/fonts/Open-Sans-700/Open-Sans-700.eot?#iefix") format("embedded-opentype"),
		local("Open Sans Bold"),
		local("Open-Sans-700"),
		url("https://d2wlhgbv3ycrwu.cloudfront.net/fonts/Open-Sans-700/Open-Sans-700.woff2") format("woff2"),
		url("https://d2wlhgbv3ycrwu.cloudfront.net/fonts/Open-Sans-700/Open-Sans-700.woff") format("woff"),
		url("https://d2wlhgbv3ycrwu.cloudfront.net/fonts/Open-Sans-700/Open-Sans-700.ttf") format("truetype"),
		url("/fonts/Open-Sans-700/Open-Sans-700.svg#OpenSans") format("svg");
	font-display: swap;
}


@font-face {
	font-family: "Arial Rounded MT Bold";
	font-style: normal;
	font-weight: normal;
	src: local("Arial Rounded MT Bold"), url("https://d2wlhgbv3ycrwu.cloudfront.net/fonts/ARLRDBD_0.woff") format("woff");
	font-display: swap;
}






/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: top;
}


.mejs__overlay-button {
	background-image: url("https://d2wlhgbv3ycrwu.cloudfront.net/_img/mejs-controls.svg");
}
.mejs__overlay-loading-bg-img {
	background-image: url("https://d2wlhgbv3ycrwu.cloudfront.net/_img/mejs-controls.svg");
}
.mejs__button > button {
	background-image: url("https://d2wlhgbv3ycrwu.cloudfront.net/_img/mejs-controls.svg");
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: 'Arial Rounded MT Bold';
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: -0.025em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p, ul {
	margin: 0 0 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #eaeaea; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul li {
	list-style: disc outside none;
	margin-left: 1.2em;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Generics
--------------------------------------------------------------*/
.open-sans{
	font-family: 'Open Sans', sans-serif;
}
.montserrat{
	font-family: 'Montserrat', sans-serif;
}
.arialrounded{
	font-family: 'Nunito', sans-serif;
	font-weight: bold;
}
.fright{
	float: right;
}
.fleft{
	float: left;
}
.align-left{
	text-align: left;
}
.align-right{
	text-align: right;
}

form p { /* this is to override materialize.css */
	text-align: inherit !important;
	margin: 0 0 1.5em;
}

.align-center {
	text-align: center;
}
.title-color-1{
	color: #fff;
}
.title-color-2{
	color: #ff6600;
}
.title-color-3{
	color: #003366;
}
.background-color-1{
	background-color: #fff;
}
.background-color-2{
	background-color: #ff6600;
}
.background-color-3{
	background-color: #003366;
}
.btn{
	border-radius: 3px;
	color: #fff !important;
	display: inline-block;
	height: auto;
	line-height: normal;
	text-align: center;
	text-transform: none;
}
.btn-1{
	background-color: #ff6600;
}
.btn-2{
	background-color: #aeb0ba;
}
.btn-2{
	background-color: #aeb0ba;
}
.btn:hover, .btn-1:hover,
section#secArticles a.btn-trial:hover {
	background-color: #009900;
}
.btn-small{
	font-size: 14px;
	padding: 17px 0;
	width: 148px;
}
.btn-trial{
	font-size: 20px;
	padding: 14px 10px;
}
.btn-small-login{
	font-size: 14px;
	padding: 17px 0;
	width: 80px;
}
.btn-larger{
	font-size: 27px;
	padding: 33px 0;
	width: 291px;
}
.container{
	margin: 0 auto;
	max-width: 94.73%;
	position: relative;
	width: 100%;
}
.flex{
	display: flex;
	justify-content: space-between;
}
.align-v{
	position: absolute;
	top: 40%;
	transform: translateY(-40%);
}
.align-h{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.align-v-h{
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
}
.medium-title{
	font-size: 48px;
	line-height: 1;
}
.list-title{
	font-size: 28px;
	font-weight: normal;
	line-height: 1.07;
	margin: 0 0 25px;
}
.col-25{
	width: 25%;
}
.col-50{
	width: 50%;
}
.list-inline li{
	display: inline-block;
}
.wow{
	visibility: hidden;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 0 none;
	border-radius: 2px;
	background: #fe0000;
	color: #fff;
	cursor: pointer;
	font-size: 12px;
	line-height: 1;
	padding: 7px 17px;
	transform: translateZ(0);
	backface-visibility: hidden;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select {
	color: #767675;
	border: 1px solid #d4d6e0;
	border-radius: 4px !important;
	font-weight: normal;
	padding: 5px 15px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #828282;
	border-color: #b4b6be;
	outline: none;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.container:before,
.container:after,
.wrapper:before,
.wrapper:after{
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.container:after,
.wrapper:after{
	clear: both;
}

/*--------------------------------------------------------------
# Features
--------------------------------------------------------------*/

.page .flip-clock-wrapper ul > li {
	margin: 0;
	padding: 0;

}


/* Slider */
.slick-loading .slick-list
{
	background: #fff url("https://d2wlhgbv3ycrwu.cloudfront.net/img/ajax-loader.gif") center center no-repeat;
}

/* Icons */
/*@font-face
{
	font-family: 'slick';
	font-weight: normal;
	font-style: normal;

	src: url('../fonts/slick.eot');
	src: url('../fonts/slick.eot?#iefix') format('embedded-opentype'), url('../fonts/slick.woff') format('woff'), url('../fonts/slick.ttf') format('truetype'), url('../fonts/slick.svg#slick') format('svg');
}*/
/* Arrows */
.slick-prev,
.slick-next
{
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/arrows.png") no-repeat left center;

	position: absolute;
	top: 50%;

	display: block;

	width: 10px;
	height: 17px;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);

	cursor: pointer;

	color: transparent;
	border: none;
	outline: none;

	z-index: 2;
}
.slick-next{
	background-position: right center;
}
/*.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
	color: transparent;
	outline: none;
	background: transparent;
}*/
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{
	background-color: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
	opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
	opacity: .25;
}

/*.slick-prev:before,
.slick-next:before
{
	font-family: 'slick';
	font-size: 20px;
	line-height: 1;

	opacity: .75;
	color: white;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}*/

.slick-prev
{
	left: 25px;
}
[dir='rtl'] .slick-prev
{
	right: 25px;
	left: auto;
}
/*.slick-prev:before
{
	content: '←';
}
[dir='rtl'] .slick-prev:before
{
	content: '→';
}*/

.slick-next
{
	right: 25px;
}
[dir='rtl'] .slick-next
{
	right: auto;
	left: 25px;
}
/*.slick-next:before
{
	content: '→';
}
[dir='rtl'] .slick-next:before
{
	content: '←';
}*/

/* Dots */
.slick-dotted.slick-slider
{
	margin-bottom: 30px;
}

.slick-dots
{
	position: absolute;
	bottom: 0;

	display: block;

	width: 100%;
	padding: 0;
	margin: 0;

	list-style: none;

	text-align: center;
}
.slick-dots li
{
	position: relative;

	display: inline-block;

	width: 22px;
	height: 2px;
	margin: 0 5px;
	padding: 0;

	cursor: pointer;
}
.slick-dots li button
{
	font-size: 0;
	line-height: 0;

	display: block;

	width: 22px;
	height: 2px;
	padding: 5px;

	cursor: pointer;

	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
	outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
	opacity: 1;
}
.slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 22px;
	height: 2px;
	content: '';
	text-align: center;
	background-color: #8c8c8c;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
	background-color: #ff6600;
}

.btn-toggle{
	margin-bottom: 65px;
}
.btn-toggle span{
	cursor: pointer;
	display: inline-block;
	font-size: 13px;
	vertical-align: middle;
	transition: all .3s;
}
.btn-toggle.on .label-on,
.btn-toggle.off .label-off{
	color: #fff;
	font-weight: bold;
}
.btn-toggle .on-off{
	background-image: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/btn-toggle.png");
	background-repeat: no-repeat;
	height: 35px;
	width: 70px;
	transition: background-position 0s;
}
.btn-toggle.on .on-off{
	background-position: left center;
}
.btn-toggle.off .on-off{
	background-position: right center;
}
.div-toggle{
	display: none;
}
.div-toggle-active{
	display: block;
}
.mainCarousel{
	height: auto;
}
.overflow-y{
	overflow-y: scroll;
}
.overflow-y::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 7px;
}
.overflow-y::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgb(13,76,135);
	background-color: rgba(13,76,135,.5);
	-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
.filter{
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,.4);
	height: 100%;
	display: none;
	position: fixed;
	width: 100%;
	z-index: 4;
	top: 0;
	left: 0;
}
.menu-showing .filter{
	display: block;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a{
	text-decoration: none;
	padding: 0 2px;
}
a:focus,
a:hover,
a:active {
	outline: 0;
	text-decoration: none;
	/*background-color:#DDD;*/
}
nav{
	background-color: transparent;
	box-shadow: none;
	transition: background-color 0.3s;
}
nav ul li {
	list-style: none outside none;
}
.navbar{
	position: relative;
	z-index: 5;
}
.navbar nav{
	background-color: #fff;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	height: 77px;
	line-height: 77px;
}
.navigation a{
	font-size: 18px;
}
.navbar-fixed {
	z-index: 5;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.logo {
	float: left;
	margin: 12px 0 0 0;
}
.navbar a{
	color: #003366;
}
.access a{
	font-size: 14px;
}
.access li{
	margin: 0;
}
.access li a.btn{
	margin: 0 0 0 7px;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#ctl00_footer {
	box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.5) inset;
}
.no-webp #ctl00_footer {
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/buildIT-cta-back2.jpg") center bottom no-repeat;
	/*background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-footer.jpg") no-repeat center;*/
	background-size: cover;
}
.webp #ctl00_footer {
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/buildIT-cta-back2.webp") center bottom no-repeat;
	/*background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-footer.jpg") no-repeat center;*/
	background-size: cover;
}

#ctl00_footer .color-overlay {
	background: rgb(0, 51, 102);
	background: rgba(0, 51, 102, 0.7);
}
#ctl00_footer .wrapper {
	padding:70px 0;
}

#ctl00_footer h1,
#ctl00_footer h2,
#ctl00_footer h3{
	color: white;
}
#ctl00_footer p{
	color: white;
	font-size: 20px;
	font-family: 'Open Sans', sans-serif;
}
#ctl00_footer h1,
#ctl00_footer h2{
	font-size: 48px;
	line-height: 1;
}
#ctl00_footer h1,
#ctl00_footer h2,
#ctl00_footer h3{
	padding: 0 10px;
}
#ctl00_footer h1{
	margin: 25px 0 15px;
}
#ctl00_footer h2{
	margin: 0 0 50px;
}
#ctl00_footer h3{
	font-size: 30px;
	line-height: 48px;
	margin: 0 0 15px;
}

#subFooter p{
	color: rgb(33,36,36);
	color: rgba(33,36,36,0.5);
	font-size: 14px;
}
#subFooter{
	background-color: #fff;
	width: 100%;
	box-shadow: 0 0 11.16px 6.84px rgba(0, 0, 0, 0.15);
	font-size: 14px;
	margin: 0 0 0;
	padding: 30.5px 0;
}
#subFooter a{
	color: rgb(33,36,36);
	color: rgba(33,36,36,0.5);
	transition: color .3s;
}
#subFooter a:hover{
	color: rgb(33,36,36);
	color: rgba(33,36,36,0.8);
}
#subFooter p{
	color: rgb(33,36,36);
	color: rgba(33,36,36,0.5);
	float: right;
	margin: 0;
}
#subFooter ul{
	float: left;
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
#subFooter ul li{
	border-right: 1px solid rgb(33,36,36);
	border-right: 1px solid rgba(33,36,36,0.5);
	display: inline-block;
	list-style: none outside none;
	line-height: 1;
	margin: 0;
	padding: 0 10px 0 5px;
}
#subFooter ul li:last-child{
	border-right: 0 none;
}
#subFooter a.bold{
	font-weight:bold;
}

/*--------------------------------------------------------------
# Pages
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## General
--------------------------------------------------------------
*/
.wrapper{
	height: 100%;
	margin: 0 auto;
	max-width: 63.22%;
	position: relative;
}
.wrapper-inside{
	max-width: 90%;
}
.wrapper-larger{
	max-width: 75.639%;
}
.text{
	color: #212424;
	font-family: 'Open Sans', sans-serif;
	position: relative;
}
.text h1{
	font-family: 'Arial Rounded MT Bold';
}
.text p{
	line-height: normal;
}
.page ul{
	font-family: 'Open Sans', sans-serif;
	text-align: left;
}
.page ul > li {
	list-style-type: none;
	font-size: 24px;
	line-height: 1.3;
	margin: 0 0 10px 45px;
	padding: 0 0 0 10px;
}
.page ul .none{
	list-style-image: none !important;
}
.page ul ul{
	margin-bottom: 0 !important;
}
.page ul li li{
	list-style: disc outside none;
	margin: 15px 0 15px 30px;
	padding: 0;
}
.page ul li .none{
	list-style-type: none;
}
.page .list-icon-color-1 > li{
	list-style-image: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/ico-check-1.png");
}
.page .list-icon-color-2 > li{
	list-style-image: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/ico-check-2.png");
}
.page .list-icon-color-1 > .group{
	list-style-image: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/ico-group-1.png");
}
.page .list-icon-color-2 > .group{
	list-style-image: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/ico-group-2.png");
}
.page .list-icon-color-1 > .storage{
	list-style-image: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/ico-storage-1.png");
}
.page .list-icon-color-2 > .storage{
	list-style-image: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/ico-storage-2.png");
}
.page .list-icon-color-1 > .empty{
	list-style-image: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/ico-empty-1.png");
}
.page .list-icon-color-2 > .empty{
	list-style-image: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/ico-empty-2.png");
}

/*--------------------------------------------------------------
## Index
--------------------------------------------------------------*/
#secInitial{
	height: 100vh;
}
#secInitial .image {
	height: 1182px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 100%;
}
.no-webp #secInitial .image {
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/main-v2.jpg") no-repeat right top;
	background-size: auto;
}
.webp #secInitial .image {
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/main-v2.webp") no-repeat right top;
	background-size: auto;
}

#secInitial .text{
	left: 0;
	position: absolute;
	top: 40%;
	transform: translateY(-50%);
	z-index: 2;
	max-width: 54.91%;
}
#secInitial h1{
	color: #003366;
	font-size: 72px;
	line-height: 1;
	margin: 0 0 50px;
	text-shadow: 4px 4px 3px #CCC;
	max-width:64%;
}
#about-us{
	background-color: #ebebeb;
	padding-bottom: 5%;
	padding-top: 10%;
}
#about-us h1{
	margin-top: 20px;
}
#about-us .image{
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/img-about-us-2.png") no-repeat left bottom;
	background-size: 51vw auto;
	height: 998px;
	left: 0;
	position: absolute;
	top: 0;
	width: 954px;
}
#about-us .shape {
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-shape-2.png") no-repeat right bottom;
	background-size: 63% 100%;
	height: 998px;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	z-index: 1;
}
#about-us .text{
	z-index: 3;
}
#about-us .shape-image {
	bottom: 0;
	height: 998px;
	position: absolute;
	z-index: 1;
	width: 100%;
}
.no-webp #about-us .shape-image {
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-shape-image.png") no-repeat center bottom;
	background-size: cover;
}
.webp #about-us .shape-image {
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-shape-image.webp") no-repeat center bottom;
	background-size: cover;
}

.to-the-right{
	padding-left: 51%;
}
.top-index{
	position: relative;
}
.top-index .illustration-shape{
	position: absolute;
	right: 0;
	top: 0;
}
.general{
	position: relative;
}
.general h1{
	font-size: 48px;
	font-weight: bold;
	margin: 100px 0 30px;
}
.col-twins .text{
	color: #fff;
	margin: 0 auto;
	max-width: 49.37%;
}
#projects h1{
	margin: 35px 0;
}
#projects .col-twins{
	padding: 100px 0;
}
#use{
	background-color: #fafafa;
}
#use .text{
	max-width: 52.716%;
	z-index: 1;
}
#use .screens div {
	display: inline-block;
	position: relative;
}
#use .screens {
	padding: 5% 0 0 7%;
}
#use .screen-1,
#use .screen-3{
	z-index: 3;
}
#use .screen-1 {
	width: 59.14%;
}
#use .screen-2 {
	margin-left: -11%;
	z-index: 2;
	width: 34.146%;
}
#use .screen-3 {
	margin-left: -4%;
	width: 10.64%;
}
#use .screen-1 .play{
	max-width: 1034px;
	left: 50%;
	position: absolute;
	text-align: center;
	top: 43%;
	transform: translate(-50%,-50%);
}
#use .screen-1 .play img {
	max-width: 24px;
	margin-left: 5px;
	vertical-align:top;
}

#use .image{
	position: absolute;
	right: 0;
	top: 0;
}
#testimonials{
	background-color: #fff;
}
#testimonials h4{
	color: #212424;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.01em;
	margin:8px 0 2px 0;
}
#testimonials .by-line {
	color: #666;
	font-size: 12px;
	margin: 0 0 4px 0;
	padding-top:0;
	letter-spacing: 0.1em;
	display:block;
}
#testimonials p{
	color: #898989;
	font-size: 18px;
	padding: 0 8%;
	margin-bottom: 30px;
}
#testimonials img{
	margin: 0 auto 4px auto;
}

#testimonials .testImgWrap {
	display: block;
	height:126px;
	position: relative;
	width: 126px;
	margin:auto;
}
#testimonials .testImgWrap img {
	position: absolute;
	bottom: -5px;
}

#numbers {
	color: #fff;
	padding-bottom: 95px;
}
.no-webp #numbers{
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-numbers-v2.jpg") no-repeat;
	background-size: cover;
}
.webp #numbers{
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-numbers-v2.webp") no-repeat;
	background-size: cover;
}


#numbers .ico {
	min-height: 80px;
	position: relative;
}
#numbers .ico img {
	left: 50%;
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
}
#numbers span{
	color: #fff;
	display: block;
	line-height: 1;
	margin-left: auto;
	margin-right: auto;
}
#numbers .counter{
	font-size: 48px;
	margin-bottom: 15px;
	margin-top: 55px;
}
#numbers .label{
	font-size: 24px;
}
#secPricing{
	padding-bottom: 100px;
}
#secPricing h2{
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	margin: 0 0 5px;
	text-transform: uppercase;
}

/*#pgPricing .flex li{*/
#secPricing .info li{
	color: black;
	font-size: 15px;
	line-height: 1.1;
	list-style: disc outside none;
	margin: 8px 0 8px 30px;
	padding: 0;
}

#secPricing .info li.plus {
	list-style: url("../_img/plus.gif");
	padding-left: -12px !important;*/
}


#secPricing .col{
	background-color: #fff;
	border-radius: 10px;
	height: 480px;
	max-width: 23.5%;
	padding: 0 0 45px;
	width: 100%;
}
#secPricing .col .head{
	background-color: #003366;
	border-radius: 10px 10px 0 0;
	padding: 20px 10px 0;
	min-height:160px;
}
#secPricing .price{
	color: #fff;
	position: relative;
	max-width: 95%;
}
#secPricing .code,
#secPricing .value,
#secPricing .cents-period{
	display: inline-block;
	vertical-align: bottom;
}
#secPricing .code,
#secPricing .value,
#secPricing .cents-period .cents{
	line-height: 1;
	font-weight: 700;
}
#secPricing .code{
	font-size: 40px;
}
#secPricing .value{
	font-size: 65px;
	position: relative;
	top: 4px;
}
#secPricing p.price-start{
	font-style:italic;
	padding:6px 0 2px 10px;
	font-size: 12px;
}


#secPricing .cents-period {
/*	height: 67px;*/
	position: relative;
	width: 62px;
}
#secPricing .cents-period span{
	display: block;
	position: absolute;
}
#secPricing .cents-period .cents{
	font-size: 40px;
	top: 5px;
}
#secPricing .cents-period .period{
	bottom: 0;
	color: #898989;
	font-size: 16px;
}
#secPricing .info {
	color: #2b2b2b;
	font-size: 16px;
	margin: 20px 0;
	padding: 0 10px;
}
#secPricing .info p{
	line-height: normal;
}
#secPricing .col-standard .head{
	background-color: #fff;
}
#secPricing .col-standard h2{
	color: #2b2b2b;
}
#secPricing .col-standard .price{
	color: #ff6600;
}
#secPricing .col-standard .info{
	margin: 25px 0 34px;
}
#secPricing .col-premium{
	background-color: #003366;
	box-shadow: 0 35px 80px 0 rgba(0, 0, 0, 0.7);
	height: 448px;
	max-width: 24.563%;
	padding: 0 0 25px;
	position: relative;
	top: -10px;
}
#secPricing .col-premium .head{
	padding-top: 55px;
}
#secPricing .col-premium .info{
	color: #ac9455;
	margin: 15px 0 35px;
}
#secPricing .col-premium .info strong{
	color: #fff;
}
#secPricing .price p{
	margin: 0;
}
#secPricing .price p:first-child{
	margin: -10px 0;
}
#secPricing .price p:last-child{
	margin: -5px 0 0;
}
#secPricing .to-bottom{
	bottom: 100px;
	left: 0;
	padding: 0 5px;
	position: absolute;
	width: 100%;
}
/*#pgPricing*/
#secPricing .cents-period .period{
	color: #fff;
}
/*#pgPricing*/
#secPricing .col-premium .info p{
	color: #fff;
}
/*#pgPricing*/
#secPricing .col-standard .price p{
	color: #898989;
}


.pageHeader{
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 324px;
	position: relative;
	width: 100%;
}
.pageHeader h1{
	font-size: 62px;
	margin: 0;
}

/*--------------------------------------------------------------
## Pricing
--------------------------------------------------------------*/
#pgPricing #secPricing{
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-main-pricing.jpg") no-repeat top center;
	background-size: cover;
	padding-top: 262px;
	padding-bottom: 130px;
}
#pgPricing .pageHeader{
	background-image: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-strip-pricing.png");
	margin-bottom: -190px;
	background-position: left bottom; /* mcain TEST */
}
.no-webp #secPricing.toggling {
	background-image: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-main--toggling-pricing.jpg");
}
.webp #secPricing.toggling {
	background-image: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-main--toggling-pricing.webp");
}


#secPricing .btn-toggle span{
	font-size: 19px;
}
#secPricing .btn-toggle.on .label-off,
#secPricing .btn-toggle.off .label-on {
	color: rgb(255,255,255);
	color: rgba(255,255,255,.73);
}
#secPricing .btn-toggle .on-off{
	margin: 0 15px;
}
#secPricing .info-pricing{
	color: #fff;
	max-width: 100%;
}
#secPricing .info-pricing h1{
	margin: 0 0 15px;
}
#secPricing.toggling .info-pricing h1 {
	margin-bottom: 60px;
}
#secPricing .info-pricing p{
	font-size: 40px;
	line-height: 1.33;
	margin: 0 0 40px;
}
#secPricing ul,
#secPricing ul a{
	color: #fff;
}
#secPricing h2{
	font-weight: normal;
	line-height: normal;
	padding: 0 10px;
	font-size:20px;
}
#secPricing .col{
	height: 540px;
	position: relative;
}
#secPricing .info>p{
	min-height: 50px;
}

#secPricing .cents-period{
	height: auto;
}
#secPricing .col-premium{
	height: 660px;
	top: -15px;
}
#secPricing .btn {
	bottom: 40px;
	left: 50%;
	margin-left: -76px;
	position: absolute;
}
#secPricing .cards ul{
	margin: 20px 30px 0 0;
	padding: 0;
	text-align: right;
}
#secPricing .cards ul li{
	display: inline-block;
	margin: 0 3px;
	padding: 0;
}
#secPricing.toggling .flex .col:first-child {
	margin-left: 7%;
}
#secPricing .col-premium .btn{
	bottom: 56px;
}
#secPricing .col .head{
	padding-bottom: 20px;
}
#secPricing .col-list h2{
	color: #fff;
	font-size: 48px;
	line-height: 1;
	margin: 140px 0 55px;
	text-align: left;
	text-transform: none;
}
#configuration-advantages .background-color-3{
	border-top: 2px solid #001400;
}
#configuration-advantages .background-color-2{
	border-top: 2px solid #ff2900;
}
#configuration-advantages .col-twins{
	padding-bottom: 100px;
}
#configuration-advantages .col-twins .text{
	max-width: 63.81%;
}
#includes{
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-includes.jpg") no-repeat top left;
	background-size: cover;
	padding: 150px 0 100px;
}
#includes .secWhite,
#includes .secBlue{
	z-index: 1;
}
#includes .secWhite{
	padding-left: 17.13%;
}
#includes .secWhite h1{
	margin: 0 0 0 25px;
}
#includes .secWhite h2{
	color: #003366;
	font-size: 28px;
	font-weight: normal;
	line-height: 1.40;
	margin: 80px 0 20px;
	text-transform: none;
}
#includes .secWhite ul{
	color: #212424;
}
#includes .secWhite p{
	color: #003366;
	font-size: 24px;
	margin: 0 0 0 2.2em;
}
#includes .shape{
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/shape-include.png") no-repeat top right;
	background-size: 84vw 187vh;
	height: 1623px;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
#includes .secBlue{
	margin-top: 100px;
}
#includes .secBlue h1{
	margin: 90px 0 80px;
	padding: 0;
}
#includes .col-include{
	border-radius: 10px;
	color: #fff;
	max-width: 47%;
	width: 100%;
}
#includes .col-include .wrapper{
	max-width: 75%;
}
#includes .col-include ul {
	padding-bottom: 50px;
}
#includes .col-include .btn {
	bottom: 120px;
	font-size: 12px;
	left: 50%;
	margin-left: -74px;
	position: absolute;
}

/*--------------------------------------------------------------
## Features
--------------------------------------------------------------*/
.box-illustration{
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: cover !important;
	border-radius: 10px;
	min-height: 712px;
	padding-left: 10px;
	padding-right: 10px;
}
.box-illustration ul,
#schedule-templates ul,
#jobs ul,
#documents ul,
#files-photos ul,
#notes-faxing ul{
	margin: 0 0 3em;
}

#pgArticles ul.std {
	list-style-type: disc; 
	list-style-position: inside; 
}


#pgArticles ul.std li {
	list-style-type: disc; 
	margin-left: 20px; 
}


#pgFeatures.page .btn{
	font-size: 12px;
}
#pgFeatures .pageHeader,
#pgArticles .pageHeader{
	background-image: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-strip-features.png");
	background-position: left bottom;
}
#construction-scheduling{
	background-color: #fff;
	padding: 30px 0 60px;
}

#construction-scheduling .box-illustration {
	padding-bottom: 35px;
	padding-top: 55px;
}
.no-webp #construction-scheduling .box-illustration {
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-1-page-features.jpg") no-repeat top center;
	background-size: cover;
}
.webp #construction-scheduling .box-illustration {
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-1-page-features.webp") no-repeat top center;
	background-size: cover;
}


#schedule-templates{
	overflow: hidden;
	padding: 150px 0 155px;
	position: relative;
}
#schedule-templates img {
	max-width: 49%;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
#contacts{
	padding: 60px 0 80px;
}

#contacts .box-illustration{
	padding-bottom: 35px;
	padding-top: 115px;
}
.no-webp #contacts .box-illustration {
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-2-page-features.jpg") no-repeat top center;
}
.webp #contacts .box-illustration {
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-2-page-features.webp") no-repeat top center;
}



#jobs{
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-3-page-features.jpg") no-repeat top center;
	background-size: cover;
}
#secArticles .shape,
#jobs .shape,
#jobs .fake-shape{
	float: right;
	width: 68.0852%;
}
#secArticles .shape{
	background-size: cover;
	height: 885px;
	margin-top: 45px;
}
#jobs .shape{
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-shape-3.png") no-repeat top left;
	background-size: cover;
	height: 885px;
	margin-top: 45px;
}
#jobs .content{
	max-width: 95%;
	padding: 80px 0 0 32%;
}
#jobs h1{
	margin-left: 55px;
}
.job-list{
	background-color: rgb(0,51,102);
	background-color: rgba(0,51,102,0.9);
	clear: both;
	padding: 80px 0 100px;
}
#jobs .job-list h1{
	margin-left: 0;
}
#jobs .job-list ul,
#jobs-features ul,
#online-services ul,
#general ul{
	margin-bottom: 5em;
}
#jobs .fake-shape .content{
	padding-top: 0;
}
#jobs-features,
#online-services{
	background-color: rgb(0,51,102);
	background-color: rgba(0,51,102,1);
	padding: 75px 0;
}
#jobs-features .col-50{
	padding-right: 10px;
}
#documents{
	padding: 60px 0;
}

#documents .box-illustration{
	padding-bottom: 35px;
	padding-top: 90px;
}
.no-webp #documents .box-illustration {
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-4-page-features.jpg") no-repeat top center;
}
.webp #documents .box-illustration {
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-4-page-features.webp") no-repeat top center;
}



#documents .col-50{
	padding-left: 30px;
}
#files-photos{
	padding: 100px 0 60px;
}
.no-webp #files-photos {
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-5-page-features.jpg") no-repeat bottom center;
	background-size: cover;
}
.webp #files-photos {
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-5-page-features.webp") no-repeat bottom center;
	background-size: cover;
}


#files-photos ul{
	width: 84.05%;
}
#pgFeatures #email {
	padding: 85px 0 95px;
	position: relative;
}
.no-webp #pgFeatures #email {
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-6-page-features-v2.jpg") no-repeat top center;
	background-size: cover;
}
.webp #pgFeatures #email {
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-6-page-features-v2.webp") no-repeat top center;
	background-size: cover;
}


#pgFeatures #email img{
	max-width: 49%;
	position: absolute;
	right: 0;
	top: 50px;
}
#pgFeatures #email .align-center {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
	width: 50%;
}
#notes-faxing{
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-7-page-features.jpg") no-repeat top center;
	background-size: cover;
	padding-top: 90px;
}
.notes {
	border-radius: 10px;
	float: right;
	margin-right: 25px;
	padding: 60px 0 30px 40px;
	width: 74%;
}
.no-webp .notes {
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-8-page-features.jpg") no-repeat;
	background-size: cover;
}
.webp .notes {
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-8-page-features.webp") no-repeat;
	background-size: cover;
}


.notes .content{
	width: 41%;
}
#notes-faxing .shape{
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-shape-4.png") no-repeat;
	background-size: cover;
	clear: both;
	height: 1220px;
	float: right;
	margin-top: 30px;
	width: 68%;
}
#notes-faxing .shape .content{
	padding: 65px 0 0 33.84%;
	width: 92%;
}
#notes-faxing .shape h1:last-of-type{
	margin-top: 120px;
}

/* ########################################################################################################################################################### */
/* ########################################################################################################################################################### */
/* ########################################################################################################################################################### */
/* ########################################################################################################################################################### */
/* ########################################################################################################################################################### */

#secArticles{
	background: #FFF;
	background-size: cover;
}

#pgArticles a.lnk:hover{
	background-color:#DDD;
}
#secArticles a:hover{
	background-color:#DDD;
}


#secArticles .shape{
	/*background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-shape-4.png") no-repeat;
	background-size: cover;*/
	clear: both;
	float: right;
	margin-top: 0;
	width: 95%;
	height:auto;
	padding-bottom:20px;
}


#secArticles .shape h1 {
	color: #F60;
	font-size: 38px;
	margin-bottom:10px;

}
#secArticles .shape h2 {
	color: #F60;
	font-size: 34px;
	clear: none;
}
#secArticles .shape h3 {
	color: #036;
	font-size: 26px;
	clear: none;
}
#secArticles .shape p {
	font-size: 22px;
	font-family: 'Open Sans', sans-serif;
	margin-bottom:12px;
}

#pgArticles .pageHeader h1 a{
	color: #003366;
}

#pgArticles .pageHeader h1 a:hover,
#pgArticles .pageHeader h1 a:hover small {
	color:#f60;
}
#pgArticles .pageHeader h1 small{
	font-size:16px;
	display:block;
	line-height:16px;
	color: #039be5;
}


#secArticles ul{
	margin: 0 0 2em 2em;
}

#secArticles img.feat {
	float:right;
	margin: 0 30px 10px 30px;
	max-width:98%;
}




#online-services .btn{
	margin-left: 100px;
}
#general{
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-9-page-features.jpg") no-repeat;
	background-size: cover;
	padding-top: 50px;
}
#general .shape{
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-shape-5.png") no-repeat top right;
	background-size: cover;
	height: 892px;
	width: 61.862%;
}
#general .shape .content {
	padding: 50px 5% 0 24.50%;
	width: 87%;
}
#about-features{
	background-color: #fee0cc;
	padding: 25px 0 30px;
}
#about-features ul{
	padding-left: 2.7%;
}
#about-features li{
	color: #212424;
	float: left;
	margin-right: 30px;
}
#pgFeatures div p{
	margin-top: 20px;
	font-size: 1.2em;
	text-align: left;
}



/*--------------------------------------------------------------
## Features Template
--------------------------------------------------------------*/
#title-features-template{
	background-position: left bottom; /* mcain TEST */
	margin-bottom: -210px;
}
.no-webp #title-features-template {
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-strip-features-template.png");
}
.webp #title-features-template {
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-strip-features-template.webp");
}


#templates{
	padding: 280px 0 50px;
}
.no-webp #templates {
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-1-page-features-template.jpg") no-repeat top center;
	background-size: cover;
}
.webp #templates {
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-1-page-features-template.webp") no-repeat top center;
	background-size: cover;
}



#templates h1{
	color: #ff6600;
	margin: 0 0 5px;
}
#templates h2,
#templates .sub-list h3{
	color: #fff;
	font-size: 24px;
	margin: 0;
}
#templates .wrapper{
	max-width: 70.37%;
}
#templates li{
	color: #fff;
}
.main-list{
	margin-top: 80px;
}
#templates .main-list ul,
#templates .main-list img{
	float: left;
}
#templates .main-list ul{
	width: 39.20%;
}
#templates .main-list li,
#templates .sub-list li{
	list-style: disc outside none;
}
#templates .main-list li {
	margin: 0 0 0 70px;
	padding: 20px 0;
	position: relative;
}
#templates .main-list li:after{
	border: 1px solid transparent;
	content: '';
	width: calc(100% + 70px);
	position: absolute;
	height: 100%;
	left: -70px;
	top: 0;
	transition: border .3s;
}
#templates .main-list li:hover{
	list-style-type: none;
}
#templates .main-list li:hover:after {
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/ico-arrow-right.png") no-repeat 35px center;
	border-color: #fff;
}
#templates .main-list img{
	width: 60.8%;
}
#templates .sub-list{
	clear: both;
	text-align: center;
}
#templates .sub-list h3{
	background-color: #ff6600;
	border-radius: 20px;
	color: #fff;
	display: inline-block;
	margin: 40px 0 50px;
	padding: 15px 20px;
	position: relative;
	text-align: center;
	z-index: 1;
}
#templates .title-sub-list{
	position: relative;
}
#templates .title-sub-list:after{
	background-color: #fff;
	content: '';
	height: 1px;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
}
#templates .sub-list ul{
	float: left;
	text-align: left;
}
#templates .sub-list li{
	margin: 0 0 30px 50px;
	padding: 0;
}
#templates select,
#templates option{
	background: rgb(255,255,255) none;
	background: rgba(255,255,255,.13) none;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
}
#templates select{
	border: 0 none;
	border-radius: 0;
	color: #fff;
	display: block;
	max-width: 30%;
	position: absolute;
	right: 0;
	top: 29px;
	width: 339px;
}
#templates option{
	color: #000;
}
.template{
	display: none;
}
.template-active{
	display: block;
}

/*--------------------------------------------------------------
## Customers
--------------------------------------------------------------*/
#pgCustomers{
	padding-bottom: 100px;
	background-position: left bottom; /* mcain TEST */
}
.no-webp #pgCustomers {
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-1-page-customers.jpg") no-repeat top center;
	background-size: cover;
}
.webp #pgCustomers {
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-1-page-customers.webp") no-repeat top center;
	background-size: cover;
}



#pgCustomers .pageHeader{
	background-image: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-strip-customers-v2.png");
}
.sidebar{
	background-color: #fff;
	border-bottom: 28px solid #003366;
	border-top: 28px solid #fff;
	border-radius: 10px;
	box-shadow: 0 35px 80px 0 rgba(0, 0, 0, 0.7);
	float: left;
	margin-top: 70px;
	width: 25.15%;
}
.sidebar ul{
	margin: 0;
	padding: 0;
}
.sidebar li,
.sidebar a{
	display: block;
}
.sidebar ul > li {
	border-bottom: 1px solid #898989;
	font-weight: bold;
	font-size: 20px;
	padding: 0;
	position: relative;
	margin: 0;
	line-height: 1.5;
}
.sidebar ul > li:last-child{
	border-bottom: 0 none;
}
.sidebar a{
	box-shadow: none;
	color: #212424;
	padding: 30px 10px 30px 93px;
	transition: color .3s, background-color .3s, box-shadow .3s;
}
.sidebar a:hover,
.sidebar .active{
	background-color: #003366;
	box-shadow: 0 35px 80px 0 rgba(0, 0, 0, 0.7);
	color: #fff;
}
.sidebar span{
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/icons-sidebar.png") no-repeat left top;
	display: inline-block;
	left: 40px;
	margin-right: 15px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.sidebar .comml-contr span{
	height: 32px;
	width: 34px;
}
.sidebar .comml-contr:hover span,
.sidebar .comml-contr.active span{
	background-position: 0 -39px;
}
.sidebar .home-builder span{
	background-position: -35px 0;
	height: 34px;
	width: 35px;
}
.sidebar .home-builder:hover span,
.sidebar .home-builder.active span{
	background-position: -35px -39px;
}
.sidebar .specialty-trade span{
	background-position: -108px 0;
	height: 30px;
	width: 30px;
}
.sidebar .specialty-trade:hover span,
.sidebar .specialty-trade.active span{
	background-position: -108px -39px;
}
#pgCustomers .content{
	float: right;
	position: relative;
	width: 70.60%;
}
#pgCustomers .content h1{
	font-size: 48px;
	line-height: 1;
	margin: 0 0 55px;
}
.resultsCarousel{
	position: relative;
}
.resultsCarousel .thumb {
	display: block;
	margin: 40px auto 20px;
	width: 146px;
}

.resultsCarousel .testImgWrap {
	display: block;
	position: relative;
	height:126px;
	width: 126px;
	margin:auto;
	vertical-align: middle;
}
.resultsCarousel .testImgWrap img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
}

.resultsCarousel h4 {
	color: #212424;
	font-size: 24px;
	font-weight: bold;
	margin: 0;
}
.trialCarousel h4{
	color: #212424;
	font-size: 24px;
	font-weight: bold;
	margin: 5px 0;
}
.resultsCarousel .by-line,
.trialCarousel .by-line{
	font-size: 14px;
	line-height: 1.28;
	margin: 0 0 10px 0;
	color: #f60;
	display:block;
}
.resultsCarousel .co-type{
	font-size: 12px;
	padding-bottom: 8px;
	border-bottom: 1px solid #CCC;
	margin: 10px 10px;
	display:block;

}
.resultsCarousel p{
	color: #898989;
	font-size: 20px;
	line-height: normal;
	margin: 0 0 13px;
	padding: 0 10px;
}
.resultsCarousel .rating{
	margin-top: 20px;
}
.resultsCarousel .rating img{
	margin: 0 4px;
	display: inline;
}
.resultsCarousel .foot{
	background-color: #003366;
	border-radius: 0 0 10px 10px;
	margin-top: 45px;
	padding: 40px 0;
}
.resultsCarousel .resultsCarouselGroup {
	overflow: visible;

}
.resultsCarousel .item-carousel{
	background-color: #fff;
	max-width: 320px;
	margin: 25px 25px 0 0;
	padding:40px 2px;
}
.resultsCarousel .slick-dots {
	text-align: center;
}
.resultsCarousel .slick-prev {
	left: -30px;
	margin-top: -50px;
}
.resultsCarousel .slick-next {
	margin-top: -50px;
	right: -30px;
}
#pgCustomers .content .area {
	left: 0;
	position: absolute;
	visibility: hidden;
	width: 100%;
}
#pgCustomers .content .active{
	visibility: visible;
}
.menu-vertical{
	cursor: pointer;
	display: none;
}

/*--------------------------------------------------------------
## Try It Free
--------------------------------------------------------------*/
#secTrial {
	overflow-x: hidden;
	padding-bottom: 140px;
	position: relative;
}
.no-webp #secTrial {
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-1-page-try-it-free.jpg") no-repeat top center;
	background-size: cover;
	background-position: left bottom; /* mcain TEST */
}
.webp #secTrial {
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-1-page-try-it-free.webp") no-repeat bottom right;
	background-size: cover;
}


#secStep2{
	left:-8px;
	overflow-x: hidden;
	padding-bottom: 140px;
	padding-left:20%;
	position: relative;
}
.no-webp #secStep2 {
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-1-page-try-it-free.jpg") no-repeat top center;
	background-size: cover;
	background-position: left bottom; /* mcain TEST */
}
.webp #secStep2 {
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-1-page-try-it-free.webp") no-repeat top center;
	background-size: cover;
	background-position: left bottom; /* mcain TEST */
}

#secStep2 .content {
	height: 100%;
	position: relative;
	width: 70%;
	top: 140px;
	z-index: 1;
	padding: 30px 0;
	overflow:visible;
}

#secTrial h1,
#secStep2 h1{
	font-family: 'Nunito', sans-serif;
	font-weight: bold;
	color: #ff6600;
}

#secStep2 h2{
	font-size:24px;
	color: white;
}
#secStep2 p{
	color: white;
}
#secStep2 a,
#secTrial a{
	font-weight: 700;
}
#secStep2 a:hover,
#secTrial a:hover{
	background-color: rgb(210,210,210);
	background-color: rgba(210,210,210,.40);
}


#pgTrial .pageHeader {
	margin-bottom: -170px;
	z-index: 2;
}
.no-webp #pgTrial .pageHeader {
	background-image: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-strip-tryi-it-free-v2.png");
}
.webp #pgTrial .pageHeader {
	background-image: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-strip-tryi-it-free-v2.webp");
}


#pgTrialError .pageHeader {
	background-color:white;
	z-index: 2;
}
.no-webp #pgTrialError .pageHeader {
	background-image: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-strip-tryi-it-free-v2.png");
}
.webp #pgTrialError .pageHeader {
	background-image: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-strip-tryi-it-free-v2.webp");
}

#secTrial .content-left {
	float: left;
	height: 1578px;
	position: relative;
	width: 1094px;
	top: 140px;
	z-index: 1;
}
.no-webp #secTrial .content-left {
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-2-page-try-it-free.png") no-repeat right bottom;
	background-size: cover;
}
.webp #secTrial .content-left {
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-2-page-try-it-free.webp") no-repeat right bottom;
	background-size: cover;
}

#secTrial .content-left h1 {
	position: relative;
	transform: rotate(-90deg);
	top: 380px;
	left: 10px;
	z-index: 1;
}
#secTrial .content-left .content{
	width: 54.85%;
}
#secTrial .shape-1 {
	height: 1030px;
	left: 0;
	position: absolute;
	top: 140px;
	width: 434px;
	z-index: 1;
}
.no-webp #secTrial .shape-1 {
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-shape-7.png") no-repeat left top;
	background-size: cover;
}
.webp #secTrial .shape-1 {
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-shape-7.webp") no-repeat left top;
	background-size: cover;
}


#secTrial .shape-2 {
	top: 130px;
	height: 1305px;
	left: 0;
	position: absolute;
	width: 1096px;
}
.no-webp #secTrial .shape-2 {
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-shape-6.png") no-repeat left bottom;
	background-size: cover;
}
.webp #secTrial .shape-2 {
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-shape-6.webp") no-repeat left bottom;
	background-size: cover;
}

#secTrial .content-right {
	left: 35.31%;
	width: 100%;
	position: absolute;
	top: 230px;
	z-index: 2;
}
#secTrial .content-right p,
#secTrial .content-right ul{
	font-size: 24px;
	margin: 0;
}
#secTrial .content-right h1{
	font-size: 48px;
	line-height: 1;
}
#secTrial .content-right .content{
	max-width: 580px;
}
#secTrial .content-right .content-1 p{
	padding-right: 30px;
}
#secTrial .content-right .content-2,
#secTrial .content-right .content-3{
	margin-top: 60px;
	position: relative;
}
#secTrial .content-right .content-2{
	left: 14%;
}
#secTrial .content-right .content-3{
	left: 23.64%;
}
/*#secTrial .content-right form{*/
/*	margin: 0 auto;*/
/*	max-width: 453px;*/
/*}*/
#pgTrial .formTrial input{
	font-family: 'Open Sans', sans-serif;
}
#pgTrial .formTrial input:not([type="submit"]){
	background-color: rgb(210,210,210);
	background-color: rgba(210,210,210,.80);
	border: 0 none;
	color: black;
	font-size: 30px;
	padding: 6px 10px;
	margin-top: 4px;
	margin-bottom: 8px;
	text-align: left;
	-webkit-box-shadow: inset 6px 6px 15px 0 rgba(0,0,0,0.33);
	-moz-box-shadow: inset 6px 6px 15px 0 rgba(0,0,0,0.33);
	box-shadow: inset 6px 6px 15px 0 rgba(0,0,0,0.33);
}
#pgTrial .formTrial input[type="submit"] {
	background: #ff6600;
	border-radius: 5px;
	font-size: 21px;
	padding: 12px 0;
	width: 350px;
	line-height: 21px;
}

#pgTrial .formTrial select{
	background-color: rgb(210,210,210);
	background-color: rgba(210,210,210,.80);
	border: 0 none;
	color: black;
	font-size: 22px;
	/*padding: 7px;*/
	font-family: 'Open Sans', sans-serif;
	margin: 0 0 0 0;
	width:100%;
}


#pgTrial .formTrial .input-field{
	color: black;
}

#pgTrial .formTrial label{
	color: rgb(210,210,210);
	line-height: 14px;
	font-size: 16px;
	margin-right:15px;
}
#pgTrial .formTrial [type="checkbox"] + label,
#pgTrial .formTrial [type="radio"] + label,
#pgTrial .formTrial .input-field [type="checkbox"] + label,
#pgTrial .formTrial .input-field [type="radio"] + label{
	font-size: 16px;
	padding-left: 30px;
}
#pgTrial .formTrial .input-field label,
#pgTrial .formTrial .label{
	color: white;
	padding-left: 10px;
	font-size: 20px;
}
#pgTrial .formTrial .input-field label.active
{
	font-size: 19px !important;
	padding-left: 10px;
	text-shadow: 2px 2px 1px #333;
	display: block;
}
#pgTrial .formTrial .label
{
	font-size: 16px !important;
	padding-left: 10px;
	text-shadow: 2px 2px 1px #333;
	display: block;
}

#pgTrial .formTrial .input-field input.err{
	border: 2px solid #c00;
}
#pgTrial .formTrial div.err{
	margin-top: 0;
	display: block;
	color: #cc0000;
	font-size: 14px;
}

#pgTrial .formTrial select:focus,
#pgTrial .formTrial input:not([type="submit"]):focus
{
	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,.95);
}

#pgTrial .formTrial .input-field :after,
#pgTrial .formTrial .input-field :after {
	color: #cc0000;
	padding-top:4px;
	font-weight:bold;
}

#pgTrial .formTrial input[type="submit"]:hover,
#pgTrial .formTrial input[type="submit"]:focus{
	background: #009900;
}

#pgTrial .secStep2 {
	float: left;
	height: 1578px;
	position: relative;
	width: 1094px;
	top: 140px;
	z-index: 1;
}
.no-webp #pgTrial .secStep2 {
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-2-page-try-it-free.png") no-repeat right bottom;
	background-size: cover;
}
.webp #pgTrial .secStep2 {
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/bg-2-page-try-it-free.webp") no-repeat right bottom;
	background-size: cover;
}

#modal1 {
	overflow: visible
}

.modal .modal-content {
	padding: 0;
}

.modal-content {
	max-width: 100% !important;
	width:100%;
	max-width: 640px;
	margin: 0 auto;
}

.trialCarousel {
	float: right;
	margin: 450px 0 0;
	position: relative;
	left: 4%;
	/* top: 60%; */
	width: 269px;
}
.trialCarousel p{
	color: #898989;
	font-size: 22px;
	line-height: normal;
	margin-bottom: 0;
	padding-right: 25px;
}
.trialCarousel img{
	display: block;
	margin: 0 0 15px;
	width: 146px;
}
.trialCarousel h3{
	margin: 0 0 15px 0;
}
.trialCarousel .item-carousel{
	overflow: hidden;
	padding: 35px 0 0;
}
.trialCarousel .slick-prev,
.trialCarousel .slick-next{
	background: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/arrows-vertical.png") no-repeat top center;
	height: 46px;
	left: 50px;
	transform: translate(0, 0);
	width: 46px;
}
.trialCarousel .slick-prev {
	top: -56px;
}
.trialCarousel .slick-next {
	background-position: 0 -46px;
	bottom: -56px;
	right: auto;
	top: auto;
}
::-webkit-input-placeholder  { color:#fff; }
input:-moz-placeholder { color:#fff; }
::-moz-placeholder { color:#fff; } /* Firefox 19+ */
:-ms-input-placeholder { color:#fff; } /* IE 10+ */
:-moz-placeholder { color:#fff; } /* Firefox 18- */


@media (max-width: 1740px){
	#use .screens {
		position: relative;
		top: 20px;
	}
	#secInitial .image{
		background-position: 70% 0% !important;
	}
}
@media (max-width: 1680px){
	#pgFeatures #email img{
		top: 50%;
		transform: translateY(-50%);
	}
}
@media (max-width: 1440px){

	#secInitial h1,
	.pageHeader h1{
		font-size: 60px;
	}
	.col-twins .text{
		max-width: 60%;
	}
	.pageHeader{
		height: 360px;
	}
	#includes .secBlue h1 {
		margin: 80px 0;
	}
	#includes .col-include ul {
		margin-bottom: 50px;
	}
	#includes .col-include .btn {
		bottom: 60px;
	}
	.page ul > li{
		font-size: 21px;
	}
	#jobs .shape,
	#jobs .fake-shape{
		width: 80%;
	}
	#files-photos ul{
		width: 95%;
	}
	#pgFeatures #email .align-center {
		bottom: 7%;
	}
	#notes-faxing .shape h1:last-of-type {
		margin-top: 90px;
	}
	#general .shape .content {
		padding-right: 10%;
	}
	.sidebar span{
		left: 20px;
	}
	.sidebar a{
		padding-left: 70px;
	}
	#secTrial .content-right h1{
		font-size: 42px;
	}
	#secTrial .content-right .content {
		max-width: 450px;
	}
	#secTrial .content-right {
		left: 45.31%;
	}
	#secTrial .content-right .content-3 {
		max-width: 375px;
	}
	#pgTrial .formTrial input[type="submit"] {
		padding: 25px 0;
		width: 260px;
	}
	#secTrial .content-right p,
	#secTrial .content-right ul,
	#pgTrial .formTrial input:not([type="submit"]){
		font-size: 21px;
	}
	#pgTrial .formTrial input:not([type="submit"]) {
		padding: 13px 10px;
	}
}
@media (max-width: 1320px){
	#subFooter ul,
	#subFooter p{
		float: none;
		text-align: center !important;
	}
	#subFooter ul{
		margin-bottom: 20px;
	}
}
@media (max-width: 1280px){
	.btn-larger{
		padding: 25px 0;
	}
	#secInitial .text{
		max-width: 70%;
	}
	#numbers .counter {
		font-size: 36px;
		margin-top: 45px;
	}
	#secPricing .code {
		font-size: 35px;
	}
	#secPricing .value {
		font-size: 60px;
	}
	#secPricing .cents-period .cents {
		font-size: 30px;
		top: 16px;
	}
	.medium-title,
	#secPricing .col-list h2 {
		font-size: 36px;
	}
	#secPricing .cents-period{
		display: block;
		margin: 0 auto;
	}
	#secPricing .cents-period span{
		position: relative;
	}
	#secPricing .info-pricing{
		max-width: 90%;
	}
	#secPricing .col-list h2{
		margin-bottom: 30px;
	}
	#secPricing.toggling .flex .col:first-child{
		margin-left: 2%;
	}
	#jobs .content{
		padding-left: 40%;
	}
	#pgFeatures #email .align-center {
		bottom: 7%;
	}
	.notes .content {
		width: 60%;
	}
	#notes-faxing .shape .content {
		padding-left: 40%;
	}
	#general .shape .content {
		padding-left: 14%;
		padding-right: 15%;
	}
	#secTrial .content-left {
		width: 914px;
	}
	#secTrial .content-left .content {
		width: 47.85%;
	}
	.trialCarousel {
		margin-top: 400px;
	}
	.trialCarousel p{
		font-size: 21px;
	}
	#secTrial .content-left h1 {
		top: 450px;
		left: -80px;
	}
	#secTrial .content-right {
		left: 40.31%;
	}
	#secTrial .content-right h1 {
		font-size: 36px;
	}
	#secTrial .content-right .content-3 {
		left: 27%;
		max-width: 330px;
	}
	#pgTrial .formTrial input[type="submit"] {
		font-size: 18px;
		/*width: 200px;*/
	}
}
@media (min-width: 992px) and (max-width: 1180px){
	#secPricing .wrapper-larger{
		max-width: 90%;
	}
}
@media (max-width: 1180px){
	#secInitial .image{
		opacity: 0.8;
	}
	#secInitial h1,
	.pageHeader h1{
		font-size: 50px;
		max-width:85%;
	}
	.pageHeader {
		height: 300px;
	}
	.general h1{
		font-size: 36px;
		margin: 50px 0 30px;
	}
	#notes-faxing .shape {
		width: 75%;
	}
	.resultsCarousel .item-carousel{
		width: 46%;
		max-width: 100%;
	}
	.resultsCarousel .resultsCarouselGroup {
		margin-left: 25px;
	}
	.resultsCarousel .resultsCarouselGroup .slick-list {
		margin-left: 10px;
	}
	.sidebar a {
		font-size: 18px;
		padding-bottom: 20px;
		padding-left: 55px;
		padding-top: 20px;
	}
	.sidebar span {
		left: 10px;
	}
	#pgCustomers .content h1{
		font-size: 36px;
	}
	#secTrial {
		padding-bottom: 40px;
		padding-top: 80px; /* Hide Testimonials */
	}
	#secTrial .content-right p,
	#secTrial .content-right ul,
	#pgTrial .formTrial input:not([type="submit"]){
		font-size: 18px;
		max-width: 100%;
	}
	#secTrial .content-left {
		display: none; /* Hide Testimonials */
		background-color: #fff;
		background-image: none;
		height: auto;
		width: 100%;
		float: none;
		padding-top: 180px;
		top: 0;
		padding-bottom: 60px;
	}
	.webp #secTrial .content-left, .no-webp #secTrial .content-left {
		background-color: #fff;
		background-image: none;
	}	
	#secTrial .content-left .content {
		width: 50%;
		margin: 0 auto;
	}
	#secTrial .content-left h1 {
		left: auto;
		text-align: center;
		top: 0;
		transform: none;
	}
	.trialCarousel {
		float: none;
		left: auto;
		margin-top: 20px;
		top: auto;
		width: 100%;
		text-align: center;
	}
	.trialCarousel img {
		margin: 0 auto 15px;
	}
	.trialCarousel .slick-prev,
	.trialCarousel .slick-next {
		top: 50%;
		transform: rotate(-90deg);
	}
	.trialCarousel .slick-prev {
		left: 0;
		margin: -23px 0 0 -50px;
	}
	.trialCarousel .slick-next {
		right: 0;
		margin: -23px -50px 0 0;
		left: auto;
	}
	#secTrial .content-right {
		padding-top: 40px;
		position: relative;
		left: auto;
		top: auto;
	}
	#secTrial .content-right .content {
		max-width: 50%;
		margin: 0 auto 40px;
		left: auto;
	}
	#secTrial .content-right .content-1 p{
		padding-right: 0;
	}
	#secTrial .content-right form{
		max-width: 100%;
	}}
@media (min-width: 1024px){
	.ico-menu{
		display: none;
	}
	.navigation{
		display: inline-block;
		left: 50%;
		position: absolute;
		transform: translateX(-60%);
	}
	.access{
		float: right;
	}
}
@media (max-width: 1023px){
	.btn-larger{
		padding: 20px 0;
		width: 220px;
	}
	.ico-menu {
		display: block;
		margin-top: -24px;
		position: absolute;
		right: 0;
		top: 50%;
	}
	.menu ul,
	#includes .shape,
	#about-us .shape-image{
		display: none;
	}
	nav ul li{
		float: none;
		margin: 0;
		text-align: center;
	}
	.navigation li {
		border-bottom: 1px solid rgb(0,0,0);
		border-bottom: 1px solid rgba(0,0,0,.1);
	}
	.access li a.btn {
		margin: 20px auto;
		display: block;
		width: 90%;
	}
	.menu .container-menu{
		background-color: #fff;
		box-shadow: 2px 0 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
		height: 100%;
		left: 0;
		margin-left: -265px;
		position: fixed;
		overflow: hidden;
		overflow-y: auto;
		top: 0;
		transform: translate(0, 0);
		transition: transform .3s;
		width: 265px;
		-webkit-backface-visibility: hidden;
	}
	.menu-showing .menu .container-menu{
		transform: translate(265px, 0);
	}
	.menu-showing .menu ul{
		display: block;
	}
	#secInitial .image{
		background-position: 75% 0% !important;
	}
	#secInitial .text {
		max-width: 65%;
	}
	#about-us{
		background-color: #fff;
		padding-top: 0;
		z-index: 1;
	}
	.to-the-right{
		padding-left: 0;
	}
	.col-twins .text{
		max-width: 80%;
	}
	#subFooter p,
	#subFooter ul {
		float: none;
		text-align: center !important;
	}
	#subFooter p{
		margin-bottom: 15px;
	}
	#secPricing .info-pricing {
		max-width: 100%;
		padding: 0;
	}
	#secPricing.toggling .flex .col:first-child{
		margin-left: 0;
	}
	#includes .secWhite{
		padding-left: 0;
	}
	#includes .wrap-text {
		background-color: #fff;
		border-radius: 10px;
		margin-top: 40px;
		padding: 20px;
	}
	#includes .secWhite h2{
		margin-top: 0;
	}
	#includes .secBlue{
		margin-top: 40px;
	}
	#includes .secBlue h1 {
		margin: 50px 0;
	}
	#includes .col-include .wrapper {
		max-width: 90%;
	}
	#includes .col-include ul {
		padding-bottom: 30px;
	}
	#includes .col-include .btn {
		bottom: 40px;
	}
	.box-illustration .col-50,
	#schedule-templates .col-50{
		float: none;
		width: 90%;
	}
	.page ul > li,
	#includes .secWhite p{
		font-size: 18px;
	}
	.box-illustration {
		min-height: 100%;
	}
	#schedule-templates,
	.job-list,
	#documents .box-illustration,
	#files-photos{
		padding: 60px 0;
	}
	#schedule-templates img {
		display: block;
		max-width: 90%;
		position: relative;
		transform: none;
		margin: 20px 0 0 auto;
	}
	#contacts .box-illustration,
	#jobs .content{
		padding-top: 60px;
	}
	#pgFeatures #email{
		padding: 60px 0;
	}
	#pgFeatures #email .col-50{
		float: none;
		width: 100%;
	}
	#pgFeatures #email .align-center{
		margin: 40px 0;
		position: relative;
		width: 100%;
	}
	#pgFeatures #email img {
		display: block;
		margin: 0 auto;
		max-width: 60%;
		position: relative;
		transform: none;
	}
	.notes .content {
		width: 100%;
	}
	.notes {
		float: none;
		margin: 0 auto;
		padding-right: 0;
		width: 90%;
	}
	#notes-faxing .shape {
		width: 90%;
	}
	#general .shape .content {
		padding-left: 10%;
	}
	.resultsCarousel .item-carousel{
		margin-right: 0;
	}
	.resultsCarousel .resultsCarouselGroup .slick-list,
	.resultsCarousel .resultsCarouselGroup{
		margin-left: 0;
	}
	#templates select {
		position: relative;
		top: auto;
		width: 100%;
		max-width: 100%;
		margin-bottom: 30px;
	}
	#templates .main-list ul,
	#templates .main-list img{
		float: none;
		width: 100%;
	}
	#templates .main-list img{
		margin-top: 40px;
	}
}
@media (max-width: 992px){
	.col-25{
		margin-bottom: 40px;
		width: 50%;
	}
	.wrapper,
	#templates .wrapper{
		max-width: 80%;
	}
	.flex{
		flex-direction: column;
	}
	#secInitial .image{
		opacity: 0.4;
	}
	#testimonials .mainCarousel .slick-dots {
		bottom: 0;
	}
	#testimonials p{
		font-size: 16px;
	}
	#secPricing .col {
		width: 48%;
		max-width: 100%;
		margin: 0 auto 40px;
	}
	#numbers,
	#pgPricing{
		padding-bottom: 50px;
	}
	#ctl00_footer{
	/*	padding-top: 50px;*/
	}
	#ctl00_footer h1,
	#ctl00_footer h2{
		font-size: 36px;
	}
	#ctl00_footer h2{
		margin-bottom: 25px;
	}
	#ctl00_footer h3 {
		font-size: 24px;
		line-height: 36px;
	}
	#subFooter{
		/*margin-top: 35px;*/
	}
	#secPricing{
		padding-bottom: 80px;
	}
	#secPricing .col {
		height: auto;
		min-height: 530px;
	}
	#secPricing .cards ul {
		text-align: center;
	}
	#secPricing .info-pricing p{
		font-size: 28px;
	}
	#secPricing.toggling .flex .col:first-child{
		margin-left: auto;
	}
	#secPricing .col-list h2 {
		margin: 0 0 20px;
	}
	.list-title{
		font-size: 24px;
	}
	/*.page h1 {
		font-size: 1.5em;
	}*/
	.page ul li li {
		margin-left: 15px;
	}
	.page .list-icon-color-1 > li{
		list-style-image: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/ico-check-1-16.png");
	}
	.page .list-icon-color-2 > li{
		list-style-image: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/ico-check-2-16.png");
	}
	.page .list-icon-color-1 > .group{
		list-style-image: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/ico-group-1-16.png");
	}
	.page .list-icon-color-2 > .group{
		list-style-image: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/ico-group-2-16.png");
	}
	.page .list-icon-color-1 > .storage{
		list-style-image: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/ico-storage-1-16.png");
	}
	.page .list-icon-color-2 > .storage{
		list-style-image: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/ico-storage-2-16.png");
	}
	.page .list-icon-color-1 > .empty{
		list-style-image: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/ico-empty-1-16.png");
	}
	.page .list-icon-color-2 > .empty{
		list-style-image: url("https://d2wlhgbv3ycrwu.cloudfront.net/img/ico-empty-2-16.png");
	}
	#includes{
		padding-top: 100px;
	}
	#includes .secWhite h2{
		font-size: 24px;
	}
	#includes .col-include{
		max-width: 100%;
	}
	#includes .col-include:first-child{
		margin-bottom: 40px;
	}
	.sidebar {
		position: absolute;
		width: 280px;
		left: -9999px;
		transition: left .3s;
		z-index: 1;
	}
	.sidebar-showing .sidebar{
		left: 0;
		border-radius: 0 10px 10px 0;
	}
	.sidebar a {
		padding-left: 90px;
	}
	.sidebar span {
		left: 30px;
	}
	#pgCustomers .content{
		float: none;
		margin: 0 auto 40px;
	}
	.menu-vertical {
		display: block;
		position: absolute;
		left: 0;
	}
	#pgCustomers .wrapper-custom{
		position: inherit;
	}

	.main-list{
		margin-top: 40px;
	}
	#templates .sub-list ul{
		margin-bottom: 0;
	}
	#templates h2,
	#templates .sub-list h3{
		font-size: 21px;
	}

	#secArticles .shape h1 {
		font-size: 30px;
		margin-bottom:10px;

	}
	#secArticles .shape h2 {
		font-size: 24px;
	}
	#secArticles .shape h3 {
		font-size: 20px;
	}
	#secArticles .shape p {
		font-size: 16px;
		font-family: 'Open Sans', sans-serif;
	}


}
@media (max-width: 768px){
	.wrapper,
	#templates .wrapper{
		max-width: 95%;
	}
	.general h1{
		font-size: 28px;
	}
	.btn-larger {
		font-size: 21px;
		padding: 15px 0;
		width: 180px;
	}
	#secInitial .text{
		max-width: 100%;
	}
	#secInitial .wrapper,
	#use .wrapper,
	#pgPricing .pageHeader .wrapper{
		max-width: 80%;
	}
	#use .image {
		top: auto;
		bottom: 0;
	}
	#projects h1{
		margin: 20px 0;
	}
	.col-twins{
		float: none;
		max-width: 100%;
		padding: 40px 0;
		width: 200%;
	}
	#projects .col-twins{
		padding: 40px 0;
	}
	#projects .col-twins img {
		max-width: 60px;
	}
	#numbers .col-25{
		float: none;
		width: 100%;
	}
	#secPricing,
	#configuration-advantages .col-twins{
		padding-bottom: 40px;
	}
	#configuration-advantages h1{
		margin-top: 20px;
	}
	#configuration-advantages .col-twins .text{
		max-width: 80%;
	}
	#includes,
	#jobs-features,
	#online-services,
	#documents .box-illustration,
	#files-photos{
		padding: 40px 0;
	}
	.page .shape {
		background: #fff none !important;
		border-radius: 10px;
	}
	#jobs .job-list ul,
	#jobs-features ul,
	#online-services ul,
	#general ul{
		margin-bottom: 3em;
	}
	#jobs .content {
		padding: 40px 0 0 0;
	}
	#secArticles .shape,
	#jobs .shape,
	#jobs .fake-shape {
		width: 95%;
		float: none;
		margin: 0 auto;
		padding-bottom:0;
	}
	#secArticles .shape,
	#jobs .shape{
		height: auto;
		margin-top: 40px;
		padding-bottom: 20px;
	}
	.job-list {
		margin-top: 40px;
		padding: 40px 0;
	}
	#jobs-features .col-50,
	#notes-faxing .shape,
	#online-services .col-50,
	#general .shape{
		float: none;
		width: 90%;
	}
	#jobs-features .col-50,
	#online-services .col-50{
		margin-bottom: 40px;
	}
	#jobs-features .col-50:last-child,
	#online-services .col-50:last-child{
		margin-bottom: 0;
	}
	#files-photos .col-50{
		float: none;
		width: 100%;
	}
	#pgFeatures #email{
		padding: 40px 0;
	}
	#notes-faxing .shape{
		height: auto;
		margin: 40px auto;
	}
	#notes-faxing .shape .content,
	#general .shape .content{
		padding: 5%;
		width: 100%;
	}
	#online-services .align-left{
		text-align: center;
	}
	#online-services .btn{
		margin-left: 0;
	}
	#general{
		padding-bottom: 40px;
	}
	#general .shape{
		height: auto;
		margin: 0 auto;
	}
	#secTrial .content-left .content,
	#secTrial .content-right .content{
		max-width: 90%;
		width: 90%;
	}
	.trialCarousel .slick-prev{
		margin-left: -20px;
	}
	.trialCarousel .slick-next{
		margin-right: -20px;
	}
	#secInitial .image{
		background-position: 80% 0% !important;
	}

	#secStep2{
		padding-left:25px;
		padding-right:25px;
	}

	#secStep2 .content {
		width:100%;
	}


}
@media (max-width: 600px){
	#use .text {
		max-width: 100%;
		padding-bottom: 50%;
	}
	#ctl00_footer h1,
	#ctl00_footer h2 {
		font-size: 28px;
	}
	.pageHeader {
		height: 200px;
	}
	#pgPricing .pageHeader h1{
		font-size: 36px;
	}
	.medium-title,
	#secPricing .info-pricing h1{
		font-size: 24px;
	}
	.page ul > li,
	#templates h2,
	#templates .sub-list h3{
		font-size: 16px;
	}
	#pgCustomers .content h1{
		font-size: 31px;
		padding: 0 10px;
	}
	#pgCustomers .content {
		width: 90%;
	}

	#secTrial h1,
	#secStep2 h1{
		font-size:26px;
	}

	#secStep2 h2{
		font-size:20px;
	}
}
@media (max-width: 500px){
	#secInitial h1,
	.pageHeader h1{
		font-size: 36px;
	}
	#secPricing .col{
		width: 80%;
	}

	#secArticles img.feat {
		float:none;
		margin: 0 15px 5px 15px;
		max-width:90%;
	}

}
@media (max-width: 360px){
	#use .screen-1 .play {
		transform: translate(-50%,-40%);
	}
	#pgTrial .formTrial input:not([type="submit"]){
		padding-left: 0;
		padding-right: 0;
	}
	#secInitial{
		min-height: 500px;
		height: 100vh;
	}
}