body {
  margin: auto;
  font-family: 'Raleway' !important;
  color: #000000;
  background-color: #ffffff !important;
}
.content {
  max-width: 960px;
  margin: auto;
}
.row {
  width: 100%;
}
.top10 {
  margin-top: 10px !important;
}
.top20 {
  margin-top: 20px !important;
}
.top40 {
  margin-top: 40px !important;
}
.bottom40 {
  margin-bottom: 40px !important;
}
.textCenter {
  text-align: center;
}
.inBlockMiddle {
  display: inline-block;
  vertical-align: middle;
}
.inBlockTop {
  display: inline-block;
  vertical-align: top;
}
.whiteBtn {
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  margin: auto;
  cursor: pointer;
}
.whiteBtn:hover {
  text-decoration: underline;
}
.whiteBtn.pdf {
  margin: auto 0 auto auto;
  max-width: 250px;
}
.whiteBtn.pdf img {
  height: 15px;
  vertical-align: bottom;
}
.orangeBtn {
  max-width: 230px;
  height: 35px;
  border-radius: 25px;
  background-image: linear-gradient(to top, #f67f3b, #f36121);
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  margin: auto;
  padding-top: 15px;
  padding-left: 5px;
  padding-right: 5px;
  cursor: pointer;
}
.orangeBorderBtn {
  max-width: 210px;
  height: 35px;
  border-radius: 25px;
  border: solid 2px #ff5b0d;
  background-color: transparent;
  color: #ff5b0d;
  padding-top: 15px;
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
  margin: auto;
  padding-left: 5px;
  padding-right: 5px;
}
.orangeBorderBtn:hover {
  background-color: #ff5b0d;
  color: #ffffff;
}
.orangeBorderBtn.small {
  font-size: 12.5px;
  height: 25px;
  padding-top: 10px;
}
.logoWhite {
  width: 190px;
  height: 55px;
  background: url("/images/discalculia/smartick_white.png") no-repeat center;
  background-size: contain;
}
.half {
  width: 49%;
  display: inline-block;
}
.menu {
  background-color: #ffffff;
  color: #010101;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
  border-top: 4px solid #42b2fc;
  height: 40px;
  padding-top: 10px;
}
.menu .half {
  cursor: pointer;
}
.mobileHamburger {
  width: 20px;
  height: 20px;
  border: 1px solid #ffffff;
  position: absolute;
  left: 10px;
  top: 10px;
  text-align: center;
  padding: 5px;
  border-radius: 3px;
}
.mobileHamburger.selected {
  background-color: #f36121;
}
.mobileHamburger img {
  height: 20px;
}
.mobileHamburger .dropable {
  display: none;
  width: 300px;
  position: absolute;
  left: 0;
  top: 45px;
  background-color: #ffffff;
  z-index: 1;
  border-radius: 3px;
}
.mobileHamburger .dropable .item {
  height: 35px;
  border-bottom: 1px solid #ebebeb;
  font-size: 15px;
  font-weight: bold;
  color: #010101;
  padding-top: 15px;
}
.mobileHamburger .dropable:after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 0 11px 11px;
  border-color: #ffffff transparent;
  display: block;
  width: 0;
  z-index: 1;
  top: -10px;
  left: 5px;
}
.section1 {
  background: url("/images/discalculia/header.jpg") no-repeat center #f9f9f7;
  background-size: cover;
  text-align: center;
}
.section1 .content {
  padding-top: 200px;
  padding-bottom: 120px;
}
.section1 .logo {
  width: 200px;
  height: 50px;
  background: url("/images/discalculia/smartick_white.png") no-repeat center;
  background-size: contain;
  top: 65px;
  position: absolute;
}
.section1 .title {
  font-size: 46px;
  font-weight: bold;
  color: #ffffff;
  margin-top: 40px;
  line-height: 1;
}
.section1 .outerContainer {
  max-width: 850px;
  min-width: 725px;
  width: calc(100% - 10px);
  position: absolute;
  border-radius: 20px;
  background-color: #ffffff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.13);
  left: 0;
  right: 0;
  margin: 50px auto auto auto;
  padding: 5px;
}
.section1 .form {
  width: calc(100% - 10px);
  max-width: 850px;
  min-height: 300px;
  border-radius: 20px;
  background-color: #ffffff;
  border: 1px solid #42b2fc;
  position: relative;
  margin: auto;
}
.section1 .form .formError {
  position: absolute;
  top: 0;
  width: 100%;
  min-height: 30px;
  padding-top: 10px;
  background-color: red;
  border-radius: 15px 15px 0 0;
  color: #ffffff;
  text-align: center;
  display: none;
}
.section1 .form .box {
  width: 230px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}
.section1 .form .boxSmall {
  width: 195px;
  display: inline-block;
  vertical-align: middle;
}
.section1 .form .boxBig {
  width: 490px;
  display: inline-block;
  vertical-align: middle;
}
.section1 .form input {
  width: 97%;
  height: 44px;
  box-shadow: -1.7px 1px 2px 0 rgba(0, 0, 0, 0.03), inset -0.9px 0.5px 5px 0 rgba(0, 0, 0, 0.06);
  border: solid 1px #cecece;
  background-color: #f0f0f0;
  font-weight: bold;
  color: #8a8080;
  font-size: 15px;
  border-radius: 5px;
  padding: 0 0 0 1%;
  outline: none;
}
.section1 .form input.date {
  width: 50px;
  display: inline-block;
  margin-right: 12px;
}
.section1 .form input.year {
  width: 80px;
  display: inline-block;
}
.section1 .form select {
  width: 98%;
  height: 44px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
  border: solid 1px #cecece;
  font-weight: bold;
  color: #8a8080;
  font-size: 14px;
  -webkit-appearance: none;
  background: url("/images/discalculia/comboArrow.png") no-repeat right #f8f8f8;
  background-size: 12px;
  background-position: 98% 50% ;
  cursor: pointer;
  padding-left: 1%;
  outline: none;
}
.section1 .form .subtitle {
  font-size: 14px;
  font-weight: bold;
  color: #8a8080;
  text-align: left;
  margin-bottom: 5px;
}
.section1 .form .customCheckbox {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  margin: auto;
  white-space: nowrap;
  width: 100%;
}
.section1 .form .customCheckbox.customCheckbox-nee .subtitle {
  white-space: normal;
  padding-right: 30px;
}
.section1 .form .customCheckbox input[type=radio] {
  visibility: hidden;
  width: 0;
  height: 0;
  margin: 0;
}
.section1 .form .customCheckbox input[type=checkbox] {
  visibility: hidden;
  width: 0;
  height: 0;
  margin: 0;
}
.section1 .form .customCheckbox label {
  cursor: pointer;
  width: 30px;
  height: 20px;
  background: url("/images/discalculia/checkbox_disabled.png") no-repeat center;
  background-size: contain;
  -webkit-transition-duration: 0.4s;
  /* Safari */
  transition-duration: 0.4s;
  padding-right: 60px;
  font-size: 17px;
  font-weight: bold;
  color: #8a8080;
}
.section1 .form .customCheckbox label:after {
  background: url("/images/discalculia/checkbox_enabled.png") no-repeat center;
}
.section1 .form .customCheckbox label.checkboxLabel {
  padding-right: 20px;
}
.section1 .form .customCheckbox input[type=radio]:checked + label {
  background: url("/images/discalculia/checkbox_enabled.png") no-repeat center;
  background-size: contain;
}
.section1 .form .customCheckbox input[type=checkbox]:checked + label {
  background: url("/images/discalculia/checkbox_enabled.png") no-repeat center;
  background-size: contain;
}
.section1 .form .rule {
  border-top: 2px dashed #CCCCCC;
}
.section1 .form .orangeBar {
  border-left: 1px solid #f36d21;
  height: 280px;
  width: 5px;
  background: url("/images/discalculia/orangeArrowR.png") no-repeat center;
  background-size: 6px;
  margin-top: 10px;
  margin-right: 20px;
  display: inline-block;
  vertical-align: middle;
}
.section1 .form .termsText {
  font-size: 12px;
  font-style: italic;
  color: #8a8080;
  display: inline-block;
  vertical-align: middle;
  max-width: 170px;
  text-align: left;
}
.section1 .form .termsText a,
.section1 .form .termsText a:visited {
  font-weight: bold;
  color: #f36d21;
}
.section1 .form #specialInfo {
  width: 90%;
  margin: auto;
  height: 220px;
  border: solid 1px #e0dad2;
  border-radius: 5px;
  background-color: #ffffff;
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  box-shadow: -0.3px 5px 5px 0 rgba(0, 0, 0, 0.29);
  display: none;
}
.section1 .form #specialInfo .closeBtn {
  height: 15px;
  width: 15px;
  background: url("/images/discalculia/closeBtn.png") no-repeat center;
  background-size: contain;
  position: absolute;
  right: 10px;
  top: 10px;
}
.section1 .form #specialInfo .specialInfoContent {
  margin-top: 80px;
}
.section1 .form #specialInfo .icon {
  width: 50px;
  height: 50px;
  background: url("/images/discalculia/icon_info.png") no-repeat center;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
}
.section1 .form #specialInfo .text {
  color: #010101;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  max-width: 75%;
  margin-left: 40px;
  text-align: left;
}
.section1 .form .test-preferences p {
  font-weight: bold;
  color: #8a8080;
}
.section1 .desktopMessage {
  border-radius: 20px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.13);
  border: solid 1px #42b2fc;
  background-color: #f36d21;
  height: 230px;
  width: calc(100%);
  text-align: center;
  margin: auto;
}
.section1 .desktopMessage img {
  width: 150px;
  display: inline-block;
  vertical-align: top;
  margin-top: 55px;
}
.section1 .desktopMessage .message {
  max-width: 500px;
  font-size: 20px;
  font-style: italic;
  text-align: left;
  color: #ffffff;
  display: inline-block;
  vertical-align: top;
  margin-left: 50px;
  margin-top: 65px;
}
.section1 .desktopMessage .message span {
  font-weight: bold;
}
.section2 {
  background-color: #f9f9f7;
  width: 100%;
  text-align: center;
  color: #000000;
}
.section2 .content {
  padding-top: 220px;
  padding-bottom: 60px;
}
.section2 .block {
  width: 30%;
  display: inline-block;
  vertical-align: top;
  margin: 40px 5px auto 5px;
  min-width: 220px;
}
.section2 .block img {
  height: 95px;
}
.section2 .block .title {
  font-size: 20px;
  font-weight: bold;
  margin-top: 20px;
  min-height: 25px;
}
.section2 .block .description {
  font-size: 16px;
  margin-top: 15px;
}
.section3 {
  background-color: #ffffff;
  width: 100%;
  font-size: 16px;
  line-height: 1.25;
  text-align: left;
  color: #000000;
}
.section3 .content {
  padding-top: 50px;
}
.section3 .title {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.33px;
}
.section3 .smallBlock {
  width: calc(29% - 10px);
  margin: 5px;
  display: inline-block;
  vertical-align: bottom;
  min-width: 215px;
  text-align: center;
}
.section3 .smallBlock img {
  width: 220px;
}
.section3 .bigBlock {
  width: calc(69% - 10px);
  margin: 5px;
  display: inline-block;
  vertical-align: top;
}
.section3 .bigBlock .alertIcon {
  text-align: center;
  margin-bottom: 20px;
  width: 20%;
  display: inline-block;
  vertical-align: middle;
  min-width: 120px;
}
.section3 .bigBlock .alertIcon img {
  width: 70px;
}
.section3 .bigBlock .alertText {
  width: 78%;
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}
.section4 {
  background-color: #42b2fc;
  color: #ffffff;
}
.section4 .content {
  padding-top: 40px;
  padding-bottom: 20px;
}
.section4 .title {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.33px;
  text-align: center;
}
.section4 .description {
  font-size: 16px;
  line-height: 1.25;
  text-align: center;
}
.section4 .dyscalculiaVideo {
  margin: 20px auto;
}
.section4 .downloadPDF {
  text-align: right;
}
.section4 .steps {
  text-align: center;
}
.section4 .steps .step {
  width: 160px;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.section4 .steps .step img {
  width: 155px;
  height: 170px;
}
.section4 .steps .step .stepDescription {
  font-size: 18px;
  font-weight: bold;
  margin-top: 10px;
}
.section4 .steps .step .stepNumber {
  position: absolute;
  font-family: 'MuseoSansRounded', serif;
  font-size: 60px;
  font-weight: 900;
  line-height: 1.81;
  letter-spacing: 0.66px;
  top: 95px;
  right: -15px;
}
.section4 .steps .arrowR {
  width: 80px;
  height: 35px;
  display: inline-block;
  vertical-align: top;
  background: url("/images/discalculia/arrow_right.png") no-repeat center;
  background-size: contain;
}
.section4 .steps .arrowL {
  width: 66px;
  height: 64px;
  display: inline-block;
  vertical-align: top;
  background: url("/images/discalculia/arrow_left.png") no-repeat center;
  background-size: contain;
  margin-left: 90px;
  position: absolute;
}
.section5 {
  background-color: #ffffff;
  text-align: center;
  color: #000000;
}
.section5 .content {
  margin-top: 50px;
  padding-bottom: 20px;
}
.section5 .title {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.91;
  letter-spacing: 0.24px;
}
.section5 .description {
  font-size: 16px;
  line-height: 1.25;
}
.section5 .how {
  width: 100%;
  height: 230px;
  background: url("/images/discalculia/graphicHow.png") no-repeat center;
  background-size: contain;
  margin-top: 40px;
  position: relative;
}
.section5 .how .downloadBtn {
  position: absolute;
  bottom: 0;
  left: 20px;
}
.section5 .subtitle {
  font-size: 12px;
  font-weight: bold;
  line-height: 6.13;
}
.section5 .half {
  vertical-align: middle;
  text-align: center;
  margin: auto;
  min-width: 200px;
  margin-top: 10px;
}
.section5 .half img {
  height: 125px;
}
.section5 .orangeBar {
  border-top: 1px solid #f36d21;
  height: 6px;
  background: url("/images/discalculia/orangeArrow.png") no-repeat center;
  background-size: 12px;
  margin-top: 40px;
}
.section6 {
  background-color: #e7f4fd;
  text-align: center;
  color: #000000;
}
.section6 .content {
  padding-top: 50px;
  padding-bottom: 50px;
}
.section6 .title {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.33px;
  display: inline-block;
  vertical-align: middle;
}
.section6 .logoBlue {
  width: 200px;
  height: 60px;
  background: url("/images/discalculia/smartick_blue.png") no-repeat center;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
}
.section6 .description {
  font-size: 22px;
  line-height: 1.25;
  margin: auto;
}
.section6 .subDescription {
  font-size: 16px;
  margin: 40px auto auto auto;
  max-width: 90%;
}
.section6 .subDescription span {
  font-weight: bold;
}
.section6 .smkLinks .block {
  display: inline-block;
  vertical-align: top;
  max-width: 220px;
  cursor: pointer;
  margin: 5px 10px;
}
.section6 .smkLinks .block .thumbnail {
  width: 220px;
  border-radius: 15px;
  border: 2px solid #f36d21;
  overflow: hidden;
  height: 140px;
  box-sizing: border-box;
}
.section6 .smkLinks .block .title {
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  line-height: 1.14;
  max-width: 210px;
  margin: 10px auto auto auto;
}
.mobilePopUp {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
}
.mobilePopUp .panel {
  width: 305px;
  height: 365px;
  border-radius: 4px;
  box-shadow: -0.3px 5px 5px 0 rgba(0, 0, 0, 0.29);
  border: solid 1px #e0dad2;
  background-color: #ffffff;
  margin: 20px auto auto auto;
  padding: 5px;
  font-size: 18px;
  font-style: italic;
  text-align: center;
  color: #000000;
}
.mobilePopUp .panel .icon {
  width: 105px;
  height: 95px;
  background: url("/images/discalculia/icon_tabletOrange.png") no-repeat center;
  background-size: contain;
  margin: 30px auto;
}
.mobilePopUp .panel .close {
  font-style: normal;
  font-weight: bold;
  text-align: right;
}
.diagonalBlueBg {
  height: 200px;
  background-image: -webkit-linear-gradient(-87deg, #42b2fc 50%, #fff 50%);
}
.diagonalLightBlueBg {
  height: 200px;
  background-image: -webkit-linear-gradient(-92deg, #fff 20%, #e7f4fd 20%);
}
.report {
  text-align: center;
  background-color: transparent;
  margin-top: -150px;
  margin-bottom: -50px;
}
.report .webReport {
  max-width: 820px;
  min-width: 500px;
  width: 100%;
  position: relative;
  margin: auto;
}
.report .webReport img {
  width: 100%;
}
.report .mobileReport {
  width: 300px;
  text-align: center;
  margin: auto;
}
.report .mobileReport img {
  width: 100%;
}
.report .explanationText {
  font-size: 12px;
  font-weight: bold;
  color: #8a8080;
  font-style: italic;
  position: absolute;
  max-width: 140px;
  text-align: left;
}
.report .explanationText span {
  font-size: 11px;
  font-weight: normal;
}
.report .explanationText.mobile {
  font-size: 18px;
  font-weight: bold;
  color: #8a8080;
  max-width: none;
  text-align: left;
  position: relative;
  margin-top: 20px;
}
.report .explanationText.mobile span {
  font-size: 14px;
  color: #8a8080;
  line-height: 1.1;
  display: block;
}
.report .explanationText.mobile span.orange {
  font-size: 24px;
  color: #f36d21;
  font-weight: bold;
  display: inline-block;
}
.report .explanationText.t1 {
  top: 115px;
  left: 0;
}
.report .explanationText.t2 {
  top: 280px;
  left: 0;
}
.report .explanationText.t3 {
  top: 390px;
  right: -5px;
}
.report .explanationText.t4 {
  top: 470px;
  right: -5px;
}
/*
.reportContainer{
	text-align: center;
}

.report{
	width: 69%;
	margin: auto;
	background-color: #ffffff;
	box-shadow: -10px 5px rgba(0, 0, 0, 0.4);
	position: relative;
	text-align: left;

	.head{
		background-image: linear-gradient(to top, #42b2fc, #75bff0);
		height: 75px;
		padding: 10px 20px 0 20px;

		.headTitle{
			font-size: 15px;
			font-weight: bold;
		}

		.item{
			font-size: 10px;
			margin-top: 3px;

			span{
				font-weight: bold;
			}
		}

		.logo{
			height: 60px;
			top: 10px;
			position: absolute;
			right: 20px;
		}
	}

	.reportContent{
		padding: 0 20px 20px 20px;
		text-align: left;
		color: #8a8080;

		.reportTitle{
			color: #f36d21;
			font-size: 14px;
			font-weight: bold;

			&.withArrow{
				padding-left: 25px;
				background: url("@{img-url}/orangePointer.png") no-repeat left;
				background-size: contain;
			}
		}

		.result{
			color: #000000;
			font-size: 12px;
			font-weight: bold;
		}

		.reminder{
			color: #000000;
			font-size: 12px;
			border-radius: 25px;
			border: solid 1px #000000;
			padding: 10px 30px;
		}

		.boxTitle{
			font-size: 13px;
			font-weight: 600;
			color: #000000;
			margin-bottom: -7px;
			margin-left: 50px;
		}

		.box{
			border-radius: 15px;
			padding: 10px;
			box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.13);
			position: relative;

			.icon{

				position: absolute;
				top: -10px;
				left: 0;
				height: 40px;
				width: 40px;

				&.compare{
					background: url("@{img-url}/icon_reportCompare.png");
					background-size: contain;
				}

				&.numbers{
					background: url("@{img-url}/icon_reportNumbers.png");
					background-size: contain;
				}

				&.arithmetic{
					background: url("@{img-url}/icon_reportAritmethic.png");
					background-size: contain;
				}
			}

			.boxInner{
				border-radius: 15px;
				border: 1px solid #f36d21;
				padding: 20px 5px;
				font-size: 11px;

				.col1{
					width: 20%;
					display: inline-block;
					vertical-align: middle;
				}

				.col2{
					width: 68%;
					display: inline-block;
					vertical-align: middle;
				}

				.col3{
					width: 10%;
					display: inline-block;
					vertical-align: middle;
				}

				.colHead{
					font-size: 10px;
					font-style: italic;
					color: #8a8080;
					text-align: center;
				}

				.barContainer{
					width: 100%;
					border-radius: 15px;
					background-color: #e3e8ee;
					height:12px;
					overflow: hidden;
					font-weight: bold;
					text-align: right;

					.bar{
						height: 100%;
						color: #ffffff;
						font-size: 10px;
						padding-right: 2px;

						&.green{
							background-color: #7ac43d;
						}

						&.red{
							background-color: #ff5a5f;
						}

						&.yellow{
							background-color: #fba62d;
						}

						&.blue{
							background-color: #42b2fc;
						}
					}
				}

				.watch{
					width: 30px;
					height: 30px;
					margin: auto;

					&.green{
						background: url("@{img-url}/icon_watchGreen.png") no-repeat center;
						background-size: contain;
					}

					&.red{
						background: url("@{img-url}/icon_watchRed.png") no-repeat center;
						background-size: contain;
					}

					&.yellow{
						background: url("@{img-url}/icon_watchYellow.png") no-repeat center;
						background-size: contain;
					}

					&.blue{
						background: url("@{img-url}/icon_watchBlue.png") no-repeat center;
						background-size: contain;
					}
				}
			}
		}
	}

	.mobileExplanation{

		.bigPointer{
			position: absolute;

			.letter{
				display: inline-block;
				vertical-align: middle;
				color: #f36d21;
				font-size: 40px;
				font-weight: bold;
			}

			.line{
				display: inline-block;
				vertical-align: middle;
				height: 5px;
				background-color: #42b2fc;
				min-width: 20px;

				&.left{
					margin-right: -5px;
				}

				&.right{
					margin-left: -5px;
				}
			}

			.circle{
				display: inline-block;
				vertical-align: middle;
				height: 70px;
				width: 70px;
				border-radius: 50px;
				border: 5px solid #42b2fc;
			}

			&.a{
				top: 80px;
				left: -50px;
			}

			&.b{
				top: 250px;
				left: -50px;
			}

			&.c{
				top: 630px;
				right: -10px;

				.line{
					width: 240px;
				}
			}

			&.d{
				top: 950px;
				right: -30px;
			}
		}
	}
}*/
/*.explanation{
	max-width: 130px;
	z-index: 10;
	position: relative;
	width: 15%;
	text-align: left;

	&.left{
		margin-right: 5px;
	}

	&.right{
		margin-left: 0px;
	}

	.pointer{
		height: 5px;
		min-width: 100px;
		background: url("@{img-url}/dot.png") no-repeat;
		background-size: contain;
		padding-top: 3px;

		.line{
			height: 2px;
			background-color: #42b2fc;
			width: 100%;
		}

		&.left{
			background-position: right;
		}

		&right{
			background-position: left;
		}

		&.p1{
			margin-top: 100px;
			width: 150px;
		}

		&.p2{
			margin-top: 150px;
			width: 150px;
		}

		&.p3{
			margin-top: 370px;
			margin-left: -300px;
		}

		&.p4{
			margin-top: 310px;
			margin-left: -60px;
		}
	}

	.explanationText{
		font-size: 10px;
		color: #8a8080;
		font-style: italic;

		span{
			font-size: 12px;
			font-weight: bold;
			color: #8a8080
		}
	}
}*/
.showOnDesktop {
  display: none;
}
.showOnMobile {
  display: none !important;
}
.showOnTablet {
  display: none;
}
.maybeTablet {
  display: none;
}
/*@media (max-width: 760px){

	.hideOnSmall{
		display: none;
	}
}*/
@media (max-width: 800px) {
  .explanationText {
    max-width: 150px !important;
  }
  .explanationText.t1 {
    top: 105px  !important;
    left: 5px !important;
  }
  .explanationText.t2 {
    top: 265px !important;
    left: 5px !important;
  }
  .explanationText.t3 {
    top: 370px !important;
  }
  .explanationText.t4 {
    top: 445px !important;
  }
  .explanationText.mobile {
    max-width: none !important;
  }
}
@media (max-width: 780px) {
  .explanationText {
    max-width: 125px !important;
  }
  .explanationText.t1 {
    top: 100px  !important;
    left: 5px !important;
  }
  .explanationText.t2 {
    top: 260px !important;
    left: 5px !important;
  }
  .explanationText.t3 {
    top: 360px !important;
  }
  .explanationText.t4 {
    top: 435px !important;
  }
  .explanationText.mobile {
    max-width: none !important;
  }
}
@media (min-width: 1024px) {
  .hideOnTablet {
    display: none;
  }
  .showOnTablet {
    display: block !important;
  }
  .hideOnDesktop {
    display: none;
  }
  .showOnDesktop {
    display: block !important;
  }
  .section1 .content {
    padding-bottom: 180px;
  }
}
@media (min-width: 760px) and (max-width: 1024px) {
  .hideOnTablet {
    display: none;
  }
  .showOnTablet {
    display: block !important;
  }
  .section1 .content {
    padding-bottom: 160px;
  }
}
@media (max-width: 760px) {
  .hideOnMobile {
    display: none !important;
  }
  .showOnMobile {
    display: block !important;
  }
  .section1 {
    background: url("/images/discalculia/header_mobile1.jpg") no-repeat top #f9f9f7;
    background-size: cover;
  }
  .section1 .content {
    padding-bottom: 35px;
  }
  .section1 .logo {
    top: 5px;
    margin: auto;
    width: 170px;
    height: 70px;
    left: 0;
    right: 0;
  }
  .section1 .title {
    font-size: 24px;
    margin-top: 20px;
  }
  .section2 .content {
    padding-top: 20px;
  }
  .section2 .block {
    display: block;
    margin: 40px auto auto;
  }
  .section3 {
    text-align: center;
  }
  .section3 .bigBlock {
    width: 98%;
  }
  .section3 .smallBlock {
    width: 98%;
  }
  .section3 .alertIcon {
    width: 100%;
  }
  .section3 .alertText {
    width: 100%;
  }
  .section4 .steps .step {
    display: block;
    margin: 60px auto auto auto;
  }
  .section4 .steps .step .stepNumber {
    top: -35px;
    left: -15px;
    right: auto;
  }
  .section4 .steps .arrowD {
    width: 40px;
    height: 75px;
    background: url("/images/discalculia/arrow_down.png") no-repeat center;
    background-size: contain;
    position: absolute;
    left: calc(50% + 70px);
  }
  .section5 .how {
    height: 500px;
    background: url("/images/discalculia/graphicHow_mobile.png") no-repeat top;
    background-size: contain;
    margin-bottom: 50px;
  }
  .section5 .how .downloadBtn {
    left: 0;
    right: 0;
    bottom: -50px;
  }
  .section5 .half {
    display: block;
  }
  .section6 .smkLinks .block {
    display: block;
    margin: 20px auto auto;
  }
  .maybeTablet {
    font-size: 14px;
  }
  .maybeTablet.show {
    display: block;
  }
}
/*@media (hover: hover) and (pointer: fine) .desktop{
	.hideOnDesktop{
		display: none;
	}
	.showOnDesktop{
		display: block !important;
	}

	.section1{
		.content{
			padding-bottom: 120px;
		}
	}
}*/