.col-4 .tm-sm-3:hover {
    box-shadow: 0 10px 15px rgba(0,0,0,.1);
    border: 1px solid #eaeaea;
}
body {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	background: #fff;
	font-size: 16px;
	line-height: 1.5em;
	margin: 0;
	text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	line-height: 1em;
}

h1 { font-size: 50px; }
h2 { font-size: 32px; }
h3 { font-size: 24px; }
h4 { font-size: 22px; }
h5 { font-size: 16px; }
h6 { font-size: 16px; }

a,
p,
sub,
sup,
span,
input,
label,
button,
select,
option,
figure,
optgroup,
textarea,
figcaption,
fieldset {
	font-family: inherit;
	font-size: inherit;
}

input,
button,
select,
option,
textarea {
	outline: none;
}

a,
button,
input[type="submit"] {
	cursor: pointer;
}

p,
span {
	color: #202020;
}

a {
	text-decoration: none;
    color: #176bb8;
}

ol:before,
ol:after,
ul:before,
ul:after {
	content: "";
	display: table;
}

ol:after,
ul:after {
	clear: both;
	zoom: 1;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}

table {
	display: block;
	width: 100%;
}

::-webkit-input-placeholder {
	font-family: inherit;
}

::-moz-placeholder {
	font-family: inherit;
}

:-moz-placeholder {
	font-family: inherit;
}

:-ms-input-placeholder {
	font-family: inherit;
}

.text-size-subtitle {
	font-size: 20px;
}

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }

.text-light { font-weight: 300; }
.text-regular { font-weight: 400; }
.text-medium { font-weight: 500; }
.text-bold { font-weight: 700; }
.text-black { font-weight: 900; }

.text-red { color: #ef3d32; }
.text-blue { color: #176bb8; }

.float-left { float: left; }
.float-right { float: right; }
.float-none { float: none; }

.btn {
	color: #fff;
	background: #ef3d32;
	font-size: 20px;
	line-height: 50px;
	padding: 0 30px;
	border-radius: 3px;
	text-decoration: none;
	display: inline-block;
	transition: .3s;
}


#header {
	background: #fff;
}

#header .header-inner {
	height: 80px;
	line-height: 80px;
}

.logo-wrap {
	display: inline-block;
	float: left;
}

.logo {
	max-width: 120px;
}

.call-to {
	float: right;
	line-height: 1em;
	margin-top: 20px;
}

.call-to span {
	line-height: 1em;
}

.call-to .phone {
	font-weight: 500;
	font-size: 22px;
	color: #176bb8;
}
#topbannerold {
	background-image: url('../img/iStock-1144668253');
	background-image: url('../img/ORIGINALslide-1');
	background-image: url('../img/iStock_000077845357_Large');
}

#topbanner {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;;
}

#topbanner .con {
	display: table;
}

#topbanner .logo {
/*
	border: 10px solid #fff;
	border-radius: 2px;
*/
    max-width: 180px;
}


#topbanner .cta .phone {
	color: #176bb8;
	font-weight: 500;
	font-size: 24px;
}

#topbanner .cta .talk-to {
	color: #ef3d3e;
	margin-top: 20px;
	font-size: 24px;
	font-weight: 500;
	display: block;
}

/*
.topbanner-inner {
	height: 500px;
	display: table-row;
*/
.topbanner-inner {
    display: block;
}

.welcome {
	display: table-cell;
	vertical-align: middle;
}

.welcome-headline {
	color: #fff;
	font-weight: 900;
	margin: 80px 0;
}

.guaranteed {
	color: #ef3f32;
}

.section {
	padding: 100px 0;
	position: relative;
}

.title-wrap {
	text-align: center;
}

.section-title {
	margin-top: 0;
}

.title-wrap .subtitle {
	font-size: 20px;
}

/* col 4 */
.col-4 {
	padding: 30px 0;
	background: #f1f6f9;
}

#trusted-fun .subtitle-1 {
	margin-bottom: 20px;
}

#trusted-fun .subtitle-2 {
	font-weight: 400;
	margin-top: 10px;
	display: block;
}

.section-content {
	margin-top: 100px;
}

#trusted-fun .col-2 img {
	width: 100%;
    /* box-shadow: 0 10px 25px -5px rgba(0,0,0,.3); */
    border-radius: 3px;
    border: 1px solid #ef3f32;
}

#trusted-fun .col-2-subtitle {
	display: block;
    margin-top: 20px;
    font-weight: 500;
}

#trusted-fun .rating {
	margin-top: 80px;
}

#trusted-fun .rating-box {
	padding: 80px 80px;
    border: 1px solid #ef3f32;
    border-radius: 3px;
    margin-bottom: -1px;
    position: relative;
    /* box-shadow: 0 10px 25px rgba(0,0,0,.1); */
}

#trusted-fun .rating-box p {
	font-size: 20px;
}

#trusted-fun .rater {
	font-weight: 500;
}

#trusted-fun .stars {
	font-size: 32px;
	font-family: 'fontawesome';
	color: #176bb8;
}

#trusted-fun .rating-box.rating-1:before {
	content: "\f10d";
    font-family: 'fontawesome';
    font-size: 80px;
    position: absolute;
    left: 10px;
    top: 30px;
    color: #ef3f32;
    opacity: 1;
}

#trusted-fun .rating-box.rating-2:before {
	content: "\f10e";
    font-family: 'fontawesome';
    font-size: 80px;
    position: absolute;
    right: 10px;
    top: 30px;
    color: #ef3f32;
    opacity: 1;
}

#trusted-fun .rating-box.rating-3:before {
    content: "\f10e";
    font-family: 'fontawesome';
    font-size: 80px;
    position: absolute;
    right: 10px;
    top: 30px;
    color: #ef3f32;
    opacity: 1;
}

#trusted-fun .btn-more-reviews {
	font-weight: 300;
	color: #fff;
	background: #ef3d32;
	font-size: 20px;
	line-height: 50px;
	padding: 0 30px;
	border-radius: 3px;
	text-decoration: none;
	display: inline-block;
	transition: .3s;
}

#trusted-fun .btn-more-reviews:hover {
	background: #202020;
	transition: .3s;
}

/* what is */
#what-is {
	background: #f6f6f6;
}

#what-is h2 {
}

#what-is p {
	font-size: 20px;
    line-height: 1.5em;
}

#what-is .con {
}

#what-is .tr {
}

#what-is .td {
}

/* why */
.accordion {
	position: relative;
	/*box-shadow: 0 25px 40px rgba(0,0,0,.1);*/
	border-left: 1px solid #ef3d32;
	border-right: 1px solid #ef3d32;
	border-bottom: 1px solid #ef3d32;
}

.acc-title {
	font-size: 20px;
	font-weight: 500;
	display: block;
	background: #fff;
	cursor: pointer;
	line-height: 80px;
	padding-right: 10px;
	margin: 0;
	border-top: 1px solid #ef3d32;
}

.acc-title span {
	text-align: center;
	width: 80px;
	color: #ef3d32;
	display: inline-block;
}

.acc-content {
	padding: 20px 40px;
	background: #fff;
	overflow: hidden;
	display: none;
	border-top: 1px solid #eaeaea;
}

.acc-subtitle {
	font-weight: 500;
	font-size: 20px;
}

.acc-title span i.fa {
	transition: .2s;
}

.arrow-rotate {
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	transition: .2s;
}

.accordion ul {
	list-style: none;
	padding: 0;
}

.accordion ul li {
	display: block;
	margin-bottom: 15px;
	line-height: 1.5em;
}

.accordion ul li:before {
	content: "\f105";
	font-family: 'fontawesome';
	margin-right: 8px;
	color: #ef3d32;
}

.accordion a {
	text-decoration: none;
}

.accordion a p {
	line-height: 1.5em;
}

#why-table {
	margin-bottom: 20px;
	font-weight: 500;
	font-size: 14px;
}

#why-table .fa {
	color: #ef3d3e;
}

#why-table .row:nth-child(odd) {
	background: #f6f6f6;
}

#why-table .tr .tm-md-2 {
	text-align: left;
}

#why-table .thead h5 {
	margin: 20px 0;
}

#why-table .thead {
	border-bottom: 1px solid #ef3d3e;
}

#why-table .tr {
	border-bottom: 1px solid #eaeaea;
}

#why-table .middle {
	background: #f6f6f6;
}

.brdr {
	border-right: 1px solid #eaeaea;
}


/* how */
#how {
	background: #f6f6f6;
}

.how-boxes {
	margin-top: 80px;
	display: block;
}

.how-boxes .tm-md-3 .block-img {
	padding: 20px 10px;
	border-radius: 3px;
	transition: .3s;
}

.how-boxes .tm-md-3:hover .block-img {
	box-shadow: 0 10px 20px rgba(0,0,0,.1);
	transition: .3s;
}

.how-boxes .tm-md-3:nth-child(1) .block-img {
	background: #fef3ef;
}

.how-boxes .tm-md-3:nth-child(2) .block-img {
	background: #fff9f1;
}

.how-boxes .tm-md-3:nth-child(3) .block-img {
	background: #f2f6f9;
}

.how-boxes .tm-md-3:nth-child(4) .block-img {
	background: #f2f9f1;
}

a.view-sample {
	display: inline-block;
    text-decoration: none;
    background: #176bb8;
    color: #fff;
    line-height: 35px;
    padding: 0 20px;
    border-radius: 3px;
    text-transform: uppercase;
    transition: .3s;
}

a.view-sample:hover {
	background: #ef3d32;
	transition: .3s;
}

/* review */
#review {
	background: #fff;
}

#review .section-content {
	margin-top: 50px;
}

#review ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#review ul li {
	font-size: 20px;
	font-weight: 300;
	margin-bottom: 20px;
}

#review ul li:before {
	content: "\f00c";
    font-family: 'fontawesome';
    margin-right: 10px;
    font-weight: bold;
    color: #ef3d32;
}

/* mathkit */

#math-kit {
	background: #f6f6f6;
}

.title-mathkit-1 {
	position: relative;
}

.title-mathkit-1:after {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	bottom: -29px;
	height: 0;
	width: 0;
	display: block;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #ef3f32;
	border-bottom: 15px solid transparent;
	z-index: 3;
}

.title-mathkit-1 h3 {
	background: #ef3f32;
    margin: 0;
    color: #fff;
    padding: 30px 15px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.content-mathkit-1 {
	padding: 60px;
	background: #fff;
	border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: 0 15px 30px rgba(0,0,0,.05);
}

.kit-list-1 {
	margin: 20px 0;
}

.kit-list-1 ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.kit-list-1 ul li {
	margin-bottom: 15px;
	font-size: 18px;
}

.kit-list-1 ul li:before {
	content: "\f00c";
    font-family: 'fontawesome';
    margin-right: 10px;
    font-weight: bold;
    color: #ef3d32;
}

.kit1 {
	padding: 20px 0;
	border-bottom: 1px solid #eaeaea;
}

span.line-through {
	text-decoration: line-through;
}

.buy-comlete-kit {
	margin-top: 50px;
}

.buy-comlete-kit p, 
.buy-comlete-kit span {
	font-size: 20px;
}

.buy-c {
	padding: 20px 0;
}

.buy-c-1 {
	border-right: 1px dashed #ccc;
}

.btn-m-kit1 {
	text-transform: uppercase;
	margin-top: 50px;
}

.btn-m-kit1:hover {
	background: #176bb8;
	transition: .3s;
}

/* award */

.award-4 {
	font-size: 32px;
}

.award-sec-2 .inner {
	border: 1px solid #eaeaea;
	padding: 30px;
	border-radius: 3px;
	background: #fff;
}

.award-4 .fa {
	color: #ef3d32;
}

.award-para {
	margin-top: 50px;
	margin-bottom: 50px;
}

.award-para p {
	font-size: 26px;
	line-height: 1.5em;
}

#award img {
	margin-bottom: 50px;
}

.btn-awards:hover {
	background: #176bb8;
	display: inline-block;
}

/* money-back */

#money-back {
	background: #f6f6f6;
}

.on-title {
	font-size: 32px;
	margin-bottom: 30px;
	display: block;
}

.moneyback-box {
    background: #fff;
    padding: 50px;
    border-radius: 3px;
    box-shadow: 0 10px 25px rgba(0,0,0,.1);
}

.moneyback-box .inner {
	padding: 50px;
	border: 1px solid #ef3d32;
	border-radius: 3px;
}

.moneyback-box h3 {
	margin-top: 0;
	color: #ef3f32;
}

.moneyback-box p {
	margin-bottom: 0;
	font-size: 22px;
	line-height: 1.5em;
}

.moneyback-review {
	margin-top: 40px;
	font-size: 22px;
}

.buy-sm-kit1 {
	display: block;
}

.btn-big-sm {
	line-height: 60px;
	padding: 0 50px;
	font-size: 22px;
	margin-top: 50px;
}

.btn-big-sm:hover {
	background: #176bb8;
}

.lang-kit {
	margin-top: 100px;
}

ul.intended {
	padding-left: 30px;
}

/* other kit */

.ok-inner {
	background: #fff;
	border: 1px solid #eaeaea;
	border-radius: 3px;
	padding: 10px;
	box-shadow: 0 10px 20px rgba(0,0,0,.05);
	transition: .3s;
}

.ok-inner:hover {
	border: 1px solid #ef3d32;
	transition: .3s;
}

.btn-ok {
	border-radius: 50px;
	font-size: 16px;
	line-height: 40px;
	background: #176bb8;
	transition: .3s;
	margin-top: 20px;
	margin-bottom: 20px;
}

.btn-ok:hover {
	background: #ef3d32;
	transition: .3s;
}

#footer {
	background: #202020;
	padding: 80px 0;
}

.footer-title {
	color: #fff;
	font-size: 20px;
	font-weight: 300;
}

ul.footer-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.footer-list li {
	list-style-type: none;
	line-height: 1.5em;
}

ul.footer-list li a {
	color: #737b7d;
	text-decoration: none;
}

ul.list-social li {
	display: block;
	width: 50%;
	float: left;
}

#footer .form input[type="text"],
#footer .form input[type="email"] {
	border: none;
	background: #fff;
	border-radius: 3px;
	box-sizing: border-box;
	padding: 0 10px;
	line-height: 30px;
}

#footer .form input[type="submit"],
#footer .form button[type="submit"] {
	background: #313131;
	color: #fff;
	box-sizing: border-box;
	border: none;
	border-radius: 3px;
	padding: 6px 10px;
}

.footer-icons {
	margin-top: 20px;
	color: #313131;
}

.accx-p {
	font-size: 18px;
	font-weight: 400;
	color: #fff;
}

#digital-kits {
	background: #f6f6f6;
}

.btn-digital-kits {
	font-size: 22px;
}

.btn-digital-kits:hover {
	background: #176bb8;
	transition: .3s;
}

.award-para p {
	margin-bottom: 0;
}

@media (max-width: 1024px) {

	.kit1 {
		text-align: center;
	}

	#what-is {
		text-align: center;
	}

	#why-table .thead {
		padding-top: 20px;
	}

	#why-table .thead h5 {
		margin-top: 0;
		margin-bottom: 20px;
	}

	#why-table .tr .tm-md-2 {
		text-align: center;
	}

}

@media (max-width: 768px) {

	#trusted-fun .tm-sm-6 {
		margin-bottom: 50px;
	}

	.how-boxes .tm-md-3 {
		margin-bottom: 50px;
	}

	.buy-c-1 {
		border-right: none;
	}

	#header {
		height: auto;
		padding: 20px 0;
	}

	#header .header-inner {
		height: auto;
	}

	.call-to, 
	.logo-wrap {
		display: block;
		width: 100%;
		text-align: center; float: none;
	}

}

@media (max-width: 500px) {

	.btn {
		padding: 0 20px;
	}

	.award-sec-2 {
		text-align: center;
	}

	.award-sec-2 .inner {
		padding: 15px;
	}

	.moneyback-box {
		padding: 0;
	}

	.moneyback-box .inner {
		padding: 15px;
	}
/*
	.topbanner-inner {
	    height: auto;
	    padding: 50px 0;
	    display: block;
	}
*/
    .topbanner-inner {
        display: block;
    }
	.acc-title {
		line-height: 50px;
	}

	.acc-title span {
		width: 50px;
	}

	.content-mathkit-1 {
		padding: 50px 15px;
	}

	#trusted-fun .rating-box {
		padding: 30px;
	}

	#trusted-fun .rating-box.rating-1:before {
		font-size: 30px;
		left: 10px;
		top: 10px;
	}

	#trusted-fun .rating-box.rating-2:before {
	    font-size: 30px;
	    position: absolute;
	    right: 10px;
	    top: 10px;
	    color: #ef3f32;
	    opacity: 1;
	}

}