@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Lexend+Deca&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:700');
html *{box-sizing:border-box}
body{margin:0;padding:0;font-size:1.1rem;line-height:180%;font-family:'Lato',Helvetica,Arial,sans-serif;color:#000;background-color:#fff}
h1,h2,h3{font-family:'Lexend Deca',Helvetica,Arial,sans-serif}
a{color:#0014FF;font-weight:800;text-decoration:underline}
a:hover{color:#1124ff;text-decoration:none}
img{border:none;vertical-align:top;max-width:100%;height:auto}
img.alignleft{display:inline;float:left;margin-right:15px}
img.alignright{display:inline;float:right;margin-left:15px}
img.aligncenter{display:block;margin-left:auto;margin-right:auto}
nav ul{margin:0;padding:0;list-style:none}
iframe{width:100%}
p{margin:15px 0}
.clearBoth{display:block;clear:both}
.clearFix::after{clear:both;display:block;content:""}
@media only screen and (min-width: 1200px) {
	#page .wrapper{padding:0 25px}
}

.wrapper{width:100%;padding:0 7.5%;overflow:hidden}
section{margin:40px 0}
section.darkSection{margin:30px 0;padding:30px 0;color:#fff;background-color:#0014FF}
section:first-child{margin-top:0}
section:last-child{margin-bottom:0}
.sectionTop{padding:10px 5%;color:#fff;background-color:#0014FF;line-height:130%;font-family:'Lexend Deca',Helvetica,Arial,sans-serif;text-transform:uppercase}
.contactLinks a{display:inline-block;line-height:30px;margin:10px 0;padding:5px 55px 5px 15px;border:solid 3px #fff;border-right:none;color:#fff;background-color:#0014FF;background-repeat:no-repeat;background-position:right center;background-size:40px;font-size:.9rem;font-family:'Lexend Deca',Helvetica,Arial,sans-serif;font-weight:normal;text-decoration:none;text-transform:uppercase;word-wrap:nowrap;text-overflow:ellipsis}
.contactLinks a.mail{background-image:url('../images/contact-link-mail.png')}
.contactLinks a.linkedin{background-image:url('../images/contact-link-linkedin.png')}
.contactLinks a:hover{filter:brightness(120%);background-color:#23f}
@media only screen and (min-width: 1200px) {
	#page .wrapper{padding:0 25px}
}

.fadebox{visibility:hidden}
.fadebox.fadein{visibility: visible !important;-webkit-animation: fade_in_anim 1.2s;animation: fade_in_anim 1.2s}
@-moz-keyframes fade_in_anim {0%{opacity:0} 100%{opacity:1}}
@-webkit-keyframes fade_in_anim {0%{opacity:0} 100%{opacity:1}}
@keyframes fade_in_anim {0%{opacity:0} 100%{opacity:1}}

#logo.logoBox{text-align:right}
.logoBox{line-height:100%}
.logoBox a{display:inline-block}
.logoBox img{width:130px;height:26px;vertical-align:top}
#header{position:fixed;z-index:10000;top:0;left:0;width:100%;background:#fff}
#header .container{position:relative}
#logo{padding:15px 0}
#main{margin-top:55px}
@media only screen and (min-width: 1200px) {
	.wrapper{box-sizing:border-box;max-width:1280px;min-width:1140px;margin:0 auto;padding:0 5%}
	#header{padding:40px 0 0;position:fixed;z-index:10000;top:0;left:0;width:100%;background:#fff}
	#headerBox{position:relative}
	#main{margin-top:96px}
}

#landing h2{font-size:1.9rem;line-height:130%;font-weight:normal}
@media only screen and (min-width: 1200px) {
	#landing h2{font-size:3rem}
}

#landingTopText{margin:0 0 20px}
#landingTopText h1{margin:0;font-size:1.9rem;line-height:130%;font-weight:normal}
#landingTopText h1 strong{color:#0014FF}
#landingTopCheckboxes ul{margin:0;padding:0;list-style:none}
#landingTopCheckboxes a{display:block;margin:0 0 10px;padding-left:30px;color:#000;font-weight:normal;text-decoration:none;background:url('../images/top-checkbox-normal.png') no-repeat left top 9px;background-size:18px 18px}
#landingTopCheckboxes a .title{font-weight:bold}
#landingTopCheckboxes a .hiddenText{display:none;color:#0014FF;font-weight:bold}
#landingTopCheckboxes a.checked{background-image:url('../images/top-checkbox-checked.png')}
#landingTopCheckboxes a.checked .title{display:none}
#landingTopCheckboxes a.checked .visibleText{display:none}
#landingTopCheckboxes a.checked .hiddenText{display:inline}
@media only screen and (min-width: 1200px) {
	#landingTopText{margin:0}
	#landingTopText h1{font-size:3rem;line-height:130%}
	#landingTopCheckboxes{margin:0 10% 0 40%}
	#landingTopCheckboxes a{margin:0 0 30px}
}
	
#landingQuote{text-align:center}
#landingQuoteText{font-family:'Lexend Deca',Helvetica,Arial,sans-serif;font-size:1.4rem}
#landingQuoteSignature{font-style:italic}

#landingCommunicationText{margin:0 0 30px}
#landingCommunicationText h2{margin-right:20%}
#landingCommunicationPlus ul{margin:0;padding:0;list-style:none}
#landingCommunicationPlus li{display:block;margin:0 0 20px;padding-left:30px;background:url('../images/communication-plus.png') no-repeat left top 9px;background-size:18px 18px}
#landingCommunicationPlus li .plusTitle{display:block;margin:0 0 7px;font-family:'Lexend Deca',Helvetica,Arial,sans-serif;font-size:1.6rem}
#landingCommunicationPlus li .plusText{display:block;font-style:italic}
#landingCommunicationAnimation{width:250px;height:250px;margin:0 auto;background:transparent}
#landingCommunicationAnimation canvas{width:250px;height:250px;margin:0 auto;background:transparent}
@media only screen and (min-width: 1200px) {
	#landingCommunication .wrapper{overflow:visible}
	#landingCommunicationInt{position:relative;padding-left:400px}
	#landingCommunicationPlus ul{display:grid;grid-template-columns:50% 50%;column-gap:20px;row-gap:30px}
	#landingCommunicationAnimation{position:absolute;top:0;left:0	;z-index:0;width:auto;height:auto;margin:0;display:block}
	#landingCommunicationAnimation canvas{width:350px;height:350px}
}

#landingSuggestionsList .suggestion{margin-bottom:15px}
#landingSuggestionsList .suggestionTitle{line-height:35px;padding:5px 65px 5px 20px;border:solid 3px #0014FF;color:#0014FF;font-weight:bold;cursor:pointer;background:url('../images/suggestions-list-closed.png') no-repeat right center;background-size:45px}
#landingSuggestionsList .suggestionTitle.open{background-image:url('../images/suggestions-list-open.png')}
#landingSuggestionsList .suggestionText{display:none;padding:5px 20px;border:solid 3px #0014FF;border-top:none}
@media only screen and (min-width: 1200px) {
	#landingSuggestions .wrapper{max-width:1140px}
	#landingSuggestionsList{margin-left:10%}
}

#landingContact{padding:20px 0;color:#fff;background-color:#0014FF}
#landingContactTop h2{margin-left:5%}
#landingContactTopContent{position:relative}
#landingContactTopImage{position:absolute;top:0;left:0;z-index:1;width:80px;height:80px;border:solid 4px #fff;border-radius:40px;overflow:hidden}
#landingContactTopImage span{display:inline-block;width:80px;height:80px;background-size:cover}
#landingContactTopText{padding-left:100px;line-height:140%}
#landingContactLinks{margin:40px 0;text-align:right}
#landingContactLinks a::after{content:' ';display:block}
#landingContactBody{margin:30px 0	}
#landingContactBody h1,#landingContactBody h2,#landingContactBody h3{margin:0;color:#00E3FF;font-family:'Lato',Helvetica,Arial,sans-serif}
#landingContactBody p{margin-top:0}
@media only screen and (min-width: 1200px) {
	#landingContact .wrapper{max-width:1140px}
	#landingContactTop{margin-right:30%}
	#landingContactLinks a{float:right;clear:right;display:block}
	#landingContactBody{margin:0 15%}
}

#landingReviewIntro{padding:0 10%;font-size:1.3rem}
#landingReviewList .review{margin:50px 0;padding-bottom:50px;border-bottom:solid 1px #0014FF;text-align:center}
#landingReviewList .review:last-child{padding-bottom:0;border-bottom:none}
#landingReviewList .reviewPersonImage span{display:inline-block;width:120px;height:120px;margin-bottom:20px;border:solid 8px #0014FF;border-radius:60px;background-size:cover;}
#landingReviewList .reviewPersonName{margin-bottom:10px;font-weight:bold}
#landingReviewList .reviewPersonRole{font-size:.91rem;line-height:150%}
#landingReviewList .reviewContent{margin-top:20px;text-align:left}
#landingReviewList .reviewContent .reviewContentFull{display:none}
#landingReviewList .reviewContent a{white-space:nowrap}
@media only screen and (min-width: 1200px) {
	#landingReviewList .review{margin:70px 10%;padding-bottom:70px}
	#landingReviewList .reviewPerson{position:relative;float:left;width:36%;text-align:left}
	#landingReviewList .reviewPersonImage{position:absolute;top:-15px;left:0;z-index:1}
	#landingReviewList .reviewPersonImage span{width:110px;height:110px;border-radius:55px}
	#landingReviewList .reviewPersonContent{margin-left:130px}
	#landingReviewList .reviewContent{float:right;width:62%;margin:0}
}

#landingToolsList{margin:30px 0}
#landingToolsList .item{display:inline-block;max-width:100%;margin:5px 10px;padding:0 15px 0 0;font-family:'Lexend Deca',Helvetica,Arial,sans-serif;font-size:1.2rem;line-height:180%;background:url('../images/tools-item.png') no-repeat right top;background-size:10px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media only screen and (min-width: 1200px) {
	#landingTools .wrapper{max-width:1140px}
	#landingToolsList{margin:30px}
	#landingToolsList .item{margin:20px;padding:0 20px 0 0;font-size:1.7rem;background-size:15px 15px}
}
@media only screen and (max-width: 330px) {
	#landingToolsList .item{font-size:.9rem}
}
@media only screen and (min-width: 331px) and (max-width: 360px) {
	#landingToolsList .item{font-size:1rem}
}
@media only screen and (min-width: 361px) and (max-width: 400px) {
	#landingToolsList .item{font-size:1.1rem}
}


#landingCtaQuote{margin:0 0 40px;text-align:center}
#landingCtaQuote h2{margin:20px 0 10px;}
#landingCtaText{text-align:center}
#landingCtaLinks{margin:40px 0 20px;text-align:center}
@media only screen and (min-width: 1200px) {
	#landingCtaText{margin:0 25%}
	#page #landingCtaLinks a{margin:10px 20px}
}

#footer{padding:20px 0;color:#0014FF;background-color:#000;text-align:center}
#footer .footerBox{margin:30px 0}
#footerText p{margin:0}
#footerSocial .socialLink{display:inline-block;width:26px;height:26px;margin:0 10px;background-repeat:no-repeat;background-size:contain;background-position:center bottom;vertical-align:top}
#footerSocial .socialLink.mail{background-image:url('../images/footer-social-mail.png')}
#footerSocial .socialLink.linkedin{background-image:url('../images/footer-social-linkedin.png')}
@media only screen and (min-width: 1200px) {
	#footerLeft{float:left}
	#footerRight{float:right}
	#footerText{float:left}
	#footer #footerSocial{float:right;margin-left:50px}
	#footerSocial a:hover{filter:brightness(150%)}
}


@media only screen and (max-width: 782px) {
	.withAdminBar #header{padding-top:46px}
	#wpadminbar{position:fixed}
}
@media only screen and (min-width: 783px) and (max-width: 1199px) {
	.withAdminBar #header{padding-top:32px	}
}
@media only screen and (min-width: 1200px) {
	.withAdminBar #header{padding-top:72px}