/* @override
	http://ayoa.staging.wpengine.com/wp-content/themes/droptaskreload/style.css?ver=1.78
	https://ayoa.staging.wpengine.com/wp-content/themes/droptaskreload/styles/pages.css
	https://ayoa.staging.wpengine.com/wp-content/themes/droptaskreload/styles/pages.css?* */

/* @group Pricing Page */

.pricing-header {
	/*  BG Image is set in page  */
	background-size: cover !important;
	background-position: center !important;
	color: #ffffff;
	/*text-shadow: 0 1px 2px rgba(0, 0, 0, 0.13) !important;*/
	text-shadow: none !important;
	height: 450px;
	position: relative;
	/*overflow-x: hidden !important;*/
	padding-top: 60px;
}

.pricing-header h1 {
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 30px;
}

.pricing-header p {
	max-width: 550px;
	margin: 0 auto 30px;
	color: #f1f1f1;
}

.scrolltext {
	color: #ffffff !important;
	font-size: 12px;
	position: relative;
	margin: 0 auto;
	top: 60px;
	display: block;
}

.scrollbutton {
	position: absolute;
	z-index: 1;
	bottom: -40px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: -40px;
}

.pricing-free {
	background-color: #ebf9ff;
	padding-top: 80px;
	padding-bottom: 120px;
	bottom: 0;
	overflow: hidden !important;
}

.pricing-paid {
	background: -webkit-linear-gradient(top, white 0%, #fafbfa 99.5%) #ffffff;
	background: -moz-linear-gradient(top, white 0%, #fafbfa 99.5%) #ffffff;
	background: -ms-linear-gradient(top, white 0%, #fafbfa 99.5%) #ffffff;
	background: linear-gradient(to bottom, white 0%, #fafbfa 99.5%) #ffffff;
	padding-top: 80px;
	padding-bottom: 80px;
	bottom: 0;
	overflow: hidden;
	border-top: 1px solid #ebebeb;
}


.body_banner.pricing-table {
	background: -webkit-linear-gradient(top, white 63.5%, #fafbfa 99.5%) #ffffff;
	background: -moz-linear-gradient(top, white 63.5%, #fafbfa 99.5%) #ffffff;
	background: -ms-linear-gradient(top, white 63.5%, #fafbfa 99.5%) #ffffff;
	background: linear-gradient(to bottom, white 63.5%, #fafbfa 99.5%) #ffffff;
	padding-top: 0;
	padding-bottom: 80px;
	bottom: 0;
	/*overflow: hidden;*/
	border-top: 1px solid #ebebeb;
}

div.body_banner.pricing-video {
	background: #f4f7f6;
	padding-top: 50px;
	padding-bottom: 80px;
	bottom: 0;
	/*overflow: hidden;*/
	border-top: 1px solid #ebebeb;
}


.pricing-trail {
	background-color: #f9faf9;
	padding-top: 50px;
}


ul.pricing-features {
	margin-top: -30px;
}

.purple-outline-button {
	font-size: 22px;
	color: #7555c0;
	border: 3px solid #7643bb;
	padding: 8px 45px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	transition: all 0.3s ease;
}

.purple-outline-button:hover {
	font-size: 22px;
	color: #ffffff;
	border: 3px solid #7643bb;
	padding: 8px 45px 10px;
	background-color: #7543bb;
}

.pricing-features li {
	list-style-image: url(/wp-content/uploads/2018/06/bluetick.png);
	color: #151515;
	font-size: 18px;
	border-bottom: 1px solid #a6e4fd;
	list-style-position: inside;
	padding: 5px 20px 5px 40px;
	margin-left: -48px;
	text-align: left;
	max-width: 300px !important;
	width: 300px !important;
}


.table-joinmillions {
	color: #a6a6a6;
	font-weight: 500;
	font-size: 22px;
	width: 80%;
	margin-top: 20px;
	text-align: right;
}

  @media only screen and (max-width: 400px) {

  .pricing-features li {
  	font-size: 14px !important;
  	width: 220px !important;
  }

  }

.free-list-sidebyside {
	/*background-color: #f0dbdb;*/
	float: left;
}

.centrelists {
	margin: 50px auto !important;
	max-width: 720px !important;
}


.free-forever {
	position: relative;
	width: 300px;
	margin: 40px auto 0;
}

.free-forever img {
	position: absolute;
	top: -40px;
	left: -60px;
	z-index: 0;
	pointer-events: none;
}

.paid-features-centred {
	width: 300px;
	margin: 0 auto;
}

.larger-team-box {
	border: 2px solid #ececec;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-top: 40px;
}


 @media only screen and (max-width: 500px) {

.scrolltext {
	color: #ffffff !important;
	font-size: 12px;
	position: relative;
	margin: 0 auto;
	top: 20px;
	display: block;
	max-width: 250px;
	width: 250px;
}


}


/* @end */





/* @group Pricing Page (revamp) */


.minimalpricing {
	display: flex;
	flex-direction: row;
	max-width: 1260px;
	margin: 20px auto;
	align-items: flex-start; /*To display columns bigger with more content*/
}

.minimalimg {
	margin-top: 10px;
	width: 100%;
	height: 180px;
}

/*.minpro {
	border: 5px solid #efcefd !important;
}*/


.minimalimg img {
	max-height: 100%;
}

.minimalpricing-item {
	background-color: #ffffff;
	margin-right: 6px;
	margin-left: 6px;
	-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
	border: 2px solid #e8e8e8;
	box-shadow: 0 0 20px rgba(99, 99, 99, 0.18);
	position: relative;
	padding-bottom: 120px;
	overflow: hidden;
	width: 500px;
	text-align: center;
}


body.page-template-default.page.page-id-2780 div.minimalpricing div.minimalpricing-item.minult div.minpopular {
	background-color: #f91c6e;
}

.minpopular {
	background-color: #c036f7;
	color: #ffffff;
	font-size: 18px;
	padding-bottom: 10px;
	padding-top: 10px;
	position: absolute;
	width: 100%;
	transform: rotate(-50deg);
	left: -150px;
	top: 30px;
	font-weight: 400;
}

.minpopular-new {
	background-color: #f91c6e;
	color: #ffffff;
	font-size: 18px;
	padding-bottom: 10px;
	padding-top: 10px;
	position: absolute;
	width: 100%;
	transform: rotate(45deg);
	left: 150px;
	top: 30px;
	font-weight: 400;
}


 @media only screen and (max-width: 1260px) {
 	.minpopular {
 		left: -12vw;
 		}
 		
 		.minpopular-new {
 		left: 11vw;
 		}
 	}
@media only screen and (max-width: 959px) {
	.minpopular {
 		transform: rotate(0deg) !important;
 		position: static;
 		}
 	.minpopular-new {
 		transform: rotate(0deg) !important;
 		position: static;
 		}	
}

.minimalpricing-item h2 {
	font-size: 35px;
	font-weight: 400;
	color: #272727;
	margin-bottom: 15px;
}

.minprice {
	font-size: 35px;
	font-weight: 400;
}

.minasterisk {
	font-size: 14px;
	position: relative;
	top: -15px;
}

.minimalpricing-item .contact-us, .minimalpricing-item .actual-price {
	color: #808080;
	font-size: 16px;
}

.minimalpricing-item p {
	font-size: 17px;
	margin-top: 15px;
	color: #333333;
}

.minimalpricing-item a {
	display: block;
	margin-bottom: 15px;
	text-decoration: underline;
}

.minpro span.minprice {
	color: #c036f7;
}
.minult span.minprice {
	color: #f91c6e;
}
.minbasic a {
	color: #20c3fc;
}
.minbasic a:hover {
	color: #029bd1;
	text-decoration: none;
}
.minpro a {
	color: #b823ee;
}
.minpro a:hover {
	color: #8c03be;
	text-decoration: none;
}
.minult a {
	color: #f7126a;
}
.minult a:hover {
	color: #c1024c;
	text-decoration: none;
}


.minent .minimalpricing-content p {
	margin-top: 70px;
}
.minimalpricing-content {
	/*background-color: #eddede;*/
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
	text-align: center;
}


/*NEW STYLINGS*/
.minimalpricing-item-new {
	background-color: #ffffff;
	margin-right: 6px;
	margin-left: 6px;
	-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
	border: 2px solid #e8e8e8;
	box-shadow: 0 0 20px rgba(99, 99, 99, 0.18);
	position: relative;
	padding-bottom: 50px;
	overflow: hidden;
	width: 500px;
	text-align: center;
}

.minimalpricing-content-new {
margin: 40px 40px 20px;
text-align: left;
}

.minimalpricing-item-new h2 {
	font-size: 35px;
	font-weight: 400;
	color: #272727;
	margin-bottom: 15px;
}

.minimalpricing-content-new h2 {
	font-weight: 300 !important;
	margin-bottom: 5px;
}

.minimalpricing-content-new h3 {
	font-weight: 700;
	font-size: 60px;
	/*margin-bottom: 40px;*/
	color: #000000;
	margin-bottom: 0;
}

.minimalpricing-content-new h4 {
	color: #000000;
	margin-bottom: 20px;
}

.minimalpricing-content-new p {
	color: #737373;
	line-height: 32px;
	margin-bottom: 40px;
	font-size: 18px;
	margin-top: 50px;
}

.minimalpricing-content-new ul {
	text-align: left;
	list-style-image: url('/wp-content/uploads/2020/06/tick.png');
	line-height: 38px;
	font-size: 16px;
	display: inline-block;
	/*background-color: #f8e1e1;*/
	margin-left: 29px;
}

.minimal-signup-new {
	padding-right: 50px;
	padding-left: 50px;
}

.minimal-signup-new .minimal-button {
	background-color: #9d9d9d;
	display: block !important;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #ffffff !important;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	clear: none;
	font-size: 18px;
	font-weight: 400;
	text-decoration: none !important;
}

.billed {
	color: #000000;
	font-weight: 400;
	margin-bottom: -24px;
	margin-top: 5px;
	font-size: 14px;
}



.minimalpricing-list {
	text-align: left;
	list-style-image: url('/wp-content/uploads/2020/06/tick.png');
	line-height: 26px;
	font-size: 16px;
	margin: 0 auto 25px;
	display: inline-block;
}

.minimalpricing-list li {
	position: relative;
}

.minimalpricing-list li span {
	font-size: 11px;
	color: #a4a4a4;
}

.minimal-signup {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding-bottom: 15px;
	padding-top: 15px;
}

.minimal-button {
	background-color: #9d9d9d;
	display: inline-block !important;
	padding: 8px 30px;
	color: #ffffff !important;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	clear: none;
	font-size: 18px;
	font-weight: 400;
	text-decoration: none !important;
}

.minbasic .minimal-button {
	background-color: #20c3fc;
}
.minbasic .minimal-button:hover {
	background-color: #029bd1;
}
.minpro .minimal-button {
	background-color: #c226fb;
}
.minpro .minimal-button:hover {
	background-color: #8c03be;
}
.minult .minimal-button {
	background-color: #fc126d;
}
.minult .minimal-button:hover {
	background-color: #c1024c;
}
.minent .minimal-button {
	background-color: #385675;
}
.minent .minimal-button:hover {
	background-color: #203244;
}


#nonprofitpricing {
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  }

.nonprofitimage {
	padding-top:50px;
}



.pricing-special {
	background-color: #fde9e2;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 20px 5px;
	margin-right: 5px;
	margin-left: 5px;
	position: relative;
	border-width: 2px;
	margin-top: 10px;
	/*display: none;*/
}

.pricing-special h3 {
	font-weight: bold;
	font-size: 20px;
	color: #f6246f;
	/*animation: pulse 0.7s  0s infinite;*/
}

.pricing-special p {
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 0;
	max-width: 250px;
	margin: 10px auto;
}

.pricing-special a {
display: inline-block;
margin-bottom: 0;
}

.pricing-special p strong {
	font-size: 12px;
	color: rgba(62, 62, 62, 0.61);
}

.minimalpricing-item.minpro .pricing-special {
	background-color: #faeffc;
}

.minimalpricing-item.minpro .pricing-special h3 {
	color: #c036f7;
}

.specialbadge {
	background-color: #f91c6e;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 200px;
	padding: 3px;
	position: absolute;
	display: inline-block;
	display: none;
	/*animation: pulse 0.7s  0s infinite;*/
	right: -8px;
	top: -15px;
	width: 30px;
}

.countdown {
	background-color: rgba(255, 255, 255, 0.72);
	display: inline-block;
	padding-bottom: 20px;
	max-width: 220px;
	position: relative;
	padding-left: 20px;
	margin-bottom: 10px;
	animation: pulse 0.7s  0s infinite;
}

.countdown .wowcontnumber-1 {
	font-weight: bold;
	color: #f22b70;
	font-size: 22px;
	margin-right: -10px;
}

.countdown .wowc-title-1 {
	position: relative;
	top: 20px;
	left: -21px;
	font-size: 12px;
}


@media only screen and (max-width: 959px) {

.minimalpricing {
	flex-direction: column;
}

.minimalpricing-item {
	margin: 0 auto 15px;
	max-width: 90%;
}

.minimalpricing-item-new {
	margin: 0 auto 15px;
	max-width: 90%;
}

.minimalpricing-list {
	width: 200px;
	margin: 0 auto;
	padding-left: 28px;
}

/*.minimalpricing-item p {
	max-width: 450px;
}*/

}

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

	#nonprofitpricing h3 {
		text-align: center;
	}

	.save35text {margin-top: 0px; text-align:center;}

	.nonprofitimage {padding: 20px 10px 0px 20px;}


	.findoutmore {text-align:center;}
	
	

}





.minwrapper {
  margin: 30px auto;
  max-width: 1260px;
}

.mintable {
  margin: 0 0 40px 0;
  width: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14);
  display: table;
}
@media screen and (max-width: 580px) {
  
  .countdown {
  	
  	animation: pulse 0.7s  0s infinite;
  	animation: none;
  	text-align: left;
  	letter-spacing: -.5px;
  }
  
  
  .mintable {
    display: block;
  }
}

.minrow {
  display: table-row;
  background: #f8f8f8;
}
.minrow:nth-of-type(odd) {
  background: #fefefe;
}
.minrow.minheader {
  font-weight: 400;
  color: #333333;

  font-size: 22px;
  text-align: center;
}

.featurecell {
	/*text-align: left;*/
	position: relative;
}

/*.featurecell .pricing-table-plan-feature {
	float: left;
}*/


.featurecell .pricing-table-plan-feature p {
	clear: both;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
	max-width: 200px;
	font-size: 16px;
	float: left;
}

.featurecell .tooltip_icon {
/*float: right !important;*/
top: 5px;
float: right;
position: relative;
}


@media screen and (max-width: 580px) {
  .minrow {
    padding: 14px 0 7px;
    display: block;
  }
  .minrow.minheader {
    padding: 0;
    height: 6px;
  }
  .minrow.minheader .mincell {
    display: none;
  }
  .minrow .mincell {
    margin-bottom: 10px;
  }
  .minrow .mincell:before {
    margin-bottom: 3px;
    content: attr(data-title);
    min-width: 98px;
    font-size: 10px;
    line-height: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #969696;
    display: block;
  }

  .featurecell {
  	width: auto;
  	text-align: center;
  }

  .featurecell .pricing-table-plan-feature p {
  	float: none;
  	width: auto;
  	margin: 0 auto;
  }

  .featurecell img.tooltip_icon {
  	float: left !important;
  	position: relative;
  	display: none;
  	margin: 0 auto;
  }

}

.mincell {
  padding: 15px 12px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.mincell.featurecell {
	text-align: left;
	max-width: 200px;
}
.minheader .mincell img {
	max-height: 28px;
}

.tabletick {
	width: 25px;
}

.tablecross {
	width: 25px;
	display: none;
}

@media screen and (max-width: 580px) {
  .mincell {
    padding: 2px 16px;
    display: block;
  }

  .mincell.featurecell {
	text-align: center;
	max-width: 100%;
}

  .tablecross {
  	display: inline-block;

  	}
}





/* @end */



/* @group Ayoa Editions */


.ayoaeditionsheader {
	max-width: 1280px;
	display: flex;
	flex-direction: row;
	margin: 0 auto 20px;
	align-items: center;
	/*background-color: rgba(134, 161, 230, 0.16);*/
}

.edition-image {

}

.edition-text {
	max-width: 550px;
	padding: 25px;
}

.edition-text.ulttext img {
	margin-bottom: 10px;
	border-bottom: 1.5px solid #333;
	padding-bottom: 10px;
	border-color: #fc126b;
}

.edition-text.protext img {
	margin-bottom: 10px;
	border-bottom: 1.5px solid #333;
	padding-bottom: 10px;
	border-color: #af48fb;
}

.edition-text h1 {
	font-weight: bold;
	color: #272727;
}

.ultimateed {

}

.minimal-button.ultbutton {
	background-color: #fc126b;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	padding: 12px 50px;
	font-size: 20px;
	transform: scale(1.0);
	transition: all 0.3s;
	border: none;
	text-transform: none;
}

.minimal-button.ultbutton:hover {
	background-color: #c9024e;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	padding: 12px 50px;
	font-size: 20px;
	transform: scale(1.1);
}


.minimal-button.probutton {
	background-color: #a12afb;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	padding: 12px 50px;
	font-size: 20px;
	transform: scale(1.0);
	transition: all 0.3s;
	border: none;
	text-transform: none;
}

.minimal-button.probutton:hover {
	background-color: #7908d9;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	padding: 12px 50px;
	font-size: 20px;
	transform: scale(1.1);
}


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

.ayoaeditionsheader {
	flex-direction: column;
}

.edition-text {
	text-align: center;
}

}





.remoteworkingbg {
background-image: url("/wp-content/uploads/2020/06/remoteworking_img@2x-scaled.jpg") !important;
padding-top: 50px;
height: 600px;
}


.chooseultimate {
background-image: url("/wp-content/uploads/2020/06/whychoose_banner.jpg") !important;
}

.chooseultimate a {
color: #5E0021;
}

.chooseultimate a:hover {
color: #ffffff;
text-decoration: underline;
}

.sameplace {
background-image: url("/wp-content/uploads/2020/06/samepage_banner.jpg") !important;
}

.seamless {
background-image: url("/wp-content/uploads/2020/06/seamlessintegrations_banner.jpg") !important;
}

.teammember{
background-image: url("/wp-content/uploads/2020/06/teammember_banner.jpg") !important;
}

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

.personalcalendar {margin-top:50px; margin-bottom:-100px;}
}

.exportoptions{
background-image: url("/wp-content/uploads/2020/06/countlessexports_banner@2x-scaled.jpg") !important;
}

.flex-container {
  display: flex;
  flex-direction: row;
  max-width: 960px;
  padding: 0;
  margin: 0 auto;
  list-style: none;
  align-items: center;
  justify-content: center;
}

.flex-item {
  margin: 5px;
  width: 150px;
  margin-top: 10px;
  text-align: center;
  transform: scale(0.9);
  transition: all 0.3s ease;
}

.flex-item:hover {
  transform: scale(1.0);
}



/* @end */




/* @group Customers Page */

.customers-header {
	max-width: 600px;
	margin: 50px auto 20px;
	text-align: center;
}

.designers-header {
	max-width: 600px;
	margin: 50px auto 20px;
	text-align: center;
}

.designers-header h1 {
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 10px;
}

.designers-header p {
	color: #515151 !important;
}

.customers-header h1 {
	color: #ffffff !important;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 10px;
}


.customers-header h2 {
	color: #ffffff !important;
	font-size: 19px;
}

.companiesusing {
	padding-top: 30px;
	background-color: #eefaff;
	border-bottom: 2px solid #aaebff;
	padding-bottom: 30px;
}

.testimonial-row {
	display: flex;
	text-align: center;
	justify-content: center;
	margin-bottom: 30px;
	margin-top: 30px;
}

.testimonial-box {
	border: 2px solid #e3e3e3;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	margin-left: 10px;
	margin-right: 10px;
	max-width: 450px;
	padding: 40px 40px 30px;
	position: relative;
	/*align-self: flex-start;*/ /*This alters the height of these boxes*/
	background-color: #ffffff;
}

.testimonial-img img {
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	border: 5px solid #00c7ff;
	width: 120px;
	height: 120px;
}

img.testimonial-img {
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	border: 5px solid #00c7ff;
	width: 120px;
	height: 120px;
}

.testimonial-name {
	margin-top: 10px;
	margin-bottom: 5px;
	color: #b4b4b4;
}

.testimonial-job {
	font-size: 32px;
}

.testimonial-quote {
	font-size: 18px;
}

.testimonial-source {
	background-color: #fafafa;
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #e3e3e3;
	transition: all .2s ease;
}

.testimonial-source:hover {
	background-color: #f0f2f3;
}

.testimonial-source p {
	margin-bottom: 0;
	font-size: 14px;
	color: #8c8c8c;
}

.stars {
	margin-top: 0;
	margin-bottom: 20px;
}

.cs {
	color: #6158FF;
	font-style: normal;
	font-weight: normal;
	background-color: #d2d9fe;
	display: inline-block;
	padding: 4px 20px;
	margin-bottom: 15px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	border-style: solid;
	border-width: 1px;
	font-size: 12px;
	transition: all .2s ease;
}

.cs:hover {
	background-color: #615ffb;
	color: #ffffff;
	border-color: #1941ec;
}







.reviews-icons img {
	border: 5px solid #d4f6ff;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	margin-right: 15px;
	margin-left: 15px;
	transition: all .2s ease;
	width: 100px;
	height: 100px;
}

.reviews-icons img:hover {
	transform: scale(1.2);
}

/*picture.reviews-icons {
	border: 5px solid #d4f6ff;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	margin-right: 15px;
	margin-left: 15px;
	transition: all .2s ease;
	width: 100px;
	height: 100px;
}

picture.reviews-icons:hover {
	transform: scale(1.2);
}*/

.emailus-button {
	background-color: #00bbff;
	font-size: 22px;
	color: #ffffff;
	padding: 15px 35px;
	border: 3px solid #d4f6ff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	transition: background-color .2s ease;
	display: inline-block;
}

.emailus-button:hover {
	color: #ffffff;
	background-color: #019eff;
}

.seemore {
	border-style: solid;
	border-width: 1px;
	padding: 10px 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	margin-top: 15px;
	font-size: 20px;
}


@media only screen and (max-width: 959px) {

  	.testimonial-row {
  		display: block;
  		width: 100%;
  	}

  	.testimonial-box {
  		margin: 0 auto 30px;

  	}

}


.loginmenu a {
	background: none !important;
	box-shadow: inset 0 1px 2px #ffffff !important;
	text-shadow: none !important;
	color: #7c7c7c !important;
	border-color: #d8d8d8 !important;
	border-width: 1px !important;
	/*top: 10px !important;*/
	position: absolute;
}

.loginmenu a:hover {
	color: #004b88 !important;
	border-color: #044b86 !important;
}


@media only screen and (min-width: 1920px) {

.loginmenu  {
	top: -5px !important;

}

}

@media only screen and (max-width: 1280px) {

.loginmenu a {
	top: 20px !important;
}

}

.ind-img-prod {
			/*vertical-align: middle;*/
			position: absolute !important;
			bottom: -30px;
}

.boldstat {
	font-weight: bold;
	font-size: 55px;
	color: #fb4379;
}

.readmorebtn {
	padding: 5px 20px;
	background-color: #eeeeee;
}

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


 	.ind-img-prod {
 		position: relative !important;
 		bottom: -45px;
 	}

 	}


@media only screen and (max-width: 600px) {

.customers-header {
	max-width: 85% !important;
	width: auto;
	margin: 0 auto;
	display: block;
}

}


@media only screen and (max-width: 350px) {

.customers-header {
	max-width: 85% !important;
	width: auto;
	margin: 0;
	display: block;
}

.ind-img-prod {
	position: relative !important;
	bottom: -50px;
}


}


/* @end */

/* @group CHAT Page */


.chat-header {
	max-width: 350px !important;
	float: right;
	text-align: left;
	/*background-color: #f3a2a2;*/
}

.chat-header h1 {
	color: #ffffff !important;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 10px;
}


.chat-header h2 {
	color: #ffffff !important;
	font-size: 19px;
}

.chat-header p {
	color: #ffffff !important;
}

/*body_banner dtchat*/

.dtchat {
	background: url(/wp-content/uploads/2019/03/dtchat_bg@2x.jpg) #233da9;
	background-size: cover;
	background-position: center;
	height: 450px;
	overflow: hidden;
	position: relative;
}

.dtchat_img {
	position: absolute;
	bottom: 0;
	max-width: 600px;
}

.dtchat-text {
	width: 400px;
	color: #ffffff;
	position: relative;
	left: 600px;
	top: 100px;
}

.dtchat-text h3 {
	margin-bottom: 30px !important;
}

#chaticon {
	width: 100px;
	position: relative;
	top: 25px;
	margin-right: 10px;
}



@media only screen and (max-width: 959px) {



.chat-header {
	max-width: 500px !important;
	float: none;
	margin: 40px auto 20px;
	text-align: left;
	text-align: center;
	/*background-color: #f3a2a2;*/
	background-color: rgba(4, 10, 39, 0.8);
	padding: 10px 20px 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/*Fix to overlapped content boxes*/
.container-fluid {
	/*height: 600px !important;*/
}


.mobfill {
	background-color: rgba(135, 228, 253, 0.81);
	padding: 10px;
}

.dtchat {
height: 900px;

}

.dtchat_img {
	position: absolute;
	bottom: 0;
	max-width: 600px;
	margin: 100px auto 0 !important;
	padding-top: 100px;
}

.dtchat-text {
	width: 100%;
	color: #ffffff;
	text-align: center;
	position: static;
}


}

/* @end */

/* @group Why Ayoa? */

.fleximageheader {
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center !important;
	min-height: 300px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.imageheadercontent {
	text-align: center;
	padding: 20px;
}


#futurecollab {
	padding-top: 80px;
	padding-bottom: 30px;
}
#futurecollab h3 {
	margin-bottom: 25px;
}
#futurecollab p {
	line-height: 32px;
}

.enterayoabanner {
	background: -webkit-linear-gradient(#000F20 0%, #043f5d 100%) #022735 !important;
	background: linear-gradient(#000F20 0%, #043f5d 100%) #022735 !important;
}

.enterayoabanner h3 {
	color: #ffffff;
	font-size: 45px;
}

.enterayoabanner p {
	color: #ffffff;
}

.allinone-banner {
	background-color: white;
	padding-top: 60px;
	padding-bottom: 60px;
}

.allinone-banner h3 {
	font-size: 45px;
	font-weight: bold;
}

.allinone-banner h3 span {
	color: #21cffc;
}

.allinone-banner .flexsectors {
	max-width: 2000px !important;
}

.allinone-banner .sector {
	margin-right: 8px;
	margin-left: 8px;
}

.allinone-banner .flexsectors .sector img {
	/*width: 290px;*/
	margin-bottom: 30px;
	display: inline-block;
	height: auto;
}

.allinone-banner .flexsectors .sector p {
	color: #7f7f7f;
	/*font-size: 18px;
	line-height: 25px;*/
}

.morethantechnology {
	background-color: #6585d7;
	padding-top: 60px;
	padding-bottom: 60px;
}

.morethantechnology h3 {
	color: white;
	font-size: 45px;
	font-weight: bold;
	margin-bottom: 50px;
}

.morethantechnology p {
	color: white;
	margin-right: 20px;
	margin-left: 20px;
}

.morethantechnology a {
	margin-right: 20px;
	margin-left: 20px;
	display: inline-block;
}

.morethanflex {
	display: flex;
	max-width: 1200px;
	margin: 0 auto;
	align-items: center;
}

.morethanleft {
	width: 35%;
	text-align: center;
}

.morethanright {
	width: 65%;
}

@media only screen and (max-width: 960px) {

.morethanflex {
	flex-direction: column;
}

.morethanleft {
	width: 100%;
	text-align: center;
}

.morethanright {
	width: 100%;
	text-align: center;
	margin-top: 30px;
}


}

/* @end */

/* @group About Page New */

#aboutayoaheader {
 background-image: url(/wp-content/uploads/2020/03/our_story_background.jpg);
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center;
 background-color: #0a98ec;
 max-width: 100%;
 height: auto;
}


#aboutayoaheader h1 {
 margin-top: 50px;
 font-size: 50px;
 color: #ffffff;
 margin-bottom: 20px;
 font-weight: bold;
}

#aboutayoaheader h1 strong {
 color: #00a9fd;
}

#aboutayoaheader p {
 color: #ffffff;
 font-size: 18px;
 line-height: 32px;
 padding-right: 20px;
 margin: 20px 0 !important;
}

#aboutayoaheader .grid_6 p {
 float: left;
}

#aboutayoaheader p strong {

 font-size: 20px;
 margin-bottom: 30px;
}

#aboutayoaheader .squarebutton {
	background-color: #0f5ea0;
}

#aboutayoaheader .squarebutton:hover {
	background-color: #0a3e6a;
}

.hide {
 display: none;
}

#opengeniusmission {

 background: -webkit-linear-gradient(45deg, #b14b87 0%, #7c00ff 100%) #063248;
 background: -moz-linear-gradient(45deg, #b14b87 0%, #7c00ff 100%) #063248;
 background: -ms-linear-gradient(45deg, #b14b87 0%, #7c00ff 100%) #063248;
 background: linear-gradient(45deg, #b14b87 0%, #7c00ff 100%) #063248;
 padding-top: 50px;
 padding-bottom: 50px;
}

#opengeniusmission h2 {
 font-size: 48px;
 margin-top: 2px;
 color: #ffffff;
}

#opengeniusmission h2 img {
 width: 300px;
 position: relative;
 top: 13px;
}

#opengeniusmission p{
 margin-top: 35px;
 margin-bottom: 25px;
 text-align: center;
 line-height: 39px;

}

#chrisgriffithsceo {
 background: -webkit-linear-gradient(45deg, #d3e9ff 0%, #def0fb 100%) #dbeefc;
 background: -moz-linear-gradient(45deg, #d3e9ff 0%, #def0fb 100%) #dbeefc;
 background: -ms-linear-gradient(45deg, #d3e9ff 0%, #def0fb 100%) #dbeefc;
 background: linear-gradient(45deg, #d3e9ff 0%, #def0fb 100%) #dbeefc;
 padding-top: 50px;
 padding-bottom: 50px;
}


#chrisgriffithsceo h3 {
 font-size: 50px;
 margin-top: 2px;
 color: #00a2ff;
 font-weight: bold;
}

.ceochris {
 font-size: 30px;
 margin-top: 2px;
 color: #252525;
}

.ceotext {
 margin-left: 43px;
 line-height: 35px;
 margin-top: 17px;
}


.timeline-container {
	position: relative;
	width: 100%;
	/*background-color: rgba(241, 221, 221, 0.18);*/
	padding-top: 80px;
	padding-bottom: 80px;
	height: auto;
	margin-bottom: 150px;
}

.timeline-bar {
	background-color: #a6dbf7;
	height: 100%;
	width: 12px;
	margin: -20px auto 80px;
	position: absolute;position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
	z-index: -1;
}

.timeline-top {
	width: 50px;
	height: 50px;
	background-color: #a8daf5;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 200px;
	position: absolute;
	top: -20px;
	right: -18px;
}

.timeline-bottom {
	width: 50px;
	height: 50px;
	background-color: #a8daf5;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 200px;
	position: absolute;
	right: -18px;
	bottom: -10px;
}


.timeline-item {
	/*background-color: #ffffff;*/
	max-width: 800px;
	margin-right: auto;
	margin-left: auto;
	z-index: 0;
	/*border: 5px solid #1ca3fb;*/
	position: relative;
	margin-top: 100px;
}

.timeline-item:first-of-type {
	font-weight: bold;
	font-style: italic;
}

.timeline-date {
	background-color: #1ca3fb;
	color: #ffffff;
	font-size: 20px;
	width: 70px;
	height: 70px;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 200px;
	margin: 1px auto 0;
}

.timeline-date p {
	text-align: center;
	position: relative;
	top: 22px;
}

.timeline-text {
	text-align: center;
}

.time-left .timeline-text {
	position: absolute;
	text-align: right;
	width: 350px;
	top: 0;
}

.time-left .timeline-text p {
	position: relative;
}

.time-right .timeline-text {
	position: absolute;
	top: 0;
	text-align: left;
	width: 350px;
	right: 0;
}


.time-right .timeline-text p {
	position: relative;
}



@media only screen and (max-width: 800px) {


.timeline-text {
	text-align: center;
	background-color: #ffffff;
	padding: 30px 30px 1px;
	position: relative;
	z-index: -1;
	border: 3px solid #e9e9e9;
	-webkit-border-radius: 15px;
	-moz-border-radius:15px;
	border-radius: 15px;
	max-width: 60%;
}

.time-left .timeline-text {
	position: relative;
	text-align: center;
	margin: 0 auto;
	top: -20px;
}

.time-left .timeline-text p {
	position: static;
}

.time-right .timeline-text {
	position: relative;
	text-align: center;
	top: -20px;
	margin: 0 auto;
}


.time-right .timeline-text p {
	position: static;
}

}





/* @end */




/* @group New Feature Banner */

.newfeaturebanner {
	background: -webkit-linear-gradient(top, #093979 0%, #040d79 100%) #093479;
	background: -moz-linear-gradient(top, #093979 0%, #040d79 100%) #093479;
	background: -ms-linear-gradient(top, #093979 0%, #040d79 100%) #093479;
	background: linear-gradient(to bottom, #093979 0%, #040d79 100%) #093479;
	position: relative;
	height: 160px;
	overflow: hidden;

}

.newtag {
	position: absolute;
	z-index: 1;
}

.newfeaturebanner-image {
	position: relative;
	top: -50px;
	float: left;
	max-width: 100%;
	margin-right: 20px;
}

.newfeaturebanner-text {
	color: #ffffff;
	float: left;
	position: relative;
	max-width: 400px;
	margin-top: 10px;
	padding-left: 20px;
}

.newfeaturebanner-text h3 {
	color: #ffffff;
	font-weight: bold;
	font-size: 28px;
	margin-bottom: 10px;
}

.newfeaturebanner-text p {
	font-size: 16px;
	color: #62aef0;
}

.newfeaturebanner-text a {
	color: #ffffff;
	text-decoration: underline;
}

.newfeaturebanner-text a:hover {
	color: #fcbd2e;
}


.fiddy {
	width: 50%;
	float: left;
}





@media only screen and (max-width: 800px) {

.fiddy {
	width: 100%;
	float: none;
}

.newfeaturebanner {
	height: auto;
}

.newfeaturebanner-image {
	position: relative;
	float: none;
	top: 0;
	width: 500px !important;
	margin: 0 auto !important;
	display: block;
}

.newfeaturebanner-text {
	float: none;
	position: relative;
	max-width: 400px;
	margin: 0 auto;
	text-align: center;
	padding-left: 0;
}


}


/*
Organic Mind Map Banner*/

.newfeature-banner {
	background: -webkit-linear-gradient(left, #cdedfc 0%, #e3f2ff 100%) #cceefe;
	background: -moz-linear-gradient(left, #cdedfc 0%, #e3f2ff 100%) #cceefe;
	background: -ms-linear-gradient(left, #cdedfc 0%, #e3f2ff 100%) #cceefe;
	background: linear-gradient(to right, #cdedfc 0%, #e3f2ff 100%) #cceefe;
	position: relative;
	padding-top: 30px;
	padding-left: 80px;
	margin-bottom: 50px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	padding-bottom: 10px;
	/*border: 2px solid #c4e8fa;*/
}

.newsticker {
	position: absolute;
	top: -40px;
	left: -40px;
	z-index: 1;
}

.neworganicmapsimg {
	position: absolute;
	right: 0;
	top: 0;
}

.newgantttimelineimg {
	position: absolute;
	right: 0;
	bottom: -5px;
}

.newfeature-text {
	width: 350px;
	text-align: left;
}

.newfeature-text h3 {
	font-size: 28px;
}

.newfeature-text p {
	font-size: 18px;
}

.newfeature-text a {
	margin-top: 10px !important;
	text-decoration: underline;
}

.ganttbanner {
	background-image: url(/wp-content/uploads/2019/10/ganttbanner_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.ganttbanner h3 {
	color: #ffffff;
}

.ganttbanner p {
	color: #FFCBC4;
}

.ganttbanner a {
	color: #ffffff;
}

.ganttbanner a:hover {
	color: #6f121b;
}


.radialbanner {
	background-image: url(/wp-content/uploads/2020/02/radial_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.roadmapbanner {
	background-image: url(/wp-content/uploads/2020/04/roadmap_header.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.roadmapbanner h3 {
	color: #ffffff !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.21);
}

.roadmapbanner p {
	color: #ffffff !important;
	text-shadow: 0 1px 5px rgba(0, 0, 0, 0.34);
	font-size: 19px;
	font-weight: 400;
}

.roadmapbanner a {
	color: #0845a9;
	text-shadow: none;
}

.newradialimg {
	position: absolute;
	max-width: 500px;
	right: 10px;
	bottom: 5px;
}

.roadmap-featuretext {
	display: flex;
	justify-content: center;
	flex-direction: column;
	height: 180px;
}

.whiteboardbanner {
	background: -webkit-linear-gradient(#000F20 0%, #043f5d 100%) #022735 !important;
	background: linear-gradient(#000F20 0%, #043f5d 100%) #022735 !important;
}

.whiteboardbanner h3 {
	color: white;
}

.whiteboardbanner p {
	color: white;
}

.whiteboardbanner a {
	color: #28a0f3;
	text-shadow: none;
}

.whiteboardbanner .squarebutton {
	color: white;
	text-decoration: none;
	display: inline-block;

}


@media only screen and (max-width: 959px) {

.roadmap-featuretext {
	height: auto;
	margin-top: 10px;
}

	.newfeature-banner {
		position: relative;
		padding: 30px 10px 10px;
		margin-bottom: 50px;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;

		/*border: 2px solid #c4e8fa;*/
	}

	.newsticker {
		top: -40px;
		left: -30px;
		z-index: 1;
	}

	.newfeature-text {
		width: 100%;
		text-align: center;
	}

	.neworganicmapsimg {
		position: relative;
		right: 0;
		top: -30px;
		max-width: 100%;
	}

	.newgantttimelineimg {
		position: relative;
		right: 0;
		top: -30px;
		max-width: 100%;
		/*background-image: -webkit-linear-gradient(top, #e22000 0%, rgba(0, 0, 0, 0) 100%);
		background-image: -moz-linear-gradient(top, #e22000 0%, rgba(0, 0, 0, 0) 100%);
		background-image: -ms-linear-gradient(top, #e22000 0%, rgba(0, 0, 0, 0) 100%);
		background-image: linear-gradient(to bottom, #e22000 0%, rgba(0, 0, 0, 0) 100%);*/
	}


	.newradialimg {
		position: relative;
		right: 0;
		top: -30px;
		max-width: 100%;
	}
	
	.whiteboardbanner img {
		margin-top: 50px;
		margin-bottom: 0;
	}

}



/* @end */





/* @group Simplified HOMEPAGE */


.dt-toptestimonials {
	z-index: 1;
	position: relative;
}

.test-boxed {
	background: -webkit-linear-gradient(top, white 0%, #f4f9fd 49.1%, #ffffff 100%) #ffffff;
	background: -moz-linear-gradient(top, white 0%, #f4f9fd 49.1%, #ffffff 100%) #ffffff;
	background: -ms-linear-gradient(top, white 0%, #f4f9fd 49.1%, #ffffff 100%) #ffffff;
	background: linear-gradient(to bottom, white 0%, #f4f9fd 49.1%, #ffffff 100%) #ffffff;
	padding: 0 30px 25px;
	border: 1px solid #B2DCFA;
	box-shadow: 0 1px 20px #eaf2f9;
	transition: all .2s ease;
	height: 140px;
}


.test-boxed p {
	font-size: 18px !important;
}

.test-boxed img {
	width: 125px;
	position: relative;
	margin-top: -15px;
}



.dt-simple-headertext h1 {
	font-size: 29px !important;
	line-height: 30px !important;
}

.head-container {
	background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 39%, #edf7ff 51%, #edf7ff 65.2%, #ffffff 88.4%, #ffffff 100%) #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 39%, #edf7ff 51%, #edf7ff 65.2%, #ffffff 88.4%, #ffffff 100%) #ffffff;
	background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 39%, #edf7ff 51%, #edf7ff 65.2%, #ffffff 88.4%, #ffffff 100%) #ffffff;
	background: linear-gradient(to bottom, #ffffff 0%, #ffffff 39%, #edf7ff 51%, #edf7ff 65.2%, #ffffff 88.4%, #ffffff 100%) #ffffff;
	height: 900px;
}

#homepage-simple-header {
	/*background-color: #e38383;*/
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	height: 600px;
	width: 100%;
	float: left;
}


.dt-simple-headerimage {
	height: 500px;
	position: relative;
	right: 150px;
}

.dt-puddle {
	width: 1300px;
	position: absolute;
	top: -250px;
	left: 480px;
	/*z-index: -1;*/
}

.dt-computers {
	width: 710px;
	position: absolute;
	left: 550px;
	top: 10px;
	z-index: 1;
	transition: all .2s ease;
}

.dt-computers:hover {
	transform: scale(1.05);
}


.dt-simple-headertext {
	/*background-color: #f9efef;*/
	height: 500px;
	position: relative;
	float: left;
	top: -465px;
	left: 0;
}

.dt-simple-headertext h3 {
	margin-bottom: 10px !important;
	font-size: 16px !important;
}

.dt-simple-headertext img {
	left: -35px;
	position: relative;
	max-width: 100%;
	height: 120px;
}



.simple-signup-button {
	background: -webkit-linear-gradient(top, #0072ec 0%, #2bc7dc 100%) #009beb !important;
	background: -moz-linear-gradient(top, #0072ec 0%, #2bc7dc 100%) #009beb !important;
	background: -ms-linear-gradient(top, #0072ec 0%, #2bc7dc 100%) #009beb !important;
	background: linear-gradient(to bottom, #0072ec 0%, #2bc7dc 100%) #009beb !important;
	color: #ffffff !important;
	font-size: 22px !important;
	padding: 15px 45px 18px !important;
	margin-top: 10px;
	-webkit-border-radius: 100px !important;
	-moz-border-radius: 100px !important;
	border-radius: 100px !important;
	border: 2px solid #b4f4ff !important;
	box-shadow: 0 0 40px rgba(0, 118, 255, 0.34) !important;
	transition: all .2s ease;
	position: relative;
	display: inline-block;
	text-transform: none !important;
}

.simple-signup-button:hover {
	color: #ffffff;
	transform: scale(1.1);
	box-shadow: 0 0 60px rgba(0, 117, 255, 0.12);
}


.loginlink {
	text-decoration: underline;
	color: #6589a9;
	margin-top: 20px;
	font-size: 18px;
}


.for-teams-homesimple {
	/*text-shadow: 0 1px 2px rgba(0, 0, 0, 0.13) !important;*/
	text-shadow: none !important;
	height: 450px;
	position: relative;
	overflow: hidden;
}


.hp-simple-testimonials {
background-image: -webkit-linear-gradient(70deg, #59c3ff 0%, #b08aff 100%);
	background-image: -moz-linear-gradient(70deg, #59c3ff 0%, #b08aff 100%);
background-image: -ms-linear-gradient(70deg, #59c3ff 0%, #b08aff 100%);
background-image: linear-gradient(20deg, #59c3ff 0%, #b08aff 100%);
padding-bottom: 0;
	padding-top: 20px;
}

.smallerrows {
	transform: scale(0.8);
	margin-top: -50px;
	margin-bottom: -20px;
}



.ayoalogo_mobile {
	display: none;
}



@media only screen and (max-width: 959px) {

  	.smallerrows {
  		transform: scale(1);
  		margin-top: -0px;
  		margin-bottom: 0px;
  	}

  	.hp-simple-testimonials {
  	background-image: -webkit-linear-gradient(70deg, #59c3ff 0%, #b08aff 100%);
  		background-image: -moz-linear-gradient(70deg, #59c3ff 0%, #b08aff 100%);
  	background-image: -ms-linear-gradient(70deg, #59c3ff 0%, #b08aff 100%);
  	background-image: linear-gradient(20deg, #59c3ff 0%, #b08aff 100%);
  	padding-bottom: 20px;
  	}



}


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

.ayoalogo_mobile {
	display: none;
	margin-bottom: 10px;
}

}


/*.smalltest {
	transform: scale(0.8);
	position: relative;
	top: -78px;
}*/

.hp-bubbles {
	background: -webkit-linear-gradient(left, #dbedfc 0%, white 12.4%, #ffffff 87.5%, #dbedfd 100%) fixed #ffffff;
	background: -moz-linear-gradient(left, #dbedfc 0%, white 12.4%, #ffffff 87.5%, #dbedfd 100%) fixed #ffffff;
	background: -ms-linear-gradient(left, #dbedfc 0%, white 12.4%, #ffffff 87.5%, #dbedfd 100%) fixed #ffffff;
	background: linear-gradient(to right, #dbedfc 0%, white 12.4%, #ffffff 87.5%, #dbedfd 100%) fixed #ffffff;
	height: 350px;
	margin-top: 60px;
	border-top: 1px solid #b1dcfa;
	overflow: hidden;
}


.dt-bubbles {
	height: 100%;
	margin: 0 auto !important;
	display: block;
}

.mobile-quotes {
	display: none;
}

h1.homeheading {
	color: #ffffff !important;
	margin-bottom: 0 !;
}

.homeheadingextra {
	font-size: 34px;
	color: #0a4886;
	text-shadow: none;
	font-weight: 400;
	/*text-shadow: 0 2px 3px #188ade;*/
}

.homeheadingextra-2 {
	line-height: 20px !important;
	font-size: 24px;
	color: #0a4886;
	text-shadow: none;
	font-weight: 400;
	/*text-shadow: 0 2px 3px #188ade;*/

}


h3.homesub_alt {
	font-size: 26px !important;
	line-height: 35px !important;
	margin-top: -28px !important;
}




@media only screen and (max-width: 1150px) {

.dt-simple-headertext {
	/*background-color: #f9efef;*/
	height: 500px;
	position: relative;
	float: left;
	top: -465px;
	left: 0;
}


.dt-computers {
	width: 600px;
	position: absolute;
	left: 500px;
	top: 30px;
	z-index: 1;
}



}


@media only screen and (max-width: 960px) {

.test-boxed {
	height: 180px;
}

}

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


.test-boxed {
	height: auto;
}


.dt-simple-headerimage {
	height: auto;
	width: 100%;
	/*background-color: #e78181;*/
	position: static;
}

.dt-simple-headertext {
	/*background-color: #f9efef;*/
	position: static;
	float: left;
	width: 100%;
	height: auto;
	text-align: center;
}

.loginlink {
	text-decoration: underline;
	color: #3FA1F0;
	margin-top: 20px;
	font-size: 18px;
	margin-left: 0 !important;
}

.dt-simple-headertext img {
	display: block;
	margin: 0 auto;
	position: static;
	height: auto;
}

.dt-puddle {
	display: none;
}

.dt-computers {
	width: 100%;
	position: static;
	z-index: 1;
	left: 0;
	top: 250px;
	margin-top: 0;
		margin-bottom: 20px;
}

#homepage-simple-header {
	height: auto;
	padding-bottom: 50px !important;
}

.boxed-tests-block {
	display: none;
}

.mobile-quotes {
	display: inline;
}


}






.imgbanner-thirds {
	margin-top: 25px !important;
	margin-bottom: 45px !important;
	display: inline-block;
	width: 100%;
	max-height: 400px;
	overflow: hidden;
}

.imgbanner-third {
	width: 33.3%;
	margin: 0px !important;
	float: left;
	max-width: 100%;
}








/*


padding-bottom: 45px;

<div id="homepage-simple-header">

<div class="dt-simple-headerimage">
<img class="dt-puddle" src="/wp-content/uploads/2018/10/droptask_puddle@2x.png" alt="droptask puddle">
</div>*/


/* @end */





/* @group Homepage - Flat style */

.flat-signup-button {
	background-color: #20bafb !important;
	border: none;
	padding: 18px 28px !important;
	-webkit-border-radius: 6px !important;
	-moz-border-radius: 6px !important;
	border-radius: 6px !important;
	transition: background-color .2s ease !important;
}

.flat-signup-button:hover {
	background-color: #04a3e6 !important;
}

.flathome-h1 {
	color: #3e3e3e !important;
	text-shadow: none !important;
	font-size: 40px !important;
	line-height: 45px !important;
	/*font-weight: 500 !important;*/
	font-weight: 300 !important;
	letter-spacing: -1px;
	margin-bottom: 45px;
	margin-top: 40px;

	/*transform: scale(1.1);*/
}

.flathome-asterisk {
	font-size: 18px;
	position: relative;
	top: -15px;
}

.homesub_flat {
	/*font-size: 22px !important;
	line-height: 35px !important;
	margin-top: -28px !important;
	color: #7f7f7f !important;
	letter-spacing: -.5px;*/

	font-size: 27px !important;
	line-height: 35px !important;
	margin-top: -28px !important;
	color: #000000 !important;
	letter-spacing: -.5px;
}

.joinmillions {
	border: 1px solid #ccdefd;
	color: #2d2d2d;
	padding: 5px 20px;
	background: linear-gradient(10deg, #f7f9fe 0%, #eef3fe 100%) rgba(120, 167, 255, 0.12);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 16px;
	display: inline-block;
	margin-bottom: -20px;
	margin-top: 10px;
}

.joinmillions u {
	font-weight: bold;
}

.availabletext {
	margin-top: -100px;
	font-style: italic;
	margin-bottom: 10px;
}

.subtitle {
  /*font: 16px 'open_sanslight' !important;*/
  font-size: 20px !important;
  margin-right: 0;
  margin-bottom: 20px;
  margin-left: 0;
  color: #8C9EB5 !important;
  overflow: hidden;
  text-transform: none;
  max-width: none !important;
  height: 50px;
  padding-top: 5px;
  line-height: 25px !important;
}
.fancy {
  line-height: 0.5;
  text-align: center;
}
.fancy span {
  display: inline-block;
  position: relative;
}
.fancy span:before,
.fancy span:after {
  content: "";
  height: 5px;
  border-bottom: 1.8px solid #c7daec;
  width: 600px;
  position: absolute;
  top: 8px;
}
.fancy span:before {
  right: 100%;
  margin-right: 15px;
}
.fancy span:after {
  left: 100%;
  margin-left: 15px;
}


/*Network Banner*/
.networkbanner {
	background: -webkit-linear-gradient(top, #1077b4 0%, #0266cc 100%) #0870c1;
	background: -moz-linear-gradient(top, #1077b4 0%, #0266cc 100%) #0870c1;
	background: -ms-linear-gradient(top, #1077b4 0%, #0266cc 100%) #0870c1;
	background: linear-gradient(to bottom, #1077b4 0%, #0266cc 100%) #0870c1;
	display: flex;
	justify-content: center;
	flex-direction: row;
	/*align-content: center;*/
	overflow: hidden;
	height: 300px;
}

.network-inner {
	max-width: 600px;
}

.networkmap {
	transform: rotate(-5deg) scale(1.2);
	position: relative;
	top: 25px;
}

.network-text {
	max-width: 500px;
	margin: 20px 30px 20px 20px;
	/*background-color: rgba(217, 147, 147, 0.27);*/
}

.network-text h3 {
	color: #ffffff;
	font-size: 25px;
}

.network-text h3 img {
	position: relative;
	top: 11px;
	margin-right: 5px;
}

.network-text p {
	color: #bcdef4;
	max-width: 450px;
	margin-left: 50px;
	margin-bottom: 15px;
	font-size: 16px;
}

.network-text a {
	color: #f2bb49;
	max-width: 350px;
	margin-left: 50px;
	text-decoration: underline;
	font-size: 18px;
}

.network-text a:hover {
	color: #f29900;
}


.peachfade {
	background: -webkit-linear-gradient(top, white 0%, #ffe9d7 100%) #ffffff;
	background: -moz-linear-gradient(top, white 0%, #ffe9d7 100%) #ffffff;
	background: -ms-linear-gradient(top, white 0%, #ffe9d7 100%) #ffffff;
	background: linear-gradient(to bottom, white 0%, #ffe9d7 100%) #ffffff;
	padding-bottom: 50px;
}


/*Quote Cards*/

.quotecards-container {
	display: flex;
	width: 98%;
	margin: 0 auto;
	/*background-color: #ec9999;*/
	max-width: 1500px;
}

.quotecard {
	background-color: #ffffff;
	margin: 10px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 30px 40px 40px;
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
	flex: 1;
	transform: rotate(-2deg);
}

.quotecard h3 {
	text-align: center;
	font-weight: bold;
	font-size: 25px;
	color: #737573;
	margin-bottom: 30px;
}

.quotecontent {
	/*background-color: rgba(177, 118, 118, 0.4);*/
	display: flex;
	flex-direction: row;
}
.quoteimg {
	width: 30%;
}

.quoteimg img {
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 200px;
	border: 7px solid #ebeceb;
	width: 90%;
}

.quotetext {
	width: 70%;
}

.quotetext blockquote {
	font-size: 18px;
	line-height: 30px;
	margin-left: 25px;
	margin-right: 25px;
	margin-bottom: 20px;
}

.quotetitle {
	margin-left: 25px;
	margin-right: 25px;
}


@media only screen and (max-width: 1200px) {

	.network-text {
		margin-top: 20px;
	}

	.network-text h3 {
		color: #ffffff;
		font-size: 25px;
	}

	.network-text h3 img {
		clear: both;
		display: block;
		margin-bottom: 5px;
	}

	.quotecontent {
		flex-direction: column;
		text-align: center;
	}

	.quoteimg {
		margin: 0 auto;
		width: 40%;
		min-width: 180px;
	}

	.quotetext {
		margin: 0 auto;
		width: 100%;
	}


}


@media only screen and (max-width: 900px) {

.networkbanner {
	display: flex;
	justify-content: center;
	flex-direction: column;
	height: auto;
}

.network-inner {
	max-width: 600px;
	margin: 0 auto;
}

.network-text {
	margin-top: 60px;
		margin-bottom: 50px;
}


.quotecards-container {
	flex-direction: column;
}


}

/* @end */





/* @group HOMEPAGE : ANDREI's DESIGN */


.main-cta {
	/*background: -webkit-linear-gradient(top, #00b5ff 0%, #0080f3 100%) #0098f9;
	background: -moz-linear-gradient(top, #00b5ff 0%, #0080f3 100%) #0098f9;
	background: -ms-linear-gradient(top, #00b5ff 0%, #0080f3 100%) #0098f9;
	background: linear-gradient(to bottom, #00b5ff 0%, #0080f3 100%) #0098f9;*/
	padding: 12px 40px 14px;
	/*-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;*/
	border: 2px solid #caeef4;
	color: #ffffff !important;
	margin-left: 15px;
	font-size: 22px;
	font-weight: 400;
	/*box-shadow: 0 3px 2px rgba(3, 40, 74, 0.25);*/
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px
	
	background: -webkit-linear-gradient(top, #00b5ff 0%, #0080f3 100%) #0098f9;
	background: -moz-linear-gradient(top, #84ce5a 0%, #3fc133 100%) #68c54f;
	background: -ms-linear-gradient(top, #84ce5a 0%, #3fc133 100%) #68c54f;
	background: linear-gradient(to bottom, #84ce5a 0%, #3fc133 100%) #68c54f;
	
	
	
	/*
	background: -webkit-linear-gradient(top, #00b5ff 0%, #0080f3 100%) #0098f9;
	background: -moz-linear-gradient(top, #6bdf61 0%, #60cf53 100%) #0098f9;
	background: -ms-linear-gradient(top, #6bdf61 0%, #60cf53 100%) #0098f9;
	background: linear-gradient(to bottom, #6bdf61 0%, #60cf53 100%) #0098f9;*/
	
	
	
	
	
	/*background: -webkit-linear-gradient(top, #0072ec 0%, #2bc7dc 100%) #009beb !important;
	background: -moz-linear-gradient(top, #0072ec 0%, #2bc7dc 100%) #009beb !important;
	background: -ms-linear-gradient(top, #0072ec 0%, #2bc7dc 100%) #009beb !important;
	background: linear-gradient(to bottom, #0072ec 0%, #2bc7dc 100%) #009beb !important;*/
	
	transition: all .2s ease;
	margin-bottom: 10px;
	display: inline-block;
}




.main-cta:hover {
	/*background: -webkit-linear-gradient(top, #1175ca 0%, #0096d3 100%) #007bca;
	background: -moz-linear-gradient(top, #1175ca 0%, #0096d3 100%) #007bca;
	background: -ms-linear-gradient(top, #1175ca 0%, #0096d3 100%) #007bca;
	background: linear-gradient(to bottom, #1175ca 0%, #0096d3 100%) #007bca;
	color: #ffffff !important;*/
	
	background: -webkit-linear-gradient(top, #38ac2d 0%, #6cc33b 100%) #4dc141;
	background: -moz-linear-gradient(top, #38ac2d 0%, #6cc33b 100%) #4dc141;
	background: -ms-linear-gradient(top, #38ac2d 0%, #6cc33b 100%) #4dc141;
	background: linear-gradient(to bottom, #38ac2d 0%, #6cc33b 100%) #4dc141;
}

.second-cta {
	padding: 12px 40px 14px;
	/*-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;*/
	border: 2px solid #13335e;
	color: #ffffff !important;
	margin-left: 15px;
	font-size: 22px;
	font-weight: 400;
	/*box-shadow: 0 3px 2px rgba(3, 40, 74, 0.25);*/
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color: #11335f;
	transition: all .2s ease;
	margin-bottom: 0;
	display: inline-block;
	margin-bottom: 10px;
}

.second-cta:hover {
	/*background-color: #ffffff;
	color: #1db1fb !important;*/
	background-color: #194d8f;
	border: 2px solid #194d8f;
}


.ayoa-headerbanner {
	/*background: -webkit-radial-gradient(#22c4fb 0%, #1460c7 100%) 0 -50px #1ca2fa;
	background: radial-gradient(#22c4fb 0%, #1460c7 100%) 0 -50px #1ca2fa;*/
	padding-top: 40px;
	/*padding-bottom: 400px;*/
	/*height: 100vh;*/
	position: relative;
	
	/*Blue to white*/
	/*background: -webkit-linear-gradient(#03afea 44.6%, rgb(255, 255, 255) 100%) #1ca2fa;
	background: linear-gradient(#03afea 44.6%, rgb(255, 255, 255) 100%) #1ca2fa;*/
	
	/*Darker:*/
	background: -webkit-radial-gradient(#03afea 0%, #1460c7 100%) 0 -50px #1ca2fa;
	background: radial-gradient(#03afea 0%, #1460c7 100%) 0 -50px #1ca2fa;
}



.ayoa-headerbanner h1 {
	font-weight: bold;
	font-size: 55px;
	color: #ffffff;
	margin: 4px 20px 30px;
	
	
	
	/*text-shadow: 0 4px 3px rgba(35, 99, 197, 0.44);*/
}

.ayoa-headerbanner h2 {
	color: #cae7f7;
	font-weight: 400;
	max-width: 800px;
	margin: 0 auto 30px;
	line-height: 35px;
	text-align: center;
	padding-right: 20px;
	padding-left: 20px;
}

.headerbanner-buttons {
	display: flex;
	justify-content: center;
	/*background-color: rgb(255, 255, 255);*/
	width: auto;
	max-width: 550px;
	margin: 0 auto 30px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.headerbanner-buttons a {
	margin-left: 10px;
	margin-right: 10px;
	/*margin-bottom: 30px;*/
}


.headerbanner-img {
	/*max-width: 780px;*/
	/*position: absolute;*/
	bottom: -100px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align: center;
	display: block;
	/*-webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1);*/
	width: 830px;
}

.ayoa-headerbanner .flex-companies {
	max-width: 800px;
	margin-bottom: -55px;
}



@media only screen and (max-width: 600px) {
	
	.ayoa-headerbanner h1 {
		margin-top: 0;
	}
	
	
	.ayoa-headerbanner .flex-companies {
	max-width: 800px;
	flex-direction: row;
	flex-wrap: wrap;
}

.ayoa-headerbanner .flex-companies .company-logo img {
	max-width: 70px;
}

	.headerbanner-buttons {
		flex-direction: column;
		align-items: center;
	}

}



/*Cornerstone tabs*/


.homepagereviews {
	background-color: white;
	padding-top: 100px;
}


.cornerstones {
	/*background-color: rgba(192, 192, 192, 0.51);*/
	padding-top: 40px;
	padding-bottom: 60px;
	/*height: 650px;*/
	background-color: white;
}

.cornerstonesdark {
	background: -webkit-linear-gradient(#000F20 0%, #043f5d 100%) #022735 !important;
	background: linear-gradient(#000F20 0%, #043f5d 100%) #022735 !important;
}

.cornerstones h2 {
	margin-bottom: 40px;
}

.cornerstonesdark .pc-tab p {
	color: white;
}

.cornerstonesdark h2 {
	color: white;
	border-bottom: 4px solid #32a1ef;
	padding-bottom: 10px;
	display: inline-block;
	margin-bottom: 30px;
	margin-left: 20px;
	margin-right: 20px;
}

@media only screen and (min-width: 750px) {



.pc-tab {
	display: flex;
	
}

.pc-tab nav {
background-image: url(/wp-content/uploads/2020/11/ayoa_cornerstones_main.png);
 background-repeat: no-repeat;
background-size: 100%;
background-position: center;
width: 450px;
height: 450px;
position: relative;
margin-right: 25px;
}

.pc-tab ul {
  margin: 0px !important;
}



.pc-tab ul li {
	transform: scale(1.3) !important;
}

li.tab_one  {
	position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
	padding: 0;
	width: 100px;
	height: 100px;
	animation-delay: -1.7s;
	top: 20px;
}

li.tab_two  {
	position: absolute;
    margin-top: auto;
    margin-bottom: auto;
    top: 0;
    bottom: 0;
    text-align: center;
    width: 100px;
    height: 100px;
	right: 20px;
	padding: 0;
	animation-delay: -0.7s;

}

li.tab_three  {
	position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    width: 100px;
    height: 100px;
	bottom: 20px;
	padding: 0;
	animation-delay: -1.1s;
}


li.tab_four {
	position: absolute;
    margin-top: auto;
    margin-bottom: auto;
    top: 0;
    bottom: 0;
    text-align: center;
    width: 100px;
    height: 100px;
	animation-delay: -1.9s;
	left: 20px;
}

.cornerstone-content {
	display: flex;
	align-items: center;
	width: 50%;
}

.pc-tab section div {
  text-align: left !important;
}

}



.pc-tab  > input,
.pc-tab section > div {
  display: none;
}

#tab_one:checked ~ .cornerstone-content section .tab_one,
#tab_two:checked ~ .cornerstone-content section .tab_two,
#tab_three:checked ~ .cornerstone-content section .tab_three,
#tab_four:checked ~ .cornerstone-content section .tab_four {
  display: block !important;
}



.pc-tab {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
 /*max-width: 1280px;*/
}
.pc-tab ul {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.pc-tab ul li label {
  border: 3px solid #ebebeb;
  background: #eeeeee;
  color: #444;
  -webkit-border-radius: 300px;
  -moz-border-radius: 300px;
  border-radius: 300px;
  padding: 10px;
  transform: scale(0.7) !important;
  float: left;
  width: 74px;
  height: 75px;
  transition: all .2s ease;
}

.pc-tab ul li img {
	width: 75px;
	height: 75px;
	-webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1);
}

.pc-tab ul li label:hover {
  background: #dddddd;
  transform: scale(1.0) !important;
}
.pc-tab ul li label:active {
  background: #ffffff;
  transform: scale(1.0) !important;
  box-shadow: 0 1px 50px rgba(0, 0, 0, 0.51) !important;
}

@media only screen and (max-width: 600px) {

.pc-tab ul li img {
	width: 50px;
	height: 50px;
}

.pc-tab ul li label {
  border: 3px solid #ebebeb;
  background: #eeeeee;
  color: #444;
  -webkit-border-radius: 300px;
  -moz-border-radius: 300px;
  border-radius: 300px;
  padding: 5px;
  transform: scale(0.7) !important;
  float: left;
  width: 50px;
  height: 50px;
  transition: all .2s ease;
}


}


.pc-tab section {
  clear: both;
}
.pc-tab section div {
  /*padding: 20px;*/
  width: 100%;
  /*border: 1px solid #ddd;*/
  /*background: #fff;*/
  line-height: 1.5em;
  letter-spacing: 0.3px;
  color: #444;
  text-align: center;
}
.pc-tab section div h3 {
  font-weight: bold;
	color: #28a0f3;
	font-size: 40px;
	position: relative;
	margin-bottom: 25px;
	margin-right: 25px;
  margin-left: 25px;
}

.pc-tab section div p {
	line-height: 32px;
	margin-right: 25px;
	margin-left: 25px;
}

#tab_one:checked  ~ nav .tab_one label,
#tab_two:checked ~ nav .tab_two label,
#tab_three:checked ~ nav .tab_three label,
#tab_four:checked ~ nav .tab_four label {
  background: white;
  color: #111;
  border: 3px solid #32a1ef;
  position: relative;
  transform: scale(1.0) !important;
  box-shadow: 0 1px 20px rgba(50, 161, 239, 0.6) !important;
  animation: pulse 1s  0s infinite;
}

#tab_one:checked  ~ .x .y {
	-webkit-animation: none !important;
   animation: none !important;
}


/*
.x {
	-webkit-animation: x 8s linear infinite alternate;
	animation: x 5s linear infinite alternate;
}
.y {
	-webkit-animation: y 7s linear infinite alternate;
	animation: y 4s linear infinite alternate;
}*/
 @-webkit-keyframes x {
 100% {
 -webkit-transform: translateX(calc(20px - 10px));
 transform: translateX(calc(20px - 10px));
}
}
 @keyframes x {
 100% {
 -webkit-transform: translateX(calc(20px - 10px));
 transform: translateX(calc(20px - 10px));
}
}
@-webkit-keyframes y {
 100% {
 -webkit-transform: translateY(calc(20px - 10px));
 transform: translateY(calc(20px - 10px));
}
}
@keyframes y {
 100% {
 -webkit-transform: translateY(calc(20px - 10px));
 transform: translateY(calc(20px - 10px));
}
}






.ayoas-views {
	background: -webkit-linear-gradient(#000F20 0%, #043f5d 100%) #022735;
	background: linear-gradient(#000F20 0%, #043f5d 100%) #022735;
	padding-top: 40px;
	padding-bottom: 40px;
	position: relative;
}

.viewslight {
	background: -webkit-linear-gradient(#ffffff 56.2%, #dceefb 100%) white;
	background: linear-gradient(#ffffff 56.2%, #dceefb 100%) white;
}

.viewslight h2 {
	color: #3c3c3c !important;
}

.viewslight p {
	color: #3c3c3c !important;
}

.viewslight a {
	color: #888888 !important;
}

.viewslight .squarebutton {
	color: #ffffff !important;
}

.ayoas-views h2 {
	color: white;
	border-bottom: none;
	padding-bottom: 10px;
	display: inline-block;
	margin-bottom: 30px;
}


.howtouseayoa {
	padding-top: 40px;
	padding-bottom: 80px;
	background-color: #ffffff;
	position: relative;
}
/*
.howtouseayoa .squarebutton {
	background-color: #cfcfcf;
}

.howtouseayoa .squarebutton:hover {
	background-color: #aeaeae;
}*/

.flexsectors {
	display: flex;
	flex-direction: row;
	justify-content: center;
	/*background-color: #f7e2e2;*/
	margin: 20px auto;
	max-width: 1280px;
	flex-wrap: nowrap;
}

.sector {
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15);
	margin-right: 10px;
	margin-left: 10px;
	text-align: center;
	padding: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 20px;
	max-width: 350px;
}

.sector img {
	/*width: 100px;*/
}

.sector h3 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 25px;
}

.sector p {
	color: #979797;
}

.consultant-sect {
	margin-top: 20px;
	margin-bottom: 20px;
	height: 60px;
}


@media only screen and (max-width: 960px) {

.flexsectors {
	flex-wrap: wrap !important;
}

}



.home-testimonials-flex {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	max-width: 1280px;
	margin: 20px auto;
}

.home-testimonials-container {
	width: 50%;
}

.home-testimonials-item {
	display: flex;
	background-color: white;
	margin: 10px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.06);
    -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	justify-content: center;
	padding: 20px;
}

.home-testimonials-item img {
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 200px;
	border: 2px solid #fc7f56;
	/*max-width: 120px;*/
}

.ht-image {
	/*background-color: #fceeee;*/
	width: 20%;
	padding: 20px 15px 20px 20px;
}

.home-testimonials-text {
	/*background-color: #bee7cf;*/
	width: 70%;
	padding: 20px 20px 20px 15px;
}

.home-testimonials-text h4 span {
	color: #fc7f56;
}

.home-testimonials-text p {
	line-height: 33px;
	font-size: 18px;
}


@media only screen and (max-width: 750px) {
 .home-testimonials-flex {
	flex-direction: column;
}

.home-testimonials-container {
	width: 100%;
	margin: 0 auto;
	display: block;
}
.home-testimonials-item {
	display: block;
}

.ht-image {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	max-width: 150px;
}
.home-testimonials-text {
	width: auto;
	text-align: center;
}
}


.ayoafull {
	padding-top: 50px;
	padding-bottom: 50px;
	
	/*background: -webkit-radial-gradient(#22c4fb 0%, #1b99fb 100%) #1ca2fa;
	background: radial-gradient(#22c4fb 0%, #1b99fb 100%) #1ca2fa;*/
	background: -webkit-radial-gradient(#03afea 0%, #0483e5 100%) #1ca2fa;
	background: radial-gradient(#03afea 0%, #0483e5 100%) #1ca2fa;
}

.ayoafull h2 {
	margin-top: 20px !important;
	color: #ffffff;
	font-size: 55px;
	max-width: 800px;
	margin: 0 auto;
	padding-right: 20px;
	padding-left: 20px;
}

.ayoafull-flex {
	display: flex;
	flex-direction: row;
	max-width: 1280px;
	margin: 20px auto;
	align-items: center;
}

.ayoafull-left {
	width: 55%;
}

.ayoafull-right {
	width: 45%;
}

.ayoafull-text {
	margin-right: 40px;
	margin-left: 40px;
	/*background-color: #eecbcb;*/
}

.ayoafull-flex h2 {
	margin-top: 0 !important;
	color: #ffffff;
	font-size: 55px;
}

.ayoafull-flex p {
	color: #ffffff;
	margin-bottom: 50px;
	line-height: 32px;
}


@media only screen and (max-width: 750px) {

.ayoafull-flex {
	flex-direction: column;
	}
 
.ayoafull-left {
	width: 100%;
}

.ayoafull-right {
	width: 100%;
}	
	
.ayoafull-text {
	text-align: center;
}
	
	
	
}




/* @end */




/* @group Consultancy & Speakers */


.leftright-parent {
	display: flex;
	max-width: 1250px;
	margin: 0 auto;
}

.leftright-parent-home {
	display: flex;
	max-width: 1250px;
	margin: 0 auto;
}

.leftright-child {
	padding-right: 20px;
	padding-left: 20px;
	width: 50%;
}

.purple-ticks {
	 list-style-image: url('/wp-content/uploads/2019/09/purple-tick.png');
	 margin-top: 40px;
}

.purple-ticks li  {
	font-size: 20px;
}

.purple-ticks p  {
	font-size: 20px;
	margin-top: -1px;
	margin-bottom: 10px;
	position: relative;
	top: -10px;
}

.blue-ticks {
	 list-style-image: url('/wp-content/uploads/2019/09/blue-tick.png');
	 margin-top: 40px;
}

.blue-ticks li  {
	font-size: 20px;
}

.blue-ticks p  {
	font-size: 20px;
	margin-top: -1px;
	margin-bottom: 10px;
	position: relative;
	top: -10px;
}

.speakers-banner-surround {
	background-color: #2ACBFF;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 30px;
}


.speakers-banner {
	display: flex;
	padding-top: 30px;
	justify-content: center;
}

.speaker-box {
	background-color: #ffffff;
	max-width: 450px;
	margin-right: 10px;
	margin-left: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding-top: 30px;
	padding-bottom: 30px;
}

.speaker-box img {
	width: 170px;
	height: 170px;
	margin-right: auto !important;
	margin-bottom: 20px !important;
	margin-left: auto !important;
	display: block;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 200px;
	border: 8px solid #aeeafe;
}

.speaker-text {
	margin-left: 30px;
	margin-right: 30px;
	text-align: center;
}

.speaker-text h4 {
	font-size: 24px;
	margin-bottom: 20px;
}

.speaker-text p {
	color: #a4a4a4;
}





@media only screen and (max-width: 960px) {

.leftright-parent-home {
	display: block;
	padding-right: 20px;
	padding-left: 20px;
}

.leftrighttext {
	margin-top: 200px !important;
	text-align: center;
}

.leftright-child {
	padding-right: 20px;
	padding-left: 20px;
	width: 85%;
	margin: 0 auto;
}

}



@media only screen and (max-width: 750px) {
	.leftright-parent {
		display: block;
		padding-right: 40px;
		padding-left: 40px;
	}


	.leftrighttext {
		margin-top: 125px !important;
	}

	.minimal-main-content-2 {
	text-align: center;
	}

	.speakers-banner {
		display: block;
	}

	.speaker-box {
		margin: 0 auto 30px;
	}

}



@media only screen and (max-width: 500px) {

	.leftrighttext {
		margin-top: 70px !important;
	}

}


/* @end */





.scrollvids {
	border: 4px solid #f6f6f6;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	background-color: #fbf7f7;
	max-width: 92%;
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}



/* @group EDU Pages */

.edmodo-header {
	/*  BG Image is set in page  */
	background-size: cover !important;
	background-position: center !important;
	color: #ffffff;
	/*text-shadow: 0 1px 2px rgba(0, 0, 0, 0.13) !important;*/
	text-shadow: none !important;
	height: 600px;
	position: relative;
	/*overflow-x: hidden !important;*/
	padding-top: 60px;
}


.dt-ed-logo {
	width: 350px;
	margin-bottom: 20px;
}


.edmodo-header h1 {
	font-weight: bold;
	color: #001638;
	background: -webkit-linear-gradient(#000F20, #00235C);
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
	font-size: 48px;
}

.edmodo-header h2 {
	color: #0096e1;
	font-size: 32px;
}

.edmodo-button {
	background: -webkit-linear-gradient(top, #8ed6fe 5.9%, #5ec3f9 6.3%, #1493f1 100%) #35b5ff;
	background: -moz-linear-gradient(top, #8ed6fe 5.9%, #5ec3f9 6.3%, #1493f1 100%) #35b5ff;
	background: -ms-linear-gradient(top, #8ed6fe 5.9%, #5ec3f9 6.3%, #1493f1 100%) #35b5ff;
	background: linear-gradient(to bottom, #8ed6fe 5.9%, #5ec3f9 6.3%, #1493f1 100%) #35b5ff;
	color: #ffffff;
	font-size: 22px;
	font-weight: bold;
	padding: 18px 30px 20px 90px;
	display: inline-block;
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #1558b0;
	transition: all .2s ease;
}

.edmodo-button:hover {
	/*ackground: -webkit-linear-gradient(top, #3e89d7 4.9%, #276bb1 5.9%, #1b4877 100%) #0077bd;
	background: -moz-linear-gradient(top, #3e89d7 4.9%, #276bb1 5.9%, #1b4877 100%) #0077bd;
	background: -ms-linear-gradient(top, #3e89d7 4.9%, #276bb1 5.9%, #1b4877 100%) #0077bd;
	background: linear-gradient(to bottom, #3e89d7 4.9%, #276bb1 5.9%, #1b4877 100%) #0077bd;*/
	color: #ffffff;
	transform: scale(1.05);
	background: -webkit-linear-gradient(top, #2294ee 0%, #1f6ead 100%) #2294ee;
	background: -moz-linear-gradient(top, #2294ee 0%, #1f6ead 100%) #2294ee;
	background: -ms-linear-gradient(top, #2294ee 0%, #1f6ead 100%) #2294ee;
	background: linear-gradient(to bottom, #2294ee 0%, #1f6ead 100%) #2294ee;
}

.edlogin {
	text-decoration: underline;
	font-size: 18px;
	font-weight: bold;
	color: #14394d;
}

.edlogin:hover {
	text-decoration: none;
	color: #084b91;
}

.edmodo-button img {
	/*display: none;*/
	position: absolute;
	width:68px;
	top: 0;
	left: 0;
}

.ed-subbar {
	background: -webkit-linear-gradient(top, #0499ff 0%, #2ba7ff 100%) #199dff;
	background: -moz-linear-gradient(top, #0499ff 0%, #2ba7ff 100%) #199dff;
	background: -ms-linear-gradient(top, #0499ff 0%, #2ba7ff 100%) #199dff;
	background: linear-gradient(to bottom, #0499ff 0%, #2ba7ff 100%) #199dff;
	padding: 25px 10px;
	margin-bottom: 55px;
}

.ed-subbar h3 {
	font-size: 22px;
	color: #ffffff;
	margin-bottom: 0;
}

.ed-features-centred {
	max-width: 750px;
	margin: 0 auto;
}

.ed-features li {
	list-style-image: url(/wp-content/uploads/2018/06/bluetick.png);
	color: #151515;
	font-size: 18px;
	border-bottom: 1px solid #a6e4fd;
	list-style-position: inside;
	padding: 15px 20px 15px 40px;
	margin-left: -48px;
	text-align: left;
	width: auto !important;
	text-indent: -40px;
}





.case-studybanner {
	padding-top: 50px;
	padding-bottom: 50px;
	background-repeat: no-repeat !important;
	border-top: 1px solid #e0e0e0;
	background-position: 0 0 !important;
}

.studybanner_avatar {
	width: 25%;
	float: left;
	margin-bottom: 20px;
}

.studybanner_avatar img {
	width: 180px;
	height: 180px;
}

.studybanner_text {
	width: 75%;
	float: left;
}

.studybanner_text h4 {
	font-weight: 200;
	font-size: 32px;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 20px;
	color: #777777;
}

.studybanner_text h5 {
	color: #000000;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 24px;
}

.studybanner_text p {
	margin-left: 20px;
	margin-right: 20px;
	font-size: 18px;
}

.quote-emp {
	font-size: 19px;

}


  @media only screen and (max-width: 750px) {

  	.studybanner_avatar {
  		width: 100%;
  		float: left;
  	}

  	.studybanner_text {
  		width: 100%;
  		float: left;
  		text-align: center;
  	}

  	}


/* @end */

/* @group DT IMM Page */

.dtimm-banner {
	height: 500px;
	background: -webkit-linear-gradient(top, #48b1fb 0%, #dbf2f9 100%) #daf2fa !important;
	background: -moz-linear-gradient(top, #48b1fb 0%, #dbf2f9 100%) #daf2fa !important;
	background: -ms-linear-gradient(top, #48b1fb 0%, #dbf2f9 100%) #daf2fa !important;
	background: linear-gradient(to bottom, #48b1fb 0%, #dbf2f9 100%) #daf2fa !important;
	margin-bottom: 50px;
}

.img-left {
	width: 50%;
	float: left;
}

.text-right {
	width: 50%;
	float: left;
	text-align: left !important;
	font-weight: bold;
	color: #1274ce !important;
}

.img-left img {
	max-width: 100%;
	margin-top: 60px;
}

.text-right h1 {
	color: #04223d;
	font-size: 36px;
	line-height: 45px;
	margin-top: 180px;
}

.immh3 {
	font-size: 22px;
	line-height: 32px;
}

.smllprnt {
	font-size: 12px;
	color: #959595;
}

.howtoclaim {
	background-color: #fdf2d6;
	padding: 20px 20px 1px !important;
	margin-bottom: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 2px dashed #efd492;
}

.imm-signupform {
	width: 500px;
	position: relative;
	margin: 0 auto;
}

.icon-wrapper {
	position: relative;
}


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



  	.img-left {
  		width: 100%;
  		float: none;
  		text-align: center;
  	}

  	.text-right {
  		width: 100%;
  		float: none;
  		text-align: center !important;
  	}

  	.text-right h1 {
  		margin-top: 0;
  	}

  	.dtimm-banner {
  		height: auto;
  		padding-bottom: 50px;
  		padding-top: 50px;
  		}

  	}


  	  @media only screen and (max-width: 450px) {

  	  	.imm-signupform {
  	  			width: 100%;
  	  			position: static;
  	  			margin: 0 !important;
  	  			text-align: center !important;
  	  		}


  	  		.su-formbutton {
  	  			padding: 18px 40px !important;
  	  			border: 1px solid #17a136 !important;
  	  			position: static !important;

  	  		}

  	  		#google_facebook {
  	  			position: static !important;
  	  			margin: 10px auto !important;
  	  			width: 130px !important;
  	  			background-color: #e9c1c1;
  	  			display: block !important;
  	  			float: none !important;
  	  		}

  	  		.fineprint {
  	  			color: #1274ce;
  	  			font-size: 11px;
  	  			text-align: center;
  	  			position: static !important;
  	  			width: 100%;
  	  			float: left;
  	  		}

  	  		.existingaccount a {
  	  			text-transform: uppercase;
  	  			font-size: 15px;
  	  			color: #8b8b8b;
  	  			position: static !important;
  	  			width: 100% !important;
  	  			float: left;
  	  			margin-bottom: 20px;
  	  		}



  	  		/*.icon-wrapper {
  	  		left: -80px !important;
  	  		position: relative;
  	  		}*/



  	  	}


/* @end */

/* @group Landing Page K */



/* Remove default header from this page */
.page-id-2354 header {
	display: none !important;
}

.page-id-2461 header {
	display: none !important;
}



/*Template pages, removing headers and footers*/
.page-id-2398 header, .page-id-2398 footer,
.page-id-2441 header, .page-id-2441 footer,
.page-id-2443 header, .page-id-2443 footer,
.page-id-2445 header, .page-id-2445 footer,
.page-id-2447 header, .page-id-2447 footer {
	display: none !important;
}


/*Amending Offer banner positioning (wont be needed when new navigation is introduced)*/
.page-id-2354 #offerbanner,
.page-id-2461 #offerbanner,
.page-id-2398 #offerbanner,
.page-id-2441 #offerbanner,
.page-id-2443 #offerbanner,
.page-id-2445 #offerbanner,
.page-id-2447 #offerbanner  {
position: relative;
top: 0px;
margin-bottom: 0;
}

/*Removing padding added to compensate for new navigation (When the new nav is hidden above)*/
.page-id-2354 .minimal-mainsection,
.page-id-2354 .minimal-mainsection,
.page-id-2398 .minimal-mainsection,
.page-id-2441 .minimal-mainsection,
.page-id-2443 .minimal-mainsection,
.page-id-2445 .minimal-mainsection,
.page-id-2447 .minimal-mainsection {
	padding-top: 0;
	height: 100vh; /*This makes the height the same as the window*/
}

/*The header is fixed, this class compensates for the missing height*/
.page-id-2354  .header-counteract,
.page-id-2461 .header-counteract,
.page-id-2398 .header-counteract,
.page-id-2441 .header-counteract,
.page-id-2443 .header-counteract,
.page-id-2445 .header-counteract,
.page-id-2447 .header-counteract {
	display: none;
}


.minimal-mainsection {
background: -webkit-linear-gradient(top, #ffffff 0%, #dae9ed 100%) #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #dae9ed 100%) #ffffff;
background: -ms-linear-gradient(top, #ffffff 0%, #dae9ed 100%) #ffffff;
background: linear-gradient(to bottom, #ffffff 0%, #dae9ed 100%) #ffffff;
height: 88vh; /*This makes the height the same as the window*/
min-height: 600px;
position: relative;
overflow: hidden;
z-index: 1;
padding-top: 40px;
}


.minimal-mainsection.shrinked  {
height: 90vh; /*This makes the height the same as the window*/
}

#header-minimal {
	background-color: #ffffff;
	height: 80px;
}

.dt-logo-min {
	height: 70px;
	float: left;
	vertical-align: middle;
	margin-left: 10px;
}

.nav-minimal {
	list-style: none;
	color: #a5a6a5;
	float: right;
}

.nav-minimal li a {
	color: #a5a6a5;
}

.nav-minimal li a:hover {
	color: #a5a6a5;
	text-decoration: underline;
}

.nav-minimal li {
	float: left;
	margin-right: 20px;
	margin-left: 10px;
	margin-top: 25px;
}

.mini-signup {
	color: #595959;
	font-weight: bold;
	background: -webkit-linear-gradient(top, white 0%, #ffffff 100%) #e4e4e4;
	background: -moz-linear-gradient(top, white 0%, #ffffff 100%) #e4e4e4;
	background: -ms-linear-gradient(top, white 0%, #ffffff 100%) #e4e4e4;
	background: linear-gradient(to bottom, white 0%, #ffffff 100%) #e4e4e4;
	padding: 6px 30px 10px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	border: 2px solid #bbdfff;
	box-shadow: inset 0 -3px #e8e8e8;
	position: relative;
	top: -8px;
}

.mini-signup:hover {
	background: -webkit-linear-gradient(top, #f1f5f8 0%, #ffffff 100%) #e4e4e4;
	background: -moz-linear-gradient(top, #f1f5f8 0%, #ffffff 100%) #e4e4e4;
	background: -ms-linear-gradient(top, #f1f5f8 0%, #ffffff 100%) #e4e4e4;
	background: linear-gradient(to bottom, #f1f5f8 0%, #ffffff 100%) #e4e4e4;
	border: 2px solid #bbdfff;
	box-shadow: inset 0 2px #d9e5ef;
	color: #404040;
}



/*.mini-signup:hover {
	transform: scale(1.1);
}*/


.minimal-main-cont {
	margin-top: 20px;
	/*background-color: #eac5c5;*/
	margin-bottom: 40px;

}



/*Original (Dark)*/

.minimal-main-cont h1 {
	font-weight: bold;
	background: -webkit-linear-gradient(#002A39, #003446);
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
	font-size: 48px;
	color: #002A39;
	padding-bottom: 10px;
}


.minimal-main-cont h2 {
	margin-bottom: 30px;
	margin-top: 20px;
	font-size: 18px;
	color: #707070;
}

/* Newer (Light)*/
.minimal-main-content {
	margin-top: 20px;
	/*background-color: #eac5c5;*/
	margin-bottom: 40px;
	position: relative;
}

.featuremincont {
	margin-top: -6px;
}












.minimal-main-content .simple-signup-button {
	font-size: 28px !important;
	padding-left: 60px !important;
	padding-right: 60px !important;
}


.minimal-main-content h1 {
	font-weight: bold;
/*	background: -webkit-linear-gradient(#ffffff, #f7faff);
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;*/
	font-size: 46px;
	color: #f7faff;
	padding-bottom: 0;
	font-weight: 800;
text-shadow: 0 1px 2px #1d57a8;
line-height: 52px;
}

.minimal-main-content h2 {
	margin-top: 20px;
	font-size: 16px;
	color: #87198f;
	font-weight: bold;
	margin-bottom: 20px;
	line-height: 22px;
}

.minimal-main-content h3 {
	margin-bottom: 30px;
	margin-top: 20px;
	color: #003f58;
	line-height: 26px;
	font-size: 22px;
}

.minimal-main-content-2 {
	margin-top: 20px !important;
	margin-left: 20px;
	/*background-color: #eac5c5;*/
	width: 90%;
	position: relative;
}

.minimal-main-content-2 h1 {
	font-weight: bold;
/*	background: -webkit-linear-gradient(#ffffff, #f7faff);
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;*/
	font-size: 46px;
	color: #f7faff;
	padding-bottom: 0;
	font-weight: 800;
text-shadow: 0 1px 2px #1d57a8;
line-height: 52px;
float: left;
margin-bottom: 20px;
	margin-top: 0;
}

.minimal-main-content-2 h2 {
	margin-top: 20px;
	font-size: 16px;
	color: #87198f;
	font-weight: bold;
	margin-bottom: 20px;
	line-height: 22px;
}

.minimal-main-content-2 h3 {
	margin-bottom: 30px;
	margin-top: 20px;
	color: #003f58;
	line-height: 26px;
	font-size: 22px;
}


  @media only screen and (max-width: 768px) {



  	.flathome-h1 {
  		font-size: 30px !important;
  		line-height: 35px !important;
  	}

  	.minimal-main-content h1 {
  		font-size: 46px;
  		color: #003d87 !important;
  		padding-bottom: 0;
  		text-shadow: none;
  		line-height: 52px;
  		font-weight: bold;
  	}


  	.minimal-main-content-2 h3 {
  	line-height: 26px !important;
  	font-size: 20px !important;
  	}

  	.homeheadingextra {
  		color: #2db4de;
  		text-shadow: none;
  	}

  	.minimal-main-content {
  		margin-top: 80px;
  	}




  	.featuremincont {
  		margin-top: 55px !important;
  	}

  	}




.small-watchvideobutton {
	background-color: rgba(38, 148, 244, 0.79);
	color: #a9d6fe;
	font-weight: bold;
	font-size: 18px;
	padding: 15px 25px 15px 60px;
	z-index: 1;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	border: 2px solid #6eb9fa;
	display: inline-block;
	margin: 0 auto !important;
	position: relative;
	top: 750px;
	opacity: 0.5;
}

.small-watchvideobutton:hover {
	background-color: rgba(8, 106, 191, 0.64);
	color: #a9d6fe;
}

.small-watchvideobutton img {
	position: absolute;
	left: 10px;
	top: 8px;
}

.mainquote-banner {
	background-image: -webkit-linear-gradient(top, white 0%, #f3faff 100%);
	background-image: -moz-linear-gradient(top, white 0%, #f3faff 100%);
	background-image: -ms-linear-gradient(top, white 0%, #f3faff 100%);
	background-image: linear-gradient(to bottom, white 0%, #f3faff 100%);
	position: absolute;
	width: 100%;
	bottom: 0;
	padding-top: 20px;
	padding-bottom: 20px;
	z-index: 1;
}

.mainquote-banner h3 {
	font-style: italic;
	font-weight: bold;
	margin-bottom: 0;
	margin-left: 50px;
	color: #0c243c;
	margin-right: 50px;
}

.quotesource {
	font-size: 16px;
	/*color: #ff6700;*/
	font-style: italic;
	font-weight: normal;
	color: #8F8F8F;
}

.softsell {
	background-color: #cde9fe;
	padding-top: 60px;
	padding-bottom: 80px;
}


.softsell-column-container {
	display: flex;
	max-width: 1200px;
	margin: 0 auto 40px;
	text-align: center;
	justify-content: center;
}

.ss-column {
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 20px;
	width: 100%;
	background: -webkit-linear-gradient(top, white 88.3%, #f1f8fe 100%) #ffffff;
	background: -moz-linear-gradient(top, white 88.3%, #f1f8fe 100%) #ffffff;
	background: -ms-linear-gradient(top, white 88.3%, #f1f8fe 100%) #ffffff;
	background: linear-gradient(to bottom, white 88.3%, #f1f8fe 100%) #ffffff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	box-shadow: 0 1px 30px #a9d6f8;
	border: 3px solid #ffffff;
}

.ss-column h3 {
	color: #000000;
	font-size: 25px;
	font-weight: bold;
	line-height: 34px;
}

.ss-column p {
	color: #868686;
	font-size: 18px;
}

hr.ss-hr {
	background-color: #b1e6ff;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 120px;
	height: 3px;
}

.column-img {
	height: 250px;
	width: 100%;
	background-size: cover !important;
	background-position: center !important;
	border-bottom: 1px solid #e5e5e5;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	margin-bottom: 30px;
}

.ss-column-text {
	margin-right: 45px;
	margin-left: 45px;

}




.image-content-sec {
	height: 76%;
	position: relative;
}

.dt_computer_assort {
	z-index: 1;
	width: auto;
	max-width: 1600px;
	max-height: 75%;
	margin: 20px auto auto !important;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: auto;
}


.bg_wave {
	position: absolute;
	left: 0;
	bottom: 20px;
	height: auto;
	min-width: 100%;
	width: auto;
	transform: scale(1.1);
}



.small-watchvideobutton-abs {
	background-color: rgba(38, 148, 244, 0.79);
	color: #a9d6fe;
	font-weight: bold;
	font-size: 18px;
	padding: 15px 25px 15px 60px;
	z-index: 1;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	border: 2px solid #6eb9fa;
	display: inline-block;
	margin: 0 auto !important;
	opacity: 1;
	position: absolute;
	bottom: 120px;
	width: 210px;
	right: 0 !important;
	left: 0 !important;
	transform: scale(0.8);
}

.small-watchvideobutton-abs:hover {
	background-color: rgba(8, 106, 191, 0.64);
	color: #a9d6fe;
}

.small-watchvideobutton-abs img {
	position: absolute;
	left: 10px;
	top: 8px;
}



/*For mid-range screens*/

@media only screen and (max-width: 1660px) {
.dt_computer_assort {
	max-width: 100%;
	margin-top: 20px !important;
}
}


/*For Small Laptop Screens*/


@media only screen and (max-height: 1260px) and (min-width: 1660px) {

.bg_wave {
	width: 100% !important;
	left: 0;
	height: auto !important;
	position: relative;
}
.simple-signup-button {
	font-size: 18px !important;
	padding: 14px 40px 14px 50px !important;
}




}


@media only screen and (max-height: 1260px) {

.minimal-mainsection {
	height: 84% !important;
}

/*Removing padding added to compensate for new navigation (When the new nav is hidden above)*/
.page-id-2354 .minimal-mainsection,
.page-id-2461 .minimal-mainsection,
.page-id-2398 .minimal-mainsection,
.page-id-2441 .minimal-mainsection,
.page-id-2443 .minimal-mainsection,
.page-id-2445 .minimal-mainsection,
.page-id-2447 .minimal-mainsection {
	padding-top: 0;
	height: 100% !important; /*This makes the height the same as the window*/
}

}

@media only screen and (max-height: 960px) {
.dt_computer_assort {
	margin-top: -45 !important;
	transform: scale(0.9);
}

.small-watchvideobutton-abs {
	position: absolute;
	bottom: 90px !important;
	transform: scale(0.6);
}

.simple-signup-button {
	font-size: 18px !important;
	padding: 14px 40px 14px 50px !important;
}

.minimal-mainsection {
	height: 80% !important;
}

}

@media only screen and (max-height: 800px) {

.simple-signup-button {
	font-size: 18px !important;
	padding: 14px 40px 14px 50px !important;
}

.minimal-main-cont {
	margin-top: 0;
	/*background-color: #eac5c5;*/
	margin-bottom: 20px;
	/*transform: scale(0.8);*/
	position: relative;
	top: -30px;
}

.minimal-main-cont h1 {
	font-size: 38px;
	margin-top: 30px;
}

.mainquote-banner {
	position: relative;
}

.dt_computer_assort {
	margin-top: -50 !important;

}

.bg_wave {
	width: 100% !important;
	left: 0;
	height: auto !important;
	top: 0;
}

.small-watchvideobutton-abs {
	position: absolute;
	bottom: 20px !important;
	transform: scale(0.6);
}

}


@media only screen and (max-height: 900px) and (max-width: 1280px) {

.bg_wave {
	width: 100% !important;
	left: 0;
	height: auto !important;

}

.dt_computer_assort {
	margin-top: -50 !important;
	transform: scale(0.9);
}

.small-watchvideobutton-abs {
	position: absolute;
	bottom: 60px;
}

}


/*For Large Mobile*/
@media only screen and (max-width: 1260px) {

.minimal-mainsection {
height: 800px; /*This makes the height the same as the window*/
min-height: 600px;
position: relative;
overflow: hidden;
}

.simple-signup-button {
	font-size: 18px !important;
	padding: 14px 40px 14px 50px !important;
}

/*Removing padding added to compensate for new navigation (When the new nav is hidden above)*/
.page-id-2354 .minimal-mainsection,
.page-id-2461 .minimal-mainsection,
.page-id-2398 .minimal-mainsection,
.page-id-2441 .minimal-mainsection,
.page-id-2443 .minimal-mainsection,
.page-id-2445 .minimal-mainsection,
.page-id-2447 .minimal-mainsection {
	padding-top: 0;
	height: 800px; /*This makes the height the same as the window*/
	min-height: 600px;
	position: relative;
	overflow: hidden;
}


.dt_computer_assort {
	margin-top: -20 !important;
	transform: scale(0.9);
	max-width: 100%;
}

.bg_wave {
	width: auto !important;
	left: 0;
	position: absolute;
	bottom: 0;
	height: 105%;
}

.mainquote-banner {
	position: relative;
}

.small-watchvideobutton-abs {
	position: absolute;
	bottom: 30px;
}

.dt-logo-min {
	height: 50px;
	float: left;
	vertical-align: middle;
	margin-left: 5px;
		margin-top: 10px;
}

.nav-minimal {
	list-style: none;
	color: #a5a6a5;
	float: right;
}

.nav-minimal li {
	margin-right: 0;
		margin-top: 25px;
	float: left;
		margin-left: 10px;
	font-size: 14px;
}

.mini-signup {
	color: #595959;
	font-weight: bold;
	background: -webkit-linear-gradient(top, white 0%, #ffffff 100%) #e4e4e4;
	background: -moz-linear-gradient(top, white 0%, #ffffff 100%) #e4e4e4;
	background: -ms-linear-gradient(top, white 0%, #ffffff 100%) #e4e4e4;
	background: linear-gradient(to bottom, white 0%, #ffffff 100%) #e4e4e4;
	padding: 3px 20px 5px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	border: 2px solid #bbdfff;
	box-shadow: inset 0 -3px #e8e8e8;
	position: relative;
	top: -8px;
}

}


/* For smaller mobiles */
@media only screen and (max-width: 760px) {

.minimal-mainsection {
height: 750px; /*This makes the height the same as the window*/
min-height: 600px;
position: relative;
overflow: hidden;
}

/*Removing padding added to compensate for new navigation (When the new nav is hidden above)*/
.page-id-2354 .minimal-mainsection,
.page-id-2461 .minimal-mainsection,
.page-id-2398 .minimal-mainsection,
.page-id-2441 .minimal-mainsection,
.page-id-2443 .minimal-mainsection,
.page-id-2445 .minimal-mainsection,
.page-id-2447 .minimal-mainsection {
	height: 750px; /*This makes the height the same as the window*/
	min-height: 600px;
	position: relative;
	overflow: hidden;
}


.dt_computer_assort {
	margin-top: -40 !important;
	transform: scale(0.9);
	max-width: 100%;
}

.softsell-column-container {
	display: block !important;
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
	justify-content: center;
}

.ss-column {
	margin-left: 10px;
		margin-right: 10px;
	padding-bottom: 20px;
	width: auto;
	background: -webkit-linear-gradient(top, white 88.3%, #f1f8fe 100%) #ffffff;
	background: -moz-linear-gradient(top, white 88.3%, #f1f8fe 100%) #ffffff;
	background: -ms-linear-gradient(top, white 88.3%, #f1f8fe 100%) #ffffff;
	background: linear-gradient(to bottom, white 88.3%, #f1f8fe 100%) #ffffff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	box-shadow: 0 1px 30px #a9d6f8;
	border: 3px solid #ffffff;
	margin-bottom: 20px;
}

.bg_wave {
	height: 105% !important;
	bottom: 0;
}

.btn-success {
    color: #FFF;
    background-color: #2dbd56;
    border-color: #00a32e;
    font-weight: 500;
	z-index: 2;
	font-size: 14px !important;
	padding: 15px 30px !important;
}

}


@media only screen and (max-width: 560px) {

.dt-logo-min {
	height: 35px;
	float: left;
	vertical-align: middle;
	margin-left: 5px;
		margin-top: 10px;
	margin-right: 0;
}

.nav-minimal {
	list-style: none;
	color: #a5a6a5;
	float: none;
}

.nav-minimal li {
	margin-right: 0;
		margin-left: 10px;
	margin-top: 15px;
	font-size: 14px;
	transform: scale(0.8);
	float: left;
}

.mini-signup {
	color: #595959;
	font-weight: bold;
	background: -webkit-linear-gradient(top, white 0%, #ffffff 100%) #e4e4e4;
	background: -moz-linear-gradient(top, white 0%, #ffffff 100%) #e4e4e4;
	background: -ms-linear-gradient(top, white 0%, #ffffff 100%) #e4e4e4;
	background: linear-gradient(to bottom, white 0%, #ffffff 100%) #e4e4e4;
	padding: 3px 20px 5px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	border: 2px solid #bbdfff;
	box-shadow: inset 0 -3px #e8e8e8;
	position: relative;
	top: -8px;
}


.btn-success {
    color: #FFF;
    background-color: #2dbd56;
    border-color: #00a32e;
    font-weight: 500;
	z-index: 2;
	font-size: 14px !important;
	padding: 15px 30px !important;
}



}


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

 	.bg_wave {
 		position: relative;
 		top: -500px;
 	}

 	}


 @media only screen and (max-width: 1600px) {

 	.bg_wave {
 		position: absolute; !important;
 		top: auto;
 		bottom: 0px !important;
 	}

 	}	*/

/* @end */



/* @group Formerly Droptask Banner  */


.formerlydroptaskbanner {
	background: linear-gradient(to right, #1ca7fb 0%, #1db3f5 36%, #1eb5f5 68.7%, #1275eb 100%) #1ba9f4;
	margin-bottom: -15px;
	padding-bottom: 10px;
	padding-top: 0;
	display: block;
	position: relative;
}

.formerlydroptaskbanner.hidebanner {
	display: none;
}


.og-bannerlogo  {
	position: absolute;
	right: 10px;
	top: 8px;
	z-index: 1;
	width: 130px;
	border: 1px solid rgba(255, 255, 255, 0.37);
	padding: 3px 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.og-bannerlogo:hover {
	background-color: #005ec4;
}





 @media only screen and (max-width: 1020px) {

 	.og-bannerlogo {
 		display: none;
 	}

 	}


/*img.og-bannerlogo {
	float: left;
	background-color: #791111;
}*/


 @media only screen and (max-width: 750px) {
 	.formerlydroptaskbanner {
 		display: none;
 	}

 	}


.formerlydroptaskbanner h3 {
	color: #e4f7ff;
	font-weight: bold;
	font-size: 24px;
	text-align: center;
	margin-top: -16px;
	margin-bottom: 20px;
}

.formerlydroptaskbanner img {
	position: relative;
	top: 15px;
	width: 150px;
}

/*.formerlydroptaskbanner a {
	color: #e4f7ff;
	font-weight: bold;
	font-size: 16px;
	border: 1.5px solid #e4f7ff;
	padding: 8px 30px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	transition: all 0.5s ease;
	margin-left: 20px;
	position: relative;
	top: -5px;
	display: inline-block;
	margin-top: 20px;
}

.formerlydroptaskbanner a:hover {
	color: #29a5f0;
	font-weight: bold;
	font-size: 16px;
	background-color: #e4f6ff;
}*/


/* @end */



/* @group Formerly Droptask Redux */

.formerlydroptask_redux {
	background: linear-gradient(to bottom, white 0%, #def2fd 100%) #ddf2fe;
	display: block;
	width: 100%;
	position: relative;
	height: auto;
	border-bottom: 1px solid #8dd2f8;
	overflow-x: hidden;
}

.formerlydroptask_redux h3 {
	font-size: 23px;
	clear: both;
	margin-bottom: 40px;
	color: #0e6ca0;
	text-align: center !important;
}


.redux_logos {
	position: relative;
	top: 20px;
	max-width: 100%;
	height: 60px;
}



 @media only screen and (max-width: 750px) {

 	}


/* @end */




/* @group Training Banner */


.training-banner {
	width: 100%;
	display: flex;
	background: -webkit-linear-gradient(left, #21c0ec 0%, #24d6fd 100%) #23d1fd;
	background: -moz-linear-gradient(left, #21c0ec 0%, #24d6fd 100%) #23d1fd;
	background: -ms-linear-gradient(left, #21c0ec 0%, #24d6fd 100%) #23d1fd;
	background: linear-gradient(to right, #21c0ec 0%, #24d6fd 100%) #23d1fd;
	justify-content: center;
	border-top: 2px solid #39ccfc;
	border-bottom: 2px solid #39ccfc;
	height: 254px;
	overflow-x: hidden;
}

.training-left {

}

.training-right {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  padding-right: 10px;
	padding-left: 10px;
}

.training-text-inner {
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
	max-width: 650px;
}

.training-text-inner a {
	text-decoration: underline;
}

.training-right img {
	margin-bottom: 10px;
}

.training-img {
	height: 100%;
}



 @media only screen and (max-width: 1000px) {
 	.training-banner {
 		width: 100%;
 		display: block;
 		background-color: #23d1fd;
 		justify-content: center;
 		height: auto;
 	}


 	.training-left {
 		width: 100%;
 		display: flex;
 		 justify-content: center;
 		 align-items: center;
 		background: -webkit-linear-gradient(top, #54d4f7 1.1%, #86e0fa 100%) #23d0fc;
		background: -moz-linear-gradient(top, #54d4f7 1.1%, #86e0fa 100%) #23d0fc;
 		background: -ms-linear-gradient(top, #54d4f7 1.1%, #86e0fa 100%) #23d0fc;
 		background: linear-gradient(to bottom, #54d4f7 1.1%, #86e0fa 100%) #23d0fc;
 	}

 	.training-right {
 		  width: 100%;
 		  display: flex;
 		  justify-content: center;
 		  align-items: center;
 		  padding-right: 10px;
 		padding-left: 10px;
 		text-align: center;
 	}

 	.training-text-inner {
 		display: block;
 		margin: 20px 20px 20px 10px;
 		max-width: 650px;
	}

 	.training-right img {
 		max-width: 100%;
 	}

 	.training-img {
 		max-height: 200px;
 		margin: 0 auto;
 	}

}



/* @end */

/* @group Industry Landing Pages */

.industry-header {
	background: -webkit-linear-gradient(top, #00194a 0%, #043a6a 100%) #032e60;
	background: -moz-linear-gradient(top, #00194a 0%, #043a6a 100%) #032e60;
	background: -ms-linear-gradient(top, #00194a 0%, #043a6a 100%) #032e60;
	background: linear-gradient(to bottom, #00194a 0%, #043a6a 100%) #032e60;
	padding-top: 15px;
	padding-bottom: 15px;
}


.industry-header p {
	color: #ffffff;
}

.indimg-div {
	position: relative;
	clear: both;
}

.marketinghead {
	background-image: url(/wp-content/uploads/2019/07/marketing_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	overflow-x: hidden !important;
}

.productivityincreasehead {
	background-image: url(/wp-content/uploads/2020/02/productivity_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	overflow: hidden !important;
	position: relative;
	min-height: 400px;
	border-bottom: 5px solid #eeeeee;
}

.prodimg-div {
	position: relative;
	clear: both;
	height: 100%;
	background-color: #ed5353;
}




.writinghead {
	background-image: url(/wp-content/uploads/2020/02/writing_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	overflow: hidden !important;
}

.writinghead .customers-header h1 {
	color: #212121 !important;
}

.writinghead .customers-header p {
 	color: #5c5c5c !important;
 }

.prhead {
	background-image: url(/wp-content/uploads/2019/12/pr_background.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	overflow-x: hidden !important;
}

.organichead {
	background-image: url(/wp-content/uploads/2019/10/organicmaps_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	overflow-x: hidden !important;
}

.speedhead {
	background-image: url(/wp-content/uploads/2019/10/organicmaps_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	overflow: hidden !important;
}

.orgimg-div {
	position: relative;
	clear: both;
	top: 50px;
	transform: scale(1.2) !important;
	max-width: 100%;
	right: -10px;
}


.gantthead {
	background-image: url(/wp-content/uploads/2019/10/Gantt_BG_banner@2x.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: auto !important;
	overflow: hidden;
}

.ganttimg-div {
	position: relative;
	clear: both;
	/*transform: scale(1.2) !important;*/
	max-width: 100%;
	right: -10px;
}

.ganttimg-div img {
	max-height: 280px;
}

.radialhead {
	background-image: url(/wp-content/uploads/2020/02/radial_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top top;
	height: auto !important;
	overflow: hidden;
}


.publicmapshead  {
	background-image: url(/wp-content/uploads/2020/02/publicmaps_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top top;
	height: auto !important;
	overflow: hidden;
}

.publicmapshead a {
	color: #b4f4ff;
}

.publicmapshead a:hover {
	color: #1fdeff;
}


.videochathead {
	background: -webkit-linear-gradient(top, #65b8fd 0%, #0d7dfe 100%) #399ffe;
	background: -moz-linear-gradient(top, #65b8fd 0%, #0d7dfe 100%) #399ffe;
	background: -ms-linear-gradient(top, #65b8fd 0%, #0d7dfe 100%) #399ffe;
	background: linear-gradient(to bottom, #65b8fd 0%, #0d7dfe 100%) #399ffe;
}

.videochathead a {
	color: #b4f4ff;
}

.videochathead a:hover {
	color: #1fdeff;
}


.radialimg-div {
	position: relative;
	clear: both;
	/*transform: scale(1.2) !important;*/
	max-width: 100%;
	right: -10px;
}

.radialimg-div img {
	max-height: 280px;
}


.todohead {
	background: url(/wp-content/uploads/2019/10/todo_banner.jpg) center no-repeat !important;
	background-size: cover !important;
}


.designhead {
	background-image: url(/wp-content/uploads/2019/09/design_bg@2x.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	overflow-x: hidden !important;
}

.projecthead {
	background-image: url(/wp-content/uploads/2019/09/projectmanage_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	overflow-x: hidden !important;
}

.clienthead {
	background-image: url(/wp-content/uploads/2019/09/client_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	overflow-x: hidden !important;
}

.hrhead {
	background-image: url(/wp-content/uploads/2019/11/hr_background.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	overflow-x: hidden !important;
}



.rworker {
	background-image: url(/wp-content/uploads/2019/07/beach_bg@2x.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-color: #d6effe !important;
	border-bottom: 1px solid #cee5f5;
	overflow-x: hidden !important;
}

.rworker h1 {
	color: #002f67 !important;
	text-shadow: 0 2px 2px #ffffff;
}

.rworker p {
	color: #003065 !important;
}


.workfromhome {
background: -webkit-linear-gradient(top, #9d93ff 0%, #96b1f0 100%), none center;
background: -moz-linear-gradient(top, #9d93ff 0%, #96b1f0 100%), none center;
background: -ms-linear-gradient(top, #9d93ff 0%, #96b1f0 100%), none center;
background: linear-gradient(to bottom, #9d93ff 0%, #96b1f0 100%), none center;
border-bottom: 1px solid #cee5f5;
overflow-x: hidden !important;
}

.workfromhome h1 {
color: #ffffff !important;
}

.workfromhome p {
color: #ffffff !important;
}


img.ind-img-workfromhome {
transform: scale(1.1);
}


.marketinghead .customers-header {
	/*background-color: #eb2828;*/
	/*margin-top: 40;*/
}

.marketinghead h1 {
	color: #ffffff !important;
	text-shadow: 0 3px 3px #d2374a;
}

.marketinghead p {
	color: #fadde4;
}


.markimg-div {
	position: relative;
	clear: both;
}

.indimg-div-rworker {
		position: relative;
		clear: both;

}

iframe#freshwidget-embedded-form.freshwidget-embedded-form {
	/*background-color: #d32222;*/
	max-width: 520px;
	margin: 0 auto !important;
	display: block;
}



.industry-header.coaching-header {
	background: url(/wp-content/uploads/2019/08/coaching_banner@2x.jpg) #612fdb;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0 center;
}


.coachingimg {
	display: none;
}

.ind-ctas {
	text-align: left;
}

 @media only screen and (max-width: 1300px) {

 	.industry-header.coaching-header {
 		background: url(/wp-content/uploads/2019/08/coaching_banner@2x.jpg) #612fdb;
 		background-repeat: no-repeat;
 		background-size: cover;
 		background-position: right !important;
 	}

 	.industry-header {
 		height: auto !important;
 	}

 	}


 @media only screen and (max-width: 1000px) {

.industry-header.coaching-header {
		background-position: -120 !important;
	}
}


@media only screen and (max-width: 959px) {

.industry-header.coaching-header {
		!important;
		background: -webkit-linear-gradient(top, #a174d8 0%, #2d1e7c 100%), none center;
		background: -moz-linear-gradient(top, #a174d8 0%, #2d1e7c 100%), none center;
		background: -ms-linear-gradient(top, #a174d8 0%, #2d1e7c 100%), none center;
		background: linear-gradient(to bottom, #a174d8 0%, #2d1e7c 100%), none center;
}

.ind-ctas {
	text-align: center;
}

.coachingimg {
	display: block;
}



.orgimg-div {
	position: static;
	clear: both;
	transform: scale(1.1) !important;
	max-width: 100%;
	width: 100%;
	margin-top: 20px;
}


.designhead {

	background-repeat: no-repeat;
		background-position: left;
	background-size: cover;
	background-color: #ffffff;

}

}




 @media only screen and (max-width: 959px) {

 .industry-header.coaching-header {
 		!important;
 		background: -webkit-linear-gradient(top, #a174d8 0%, #2d1e7c 100%), none center;
 		background: -moz-linear-gradient(top, #a174d8 0%, #2d1e7c 100%), none center;
 		background: -ms-linear-gradient(top, #a174d8 0%, #2d1e7c 100%), none center;
 		background: linear-gradient(to bottom, #a174d8 0%, #2d1e7c 100%), none center;
 }

 .coachingimg {
 	display: block;
 }


 .designhead {

 	background-repeat: no-repeat;
 		background-position: left;
 	background-size: cover;
 	background-color: #ffffff;

 }

 }




 @media only screen and (min-width: 1000px) {
 	.ind-img {
 		vertical-align: middle;
 		margin-top: 30px;
 		position: absolute !important;
 		transform: scale(1.3) !important;
 		display: inline-block;
 		left: -70px;
 		top: 10px;
 	}

 	div.indimg-div picture.ind-img {
 		vertical-align: middle;
 				margin-top: 30px;
 				position: absolute !important;
 				transform: scale(1.0) !important;
 				display: inline-block;
 				left: -70px;
 				top: 10px;
 			}




 	}

 	.ind-img-mark {
 			vertical-align: middle;
 			margin-top: 30px;
 			position: absolute !important;
 			transform: scale(1.4) !important;
 			display: inline-block;
 			left: 50px;
 			top: 10px;
 		}


 .ind-img-proj {
 			vertical-align: middle;
 			margin-top: 30px;
 			position: absolute !important;
 			transform: scale(1.2) !important;
 			display: inline-block;
 			left: 50px;
 			top: 10px;
 		}



 		.ind-img-client {
 					vertical-align: middle;
 					margin-top: 30px;
 					position: absolute !important;
 					transform: scale(1.2) !important;
 					display: inline-block;
 					left: 50px;
 					top: 10px;
 				}

 	.ind-img-rworker {
 			vertical-align: middle;
 			margin-top: 30px;
 			position: absolute !important;
 			transform: scale(1.5) !important;
 			display: inline-block;
 			left: 50px;
 			top: 10px;
 		}

 	}



.ind-img {
	vertical-align: middle;
	margin-top: 30px;
	position: relative !important;
	max-width: 100% !important;
}


.ind-img-mark {
	vertical-align: middle;
	margin-top: 30px;
	position: relative !important;
	max-width: 100% !important;
}

.ind-img-proj {
	vertical-align: middle;
	margin-top: 30px;
	position: relative !important;
	max-width: 100% !important;
}

.ind-img-client {
	vertical-align: middle;
	margin-top: 30px;
	position: relative !important;
	max-width: 100% !important;
}



.ind-img-rworker {
		vertical-align: middle;
		margin-top: 30px;
	}


.highlightbox {
	background-color: #e5f7fa;
	padding: 20px 50px !important;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #cbeff5;
}


/* @end */



/* @group Mind Mapping / Task Management */


.faded-header-bg {
	width: 100%;
	height: 500px;
	position: absolute;
	z-index: 0;
	background-position: 0 bottom;
	background-repeat: no-repeat;
	background-size: cover;
}

@media only screen and (min-width: 1280px) {

.faded-header-bg {
	width: 100%;
	height: 500px;
	position: absolute;
	z-index: 0;
	background-repeat: no-repeat;
		background-size: cover;
	background-position: 0 center;
}

}


.mm-img {
	max-width: 1500px;
	margin: 0 auto;
	display: block;
	width: 100%;
	position: relative;
	z-index: 1;
}


.faded-header-text {
	position: relative;
	z-index: 1;
}

.faded-header-text h1 {
	color: #ffffff;
	font-weight: bold;
	margin-top: 25px;
	text-shadow: 0 2px 2px #0050a1;
}


.faded-header-text p {
	color: #ffffff;
	text-shadow: 0 1px 2px #0050a1;
	font-size: 20px;
	font-weight: 400;
}


 @media only screen and (max-width: 1200px) {

 	/*.faded-header-bg {
 		height: 30vw;
 	}*/

 	}


  @media only screen and (max-width: 750px) {

  	.faded-header-bg {
  		height: 250px;
  	}

  	.faded-header-text h1 {
  		color: #373737;
  		text-shadow: none;
  	}


  	.faded-header-text p {
  		color: #373737;
  		text-shadow: none;
  	}

  	}


/* @end */




/* @group PRESS Page */


.press-header {
	background-image: url(/wp-content/uploads/2019/07/press_banner@2x.jpg);
	background-size: cover !important;
	background-position: center !important;
	height: 300px;
}

.press-header img {
	max-width: 90%;
	margin-left: 10px;
	margin-right: 10px;
}



.chunky-title {
	font-weight: bold;
	font-size: 35px;
	margin-bottom: 20px;
	color: #a0a0a0;
}


.featurebox {
	background-color: #ececec;
	padding-bottom: 20px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/*border: 2px solid #ececec;*/
	transition: all 0.1s ease;
	margin-bottom: 20px;
}

.featurebox:hover {
	transform: scale(1.05);
	box-shadow: 0 1px 40px rgba(0, 0, 0, 0.18);

}

.featurebox-img {
	width: 100%;
	height: 125px;
	background-size: cover !important;
	background-position: center !important;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	background-color: #d3d3d3;
}

.featurebox-content {
	margin-left: 15px;
	margin-top: 10px;
	margin-right: 15px;
}

.featurebox h3 {
	font-weight: bold;
	font-size: 26px;
	color: #ffffff;
}

.featurebox h4 {
	text-transform: uppercase;
	font-size: 15px;
	color: rgba(255, 255, 255, 0.66);
}

.featurebox p {
	margin-bottom: 0;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.66);
}

.feat-blue {
	background: -webkit-linear-gradient(top, #61d5fc 0%, #06bdfa 100%) #20c2fc;
	background: -moz-linear-gradient(top, #61d5fc 0%, #06bdfa 100%) #20c2fc;
	background: -ms-linear-gradient(top, #61d5fc 0%, #06bdfa 100%) #20c2fc;
	background: linear-gradient(to bottom, #61d5fc 0%, #06bdfa 100%) #20c2fc;
}

.feat-purple {
	background: -webkit-linear-gradient(85deg, #6144f6 0%, #b344f6 100%) #b426fb;
	background: -moz-linear-gradient(85deg, #6144f6 0%, #b344f6 100%) #b426fb;
	background: -ms-linear-gradient(85deg, #6144f6 0%, #b344f6 100%) #b426fb;
	background: linear-gradient(5deg, #6144f6 0%, #b344f6 100%) #b426fb;
}

.feat-pink {
	background: -webkit-linear-gradient(145deg, #fc1476 0%, #da0bc7 100%) #fc1476;
	background: -moz-linear-gradient(145deg, #fc1476 0%, #da0bc7 100%) #fc1476;
	background: -ms-linear-gradient(145deg, #fc1476 0%, #da0bc7 100%) #fc1476;
	background: linear-gradient(-55deg, #fc1476 0%, #da0bc7 100%) #fc1476;
}

.feat-green {
	background: -webkit-linear-gradient(90deg, #2bbc64 0%, #92e43a 100%) #1dbd60;
	background: -moz-linear-gradient(90deg, #2bbc64 0%, #92e43a 100%) #1dbd60;
	background: -ms-linear-gradient(90deg, #2bbc64 0%, #92e43a 100%) #1dbd60;
	background: linear-gradient(0deg, #2bbc64 0%, #92e43a 100%) #1dbd60;
}

.feat-yellow {
	background: -webkit-linear-gradient(75deg, #fab23d 0%, #fdca55 100%) #fdb32b;
	background: -moz-linear-gradient(75deg, #fab23d 0%, #fdca55 100%) #fdb32b;
	background: -ms-linear-gradient(75deg, #fab23d 0%, #fdca55 100%) #fdb32b;
	background: linear-gradient(15deg, #fab23d 0%, #fdca55 100%) #fdb32b;
}



.cover-banners {
	background: -webkit-linear-gradient(top, #232526 0%, #032a4b 100%) #5a5a5a;
	background: -moz-linear-gradient(top, #232526 0%, #032a4b 100%) #5a5a5a;
	background: -ms-linear-gradient(top, #232526 0%, #032a4b 100%) #5a5a5a;
	background: linear-gradient(to bottom, #232526 0%, #032a4b 100%) #5a5a5a;
	display: flex;
	justify-content: center;
	padding-top: 20px;
	padding-bottom: 20px;
}


.cover-img img {
	margin-right: 10px;
	margin-left: 10px;
	transition: all 0.1s ease;
	width: 170px;
}


.cover-img img:hover {
	transform: scale(1.1) rotate(-2deg);
	box-shadow: 0 1px 60px rgba(255, 255, 255, 0.81);
}


hr.minumhr {
	width: 600px;
	max-width: 100%;
}

.arttitle {
	font-size: 25px;
	margin-bottom: 0px;
	float: left;
	color: #099dd7;
}

.arttitle:hover {
	color: #21c9fc !important;
}

.artdate {
	float: right;
	clear: both;
	color: #ababab;
}
.artcompany {
	text-transform: uppercase;
	font-size: 14px;
}

hr.arthr {
	margin-top: 20px;
	margin-bottom: 20px;
}





body.page-template-default.page.page-id-158 div.main-fluid div.container_12 ul.mediacoverage {
margin-left: 0;
}


.mc-item {
	list-style-type: none;
	margin-bottom: 20px;
	font-size: 20px;
	border-bottom: 1px solid #aeaeae;
	padding-bottom: 10px;
	margin-left: 0 !important;
	padding-left: 0 !!important;
	clear: both;
	float: left;
	width: 100%;
}


.mc-item a {
	font-weight: 300 !important;
	font-size: 25px;
	margin-bottom: 0px;
	float: left;
	color: #099dd7;
	width: 80%;
}

.mc-date {
	float: right;
	font-size: 16px;
	color: #ababab;
	font-weight: bold;
}

.mc-source {
	font-size: 14px;
	text-transform: uppercase;
	float: left;
	clear: both;
	color: #5c5c5c;
	font-weight: bold;
	margin-bottom: 15px;
}


  @media only screen and (max-width: 768px) {
  	.artdate {
  		float: left;
  		clear: both;
  		margin-top: 10px;
		margin-bottom: 10px;
  	}

  	}


.pcworld-flex {
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	background-color: #474747;
}

.pcworld-flex img {
	width: 156px;
	height: 33px;
	margin-right: 10px;
	margin-left: 10px;
}

.pcworld-flex p {
	color: #ffffff;
	font-size: 24px !important;
	position: relative;
	top: 1px;
}



/* @end */

/* @group Times Square Page (delete after air) */


#timesquarebanner {
	background-color: #2eb9f7 !important;
	width: 100%;
	position: relative;
}

.timesquareheader {
	max-width: 100%;
	margin: 0 auto !important;
	display: block;
	width: 1100px;
}

.skyscrapeimg {
	position: relative;
	bottom: -5px;
	margin: 0 auto;
	max-width: 100%;
	width: 1100px;
}

.noriddlesforme {
	color: #ffffff;
	background-color: #1aa3e4;
	display: inline-block;
	padding: 10px 20px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
}

.noriddlesforme a {
	color: #FFE14E;
	text-decoration: underline;
}

.noriddlesforme a:hover {
	color: #f2c700;
	text-decoration: underline;
}

.timesquarevideo {
	width: 800px;
	margin: 20px auto;
	max-width: 100%;
}

.youknow {
	color: #022737;
}

.youknow a {
	color: #b90099;
	border-bottom: 2px solid rgb(183, 21, 150);
}

.youknow a:hover {
	color: #7c0066;
	border-bottom: 2px solid rgb(143, 16, 117);
}

.riddleanswer {
	color: #0c5c81;
	font-weight: bold;
	font-size: 25px;
	border: 3px solid #186f98;
	display: inline-block;
	padding: 10px 20px;
}


/* @end */

/* @group Marshall Goldsmith - 6 Daily Questions */


#sixdailyheader {
	display: flex;
	flex-direction: row;
	max-width: 1000px;
	margin: 0 auto;
	align-items: center;
}


#sixdailyheader-left {
	max-width: 550px;
	padding: 20px 50px;
}

#sixdailyheader-right {
	max-width: 450px;
}

#sixdailyheader-right img {

}

#sixdailyheader-left h1 {
	color: #2188a1;
	font-weight: bold;
	margin-bottom: 40px;
	font-size: 38px;
	line-height: 45px;
}

#sixdailyheader-left h2 {
	color: #222222;
	line-height: 35px;
}

#sixdailyheader-left h2 span {
	color: #efb03a;
	font-weight: bold;
}

#sixdailyquestions-content {

}


#sixdailyquestions-content h2 {
	font-weight: bold;
	font-size: 40px;
	color: #000000;
	margin-bottom: 50px;
}

#sixdailyquestions-content p {
	font-size: 25px;
	color: #484848;
}

#sixdailyquestions-content a {
	color: #2bb4d5;
	font-weight: bold;
	text-decoration: underline;
}

#sixdailyquestions-content a:hover {
	color: #0495bc;
}


@media only screen and (max-width: 999px) {

#sixdailyheader {
	flex-direction: column;
	text-align: center;
}

}


/* @end */

/* @group Whiteboard (Pillar) */


#banner_whiteboardhead {
	background: -webkit-linear-gradient(top, #00293d 0%, #00476a 100%) #002539;
	background: -moz-linear-gradient(top, #00293d 0%, #00476a 100%) #002539;
	background: -ms-linear-gradient(top, #00293d 0%, #00476a 100%) #002539;
	background: linear-gradient(to bottom, #00293d 0%, #00476a 100%) #002539;
	padding-top: 40px;
	padding-bottom: 0px;
	/*height: 100vh;*/
	margin-bottom: -40px;
}
#banner_whiteboardhead img {
	position: relative;
	top: 40px;
}
#banner_whiteboardhead h2 {
	margin-top: 30px;
	font-size: 50px;
	color: #ffffff;
	margin-bottom: 20px;
}
#banner_whiteboardhead h2 strong {
	color: #00a9fd;
}

#banner_whiteboardhead h1 {
	margin-top: 30px;
	font-size: 50px;
	color: #ffffff;
	margin-bottom: 20px;
}
#banner_whiteboardhead h1 strong {
	color: #00a9fd;
}
#banner_whiteboardhead p {
	color: #cee1ea;
	font-size: 20px;
	max-width: 850px;
	margin: 20px auto;
	text-align: left !important;
	line-height: 32px;
	/*padding-right: 50px;
	padding-left: 50px;*/
}

#whiteboard-features {
	background-color: #033349;
	padding-top: 40px;
	padding-bottom: 80px;
}

#whiteboard-features img {
	border: 2px solid #ececec;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);
}

#whiteboard-features h2 {
	margin-top: 30px;
	font-size: 50px;
	margin-bottom: 20px;
	color: #ffffff;
}

#whiteboard-features h3 {
	font-weight: bold;
	font-size: 28px;
	margin-top: 10px;
}

#whiteboard-features strong {
	color: #24ccf6;
}

#whiteboard-features p {
	color: #ffffff;
	font-size: 16px;
	max-width: 850px;
	margin: 20px auto;
	text-align: center;
	line-height: 24px;
}

#banner_whiteboardclosing {
	padding-top: 30px;
	padding-bottom: 40px;
	width: 100%;
	/*background: -webkit-linear-gradient(72deg, #40e2ff 0%, #005cd6 100%) #178de4;
	background: -moz-linear-gradient(72deg, #40e2ff 0%, #005cd6 100%) #178de4;
	background: -ms-linear-gradient(72deg, #40e2ff 0%, #005cd6 100%) #178de4;
	background: linear-gradient(18deg, #40e2ff 0%, #005cd6 100%) #178de4;*/
}


#banner_whiteboardclosing h2 {
	margin-top: 30px;
	font-size: 50px;
	margin-bottom: 20px;
	color: #132023;
}

#banner_whiteboardclosing p {
	color: #132023;
}


.floating {   
    animation-name: floating; 
    animation-duration: 4s; 
	animation-direction: alternate;
    animation-iteration-count: infinite; 
    animation-timing-function: ease-in-out; 
    /*margin-left: 30px; 
    margin-top: 5px; */
} 
  
@keyframes floating { 
    0% { transform: translate(0,  0px); } 
    50%  { transform: translate(0, 15px); } 
    100%   { transform: translate(0, -0px); }     
} 

#banner_whiteboardclosing img {
	animation: floating 4s ease-in-out infinite;
}


.floating img {
	animation: floating 4s ease-in-out infinite;
	margin: 0px !important;
}

/*#banner_whiteboardclosing .flat-signup-button {
	background-color: transparent !important;
	border: 2px solid #ffffff;
}

#banner_whiteboardclosing .flat-signup-button:hover {
	background-color: #176aa9 !important;
	border: 2px solid #1e6aa7;
}*/


#banner_whiteboardclosing h3 {
	position: relative;
	/*line-height: 30px;*/
	margin-bottom: 30px;
}

#ayoasuccess {
	animation: none !important;
	position: relative;
	width: 165px;
	margin-left: 10px;
	top: 12px;
}



/* @end */


/* @group Mind Mapping (Pillar) */


#mindmapping_header {
	height: 80px;
	/*background-color: #383838;*/
	/*position: fixed;*/
	width: 100%;
	background-color: #03293c;
	position: static;
	clear: both;
}



.combo-rel {
	display: none;
	/*width: 100%;*/
	margin-bottom: -18px;
}
.mm-combo {
  width : 300px;
  background: #d9d9d9;
  margin-right: auto;
	margin-left: auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  top: 16px;
}

span.combospan {
  padding : 12px 30px;
  background : #212729;
  color : white;
  font-size : 1.2em;
  cursor : pointer;
  display: block;
}

span.combospan::after {
  right: 10%;
  content: "+";
  float: right;
}

.slide {
  clear:both;
  width:100%;
  height:0px;
  overflow: hidden;
  text-align: center;
  transition: height .4s ease;
  position: relative;
  top: -25px;
  padding-bottom: 12px;
  z-index: 1;
  background: -webkit-linear-gradient(top, #212729 0%, #1c2c34 100%) #212729;
	background: -moz-linear-gradient(top, #212729 0%, #1c2c34 100%) #212729;
  background: -ms-linear-gradient(top, #212729 0%, #1c2c34 100%) #212729;
  background: linear-gradient(to bottom, #212729 0%, #1c2c34 100%) #212729;
  -webkit-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  left: 15px;
}

.slide li {
	padding: 25px 0;
	float: left;
}

.slide li.mm-cta {
	padding-top: 12px;
	padding-bottom: 12px;
	margin-left: 0;
	margin-right: 0;
}

#mm-touch {position: absolute; opacity: 0; height: 0px;}

#mm-touch:checked + .slide {height: auto;}



.mm-headerimg {
	float: left;
	/*max-width: 100%;*/
	max-width: 300px;
	margin-top: 10px;
}

#mindmapping_header ul {
	float: right;
	margin: 18px 15px 18px 0;
}

#mindmapping_header ul li {
	display: inline-block;
	font-size: 16px;
}

#mindmapping_header ul li:active {
	/*background-color: #d11717;*/
}

#mindmapping_header ul li a {
	color: #ffffff;
	margin-right: 10px;
	padding: 2px 20px;
	margin-left: 10px;
}

#mindmapping_header ul li a:hover {
	color: #1db1fb;
	margin-right: 10px;
	padding: 2px 20px;
	margin-left: 10px;
}

#mindmapping_header ul li.current_page_item a, #mindmapping_header ul li.current-menu-ancestor a  {
	color: #CDCDCD !important;
	border: 2px solid #8d8d8d;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	/*border-bottom: none;*/
}

.mm-cta a {
	color: #ffffff !important;
}

.mm-cta {
	background: -webkit-linear-gradient(top, #00b5ff 0%, #0080f3 100%) #0098f9;
	background: -moz-linear-gradient(top, #00b5ff 0%, #0080f3 100%) #0098f9;
	background: -ms-linear-gradient(top, #00b5ff 0%, #0080f3 100%) #0098f9;
	background: linear-gradient(to bottom, #00b5ff 0%, #0080f3 100%) #0098f9;
	padding-top: 10px;
	padding-bottom: 11px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	font-size: 15px !important;
	border: 1px solid #01cbf9;
	color: #ffffff !important;
	margin-left: 15px;
}


.mm-cta:hover {
	background: -webkit-linear-gradient(top, #1175ca 0%, #0096d3 100%) #007bca;
	background: -moz-linear-gradient(top, #1175ca 0%, #0096d3 100%) #007bca;
	background: -ms-linear-gradient(top, #1175ca 0%, #0096d3 100%) #007bca;
	background: linear-gradient(to bottom, #1175ca 0%, #0096d3 100%) #007bca;
	color: #ffffff !important;
}



/*Banners Below*/

.squarebutton {
	background-color: #1a9ef6;
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	padding: 10px 40px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.squarebutton:hover {
	background-color: #0b8ce6;
	color: #ffffff;
}


.squarepurple {
	background-color: #ac6be5;
}

.squarepurple:hover {
	background-color: #9059bf;
}

.squaregreen {
	background-color: #76d644;
}

.squaregreen:hover {
	background-color: #58b427;
}

.squaregrey {
	background-color: #cfcfcf;;
}

.squaregrey:hover {
	background-color: #aeaeae;;
}

.squareorange {
	background-color: #fb9f29;
}

.squareorange:hover {
	background-color: #f7901d;
}

.squareyellow {
	background: -webkit-linear-gradient(top, #feb400 0%, #da8900 100%) #efa100;
	background: -moz-linear-gradient(top, #feb400 0%, #da8900 100%) #efa100;
	background: -ms-linear-gradient(top, #feb400 0%, #da8900 100%) #efa100;
	background: linear-gradient(to bottom, #feb400 0%, #da8900 100%) #efa100;
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 10px;
}

.squareyellow:hover {
	background: -webkit-linear-gradient(top, #da8900 0%, #feb400 100%) #d48e00;
	background: -moz-linear-gradient(top, #da8900 0%, #feb400 100%) #d48e00;
	background: -ms-linear-gradient(top, #da8900 0%, #feb400 100%) #d48e00;
	background: linear-gradient(to bottom, #da8900 0%, #feb400 100%) #d48e00;
}




#banner_whatsamindmap {
	background: -webkit-linear-gradient(top, #00293d 0%, #00476a 100%) #002539;
	background: -moz-linear-gradient(top, #00293d 0%, #00476a 100%) #002539;
	background: -ms-linear-gradient(top, #00293d 0%, #00476a 100%) #002539;
	background: linear-gradient(to bottom, #00293d 0%, #00476a 100%) #002539;
	padding-top: 40px;
	padding-bottom: 80px;
	/*height: 100vh;*/
}
#banner_whatsamindmap img {

}
#banner_whatsamindmap h2 {
	margin-top: 30px;
	font-size: 50px;
	color: #ffffff;
	margin-bottom: 20px;
}
#banner_whatsamindmap h2 strong {
	color: #00a9fd;
}

#banner_whatsamindmap h1 {
	margin-top: 30px;
	font-size: 50px;
	color: #ffffff;
	margin-bottom: 20px;
}
#banner_whatsamindmap h1 strong {
	color: #00a9fd;
}
#banner_whatsamindmap p {
	color: #cee1ea;
	font-size: 20px;
	max-width: 850px;
	margin: 20px auto;
	text-align: left !important;
	line-height: 32px;
	/*padding-right: 50px;
	padding-left: 50px;*/
}



#banner_officialmaps {
	background: -webkit-linear-gradient(top, #00293d 0%, #00476a 100%) #002539;
	background: -moz-linear-gradient(top, #00293d 0%, #00476a 100%) #002539;
	background: -ms-linear-gradient(top, #00293d 0%, #00476a 100%) #002539;
	background: linear-gradient(to bottom, #00293d 0%, #00476a 100%) #002539;
	padding-top: 40px;
	padding-bottom: 0px;
	/*height: 100vh;*/
	margin-bottom: -100px;
	max-height: 900px;
}
#banner_officialmaps img {
	position: relative;
	top: 40px;
	width: 1250px !important;
}
#banner_officialmaps h2 {
	margin-top: 30px;
	font-size: 50px;
	color: #ffffff;
	margin-bottom: 20px;
}
#banner_officialmaps h2 strong {
	color: #00a9fd;
}

#banner_officialmaps h1 {
	margin-top: 30px;
	font-size: 50px;
	color: #ffffff;
	margin-bottom: 20px;
	text-align: center;
}
#banner_officialmaps h1 strong {
	color: #00a9fd;
}
#banner_officialmaps p {
	color: #cee1ea;
	font-size: 20px;
	max-width: 850px;
	margin: 20px auto;
	text-align: left !important;
	line-height: 32px;
	/*padding-right: 50px;
	padding-left: 50px;*/
}

.official-quote {
	margin-top: 240px;
	margin-bottom: 40px;
}

.official-quote .quotesource {
	color: #1dabfb;
}


#banner_mmuses {
	color: #f5f5f5;
	background-color: #ffffff;
	padding-top: 40px;
	padding-bottom: 100px;
}

#banner_mmuses h2 {
	margin-top: 30px;
	font-size: 50px;
	margin-bottom: 20px;
	color: #363636;
}

#banner_mmuses h2 strong {
	color: #df006d;
}

#banner_mmuses p {
	color: #7e7e7e;
	font-size: 22px;
	max-width: 850px;
	margin: 20px auto;
	text-align: center;
	line-height: 34px;
	padding-right: 50px;
	padding-left: 50px;
}

#banner_mmuses .squarebutton {
	background: -webkit-linear-gradient(top, #ce208c 0%, #f80060 100%) #e4006a;
	background: -moz-linear-gradient(top, #ce208c 0%, #f80060 100%) #e4006a;
	background: -ms-linear-gradient(top, #ce208c 0%, #f80060 100%) #e4006a;
	background: linear-gradient(to bottom, #ce208c 0%, #f80060 100%) #e4006a;
}

#banner_mmuses .squarebutton:hover {
	background: -webkit-linear-gradient(top, #bb1c7f 0%, #cb004e 100%) #ba0056;
	background: -moz-linear-gradient(top, #bb1c7f 0%, #cb004e 100%) #ba0056;
	background: -ms-linear-gradient(top, #bb1c7f 0%, #cb004e 100%) #ba0056;
	background: linear-gradient(to bottom, #bb1c7f 0%, #cb004e 100%) #ba0056;
}

.mm-uses {
	margin-top: 10px;
	margin-bottom: 40px;
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
	color: #979797;
}


#banner_whoneedsmm {
	background-color: #f4f5f4;
	padding-top: 40px;
	padding-bottom: 100px;
}


#banner_whoneedsmm h2 {
	margin-top: 30px;
	font-size: 50px;
	margin-bottom: 20px;
	color: #363636;
}

#banner_whoneedsmm h2 strong {
	color: #1e868d;
}

#banner_whoneedsmm p {
	/*color: #7e7e7e;*/
	font-size: 22px;
	max-width: 850px;
	margin: 20px auto;
	text-align: center;
	line-height: 34px;
	color: #4d4d4d;
}
#banner_whoneedsmm .squarebutton  {
	background-color: #c0bfc0;
}
#banner_whoneedsmm .squarebutton:hover  {
	background-color: #a7a7a7;
}
.lilfeaturebox {
	background: -webkit-linear-gradient(top, white 75.4%, #f4f4f4 100%) #ffffff;
	background: -moz-linear-gradient(top, white 75.4%, #f4f4f4 100%) #ffffff;
	background: -ms-linear-gradient(top, white 75.4%, #f4f4f4 100%) #ffffff;
	background: linear-gradient(to bottom, white 75.4%, #f4f4f4 100%) #ffffff;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);
	border: 2px solid #ffffff;
	margin-bottom: 20px;
	position: relative;
	min-height: 400px;
}
.lilfeatureimg {
	background-color: #717171;
	height: 180px;
	background-size: cover !important;
	background-position: center !important;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}
.lilfeaturetext {
	width: 80%;
	margin: 0 auto;
	text-align: center;
	padding-top: 25px;
	padding-bottom: 40px;
	margin: 0 auto;
}
.lilfeaturetext h3 {
	font-weight: bold;
	font-size: 25px;
}
.lilfeaturetext p {
	margin-top: 0 !important;
	margin-bottom: 10px;
	font-size: 18px !important;
	line-height: 22px !important;
}
.lilfeaturetext a {
	background-color: #3e3e3e;
	color: #ffffff;
	padding: 3px 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align: center;
	bottom: 15px;
	display: block;
	width: 100px;
}
.lilfeaturetext a:hover {
	color: #ffffff !important;
	background-color: #696969;
}

.lilorange h3 {
	color: #ffa500;
}
.lilorange a {
	background-color: #ffa500;
}
.lilorange a:hover {
	background-color: #ef8200;
}

.lilblue h3 {
	color: #00c6ff;
}
.lilblue a {
	background-color: #00c6ff;
}
.lilblue a:hover {
	background-color: #0095c0;
}

.lilgreen h3 {
	color: #48ca00;
}
.lilgreen a {
	background-color: #48ca00;
}
.lilgreen a:hover {
	background-color: #359500;
}

.lilred h3 {
	color: #fa6e6e;
}
.lilred a {
	background-color: #fa6e6e;
}
.lilred a:hover {
	background-color: #dd5757;
}

.lilpurple h3 {
	color: #a56ad2;
}
.lilpurple a {
	background-color: #a56ad2;
}
.lilpurple a:hover {
	background-color: #843cbb;
}

.lilteal h3 {
	color: #0e99a1;
}
.lilteal a {
	background-color: #0e99a1;
}
.lilteal a:hover {
	background-color: #0a757a;
}


#banner_enterayoa {
	padding-top: 60px;
	padding-bottom: 100px;
	width: 100%;
	background: -webkit-linear-gradient(72deg, #40e2ff 0%, #005cd6 100%) #178de4;
	background: -moz-linear-gradient(72deg, #40e2ff 0%, #005cd6 100%) #178de4;
	background: -ms-linear-gradient(72deg, #40e2ff 0%, #005cd6 100%) #178de4;
	background: linear-gradient(18deg, #40e2ff 0%, #005cd6 100%) #178de4;
}

#banner_enterayoa .squarebutton  {
	background: -webkit-linear-gradient(top, #003f5f 0%, #00496d 100%) #004567;
	background: -moz-linear-gradient(top, #003f5f 0%, #00496d 100%) #004567;
	background: -ms-linear-gradient(top, #003f5f 0%, #00496d 100%) #004567;
	background: linear-gradient(to bottom, #003f5f 0%, #00496d 100%) #004567;
}
#banner_enterayoa .squarebutton:hover  {
	background: -webkit-linear-gradient(top, #002a40 0%, #003854 100%) #002f47;
	background: -moz-linear-gradient(top, #002a40 0%, #003854 100%) #002f47;
	background: -ms-linear-gradient(top, #002a40 0%, #003854 100%) #002f47;
	background: linear-gradient(to bottom, #002a40 0%, #003854 100%) #002f47;
}

#banner_enterayoa h2 {
	margin-top: 30px;
	margin-bottom: 20px;
	font-size: 50px;
	color: #ffffff;
	margin-left: 20px;
}

#banner_enterayoa h2 strong {
	color: #ffffff;
}

#banner_enterayoa h2 img {
	position: relative;
	top: 10px;
}

#banner_enterayoa h4 {
	color: #ffffff;
}

#banner_enterayoa p {
	color: #ffffff;
	font-size: 22px;
	max-width: 850px;
	margin: 20px auto;
	text-align: left;
	line-height: 34px;
	padding-right: 20px;
	padding-left: 20px;
}

.enerayoaimg-surround {
	position: relative;
}

.ayoa-feat {
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	background-image: -webkit-radial-gradient(ellipse farthest-corner, rgba(255, 255, 255, 0.35) 0%, rgba(48, 139, 225, 0.02) 78.6%, rgba(31, 130, 223, 0) 87.6%);
	background-image: -moz-radial-gradient(ellipse farthest-corner, rgba(255, 255, 255, 0.35) 0%, rgba(48, 139, 225, 0.02) 78.6%, rgba(31, 130, 223, 0) 87.6%);
	background-image: -ms-radial-gradient(ellipse farthest-corner, rgba(255, 255, 255, 0.35) 0%, rgba(48, 139, 225, 0.02) 78.6%, rgba(31, 130, 223, 0) 87.6%);
	background-image: radial-gradient(ellipse farthest-corner, rgba(255, 255, 255, 0.35) 0%, rgba(48, 139, 225, 0.02) 78.6%, rgba(31, 130, 223, 0) 87.6%);
	transform: scale(0.9);
	transition: all 0.2s ease;
}

.ayoa-feat:hover {
	transform: scale(1.0);
	box-shadow: 0 20px 20px rgba(16, 87, 164, 0.4);
}

img.enterayoa_img {
	position: absolute;
	width: 1000px !important;
	right: 100px;
	display: block;
	transform: scale(1.5);
	top: 10px;
}


.dwtytext {
	font-size: 16px !important;
	line-height: 24px !important;
}




  @media only screen and (max-width: 1140px) {

.mindmapping-mainnav {
	display: none;
}

.combo-rel {
	float: right;
	margin-right: 20px;
	display: block;
}

#mindmapping_header {
	height: auto;
	position: static;
	float: left;
	min-height: 80px;
}

}

@media only screen and (max-width: 768px) {

img.enterayoa_img {
	position: static;
	display: block;
	transform: scale(1.0);
	max-width: 100%;
}

}


#banner_furtherreading {
	background-color: #ffffff;
	padding-top: 40px;
	padding-bottom: 100px;
}

#banner_furtherreading h2 {
	margin-top: 30px;
	font-size: 50px;
	margin-bottom: 20px;
	color: #363636;
}

#banner_furtherreading h2 strong {
	color: #ffc100;
}

#banner_furtherreading p {
	color: #7e7e7e;
	font-size: 22px;
	max-width: 850px;
	margin: 20px auto;
	text-align: center;
	line-height: 34px;
	padding-right: 50px;
	padding-left: 50px;
}

.furtherreading_books {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	/*align-content: space-between;*/
	width: 100%;
	margin: 0 auto;
}

.furtherreading_books img {
	margin: 0 auto;
	transform: scale(0.9);
	transition: all 0.2s ease;
}

.furtherreading_books img:hover {
	transform: scale(1.0);
	box-shadow: 0 5px 50px rgba(0, 0, 0, 0.3);
}


@media only screen and (max-width: 1000px) {

.furtherreading_books {
	flex-wrap: wrap;
}

}


.banner_quote {
	background-color: #d9d9d9;
	width: 100%;
	padding-top: 35px;
	padding-bottom: 35px;
	overflow-x: hidden;
}

.banner_quote p {
	font-size: 32px;
}

.quotename {
	font-weight: bold;
}

#billquote {
	background: -webkit-linear-gradient(top, #25323c 0%, #334c55 100%) #2c3d47;
	background: -moz-linear-gradient(top, #25323c 0%, #334c55 100%) #2c3d47;
	background: -ms-linear-gradient(top, #25323c 0%, #334c55 100%) #2c3d47;
	background: linear-gradient(to bottom, #25323c 0%, #334c55 100%) #2c3d47;
}

#billquote p {
	color: #ffffff;
	margin-bottom: 20px;
}

#billquote.banner_quote p.quotename {
	color: #adc7da;
}


@media only screen and (max-width: 768px) {

#billquote p {
	color: #ffffff;
	margin-bottom: 20px;
	line-height: 40px;
	text-align: center;
}

.banner_quote img {
	margin: 0 auto;
	display: block;
	max-width: 100%;
}

}


#banner_history {
	background-color: #00a7ff;
	padding-top: 80px;
	padding-bottom: 80px;
}

#banner_history h2 {
	color: #ffffff;
	font-weight: bold;
	font-size: 50px;
	margin-bottom: 20px;
	margin-top: 20px;
}

#banner_history p {
	color: #ffffff;
}

#banner_history a {
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	text-decoration: underline;
}

#banner_history a:hover {
	color: #b1e1fd;
}

.historyimg {
	border: 10px solid #ffffff;
}

.futuretext {
	margin-left: 30px;
}

.righttext {
	text-align: right;
	margin-bottom: 30px;
}
.contentrotate {
	transform: rotate(-3deg);
}

@media only screen and (max-width: 1000px) {
.contentrotate {
	transform: rotate(0deg);
}
}

@media only screen and (max-width: 768px) {
	#banner_history {
	text-align: center !important;
	}
	.righttext {
		text-align: center;
	}

}


/* @end */

/* @group How to Mind Map Page */

#howtomindmap_header {
	background: -webkit-linear-gradient(top, #05283b 0%, #064567 100%) #063248;
	background: -moz-linear-gradient(top, #05283b 0%, #064567 100%) #063248;
	background: -ms-linear-gradient(top, #05283b 0%, #064567 100%) #063248;
	background: linear-gradient(to bottom, #05283b 0%, #064567 100%) #063248;
	padding-top: 50px;
	padding-bottom: 50px;
}

#howtomindmap_header h1 {
	margin-top: 30px;
	font-size: 50px;
	color: #ffffff;
	margin-bottom: 20px;
}

#howtomindmap_header h1 strong {
	color: #00a9fd;
}

#howtomindmap_header p {
	color: #cee1ea;
	font-size: 18px;
	max-width: 850px;
	margin: 20px auto;
	text-align: left !important;
	line-height: 32px;
	padding-right: 20px;
}


#howtomindmap_header img {
	transform: scale(1.2);
	position: relative;
	top: -15px;
}


.howto_stepsbanner {
	background: -webkit-linear-gradient(280deg, #725aeb 0%, #3ca2fb 100%) #5981f0;
	background: -moz-linear-gradient(280deg, #725aeb 0%, #3ca2fb 100%) #5981f0;
	background: -ms-linear-gradient(280deg, #725aeb 0%, #3ca2fb 100%) #5981f0;
	background: linear-gradient(-190deg, #725aeb 0%, #3ca2fb 100%) #5981f0;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-bottom: 80px;
}

.howto_stepsbanner h2 {
	margin-top: 30px;
	font-size: 42px;
	color: #ffffff;
	margin-bottom: 80px;
}




.mindmap_stepbox {
	/*background-color: rgba(231, 90, 90, 0.36);*/
	border: 4px solid #ffffff;
	-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding-bottom: 40px;
margin-bottom: 120px;
}

.mindmap_stepbox p {
	color: white;
	padding-left: 35px;
	padding-right: 35px;
}

.stepbox_number {
	background-color: #ffffff;
	width: 100px;
	height: 100px;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 200px;
	margin: 0 auto;
	display: block;
	position: relative;
	top: -53px;
}

.stepbox_number p {
	font-size: 50px;
	font-weight: bold;
	margin: 0 auto !important;
	display: block !important;
	text-align: center;
	position: relative;
	top: 14px;
}

.stepbox_flex {
	display: flex;
	flex-direction: row;
	margin-bottom: 20px;
}

.stepbox_flex_item {
	padding-right: 35px;
	padding-left: 35px;
}

.stepbox_flex_item img {
	max-width: 380px;
}

.stepbox_flex_item h3 {
	font-weight: bold;
	color: #ffffff;
}

.stepbox_flex_item p {
	color: #ffffff;
	line-height: 28px;
	font-size: 18px;
	padding: 0;
}

.add_tip_img {
	margin-bottom: 12px;
}

.add_tip {
	font-weight: bold;
	font-style: italic;
	max-width: 800px;
	margin: 0 auto;
	font-size: 18px;
}



@media only screen and (max-width: 960px) {


.stepbox_flex {
	flex-direction: column;
}

.mindmap_stepbox  {
	text-align: center;
}

.stepbox_flex_item {
	text-align: center;
}

.stepbox_flex_item img {
	max-width: 380px;
	width: 100%;
	margin: 0 auto;
	display: block;
}


}


@media only screen and (max-width: 768px) {

#howtomindmap_header h1, #howtomindmap_header h2, #howtomindmap_header p {
	text-align: center !important;
	padding: 0px;
}

}


@media only screen and (max-width: 480px) {


.stepbox_number {

	top: -53px;
}

.stepbox_number p {

	top: 35px;
}

}


/* @end */

/* @group Dyslexia (Pillar) */

#dislexia_header {
	color: #ffffff;
	margin-left: 20px;
	margin-top: 17px;
	font-size: 35px;
	text-shadow: 0 3px 5px rgba(0, 0, 0, 0.74);
	float: left;
	margin-bottom: 5px;
	letter-spacing: 1px;
	font-weight: bold;
}

.pillarbanner {
	background-color: #fdfdfd;
	padding-top: 20px;
	padding-bottom: 50px;
}

.pillarbanner h1 {
	margin-top: 30px;
	font-size: 50px;
	color: #3b3b3b;
	margin-bottom: 20px;
}
.pillarbanner h1 strong {
	color: #00a9fd;
}
.pillarbanner h2 {
	margin-top: 30px;
	font-size: 50px;
	color: #3b3b3b;
	margin-bottom: 20px;
}
.pillarbanner h2 strong {
	color: #00a9fd;
}
.pillarbanner p {
	color: #5b5b5b;
	font-size: 22px;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 34px;
}


@media only screen and (max-width: 768px) {

.pillarbanner h2 {
	font-size: 9vw;
}

}






/* @end */

/* @group Task Management (Pillar) */


#banner_taskmanagement {
	background: -webkit-linear-gradient(40deg, #2a456b 0%, #50285d 100%) #363966;
	background: -moz-linear-gradient(40deg, #2a456b 0%, #50285d 100%) #363966;
	background: -ms-linear-gradient(40deg, #2a456b 0%, #50285d 100%) #363966;
	background: linear-gradient(50deg, #2a456b 0%, #50285d 100%) #363966;
	padding-top: 40px;
	padding-bottom: 20px;
	/*height: 100vh;*/
	box-shadow: inset 0 -50px 200px rgba(0, 0, 0, 0.18);
}
#banner_taskmanagement img {
	position: relative;
	top: 00px;
}
#banner_taskmanagement h2 {
	margin-top: 30px;
	font-size: 50px;
	color: #ffffff;
	margin-bottom: 20px;
}
#banner_taskmanagement h2 strong {
	color: #00a9fd;
}

#banner_taskmanagement h1 {
	margin-top: 30px;
	font-size: 50px;
	color: #ffffff;
	margin-bottom: 20px;
}
#banner_taskmanagement h1 strong {
	color: #00a9fd;
}
#banner_taskmanagement p {
	color: #fdfefe;
	font-size: 20px;
	max-width: 850px;
	margin: 20px auto;
	text-align: left !important;
	line-height: 32px;
	/*padding-right: 50px;
	padding-left: 50px;*/
}



/* @end */

/* @group Subscribe Page */

.subscribe-header {
	/*  BG Image is set in page  */
	background-size: cover !important;
	background: url(/wp-content/uploads/2020/01/subscribe_header@2x.jpg) center;
	color: #ffffff;
	/*text-shadow: 0 1px 2px rgba(0, 0, 0, 0.13) !important;*/
	text-shadow: none !important;
	height: 460px;
	position: relative;
	/*overflow-x: hidden !important;*/
	padding-top: 60px;
}

.subscribe-header h1 {
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 30px;
}

.subscribe-header h3 {
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 30px;
	margin-left: 20px;
	margin-right: 20px;
}

.subscribe-header p {
	max-width: 550px;
	margin: 0 auto 30px;
	color: #f1f1f1;
}

/* @end */

/* @group Applied Innovation Training (could relocate to page) */



.pricebox-double {
	clear: both;
	margin: 40px auto 0;
	max-width: 504px;
}

.pricebox {
	background-color: #f7f8f7;
	width: 200px;
	padding: 40px 20px;
	text-align: center;
	border: 1px solid #dad9da;
	float: left;
	transform: scale(0.9);
}

.priceboxhighlight {
	background-color: #ffffff;
	transform: scale(1);
	position: relative;
	left: 13px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.21);
	z-index: 1;
}

.pricebox h4 {
	font-size: 20px;
	color: #373737;
}

.priceboxdate {
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	color: #979797;
}

.trainingprice {
	font-weight: bold;
	font-size: 45px;
	margin-bottom: 0;
	line-height: 20px;
	text-align: center;
	margin-top: 20px;
}

.priceboxhighlight .trainingprice {
	color: #00acff !important;
}

.priceboxhighlight .trainingprice .pricedeets {
	color: #b4b4b4 !important;
}

.pricedeets {
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	margin-top: 0;
	margin-left: 40px;
	color: #979797;
}



@media only screen and (max-width: 768px) {

.pricebox-double {
	margin: 40px auto 0;
	max-width: 504px;
	clear: both;
	width: 100%;
}

.pricebox {
	background-color: #f7f8f7;
	width: 200px;
	padding: 40px 20px;
	text-align: center;
	border: 1px solid #dad9da;
	float: none;
	transform: scale(0.9);
	display: block;
	margin: 0 auto;
}

.priceboxhighlight {
	background-color: #ffffff;
	transform: scale(0.9);
	position: relative;
	left: 0;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.21);
	z-index: 1;

}

}





/* @group Ticker Tape */


@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-120%, 0, 0);
    transform: translate3d(-120%, 0, 0);
  }
}
.ticker-wrap {
  position: relative;
  bottom: 0;
  width: 100%;
  overflow: hidden !important;
  height: 4rem;
  background: -webkit-linear-gradient(top, #022537 0%, #00202f 100%) rgb(0, 32, 47);
	background: -moz-linear-gradient(top, #022537 0%, #00202f 100%) rgb(0, 32, 47);
  background: -ms-linear-gradient(top, #022537 0%, #00202f 100%) rgb(0, 32, 47);
  background: linear-gradient(to bottom, #022537 0%, #00202f 100%) rgb(0, 32, 47);
  padding-left: 100%;
  box-sizing: content-box;
}
.ticker-wrap .ticker {
  display: inline-block;
  height: 4rem;
  line-height: 4rem;
  white-space: nowrap;
  padding-right: 100%;
  box-sizing: content-box;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-name: ticker;
  animation-name: ticker;
  -webkit-animation-duration: 30s;
  animation-duration: 30s;
  overflow: hidden !important;
}

.ticker-wrap .ticker:hover {
-webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

.ticker-wrap .ticker__item {
  display: inline-block;
  padding: 0 2rem;
  color: white;
  font-size: 22px;
  position: relative;
  top: -12px;
}

.ticker-wrap .ticker__item a {
	color: white;
}

.ticker-wrap .ticker__item a:hover {
	color: white;
	text-decoration: underline;
}


.ticker__item a img {
	/*max-height: 35px;
	position: relative;
	top: 5px;*/
	margin-right: 10px;
}


/* @end */

/* @end */





/* @group Facebook Ads landing page */

.backgroundimg-banner {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 30px;
}

.two-flexheader {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	/*align-content: center;*/
	padding-top: 45px;
	padding-bottom: 45px;
}

.two-flexheader h1 {
	font-weight: bold;
	font-size: 38px !important;
}

.two-flexheader h3 {
	font-size: 25px;
	margin-bottom: 25px;
}

.two-flexheader img {
	transform: scale(1.2);
}

.two-flexitemleft {
	padding-right: 20px;
	padding-left: 20px;
	max-width: 550px;
}

.two-flexitemright {
	padding-right: 20px;
	padding-left: 20px;
	max-width: 600px;
}

.rounded-banner {
	background-color: #1c85ea;
	position: relative;
	padding-bottom: 100px;
	/*overflow-x: hidden;*/
}

.rounding {
	background-color: #1c85ea;
    width: 120%;
	border-top-left-radius:50%;
    border-top-right-radius:50%;
	position: absolute;
	top: -150px;
	margin-left: auto;
	margin-right: auto;
	left: -10%;
padding-top: 150px;
overflow-x: hidden;
}

.rounded-banner_img {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	max-width: 80%;
	z-index: 1;
	display: block;
	/*top: -10vw;*/
	margin-top: 50px;
	top: 0;
}


.signup-email {
	-webkit-border-radius: 8px !important;
	-moz-border-radius: 8px !important;
	border-radius: 8px !important;
	padding-left: 15px !important;
	width: 250px;
	height: 40px;
	border-color: #adcfde !important;
	color: #d4d1d1;
}

.signup-btn {
	background: -webkit-linear-gradient(top, #0072ec 0%, #21b3df 95.5%) #009beb !important;
	background: -moz-linear-gradient(top, #0072ec 0%, #21b3df 95.5%) #009beb !important;
	background: -ms-linear-gradient(top, #0072ec 0%, #21b3df 95.5%) #009beb !important;
	background: linear-gradient(to bottom, #0072ec 0%, #21b3df 95.5%) #009beb !important;
	color: #ffffff !important;
	font-size: 18px !important;
	padding: 10px 30px 11px !important;
	margin-top: 10px;
	-webkit-border-radius: 8px !important;
	-moz-border-radius: 8px !important;
	border-radius: 8px !important;
	border: 2px solid #b4f4ff !important;
	box-shadow: 0 0 40px rgba(0, 118, 255, 0.34) !important;
	transition: all .2s ease;
	position: relative;
	display: inline-block;
	text-transform: none !important;
}


.signup-btn-excited {
	background: -webkit-linear-gradient(top, #0072ec 0%, #21b3df 95.5%) #009beb !important;
	background: -moz-linear-gradient(top, #0072ec 0%, #21b3df 95.5%) #009beb !important;
	background: -ms-linear-gradient(top, #0072ec 0%, #21b3df 95.5%) #009beb !important;
	background: linear-gradient(to bottom, #0072ec 0%, #21b3df 95.5%) #009beb !important;
	color: #ffffff !important;
	font-size: 18px !important;
	padding: 10px 30px 11px !important;
	margin-top: 10px;
	-webkit-border-radius: 8px !important;
	-moz-border-radius: 8px !important;
	border-radius: 8px !important;
	border: 2px solid #b4f4ff !important;
	box-shadow: 0 0 40px rgba(0, 118, 255, 0.34) !important;
	transition: all .2s ease;
	position: relative;
	display: inline-block;
	text-transform: none !important;
	animation: pulse 0.7s  0s infinite;
}


.signup-btn-excited:hover {
	animation-play-state: paused;
}


@keyframes pulse {
  0% {

      transform: scale(1.1);
  }
  50% {
      transform: scale(1);
  }
  100% {
      transform: scale(1.1);
  }
}

@media only screen and (max-width: 1200px) {

	.rounded-banner_img {
	top: -5vw;
}

}


@media only screen and (max-width: 900px) {

	.two-flexheader {
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	}

	.two-flexheader img {
	transform: scale(1.0);
}

.rounded-banner_img {
	top: -8vw;
}

}
/*
@media only screen and (max-width: 700px) {

.rounded-banner_img {
	top: -13vw;
}

}*/




/* @end */

/* @group Ayoa Editions: Basic, Pro, Ultimate, Enterprise */

.bg_image_centred {
	/*background-image: url(/wp-content/uploads/2020/03/our_story_background.jpg);*/
	background-repeat: no-repeat !;
	background-size: cover;
	background-position: center;
	background-color: #0a98ec;
	max-width: 100%;
	height: auto;

}

.bg_image_bottom {
	background-repeat: no-repeat;
	background-color: #0a98ec;
	background-size: cover;
	background-position: center bottom;
	max-width: 100%;
	height: auto;
}

.manageunlimited {
	background-image: url(/wp-content/uploads/2020/04/unlimited_project_bg.jpg);
	padding-top: 60px;
}

.manageunlimited h3, .manageunlimited p {
	color: #ffffff;
	max-width: 680px;
	margin: 0 auto;
}

.manageunlimited h3 {
	font-weight: bold;
}

.manageunlimited a {
	color: #be74f3;
}

.manageunlimited_img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	position: relative;
}

.complete_control {
	padding-top: 30px;
	padding-bottom: 30px;
}


.relativediv {
	position: absolute;
}

.ataglance {
	background-image: url(/wp-content/uploads/2020/04/everything_at_a_glace_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
}

.ataglance_img {
	position: relative;
	top: 45px;
	left: -160px;
}

.ataglance h3 {
	font-weight: bold;
}

.ataglance h3, .ataglance p {
	color: #ffffff;
}

.easilyexport {
	background-color: #f1eff8;
	padding-bottom: 50px;
	padding-top: 30px;
}

.easilyexport h3 {
	font-weight: bold;
	color: #3700B7;
}

.easilyexport h3, .easilyexport p {
	text-align: center;
	max-width: 680px;
	margin: 0 auto;
}

.easilyexport_img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}



@media only screen and (max-width: 959px) {

.relativediv {
	position: static;
}

.ataglance_img {
	position: relative;
	left: 0;
}

}


/* @end */

/* @group Release Notes Page */

#releasenotes-latest {
	background: -webkit-linear-gradient(top, #00293d 0%, #00476a 100%) #002539;
	background: -moz-linear-gradient(top, #00293d 0%, #00476a 100%) #002539;
	background: -ms-linear-gradient(top, #00293d 0%, #00476a 100%) #002539;
	background: linear-gradient(to bottom, #00293d 0%, #00476a 100%) #002539;
	padding-top: 40px;
	padding-bottom: 40px;
	margin-bottom: 50px;
}

.latestbanner {
	color: #168cba !important;
	font-size: 18px !important;
} 

.latestbanner.fancy span:before,
.latestbanner.fancy span:after {
	border-bottom-color: #168cba !important;
}


#releasenotes-latest h1 {
	color: #ffffff;
	font-weight: bold;
	font-size: 38px;
}

#releasenotes-latest h1 img {
	position: relative;
	top: 13px;
	margin-right: 5px;
}

#releasenotes-latest .release-item h2, #releasenotes-latest .release-item h3, #releasenotes-latest .release-item p, #releasenotes-latest .release-item li {
	color: #ffffff;
}


.release-item {
	display: flex;
	flex-direction: row;
	/*margin-top: 30px;
	margin-bottom: 30px;*/
}
#releasenotes-latest .release-date {
	color: #ffffff;
	border-color: #ffffff;
}

.release-date {
	border: 2px solid;
	clear: left;
	display: inline-block;
	padding: 5px 15px;
	margin-top: 10px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	color: #9f9f9f;
	border-color: #cfcfcf;
}

.release-whatsnew {
	background-color: #9ade74;
	clear: left;
	display: inline-block;
	padding: 5px 15px;
	margin-top: 10px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	color: #ffffff;
}

.release-fixes {
	background-color: #7cb3fb;
	clear: left;
	display: inline-block;
	padding: 5px 15px;
	margin-top: 10px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	color: #ffffff;
}

.release-item h2 {
	font-size: 35px;
	font-weight: 600;
	margin-bottom: 20px;
}

.release-item h3 {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
}

.release-item p {
	color: #696969;
	font-size: 16px;
	line-height: 26px;
}

.release-item li {
	color: #696969;
	font-size: 16px;
	line-height: 26px;
}

.release-text {
	width: 50%;
}

.release-lists {
	width: 50%;
}

.release-container {
	margin: 15px;
}


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

.release-item {
	flex-direction: column;
}

.release-text {
	max-width: 100%;
	width: 100%;
	text-align: center;
}

.release-lists {
	max-width: 100%;
	width: 100%;
}

#releasenotes-latest h1 {
	color: #ffffff;
	font-weight: bold;
	font-size: 38px;
	display: block;
	text-align: center;
}

#releasenotes-latest h1 img {
	position: relative;
	margin-right: 5px;
	display: block;
	top: 0;
	margin: 0 auto;
}

}


/* @end */



/*Japanese Footer CSS - Move to Footer file*/

.footer-jp ul {
	display: flex;
	justify-content: center;
	flex-direction: row;
	max-width: 960px;
	margin: 0 auto 40px !important;
	list-style-type: none;
}


.footer-jp ul li {
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 5px;
}

.footer-jp ul li a {
	color: #62a2b3;
}

.footer-jp ul li a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.footer-jp .auth-button {
	top: -10px;
	position: relative;
}


 @media only screen and (max-width: 550px) {

 	.footer-jp ul {
 		flex-direction: column;
 		text-align: center;
 	}

 	.footer-jp .auth-button {
	top: 12px;
	position: relative;
	margin: 0 auto;
}

 	}


.plan-options {
    display: flex;
    margin: auto;
}

.plan-length-options {
    max-width: 750px;
}

.plan-users-options {
    max-width: 930px;
    padding-top: 15px;
}

.plan-options-text {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 10px;
}

.plan-option-container {
	display: flex;
	flex-grow: 1;
}

.plan-option {
    display: flex;
    text-align: center;
    border-width: 1px 0 1px 1px;
    border-color: #c6c6c6;
    border-style: solid;
    justify-content: center;
    flex-grow: 1;
    align-items: center;
    padding: 0 0;
    cursor: pointer;
    font-size: 18px;
	position: relative;
	min-height: 45px;
}

.plan-option-container .plan-option-link {
    display: flex;
    flex-grow: 1;
}

a .plan-option {
width: 71px;
border-radius: 0px !important;
border-right: none;
}

a .plan-option.pob {
	border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
}

a .plan-option.poe {
	border-width: 1px;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
	border-right: 1px solid #c6c6c6;
}

.plan-option:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.plan-option:last-child {
    border-width: 1px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.plan-option.active {
    color: #ffffff;
    background: -webkit-linear-gradient(top, #1776a4 0%, #158dc6 100%) #2080b2;
    background: -moz-linear-gradient(top, #1776a4 0%, #158dc6 100%) #2080b2;
    background: -ms-linear-gradient(top, #1776a4 0%, #158dc6 100%) #2080b2;
    background: linear-gradient(to bottom, #1776a4 0%, #158dc6 100%) #2080b2;
}

.plan-length-options .plan-option.active .save-text {
    color: #ffffff;
}

.plan-option:hover {
    background-color: #e5f5fd;
}

.plan-length-options .plan-option .save-text {
    font-size: 15px;
    color: #1374a3;
	font-weight: bold;
}

.plan-select-container {
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.plan-select-container .plan-select {
    width: 130px;
    height: 42px;
    margin: 0 10px;
}

.price-container .contact-us {
    display: none;
    font-size: 20px;
}

.price-container .actual-price {
    display: block;
}

.price-container.contact-us .contact-us {
    display: block;
}

.price-container.contact-us .actual-price {
    display: none;
}

.plan-select-container {
    display: flex;
}

.plan-options-container {
    display: none;
    padding-top: 20px;
}

@media (min-width: 960px) {
    .plan-select-container {
        display: none;
    }

    .plan-options-container {
        display: block;
    }
}


/* @group CSS tabbed slider */

.tabs {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  position: relative;
  padding-bottom: 80px;
  height: 250px;
  min-width: 240px;
}
.tabs input[name="tab-control"] {
  display: none;
}
.tabs .content section h2,
.tabs ul li label {
  font-size: 18px;
  color: #428BFF;
  font-weight: bold;
  white-space: nowrap !important;
}
.tabs ul {
  list-style-type: none;
  padding-left: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  margin-bottom: 10px;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  align-items: flex-end;
  flex-wrap: wrap;
}
.tabs ul li {
  box-sizing: border-box;
  -webkit-box-flex: 1;
          flex: 1;
 /* width: 25%;*/
  padding: 0 10px;
  text-align: center;
  
}
.tabs ul li label {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #929daf;
  padding: 5px auto;
  /*overflow: hidden;
  text-overflow: ellipsis;*/
  display: block;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  white-space: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: auto;
  white-space: nowrap;
}
.tabs ul li label br {
  display: none;
}
.tabs ul li label svg {
  fill: #929daf;
  height: 1.2em;
  vertical-align: bottom;
  margin-right: 0.2em;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: none;
}
.tabs ul li label:hover, .tabs ul li label:focus, .tabs ul li label:active {
  outline: 0;
  color: #bec5cf;

}
.tabs ul li label:hover svg, .tabs ul li label:focus svg, .tabs ul li label:active svg {
  fill: #bec5cf;
}
.tabs .slider {
  position: relative;
  width: 25%;
  -webkit-transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
  transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
}
.tabs .slider .indicator {
  position: relative;
  width: 50px;
  max-width: 100%;
  margin: 0 auto;
  height: 4px;
  background: #1893fb;
  border-radius: 1px;
}
.tabs .content {
  margin-top: 30px;
}
.tabs .content section {
  display: none;
  -webkit-animation-name: content;
          animation-name: content;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  line-height: 1.4;
  float: left;
}
.tabs .content section h2 {
  color: #1893fb;
  display: none;
}
.tabs .content section h2::after {
  content: "";
  position: relative;
  display: block;
  width: 30px;
  height: 3px;
  background: #1893fb;
  margin-top: 5px;
  left: 1px;
}


.sliderflex {
	display: flex;
	flex-direction: row;
	/*margin-top: 50px;*/
	align-items: center;
}
.sliderleft {
	width: 45%;
}
.sliderright {
	width: 55%;
}

.sliderflex h3 {
	font-weight: bold;
	color: #28a0f3;
	font-size: 40px;
	position: relative;
	margin-bottom: 25px;
	/*margin-top: 20px;*/
}

.sliderflex p {
	color: white;
	line-height: 32px;
	margin-right: 15px;
}

.sliderflex a {
	text-decoration: underline;
	color: #b6b6b6;
}

.sliderflex a:hover {
	color: #e4e4e4;
}

.sliderflex .squarebutton {
clear: both;
display: inline-block;
margin-bottom: 20px;
text-decoration: none;
color: #ffffff;
}


.slidernew {
	position: absolute;
	top: -20px;
	right: 80px;
	width: 80px;
	animation: pulse 0.7s  0s infinite;
}

@media only screen and (max-width: 960px) {
	.slidernew {
	position: absolute;
	width: 50px;
	right: 25px;
	}

}


@media only screen and (max-width: 767px) {
	.sliderflex {
	flex-direction: column;
}
.sliderleft {
	width: 100%;
	text-align: center;
}
.sliderright {
	width: 100%;
	text-align: center;
}

.slidernew {
	position: absolute;
	width: 50px;
	top: -45px;
	right: 120px;
}
.sliderflex h3 {
	font-weight: bold;
	color: #28a0f3;
	font-size: 40px;
	position: relative;
	margin-bottom: 25px;
	margin-top: 0;
}

}


.tabs input[name="tab-control"]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {
  cursor: default;
  color: #1893fb;
}
.tabs input[name="tab-control"]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label svg {
  fill: #428BFF;
}

.tabicon {
	/*fill: red !important;*/
	margin: 0 auto 10px;
	position: relative;
	top: 5px;
	clear: both;
	display: block;
}


@media (max-width: 767px) {
  .tabs input[name="tab-control"]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {
    background: rgb(234, 234, 234);
  }
}
.tabs input[name="tab-control"]:nth-of-type(1):checked ~ .slider {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}
.tabs input[name="tab-control"]:nth-of-type(1):checked ~ .content > section:nth-child(1) {
  display: block;
}
.tabs input[name="tab-control"]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {
  cursor: default;
  color: #1893fb;
}
.tabs input[name="tab-control"]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label svg {
  fill: #428BFF;
}
@media (max-width: 767px) {
  .tabs input[name="tab-control"]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {
    background: rgb(234, 234, 234);
  }
}
.tabs input[name="tab-control"]:nth-of-type(2):checked ~ .slider {
  -webkit-transform: translateX(65%);
          transform: translateX(65%);
}
.tabs input[name="tab-control"]:nth-of-type(2):checked ~ .content > section:nth-child(2) {
  display: block;
}
.tabs input[name="tab-control"]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label {
  cursor: default;
  color: #428BFF;
}
.tabs input[name="tab-control"]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label svg {
  fill: #428BFF;
}
@media (max-width: 767px) {
  .tabs input[name="tab-control"]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label {
    background: rgb(234, 234, 234);
  }
}
.tabs input[name="tab-control"]:nth-of-type(3):checked ~ .slider {
  -webkit-transform: translateX(128%);
          transform: translateX(128%);
}
.tabs input[name="tab-control"]:nth-of-type(3):checked ~ .content > section:nth-child(3) {
  display: block;
}
.tabs input[name="tab-control"]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label {
  cursor: default;
  color: #428BFF;
}
.tabs input[name="tab-control"]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label svg {
  fill: #428BFF;
}
@media (max-width: 767px) {
  .tabs input[name="tab-control"]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label {
    background: rgb(234, 234, 234);
  }
}
.tabs input[name="tab-control"]:nth-of-type(4):checked ~ .slider {
  -webkit-transform: translateX(192%);
          transform: translateX(192%);
}
.tabs input[name="tab-control"]:nth-of-type(4):checked ~ .content > section:nth-child(4) {
  display: block;
}
.tabs input[name="tab-control"]:nth-of-type(5):checked ~ ul > li:nth-child(5) > label {
  cursor: default;
  color: #428BFF;
}
.tabs input[name="tab-control"]:nth-of-type(5):checked ~ ul > li:nth-child(5) > label svg {
  fill: #428BFF;
}
@media (max-width: 767px) {
  .tabs input[name="tab-control"]:nth-of-type(5):checked ~ ul > li:nth-child(5) > label {
    background: rgb(234, 234, 234);
  }
}
.tabs input[name="tab-control"]:nth-of-type(5):checked ~ .slider {
  -webkit-transform: translateX(255%);
          transform: translateX(255%);
}
.tabs input[name="tab-control"]:nth-of-type(5):checked ~ .content > section:nth-child(5) {
  display: block;
}
.tabs input[name="tab-control"]:nth-of-type(6):checked ~ ul > li:nth-child(6) > label {
  cursor: default;
  color: #428BFF;
}
.tabs input[name="tab-control"]:nth-of-type(6):checked ~ ul > li:nth-child(6) > label svg {
  fill: #428BFF;
}
@media (max-width: 767px) {
  .tabs input[name="tab-control"]:nth-of-type(6):checked ~ ul > li:nth-child(6) > label {
    background: rgb(234, 234, 234);
  }
}
.tabs input[name="tab-control"]:nth-of-type(6):checked ~ .slider {
  -webkit-transform: translateX(318%);
          transform: translateX(318%);
}
.tabs input[name="tab-control"]:nth-of-type(6):checked ~ .content > section:nth-child(6) {
  display: block;
}
@-webkit-keyframes content {
  from {
    opacity: 0;
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@keyframes content {
  from {
    opacity: 0;
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@media (max-width: 1000px) {
  .tabs ul li label {
    white-space: initial;
	height: 35px;
  }
  .tabs ul li label br {
    display: initial;
  }
  .tabs ul li label svg {
    height: 1.5em;
  }
  .tabs ul {
   margin-bottom: 60px;
  }
  
}
@media (max-width: 767px) {
  
    .tabs ul {
  list-style-type: none;
  padding-left: 0;
  display: -webkit-box;
  display: flex;
  margin-bottom: 50px;

          align-items: center;
		  justify-content: center;
  width: 100%;
  float: left;
  margin-left: 0;
  
  }
  
  .tabs ul li label {
    padding: 5px;
    border-radius: 5px;
	
  }
  .tabs ul li label span {
    display: none;
  }
  .tabs .slider {
    display: none;
  }
  .tabs .content {
    margin-top: 20px;
  }
  .tabs .content section h2 {
    display: block;
  }
}

/* @end */



.ayoa-offer {
	background: -webkit-linear-gradient(88deg, #122b3e 0%, #010102 100%) #08141e;
	background: -moz-linear-gradient(88deg, #122b3e 0%, #010102 100%) #08141e;
	background: -ms-linear-gradient(88deg, #122b3e 0%, #010102 100%) #08141e;
	background: linear-gradient(2deg, #122b3e 0%, #010102 100%) #08141e;
	/*padding: 10px 0 15px;*/
}


.offer-flex {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	flex-wrap: wrap;
	align-items: center;
}

.offer-flex img {
	margin-top: 5px;
	margin-bottom: 5px;
}

.ayoaoffer-text {
	color: #ffffff;
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.ayoaoffer-text strong {
	font-size: 30px;
	border-bottom: 2px solid #ffb500;
	margin-right: 5px;
}

.ayoaoffer-text a {
	font-size: 14px;
}
.ayoa-discount {
	color: #ffffff;
	margin-top: 10px;
	margin-bottom: 10px;
}
.ayoa-code {
	font-weight: bold;
	font-size: 25px;
	background-color: #feffff;
	color: #000000;
	padding: 2px 10px;
	margin-left: 10px;
	margin-right: 10px;
	position: relative;
	top: 3px;
}

@media only screen and (max-width: 480px) {
	.offer-flex {
	flex-direction: column;
	justify-content: center;
	text-align: center;
	}

}


/* @group HTML5 Animation */

.ani-header-bg {
	/*background-color: #1fb4fb;*/
	padding: 50px;
	display: flex;
	justify-content: center;
	position: relative;
	top: 150px;
	margin-top: -150px;
}

.animation-container {
	/*background-color: #1fb4fb;*/
	width: 88vmin;
    height: 50vmin;
	-webkit-border-radius: 20px!important;
	-moz-border-radius: 20px !important;
	border-radius: 20px !important;
	box-shadow: 0 1px 20px rgba(0, 0, 0, 0.14);
	padding: 10px;
	background-color: white;
	max-width: 960px;
	max-height: 550px;
	overflow: hidden;
}


.animationpractice_hype_container {

}

div#hype-scene-YTFG4FQ73TWEAWUCGPKH.HYPE_scene {
	
}

div#hype-scene-L9A276XWZFP7L9OFR04H.HYPE_scene {
	width: 200px !important;
}

div#hype-obj-T42HYT5P3WSHYUCYM9ZE.HYPE_element {
	width: 200px !important;
}



/*Adobe Animate HTML5 */

.animate_container {
	position: relative;
	margin-bottom: 10px;
	overflow: hidden;
}

.animate_container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}


/* @end */