.section {
	float: left;
	width: 100%;
	padding: 60px 0;
}
.width-wrapper {
    max-width: 960px;
    margin: 0px auto;
    padding: 0 4%;
}
.container {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	padding: 0% 5% 0%;
	justify-content: center;
}
.box {
	flex-basis: 320px;
	flex-grow: 1;
	text-align: center;
	padding: 2%;
}
.box1 {
	flex-basis: 96%;
}
.box2 {
	flex-basis: 46%;
}
.box3 {
	flex-basis: 28%;
}
.box4 {
	flex-basis: 21%;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Nunito', sans-serif;
}
hr {
    margin: 20px auto 30px;
    max-width: 500px;
    border-top: 1px solid #D7F0FC;
}
strike {
    color: #7E7E7E;
    font-weight: 400;
    font-style: italic;
}
ul {
	margin: 0;
}
.white {
	color: #fff;
}

.blue {
	color: #008CCE;
}
.center-text {
	text-align: center;
}
.green-bg {
	background: #fb7d00;
}
.max-width {
	max-width: 780px;
	margin: 0 auto;
}
.btn.primary {
    display: inline-block;
    margin-bottom: 5px;
    margin-top: 5px;
    font-size: 15px;
    font-style: normal;
    border-radius: 4px;
    font-stretch: normal;
    line-height: 1.6;
    letter-spacing: 2px;
    text-align: center;
    padding: 16px 54px;
    color: #fff;
    background-color: #8CC348;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.3);
    border: 0;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    white-space: normal;
    -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.btn.primary:hover {
	background: #005A84;
}
.banner-cutout {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1920' height='826.125'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='.011' y1='.028' x2='.585' y2='.6' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%230081ce'/%3E%3Cstop offset='1' stop-color='%2355b2e8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath data-name='Subtraction 1' d='M913.621 826.125H0V0h1920v353.466a306.877 306.877 0 0 0-31.486-26.16 331.04 331.04 0 0 0-34.772-21.954 380.4 380.4 0 0 0-37.981-18.1c-12.93-5.327-26.762-10.241-41.112-14.608-13.51-4.112-30.442-6.2-50.325-6.2a356.775 356.775 0 0 0-43.946 2.907c-13.491 1.686-21.951 3.423-22.035 3.44a283.165 283.165 0 0 0-43.61 12.721 278.9 278.9 0 0 0-40.477 19.366 297.537 297.537 0 0 0-37.433 25.874A340.1 340.1 0 0 0 1502.345 363c-3.923 4.208-7.271 8.026-10.237 11.67-5.753 7.071-9.484 11.577-12.777 14.513a19.191 19.191 0 0 1-4.872 3.317 12.063 12.063 0 0 1-5.008 1.047c-4.726 0-10.59-2.325-20.305-6.178l-2.6-1.03a208.038 208.038 0 0 0-37.679-10.93 206.414 206.414 0 0 0-101.075 6.176 214.981 214.981 0 0 0-57.854 28.55 226.205 226.205 0 0 0-48.773 46.212 248.017 248.017 0 0 0-35.605 62.75c-2.589 6.615-4.982 10.565-8 13.205a15.86 15.86 0 0 1-5.728 3.214 25.264 25.264 0 0 1-7.747 1.055c-.8 0-1.654-.026-2.531-.076-3.7-.214-7.463-.323-11.17-.323a197.44 197.44 0 0 0-70.572 13.149 213.251 213.251 0 0 0-32.478 15.691 225.923 225.923 0 0 0-29.807 21.105 237.924 237.924 0 0 0-26.537 26.023 248.089 248.089 0 0 0-22.672 30.444 258.609 258.609 0 0 0-31.347 72.16 255.5 255.5 0 0 0-4.354 32.4c-.761 10.057-1.136 20.965-1.115 32.422.04 21.824 1.5 39.829 2.12 46.557z' fill='url(%23a)'/%3E%3C/svg%3E");
	background-size: 100% 610px;
	background-repeat: no-repeat;
}
.hosting-section.intro {
    margin-top: 0;
    padding: 0;
    display: block;
    float: left;
    width: 100%;
}
#hosting-header {
	position: relative;
}
svg#banner-svg {
    position: absolute;
    left: 0;
    top: -110px;
    z-index: -1;
    max-width: 100%;
    max-height: max-content;
}
#hosting-header .box.box2 {
	text-align: left;
}
#hosting-subheader .box.box2 {
	text-align: left;
	position: relative;
}
.freelance-desk {
	width: 80%;
    bottom: 35px;
    position: absolute;
    right: 4%;
}
#hosting-intro p {
    color: #fff;
    font-size: 1.5em;
    font-weight: 300;
}
#hosting-header img.hosting-logo {
    width: 250px;
    display: inline-block;
    float: left;
    margin: 0;
}
.hosting-features {
	float: left;
    width: 100%;
    display: block;
}
.hosting-features.section {
	padding-bottom: 0;
}
.feature-wrapper {
    display: inline-block;
    width: 30%;
    margin: 8% 1.6% 5%;
    float: left;
    text-align: center;
}
.feature-wrapper p {
	margin-top: 0;
    font-size: 1.2em;
    font-weight: 700;
    text-transform: uppercase;
    color: #007dd4;
}
.feature-img-wrapper {
    vertical-align: middle;
    height: 200px;
    text-align: center;
}
.feature-img-wrapper img {
	vertical-align: middle;
	max-width: 100%;
	margin-bottom: 0;
}
#pricing {
	background: #f5f5f5;
}
.box.box2.yellow p {
    margin: 40px 10%;
}

.box.box2.yellow {
    background: #efebd3;
    height: 120px;
    margin-top: 200px;
}
.pricing-header {
	float: left;
    position: relative;
    clear: left;
    display: inline-block;
    bottom: -40px;
}
.pricing-header h2 {
    font-size: 2.5em;
    color: #0081CE;
    font-weight: 900;
    margin-bottom: 2%;
    letter-spacing: .5px;
    line-height: 1.3;
    margin-top: 0;
}
.pricing-header h3 {
    margin-top: 0;
    font-size: 1.4em;
}
.highlight {
	color: #8CC348;
}

#hosting-included h2 {
	margin-bottom: 0;
}
#hosting-included p {
	max-width: 700px;
    margin: 1em auto;
    text-align: center;
}
.hosting-menu {
    display: inline-block;
    float: right;
}
.hosting-menu ul {
    display: inline-block;
    color: #fff;
}
.hosting-menu li {
    display: inline-block;
    float: left;
    padding: 20px;
}
.hosting-buynow {
    display: inline-block;
    float: right;
}
.hosting-buynow .btn.primary {
	padding: 16px 15px;
}
.hosting-buynow a,
.subnav li a {
    color: #fff;
    text-decoration: none;
}
#pricing .width-wrapper {
    background: #EDF6FB;
    padding: 1% 2%;
    border: 3px dashed #008CCE;
}
.four-col {
	display: inline-block;
	width: 23%;
    margin-right: 1.6%;
    vertical-align: middle;
}
.four-col ul {
	list-style-type: none;
}
h4.blue-sub {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    color: #007fd1;
}
h3.price {
    color: #8cc935;
    font-weight: 900;
    font-size: 2.2em;
    margin: 0;
}
.price strike {
	color: #8b8b8b;
    font-weight: 300;
    font-style: italic;
}
.four-col.bold-blue li {
	font-weight: 700;
    color: #007fd1;
    margin: 10% 0;
}
.four-col li {
    color: #8B8B8B;
    margin: 10% 0;
}
italic {
    font-style: italic;
    color: #8B8B8B;
}
#hosting-included.section {
    float: left;
    width: 100%;
    padding: 20px 0;
}
div#sync {
    background: #007fd1;
    background: linear-gradient(to left, #9EC669 64%, #8EC742 36%);
}
#security {
    background: #007fd1;
    background: linear-gradient(to left, #55B2E8 64%, #007fd1 36%);
}
div#backupbuddy {
    background: #007fd1;
    background: linear-gradient(to left, #FA5B5B 64%, #E63030 36%);
}
.prod-logo {
	width: 40%;
}
.box.box3 li {
    list-style-type: none;
    color: #fff;
    margin: 7% 0;
}
.bub-video {
    z-index: 1000;
    text-align: center;
    margin: 0px 0 0;
}
.bub-video {
    position: relative;
}
.bub-top img.placeholder {
    display: block;
    position: relative;
}
.bub-video img {
    float: none;
    display: block;
    text-align: center;
    margin: 0 auto;
}
.play-btn {
    position: absolute;
    z-index: 100;
    left: 40%;
    top: 45%;
    height: 40px !important;
}
h3.bold-logo {
	font-weight: 900;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1px;
    margin: 0;
    font-size: 1.2em;
}
#sync.section,
#security.section,
#backupbuddy.section {
	padding: 40px 0;
}
.testimonial {
    display: inline-block;
    width: 30%;
    margin: 0 1.5%;
    text-align: center;
    background: linear-gradient(to top, #ffffff 80%, #007fd1 20%);
    position: relative;
    border-radius: 7px;
    -webkit-box-shadow: 0px 0px 54px 0px rgba(211, 229, 241);
	-moz-box-shadow: 0px 0px 54px 0px rgba(211, 229, 241);
	box-shadow: 0px 0px 54px 0px rgba(211, 229, 241);
}
.testimonial img {
	border-radius: 50%;
    height: 100px !important;
    margin: 0 auto;
    text-align: center;
    position: relative;
    margin-top: 10%;
    margin-bottom: 0;
}
.testimonial p {
    color: #5d6f78;
    margin-top: 0;
    padding: 0 4%;
}
.testimonial p:before {
	content: "\f10e";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #8EC742;
    font-size: 60px;
    position: relative;
    text-align: center;
    margin: 0 auto;
    display: block;
}
#testimonials .box.box2 h5,
#testimonials .box.box2 p {
	position: relative;
}
.testimonial-full {
    display: block;
    max-width: 750px;
    margin: 0 auto;
    position: relative;
}
#testimonials .box.box2:first-child {
	text-align: left;
}
#testimonials .box.box3 img {
	border-radius: 50%;
	width: 47%;
}
#testimonials .box.box2 h5:after {
    content: "\f10e";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #008bce;
    font-size: 48px;
    padding-right: 0.5em;
    position: absolute;
    bottom: 20px;
    right: -60px;
}
#testimonials .box.box2 p:before {
    content: "\f10d";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #008bce;
    font-size: 48px;
    padding-right: 0.5em;
    position: absolute;
    top: -20px;
    left: -60px;
}
h5.quote-name {
    font-weight: 700;
}
#pricing-cta {
    background: #2a2e33;
}
#pricing-cta .four-col li {
    color: #ffffff;
    margin: 10% 0;
}
#pricing-cta .four-col.bold-blue li {
    color: #55b2e7;
}
#pricing-cta h4.blue-sub {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    color: #55b2e7;
}
#pricing-cta italic {
    font-style: italic;
    color: #bdbcbc;
}
#hosting-faq.section {
	padding-top: 0;
}
.toolkit .box.box2 {
	text-align: left;
}
.toolkit h2 {
	color: #fff;
}
.toolkit {
    background: #0985d0;
    text-align: center;
}

.toolkit h4,
.toolkit p {
    color: #fff;
}
.toolkit img {
	width: 85%;
    margin: 0;
}
.toolkit .box.box2.center {
	text-align: center;
}
#features img {
	height: 130px!important;
	margin-bottom: 0;
}
#features .box.box3,
#extras .box.box3 {
    margin: 2%;
    flex-basis: 25%;
}
#extras h2,
#extras .box.box1 {
	margin-bottom: 0;
	padding-bottom: 0;
}
#extras h4 {
    position: relative;
}
#extras h4:before {
    content: "\f132";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #008bce;
    font-size: 23px;
    padding-right: 0.5em;
}
#extras h4.integration:before {
    content: "\f085";
}
#extras h4.reporting:before {
    content: "\f080";
}
#buyback .box.box2:last-child {
	text-align: left;
}
#buyback .box.box2 img {
	width: 75%;
}
#buyback .fl-builder-module-template,
#buyback .fl-module-content {
	margin: 0;
	padding: 0;
}
@media (min-width: 1780px) {
	.freelance-desk {
	    bottom:-50px;
	}
}
@media (min-width: 1720px) {
	div#sync {
	    background: #007fd1;
	    background: linear-gradient(to left, #9EC669 61%, #8EC742 39%);
	}
	#security {
	    background: #007fd1;
	    background: linear-gradient(to left, #55B2E8 61%, #007fd1 39%);
	}
	div#backupbuddy {
	    background: #007fd1;
	    background: linear-gradient(to left, #FA5B5B 61%, #E63030 39%);
	}
}
@media (max-width: 1300px) {
	
	.freelance-desk {
		
	}
}
@media (max-width: 1200px) {
	div#sync {
	    background: #007fd1;
	    background: linear-gradient(to left, #9EC669 70%, #8EC742 30%);
	}
	#security {
	    background: #007fd1;
	    background: linear-gradient(to left, #55B2E8 70%, #007fd1 30%);
	}
	div#backupbuddy {
	    background: #007fd1;
	    background: linear-gradient(to left, #FA5B5B 70%, #E63030 30%);
	}
}
@media (max-width: 1024px) {
	.hosting-menu li {
	    display: inline-block;
	    float: left;
	    padding: 10px;
	}
}
@media (max-width: 820px) {
	.box2, .box3, .box4 {
		flex-basis: 90%;
	}
	svg#banner-svg {
	    position: absolute;
	    left: 0;
	    top: -110px;
	    z-index: -1;
	    min-width: 100%;
	    max-width: unset;
	}
	#hosting-header img.hosting-logo {
	    width: 400px;
	    display: block;
	    float: unset;
	    margin: 0 auto;
	    text-align: center;
	}
	.hosting-buynow .btn.primary {
		display: none;
	}
	#hosting-header.section {
	    float: left;
	    width: 100%;
	    padding: 60px 0 0;
	}
	#hosting-header .width-wrapper {
		padding: 0;
	}
	.pricing-header h3 {
	    margin-top: 0;
	    margin: 0;
	}
	.banner-cutout {
	    background-size: unset;
	    background-image: linear-gradient(to right bottom, #0080d2, #2b91db, #46a2e2, #5eb2ea, #77c3f1);
	    background-repeat: no-repeat;
	}
	.hosting-menu li {
	    display: inline-block;
	    float: left;
	    padding: 7px;
	}
	#hosting-intro {
	    float: unset;
	    display: block;
	    text-align: center;
	    color: #fff;
	    margin-top: 0;
	    padding: 0 4% 7%;
	}
	.hosting-menu ul {
	    display: none;
	    color: #fff;
    }
    .hosting-menu {
	    display: block;
	    float: unset;
	}
    .hosting-buynow {
	    display: block;
	    float: unset;
	    width: 100%;
	    text-align: center;
	    margin: 10% 0;
	}
	.freelance-desk {
	    float: unset;
	    width: 99%;
	    bottom: 0;
	    position: relative;
	    right: 0;
	    margin-top: 15%;
	}
	.feature-wrapper {
	    display: inline-block;
	    width: 92%;
	    margin: 0% 2% 5%;
	    float: left;
	    text-align: center;
	}
	.pricing-header {
	    float: unset;
	    position: relative;
	    clear: unset;
	    display: block;
	    bottom: 0;
	    text-align: center;
	}
	#pricing.section {
		padding: 20px 0;
	}
	#pricing .width-wrapper {
	    background: #EDF6FB;
	    padding: 1% 2% 10%;
	}
	div#sync {
	    background: #007fd1;
	    background: linear-gradient(to top, #9EC669 64%, #8EC742 36%);
	}
	div#security {
	    background: #007fd1;
	    background: linear-gradient(to top, #55B2E8 64%, #007fd1 36%);
	}
	div#backupbuddy {
	    background: #007fd1;
	    background: linear-gradient(to top, #FA5B5B 64%, #E63030 36%);
	}
/*
	.box.box3,
	.box.box3.prod-logo {
	    display: inline-block;
	    width: 92%;
	    float: left;
	    padding: 5% 4% 5%;
	    text-align: center;
	}
*/
	
	.box.box3.prod-logo {
	    max-height: 250px !important;
	}
	.testimonial {
	    display: inline-block;
	    width: 92%;
	    margin: 0 4% 8%;
	    text-align: center;
	    background: linear-gradient(to top, #ffffff 80%, #007fd1 20%);
	    position: relative;
	    border-radius: 7px;
	    -webkit-box-shadow: 0px 0px 54px 0px rgba(211, 229, 241);
	    -moz-box-shadow: 0px 0px 54px 0px rgba(211, 229, 241);
	    box-shadow: 0px 0px 54px 0px rgba(211, 229, 241);
	}
	.test-right:before {
	    content: "\f10d";
	    font-family: FontAwesome;
	    font-style: normal;
	    font-weight: normal;
	    text-decoration: inherit;
	    color: #50b1eb;
	    font-size: 38px;
	    padding-right: 0.5em;
	    position: absolute;
	    top: -20px;
	    left: -40px;
	}
	.test-right:after {
	    content: "\f10e";
	    font-family: FontAwesome;
	    font-style: normal;
	    font-weight: normal;
	    text-decoration: inherit;
	    color: #50b1eb;
	    font-size: 38px;
	    padding-right: 0.5em;
	    position: absolute;
	    bottom: 50px;
	    right: -40px;
	}
	.four-col {
	    display: inline-block;
	    width: 92%;
	    margin: 0 4%;
	    vertical-align: middle;
	    text-align: center;
	}
	.test-left, .test-right {
	    display: block;
	    float: unset;
	    width: 72%;
	    margin: 0 auto;
	}
	.test-left {
		text-align: center;
	}
	.test-left img {
		max-height: 250px;
	    margin: 0 auto;
	    text-align: center;
	}
	.play-btn {
	    position: absolute;
	    z-index: 100;
	    left: 43%;
	    top: 45%;
	    height: 60px !important;
	}
	#testimonials .box.box2 p:before {;
	    top: -70px;
	    left: 0px;
	}
	#testimonials .box.box2 h5:after {
		bottom: -50px;
		right: -30px;
	}
}
@media (max-width: 799px) {
	div#sync {
	    background: #007fd1;
	    background: linear-gradient(to top, #9EC669 69%, #8EC742 31%);
	}
	div#security {
	    background: #007fd1;
	    background: linear-gradient(to top, #55B2E8 69%, #007fd1 31%);
	}
	div#backupbuddy {
	    background: #007fd1;
	    background: linear-gradient(to top, #FA5B5B 69%, #E63030 31%);
	}
}

@media (max-width: 700px) {
	div#sync {
	    background: #007fd1;
	    background: linear-gradient(to top, #9EC669 67%, #8EC742 33%);
	}
	div#security {
	    background: #007fd1;
	    background: linear-gradient(to top, #55B2E8 67%, #007fd1 33%);
	}
	div#backupbuddy {
	    background: #007fd1;
	    background: linear-gradient(to top, #FA5B5B 67%, #E63030 33%);
	}
}
@media (max-width: 580px) {
	div#sync {
	    background: #007fd1;
	    background: linear-gradient(to top, #9EC669 65%, #8EC742 35%);
	}
	div#security {
	    background: #007fd1;
	    background: linear-gradient(to top, #55B2E8 65%, #007fd1 35%);
	}
	div#backupbuddy {
	    background: #007fd1;
	    background: linear-gradient(to top, #FA5B5B 65%, #E63030 35%);
	}
}
@media (max-width: 420px) {
	#hosting-header img.hosting-logo {
	    width: 250px;
	}
	.box box3 .prod-logo img {
	    max-height: 100px !important;
	    margin-top: 0;
	}
	.play-btn {
	    position: absolute;
	    z-index: 100;
	    left: 38%;
	    top: 41%;
	    height: 60px !important;
	}
	.pricing-header h3 {
    	font-size: 1.6em;
    }
}