@import url('https://fonts.googleapis.com/css?family=Raleway:400,600,800&display=swap');
@-ms-viewport {
	width: device-width;
}

/** Animations **/
.transition-ease{
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

/** **/

*{
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	list-style: none;
	outline: 0;
	border-style: none;
	/*color: #333;*/
	/*font-weight: normal;*/
	font-family: 'Raleway', sans-serif;
	/*font-size: 16px;*/
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-kerning: none;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	transition: opacity .1s ease-in-out;
	-moz-transition: opacity .1s ease-in-out;
	-webkit-transition: opacity .1s ease-in-out;
	font-feature-settings: 'pnum' on, 'lnum' on;
	/*scrollbar-width: thin;*/
	scrollbar-color: rgba(0,0,0,0.25) transparent;
}
::-webkit-scrollbar{
	width: 12px;
	background-color: transparent;
}
::-webkit-scrollbar-thumb{
	background-color: #DDD;
}
::placeholder {
	color: #bbb;
	opacity: 1;
}
:-ms-input-placeholder {
	color: #bbb;
}
html {
	-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
	text-size-adjust: 100%;
}
b{
	font-weight: 600;
}
.grecaptcha-badge{
	z-index: 9999;
}
.left{
	float: left;
}
.right{
	float: right;
}
.showOnPhone{
	display: none;
}
.avatar{
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
}
.tutorial-content p{
	display: block;
	margin-bottom: 10px;
	font-size: 16px;
	color: #111;
	line-height: 26px;
	margin-bottom: 10px;
}

.tutorial-content *{
	overflow-wrap: break-word;
	word-wrap: break-word;
	color: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	text-decoration: inherit;
}
.tutorial-content em{
	font-style: italic;
}
.tutorial-content strong{
	font-weight: bold
}
.tutorial-content a{
	color: #715CF5;
	text-decoration: underline;
}
.tutorial-content blockquote{
	padding-left: 20px;
	margin: 15px 0px;
	margin-left: 15px;
	border-left: 2px solid #eee;
}
.tutorial-content h6{
	float: left;
	font-size: 15px;
	font-weight: 600;
	color: #777;
	margin-bottom: 15px;
}
.tutorial-content ol, .tutorial-content ul{
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
}
.tutorial-content li{
	padding-right: 30px;
	line-height: 28px;
}

.tutorial-content ul, .tutorial-content ol {
	margin-left: 20px;
	margin-bottom: 10px;
}

.tutorial-content ul li, .tutorial-content ol li{
	margin-left: 20px;
	font-size: 16px;
	color: #111;
}

.tutorial-content ul li {
	list-style: disc;
}


button{
	background-color: transparent;
}
textarea{
	float: left;
	background-color: white;
	border-bottom: 1px solid #eaeaea;
	width: 100%;
	font-size: 15px;
	resize: vertical;
	min-height: 50px;
}
.radiobutton, .checkbox{
	float: left;
	width: 100%;
	margin-bottom: 15px;
}
.field .radiobutton label, .field .checkbox label, .field .radiobutton input, .field .checkbox input{
	width: auto;
	clear: right;
	margin-left: 10px;
}
.field .checkbox input{
	appearance: checkbox;
	-webkit-appearance: checkbox;
}
.field .radiobutton label{
	color: #333;
	margin: -1px 0px 0px 10px;
	clear: none;
}
.field .checkbox label{
	width: calc(100% - 60px);
}
.basic-select{
	float: left;
	position: relative;
}
.basic-select .selected{
	float: left;
	min-width: 70px;
	color: #222;
	opacity: 0.5;
	font-size: 15px;
	background-image: url(../imgs/arrow-dropdown.svg);
	background-position: right center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.basic-select > label{
	float: left;
	font-size: 14px;
	color: #bbb;
	margin-left: 10px;
}
.cta-btn{
	float: left;
	border-radius: 4px;
	text-align: center;
	text-transform: uppercase;
	padding: 12px;
	font-size: 14px;
	font-weight: 800;
	cursor: pointer;
	min-width: 100px;
}
.cta-btn:active{
	transform: scale(0.98);
}
.cta-btn-orange-border{
	border: 1px solid #F3C212;
	color: #F3C212;
	padding-right: 30px;
	background-image: url(../imgs/arrow-next-gold.svg);
	background-repeat: no-repeat;
	background-position: right 15px center;
}
.cta-purple{
	background-color: #715CF5;
	color: white;
	font-weight: 600;
	text-transform: none;
}
.cta-green{
	background-color: #33AB30;
	color: white;
	font-weight: 600;
	text-transform: none;
}
.cta-orange{
	background-color: #F3C212;
	color: white;
	font-weight: 600;
	text-transform: uppercase;
}
.header-container{
	width: 100%;
	/*max-width: 1200px;*/
	padding: 0px 50px;
	margin: auto;
}
.checkbox-container {
	float: left;
	display: block;
	position: relative;
	padding-left: 24px;
	margin: 8px 12px 5px 0px;
	padding-top: 1px;
	cursor: pointer;
	font-size: 14px;
	color: #999;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.checkbox-container input{
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
.checkmark{
	position: absolute;
	top: 0;
	left: 0;
	height: 16px;
	width: 16px;
	background-color: white;
	border-radius: 3px;
	border: 1px solid #aaa;

}
.checkmark:after{
	content: "";
	position: absolute;
	display: none;
}
.checkbox-container input:checked ~ .checkmark:after {
	display: block;
}
.checkbox-container .checkmark:after {
	background-image: url(../imgs/check.svg);
	width: 10px;
	height: 8px;
	left: 2px;
	top: 3px;
}

.multiselect{
	float: left;
	text-align: left;
	position: relative;
	min-width: 120px;
	cursor: pointer;
}
.multiselect__select {
	position: absolute;
	width: 40px;
	height: 37px;
	right: 0px;
	top: 0px;
	padding: 4px 8px;
	text-align: center;
	transition: transform .2s ease;
}
.multiselect__select:before {
	position: relative;
	right: 0;
	top: 65%;
	color: #bbb;
	margin-top: 4px;
	border-style: solid;
	border-width: 5px 5px 0;
	border-color: #bbb transparent transparent;
	content: "";
}
.multiselect__tags{
	min-height: 40px;
	display: block;
	padding: 6px 25px 4px 15px;
	border-radius: 25px;
	border:1px solid #F1F1F1;
	background: #fff;
	font-size: 14px;
}
.multiselect__spinner {
	position: absolute;
	right: 1px;
	top: 1px;
	width: 48px;
	height: 35px;
	background: #fff;
	display: block;
}
.multiselect__input, .multiselect__single {
	position: relative;
	display: inline-block;
	min-height: 20px;
	line-height: 20px;
	border: none;
	border-radius: 5px;
	background: #fff;
	padding: 0 0 0 5px;
	width: 100%;
	transition: border .1s ease;
	box-sizing: border-box;
	margin-bottom: 8px;
	vertical-align: top;
}
.multiselect__placeholder {
	color: #bbb;
	display: inline-block;
	padding-top: 5px;
	font-size: 14px;
}
.multiselect__content-wrapper {
	position: absolute;
	display: block;
	background: #fff;
	min-width: 150px;
	max-height: 240px;
	overflow: auto;
	border: 1px solid #e8e8e8;
	border-top: none;
	border-radius: 6px;
	z-index: 3;
	-webkit-overflow-scrolling: touch;
}
.multiselect__content {
	list-style: none;
	display: inline-block;
	padding: 0;
	margin: 0;
	min-width: 100%;
	vertical-align: top;
}
.multiselect__element .multiselect__option{
	float: left;
	width: 100%;
	padding: 10px;
}
.multiselect__element .multiselect__option span{
	font-size: 14px;
}
.multiselect__element .multiselect__option:hover, .multiselect__option--selected{
	background-color: #f4f4f4;
}
.multiselect__option--selected:hover{
	opacity: 0.7;
}
.multiselect__tag {
	position: relative;
	display: inline-block;
	padding: 5px 22px 5px 10px;
	border-radius: 25px;
	margin-right: 10px;
	line-height: 1;
	background: #f4f4f4;
	margin-bottom: 2px;
	margin-top: 2px;
	white-space: nowrap;
	overflow: hidden;
	max-width: 100%;
	text-overflow: ellipsis;
}
.multiselect__tag span{
	font-size: 13px;
	color: #777;
}
.multiselect__tag-icon{
	cursor: pointer;
	position: absolute;
	right: 2px;
	top: 2px;
	font-weight: 800;
	font-style: normal;
	width: 20px;
	text-align: center;
	line-height: 22px;
	transition: all .2s ease;
	border-radius: 5px;
}
.multiselect__tag-iconLhover{
	opacity: 0.6;
}
.multiselect__tag-icon:after{
	content: "\D7";
	color: #aaa;
	font-size: 14px;
}
.select-level ul, .level ul{
	float: left;
	width: 100%;
	max-width: 200px;
	clear: both;
}
.select-level ul li, .level ul li{
	float: left;
	width: calc(33% - 5px);
	margin-right: 5px;
	padding: 6px 0px;
	cursor: pointer;
}
.level ul li{
	cursor: inherit;
}
.select-level ul li .bar, .level ul li .bar{
	float: left;
	width: 100%;
	background-color: #F1F1F1;
	height: 6px;
}
.select-level ul li.beginner:hover .bar, .select-level ul li.beginner.active .bar, .level ul li.beginner.active .bar{
	background-color: #33AB30;
}
.select-level ul li.intermediate:hover .bar, .select-level ul li.intermediate.active .bar, .bar, .level ul li.intermediate.active .bar{
	background-color: #466CF3;
}
.select-level ul li.advanced:hover .bar, .select-level ul li.advanced.active .bar, .bar, .level ul li.advanced.active .bar{
	background-color: #F38C12;
}
.select-level ul li:first-child .bar, .level ul li:first-child .bar{
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
}
.select-level ul li:last-child .bar, .level ul li:last-child .bar{
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
}
.select-level .selected, .level .selected{
	float: left;
	margin-top: 5px;
	font-size: 13px;
	color: #aaa;
	clear: left;
}
body{
	background-color: white;
	overflow-x: hidden;
}
h2{
	font-size: 40px;
	font-weight: 800;
}
h3, .h3{
	font-size: 34px;
	font-weight: 700;
}
h4, .h4{
	font-size: 32px;
	font-weight: 600;
	margin-bottom: 20px;
}
h5, .h5{
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 15px;
}

ol li {
	list-style: decimal;
}

/*ol{*/
/*	float: left;*/
/*	width: 100%;*/
/*}*/
/*ol li{*/
/*	margin-top: 5px;*/
/*	float: left;*/
/*	width: 100%;*/
/*	list-style: decimal;*/
/*	margin-left: 16px;*/
/*	margin-bottom: 10px;*/
/*}*/
.section{
	float: left;
	width: 100%;
	position: relative;
}
.white-padded .content{
	float: left;
	width: 100%;
	padding: 50px;
	margin: 30px 0px;
	border-radius: 6px;
	background-color: white;
}
.section-content{
	float: left;
	width: 100%;
}
.container{
	width: 100%;
	max-width: 1200px;
	padding: 16px;
	margin: auto;
}
header{
	position: relative;
	z-index: 3;
	padding-top: 30px;
}
header .logo, .table .logo{
	float: left;
	background-image: url(../imgs/logo.png);
	background-repeat: no-repeat;
	background-size: 148px 51px;
	border: 0;
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
	background-color: transparent;
	width: 148px;
	height: 51px;
}
header nav{
	float: right;
	margin-top: 10px;
}
header nav .listed-nav{
	float: left;
}
header nav button{
	float: left;
	margin-left: 2px;
	padding: 9px 14px;
	cursor: pointer;
	border-radius: 4px;
}
header nav button:hover{
	opacity: 0.85;
}
header nav button img{
	float: left;
	margin-top: 1px;
}
header nav button span{
	float: left;
	margin-left: 12px;
	font-size: 16px;
	color: #777;
}
header .burgermenu{
	float: right;
	cursor: pointer;
	height: 32px;
	opacity: 0.6;
	cursor: pointer;
	margin: 14px 0px 0px 16px;
	display: none;
}
header .close-burgermenu{
	float: left;
	clear: both;
	opacity: 0.5;
	width: 40px;
	padding: 12px;
	margin-left: 4px;
	margin-bottom: 10px;
	cursor: pointer;
	display: none;
}
.static-header{
	box-shadow: none;
}
.intro{
	padding: 70px 0px 100px 0px;
	background-color: white !important;
}
.intro .content{
	float: left;
	width: 100%;
	max-width: 700px;
	position: relative;
	z-index: 2;
}
.intro .content h1{
	float: left;
	width: 100%;
	font-size: 60px;
	color: #222;
	font-weight: 800;
	line-height: 70px;
}
.intro .content .cta-btn{
	margin-top: 30px;
	font-size: 20px;
	background-image: url(../imgs/arrow-next-white.svg);
	background-repeat: no-repeat;
	background-position: right 40px center;
	padding: 22px 40px;
	padding-right: 60px;
	font-weight: 800;
}
.intro .content  .read-testimonials{
	float: left;
	clear: both;
	margin-top: 40px;
	color: #999;
}
.intro .content  .read-testimonials:hover{
	text-decoration: underline;
}
.intro .video-placeholder{
	position: absolute;
	right: 0;
	bottom: 0;
	max-width: 850px;
	width: 100%;
	z-index: 1;
	height: 100%;
}
.intro .video-placeholder .placeholder-img{
	width: 100%;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
}
.intro .video-placeholder .play{
	position: absolute;
	right: 35%;
	bottom: 40%;
	z-index: 2;
	cursor: pointer;
	opacity: 0.7;
}
.intro .video-placeholder .play:hover{
	opacity: 0.85;
}

.membership-includes{
	background-color: #181818;
	padding-top: 90px;
}
.membership-includes *{
	color: white;
}
.membership-includes .container{
	padding-bottom: 0px;
}
.membership-includes h2{
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 50px;
}
.membership-includes .features{
	/*width: 100%;*/
	width: 950px;
	margin:auto;
}
.membership-includes .features li{
	float: left;
	width: 50%;
	margin: 22px 0px;
	font-size: 20px;
	font-weight: 600;
	background-image: url(../imgs/check-white.svg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 40px;
}
.membership-includes .features li:nth-child(even){
	/*float: right;*/
}
.membership-includes .much-more{
	float: left;
	width: 100%;
	margin-top: 50px;
	text-align: center;
	font-weight: 600;
	font-size: 20px;
	clear: both;
}
.membership-includes .cta-btn{
	float: left;
	clear: both;
	text-align: center;
	margin-top: 50px;
	margin-left: calc(50% - 175px);
	height: 70px;
	font-size: 19px;
	font-weight: 800;
	width: 350px;
}
.membership-includes .app-screenshot{
	width: 860px;
	margin: 60px auto -4px auto;
	text-align: center;
	margin-left: calc(50% - 430px);
}

.section.testimonials{
	margin: 60px 0px;
}
.section.testimonials h2{
	float: left;
	width: 100%;
	clear: both;
	margin-top: 25px;
}
.section.testimonials .golden-line{
	float: left;
	width: 100%;
	max-width: 500px;
	height: 6px;
	background-color: #F3C212;
	margin-top: 40px;
	margin-bottom: 10px;
}
.section.testimonials .testimonial-text{
	float: left;
	width: 100%;
	margin: 30px 0px 0px 0px;
	font-size: 18px;
	min-height: 300px;
	line-height: 28px;
}
.section.testimonials .authors{
	float: left;
	width: 100%;
	margin-top: 20px;
	height: 160px;
	position: relative;
	overflow-x: hidden;
	overflow-y: visible;
}
.section.testimonials .authors .prev-arrow, .section.testimonials .authors .next-arrow{
	float: left;
	cursor: pointer;
	width: 50px;
	padding: 14px;
	margin-top: 45px;
	position: relative;
	background-color: #fafafa;
	border-radius: 50%;
	z-index: 2;
}
.section.testimonials .authors .next-arrow{
	float: right;
}
.section.testimonials .authors .author{
	float: left;
	width: auto;
	margin: auto;
	padding: 30px;
	cursor: pointer;
	border-radius: 8px;
	transition: all 0.2s linear;
	/*display: none;*/
	width: 240px;
}
.section.testimonials .authors .author:hover, .section.testimonials .authors .author.active{
	background-color: #f1f1f1;
}
.section.testimonials .authors .author.active{
	display: block;
	margin: auto;
	background-color: #f1f1f1;
	/*float: none;*/
	/*max-width: 350px;*/
}
.section.testimonials .authors ul{
	float: left;
	position: absolute;
	left: 100px;
	top: 0;
	width: 99999px;
	/*max-width: calc(100% - 2*30px);*/
	height: 120px;
	overflow: hidden;
	padding: 0px 40px;
	transition: all 0.2s linear;
}
.section.testimonials .authors .author .avatar{
	float: left;
	width: 60px;
	height: 60px;
}
.section.testimonials .authors .author .text{
	float: left;
	width: calc(100% - 60px);
	padding-left: 15px;
	padding-top: 10px;
}
.section.testimonials .authors .author .text .name{
	float: left;
	clear: both;
	font-weight: 700;
	margin-bottom: 3px;
}
.section.testimonials .authors .author .text .country{
	float: left;
	clear: both;
	font-size: 15px;
	color: #777;
}

.latest-added{
	margin: 60px 0px;
}
.tutorials-thumbs{
	float: left;
	width: 100%;
	margin-top: 30px;
}
.tutorials-thumbs .showmore-tutorials{
	display: none;
}
.landingpage-section.latest-added .tutorials-thumbs .tutorial-thumb{
	float: left;
	width: 100%;
	/*width: calc(100%/3 - 16px);*/
	min-height: 480px;
	margin-right: 16px;
	margin-bottom: 16px;
	overflow: hidden;
	background-color: white;
	padding: 15px;
	border-radius: 8px;
	box-shadow: 0px 2px 8px rgba(0,0,0,0.02);
	cursor: pointer;
	transition: box-shadow 0.15s linear;
	border:1px solid #eee;
}
.latest-added .tutorial-thumb .thumb{
	float: left;
	width: 100%;
	height: 200px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 4px;
}
.tutorial-thumb .left{
	width: 100%;
}
.tutorial h4{
	float: left;
	width: 100%;
	font-size: 21px;
	line-height: 29px;
	font-weight: 600;
	margin-top: 10px;
	/*max-height: 86px;*/
}
.tutorial .date {
	float: left;
	width: 100%;
	font-size: 12px;
	margin-top: 15px;
	color: #D6D6D6;
}
.tutorials-thumbs .tutorial-thumb:nth-child(3n){
	margin-right: 0px;
}
.tutorials-thumbs.river .tutorial-thumb{
	width: 100% !important;
	margin-right: 0px !important;
}
.tutorials-thumbs .tutorial-thumb .river-view h4, .tutorials-thumbs .tutorial-thumb .river-view .excerpt{
	display: none;
}
.tutorials-thumbs .tutorial-thumb .excerpt{
	float: left;
	width: 100%;
	font-size: 15px;
	line-height: 28px;
	color: #666;
}

.tutorials-thumbs .tutorial-thumb .excerpt * {
	/*color: #666;*/
}

.tutorials-thumbs.river .tutorial-thumb h4, .tutorials-thumbs.river .tutorial-thumb .excerpt{
	display: block;
}
.tutorials-thumbs.river .tutorial-thumb .left{
	float: left;
	width: 270px;
}
.tutorials-thumbs.river .tutorial-thumb .left > h4{
	display: none;
}
.tutorials-thumbs.river .tutorial-thumb .date{
	margin-bottom: 10px;
}
.tutorials-thumbs.river .tutorial-thumb .river-view{
	float: left;
	width: calc(100% - 270px);
	padding-left: 20px;
}
.tutorials-thumbs .tutorial-thumb:hover{
	box-shadow: 0px 2px 12px rgba(0,0,0,0.07);
}
.tutorial-thumb img.thumb{
	float: left;
	width: 100%;
	border-radius: 4px;
}
.tutorial-thumb .level{
	float: left;
	width: 100%;
	margin-top: 20px;
	max-width: 150px;
	clear: both;
}
.tutorial-thumb .cta-btn{
	margin-top: 20px;
	clear: both;
}
.tutorial-thumb .status{
	float: left;
	width: 100%;
	min-height: 25px;
}

.about-illinca{
	margin: 30px 0px;
	min-height: 500px;
}
.about-illinca img{
	position: absolute;
	left: 0;
	width: 35%;
	/*max-width: 450px;*/
}
.about-illinca .text{
	float: left;
	padding-top: 30px;
	padding-left: 40%;
}
.about-illinca-home .text p{
	float: left;
	width: 100%;
	margin-top: 20px;
	font-size: 18px;
	line-height: 32px;
}
.about-illinca .cta-btn{
	height: 50px;
	width: 180px;
	margin-top: 40px;
	font-size: 16px;
}
.section.comparison{
	margin: 80px 0px 40px 0px;
}
.comparison .table{
	float: left;
	width: 100%;
}
.table .logo{
	float: none;
	margin: auto;
}
.comparison .table .col{
	float: left;
	height: 64px;
	text-align: center;
	padding: 16px 20px;
	margin-right: 10px;
	border: 1px solid #eee;
	border-top: 0px;
	text-transform: uppercase;
}
.comparison .table .col:last-child{
	margin-right: 0px;
}
.comparison .table-header .col{
	border: 0px;
}
.comparison .table .col5{
	width: calc(50% - 10px);
	text-align: center;
	position: relative;
}
.comparison .table .col5 i{
	width: 100%;
	font-style: normal;
	font-size: 13px;
	margin-top: 3px;
	float: left;
}
.comparison .table .andor{
	position: absolute;
	top: 54px;
	font-size: 15px;
	left: calc(50% - 30px);
}
.comparison .table .col2{
	width: calc(25% - 10px);
}
.comparison .table .col2 span{
	font-size: 19px;
	font-weight: bold;
}
.comparison .table-header{
	float: left;
	width: 100%;
	margin-bottom: 20px;
	background-color: #eee;
	padding-bottom: 20px;
}
.comparison .table-row{
	float: left;
	width: 100%;
	position: relative;
	/*padding: 20px;*/
}
.comparison .table-row:last-child .col{
	border: 0px;
}
.comparison .table-row:nth-child(odd) .col{
	background-color: #F2F2F2;
}

.pricing{
	margin: 50px 0px;
}
.pricing h2{
	float: left;
	width: 100%;
	text-align: center;
}
.pricing .pricing-boxes{
	float: left;
	width: 100%;
	position: relative;
	margin-top: 90px;
	background-color: #222;
	min-height: 680px;
}

.ribbon {
	width: 150px;
	height: 150px;
	overflow: hidden;
	position: absolute;
}
.ribbon::before,
.ribbon::after {
	position: absolute;
	z-index: -1;
	content: '';
	display: block;
	border: 5px solid #F3C212;
}
.ribbon span {
	position: absolute;
	display: block;
	width: 225px;
	padding: 15px 0;
	background-color: #F3C212;
	box-shadow: 0 5px 10px rgba(0,0,0,.1);
	color: #fff !important;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
}
.ribbon-top-right {
	top: -10px;
	right: -10px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
	border-top-color: transparent;
	border-right-color: transparent;
}
.ribbon-top-right::before {
	top: 0;
	left: 0;
}
.ribbon-top-right::after {
	bottom: 0;
	right: 0;
}
.ribbon-top-right span {
	left: -25px;
	top: 30px;
	transform: rotate(45deg);
}
.pricing-box h5{
	float: left;
	text-transform: uppercase;
	font-size: 20px;
	clear: both;
}
.pricing-box h3{
	float: left;
	text-transform: uppercase;
	font-size: 44px;
	font-weight: 800;
	margin-bottom: 15px;
	clear: both;
}
.pricing-box h4{
	float: left;
	clear: both;
	font-size: 32px;
	margin-bottom: 5px;
}
.pricing-box span{
	float: left;
	clear: both;
	font-size: 20px;
	color: #777;
}
.pricing-box .cta-btn{
	float: left;
	width: 100%;
	font-size: 20px;
	margin-top: 40px;
	height: 60px;
	font-weight: 700;
	margin-bottom: 40px;
}
.pricing-box h6{
	float: left;
	width: 100%;
	text-align: center;
	font-weight: 600;
	font-size: 19px;
}
.pricing-box .features{
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 20px;
}
.pricing-box .features li{
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 6px;
	font-size: 15px;
}

.pricing-box{
	position: absolute;
	margin: 0 auto;
	left: -470px;
	right: 0;
	top: -30px;
	background-color: white;
	padding: 60px 40px;
	border: 3px solid #F3C212;
	box-shadow: 0px 10px 20px rgba(0,0,0,0.3);
	max-width: 440px;
	z-index: 3;
}

.pricing-box.monthly-pricing{
	left: 360px;
	z-index: 2;
	max-width: 390px;
	border: 0;
	top: 20px;
	padding: 35px;
}

.pricing-box.free-trial{
	left: -830px;
	z-index: 2;
	max-width: 390px;
	border: 0;
	top: 20px;
	padding: 35px;
}

@media only screen and (max-width: 1270px){
	.pricing-landing .pricing-box, .pricing-box.free-trial,  .pricing-landing.pricing-box.monthly-pricing {
		width: 380px !important;
	}

	.pricing-landing .pricing-box.free-trial {
		left: -750px;
	}

	.pricing-landing .pricing-box.monthly-pricing {
		left: 750px;
	}
}

@media only screen and (max-width: 1158px){
	.pricing-box{
		left: 0 !important;
		width: 410px;
		top: 30px;
		position: relative;
		margin-bottom: 40px;
	}
	.pricing-box.free-trial  {
		margin-bottom: 50px;
	}

	.pricing-boxes {
		width: 400px;
		float: none;

	}
	.pricing-boxes * {
		float: none !important;
	}

	.pricing-box.monthly-pricing {
		top: 0;
	}

	.pricing-boxes .logos {
		position: static !important;
		margin-top: 20px;
	}

}

.pricing-box.free-trial .cta-btn{
	background-color: #aaaaaa;
	height: 55px;
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 20px;
	margin-top: 30px;
}

.pricing-box.monthly-pricing .cta-btn{
	background-color: #0066ff;
	height: 55px;
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 20px;
	margin-top: 30px;
}
.pricing-boxes .logos{
	position: absolute;
	bottom: 40px;
	width: 100%;
	display: table;
	text-align: center;
}
.pricing-boxes .logos li{
	display: inline-block;
	vertical-align: top;
	text-align: center;
	opacity: 0.9;
}
.pricing-boxes .logos li img{
	height: 60px;
	padding: 10px;
}

.upgrade-boxes .pricing-box {
	left: -390px;
}
.upgrade-boxes .pricing-box.monthly-pricing {
	left: 440px;
}

footer{
	background-color: #222;
	margin-top: 30px;
	padding: 70px 0px 90px 0px;
	z-index: 11;
}
footer .logo{
	float: left;
	width: 141px;
}
footer .social{
	float: left;
	width: 100%;
	margin-top: 50px;
}
footer .social li{
	float: left;
	margin-right: 20px;
	opacity: 0.8;
}
footer .social li:hover{
	opacity: 1;
}
footer .quick-links{
	float: right;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 30px;
}
footer .quick-links li{
	float: right;
	margin-left: 20px;
}
footer .quick-links li a{
	font-size: 14px;
	color: #aaa;
}
footer .quick-links li a:hover{
	text-decoration: underline;
}
footer .copyrights{
	float: right;
	width: 100%;
	font-size: 13px;
	color: #777;
	text-align: right;
}
footer .payment-logos{
	float: right;
	widows: 100%;
	margin-top: 40px;
}
footer .right{
	max-width: 50%;
}
.payment-logos li{
	float: left;
	margin-left: 40px;

}
.payment-logos li:hover{
	opacity:1;
}
.payment-logos img{
	float: left;
	height: 50px;
}

.internal-page .content p{
	color: #111;
	line-height: 28px;
	word-break: break-word;
}
.internal-page .content p a{
	color: #715CF5;
}

@media only screen and (max-width: 740px){
	.internal-page img[style*="left"] {
		float: none !important;
		display: block;
		margin: 0 auto;
		margin-bottom: 20px;
	}

	.internal-page img[style*="right"] {
		float: none !important;
		display: block;
		margin: 0 auto;
		margin-bottom: 20px;
	}
}

.faqs-list{
	float: left;
	width: 100%;
	margin-top: 40px;
}
.faq{
	float: left;
	width: 100%;
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 0;
	border: 1px solid #ddd;
	border-radius: 4px;
	margin-bottom: 15px;

}
.faq .faq-header{
	float: left;
	width: 100%;
	cursor: pointer;
}
.faq .faq-header h5{
	float: left;
	font-weight: normal;
	font-size: 19px;
	line-height: 26px;
	width: calc(100% - 50px);
}
.faq .faq-header .arrow{
	float: right;
	margin-top: 7px;
	-webkit-transition: -webkit-transform .1s ease-in-out;
	transition: -webkit-transform .1s ease-in-out;
	transition: transform .1s ease-in-out;
	transition: transform .1s ease-in-out,-webkit-transform .1s ease-in-out;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.faq.faq-open .faq-header .arrow{
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
.faq .faq-content{
	float: left;
	width: 100%;
	height: 0px;
	overflow: hidden;
}
.faq.faq-open .faq-content{
	height: auto;
	margin-top: 0px;
}
.testimonials-list{
	float: left;
	width: 100%;
	margin: 30px 0px;
}
.testimonial-item{
	float: left;
	width: 100%;
	margin-bottom: 70px;
}
.testimonial-item:last-child{
	margin-bottom: 0px;
}
.testimonial-item .avatar{
	float: left;
	width: 60px;
	height: 60px;
	margin-top: 15px;
}
.testimonials-page .testimonial-item .avatar{
	width: 240px;
	height: 240px;
}
.testimonial-item .testimonial-content{
	float: right;
	width: calc(100% - 60px);
	padding-left: 25px;
}
.testimonials-page .testimonial-item .testimonial-content{
	width: calc(100% - 240px);
}
.testimonial-content h5{
	float: left;
	padding-top: 30px;
	border-top: 2px solid #F3C212;
	clear: both;
	font-weight: 700;
	font-size: 19px;
}
.testimonial-text{
	float: left;
	width: 100%;
	max-height: 190px;
	overflow: hidden;
}
.testimonial-content p{
	float: left;
	width: 100%;
	margin-bottom: 12px;
	font-size: 18px;
	line-height: 28px;
}
.testimonials .expanded .testimonial-text{
	max-height: none;
	overflow: visible;
}
.testimonial-content .viewmore{
	float: left;
	color: #BF9809;
	font-weight: 600;
	cursor: pointer;
	margin-top: 10px;
	position: relative;
}
.testimonials .expanded .viewmore{
	visibility: hidden;
}
.testimonials .expanded .viewmore:after{
	content:'View less';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	color: #BF9809;
	font-weight: 600;
	cursor: pointer;
	visibility: visible;
}
.testimonial-content .author{
	float: left;
	width: 100%;
	margin-top: 30px;
}
.testimonial-content .author b, .testimonial-content .author span{
	float: left;
	color: #666;
}

.login-page .container{
	max-width: 600px;
}
.section.login-page{
	margin-bottom: 80px;
}

.form-msg {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	max-width: 500px;
	margin-bottom: 24px;
	line-height: 24px;
	padding: 14px;
	border-radius: 4px;
	border: 1px solid;
	clear: both;
}
.form-msg.error {
	color: #b73232;
	background-color: #fff2f2;
	border-color: #f9a3a3;
}
.form-msg.success{
	border-color: #afc5b6;
	background-color: #cfe8d7;
	color: #5a8869;
}
.field{
	float: left;
	width: 100%;
	margin-bottom: 25px;
}
.field label{
	float: left;
	clear: both;
	color: #333;
	font-size: 14px;
	margin-bottom: 10px;
	position: relative;
}
.field label.required:after{
	color: red;
	color: #D17878;
	content: "*";
	font-size: 18px;
	font-weight: bold;
	top: 1px;
	right: -12px;
	position: absolute;
}
.field input, .field textarea, .field select, .field option{
	float: left;
	width: 100%;
	font-size: 15px;
	padding: 13px 20px;
	border-radius: 5px;
	border: 1px solid #ddd;
	background-color: white;
}
.field select{
	appearance: menulist-button;
	-webkit-appearance: menulist-button;
	height: 46px;
}
.field .cta-btn{
	width: 100%;
	padding: 16px 20px;
}

.checkout-page .white-padded .content{
	padding: 30px;
}
.checkout-page .left{
	width: 70%;
}
.checkout-page .right{
	width: 28%;
	float: right;
}

.payment-status{
	margin: auto;
	max-width: 600px;
	clear: both;
}
.payment-status img{
	float: left;
	width: 80px;
}
.payment-status .text{
	float: left;
	width: calc(100% - 80px);
	padding-left: 20px;
}
.payment-status h4{
	font-size: 30px;
	font-weight: 700;
	margin: 10px 0px;
}

.mission-about{
	float: left;
	width: 100%;
}
.mission-about .block{
	float: left;
	width: 48%;
	margin-right: 4%;
}
.mission-about .block:nth-child(even){
	margin-right: 0px;
}
.mission-about .block .banner{
	float: left;
	width: 100%;
	height: 220px;
	margin-bottom: 20px;
	background-size: cover;
	background-position: center;
}
.meet-our-team{
	float: left;
	width: 100%;
	margin: 110px 0px 60px 0px;
}
.meet-our-team h2{
	padding-top: 30px;
	border-top: 3px solid #F3C212;
	width: 400px;
	margin: auto;
	text-align:center;
	margin-bottom: 50px;
}
.meet-our-team .about-illinca img{
	float: left;
	position: relative;
	left: auto;
	width: 300px;
}
.meet-our-team .about-illinca .text{
	padding-left: 60px;
	width: calc(100% - 300px);
	padding-top: 0px;
}

.meet-our-team .about-illinca{
	float: left;
	width: 100%;
	min-height: auto;
	margin-bottom: 100px;
}
.meet-our-team .bio{
	float: left;
	width: 100%;
	max-height: 183px;
	overflow: hidden;
}
.meet-our-team .expanded .bio{
	max-height: none;
	overflow: visible;
}
.meet-our-team .expanded .readmore{
	visibility: hidden;
}
.meet-our-team .expanded .readmore:after{
	content:'Read less';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	color: #BF9809;
	/*font-weight: 600;*/
	cursor: pointer;
	visibility: visible;
}
.meet-our-team .about-illinca .text p{
	margin-top: 10px;
}
.members-grid{
	float: left;
	width: 100%;
	padding: 0px 70px;

}
.members-grid > li{
	float: left;
	width: 48%;
	margin-right: 4%;
	margin-bottom: 60px;
}
.members-grid > li:nth-child(even){
	margin-right: 0px;
}
.members-grid > li .avatar{
	float: left;
	width: 250px;
	height: 210px;
	border-radius: 2px;
	margin-bottom: 30px;
}
.members-grid > li h5{
	clear: both;
}
.members-grid > li p{
	margin-top: 10px;
}
.members-grid > li .readmore, .about-illinca .readmore{
	float: left;
	cursor: pointer;
	margin-top: 14px;
	position: relative;
}
.meet-our-team .get-access, .testimonials-page .get-access{
	float: left;
	clear: both;
	text-align: center;
	margin-top: 50px;
	margin-left: calc(50% - 175px);
	height: 70px;
	font-size: 19px;
	font-weight: 800;
	width: 350px;
}

.tutorials-thumbs{
	float: left;
	width: 100%;
	margin-top: 0px;
	display: grid;
	grid-column: 3;
	grid-gap: 10px;
	grid-template-columns: 1fr 1fr 1fr;
}
.landingpage-section .tutorials-thumbs{
	margin-top: 30px;
}
.landingpage-section .tutorial-thumb .status{
	display: none;
}
.landingpage-section .tutorials-thumbs .tutorial-thumb{
	min-height: 420px;
}
.landingpage-section .tutorial-thumb .level{
	margin-top: 0px;
}
.tutorials-thumbs .tutorial-thumb:nth-child(3n){
	margin-right: 0px;
}
.tutorials-thumbs.river{
	grid-template-columns: 1fr;
}
.tutorials-thumbs .tutorial-thumb{
	float: left;
	/*width: calc(100%/3 - 11px);*/
	width: 100%;
	/*min-height: 485px;*/
	/*margin-right: 16px;*/
	margin-bottom: 16px;
	overflow: hidden;
	background-color: white;
	padding: 15px;
	border-radius: 8px;
	box-shadow: 0px 2px 8px rgba(0,0,0,0.02);
	cursor: default;
	transition: box-shadow 0.15s linear;
	display: block;
}


@media only screen and (min-width: 1600px){
	.intro{
		padding-bottom: 0px;
	}
	.intro .video-placeholder{
		position: relative;
		float: right;
		width: 500px;
		right: auto;
		bottom: auto;
		height: auto;
		margin-top: -80px;
	}
	.intro .video-placeholder .placeholder-img{
		position: relative;
		float: right;
		width: 160%;
	}
	.intro .content{
		width: calc(100% - 500px);
	}
	.membership-includes .app-screenshot{
		width: 1000px;
		margin-left: calc(50% - 500px);
	}
	.about-illinca img{width: 30%;}
	.about-illinca .text{padding-left: 30%;}
}
@media only screen and (min-width: 1500px){
	.about-illinca img{
		position: relative;
		float: left;
		width: 400px;
		left: auto;
	}
	.about-illinca .text{
		padding-left: 70px;
		padding-top: 0px;
		width: calc(100% - 400px);
	}
}

@media only screen and (max-width: 1030px){
	.intro{padding: 50px 0px 0px 0px;}
	.intro .container{
		padding: 0px;
	}
	.intro .content{
		padding: 0px 20px;
		max-width: 100%;
		margin-bottom: -50px;
	}
	.intro .video-placeholder{
		margin-top: -100px;
	}
	.intro .video-placeholder, .intro .video-placeholder .placeholder-img{
		max-width: 100%;
		position: relative;
		float: left;
		right: auto;
		bottom: auto;
		height: auto;
	}
	.membership-includes .app-screenshot{
		width: 90%;
		margin-left: 5%;
	}
	.membership-includes .features{
		width: 470px;
	}
	.membership-includes .features li{
		width: auto;
		/*float: none !important;*/
		margin: 20px 0px !important;
		clear: both;
		/*text-align: center;*/
		/*background-image: none;*/
		/*padding-left: 0px;*/
	}
	.landingpage-section.latest-added  .tutorials-thumbs .tutorial-thumb{
		/*width: calc(50% - 12px);*/
	}
	.landingpage-section.latest-added .tutorials-thumbs .tutorial-thumb:nth-child(3n){
		/*margin-right: 16px;*/
	}
	.landingpage-section.latest-added .tutorials-thumbs .tutorial-thumb:nth-child(2n){
		margin-right: 0px;
	}

	.checkout-page .left, .checkout-page .right{
		width: 100%;
	}
	.checkout-page .right .content{
		margin-top: 0px;
	}
	.mission-about .block{
		width: 100%;
		margin-right: 0px;
		margin-bottom: 20px;
	}
	.members-grid > li{
		width: 100%;
		margin-right: 0px;
	}
	.meet-our-team .about-illinca .text{
		width: 100%;
		padding-left: 0px;
		margin-top: 30px;
	}
	.section.testimonials .authors .author{
		padding: 20px;
	}


	.tutorials-thumbs{
		grid-template-columns: 1fr 1fr;
	}
}

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

	h2{font-size: 32px;}
	.comparison .table .table-header span{
		display: block;
		font-size: 16px !important;
	}
	.comparison .table .logo{
		width: 65px;
	}
	.intro .content h1{font-size: 45px; line-height: 53px;}
	footer .left, footer .right, footer .quick-links{
		width: 100%;
		max-width: 100%;
		float: left;
	}
	footer .quick-links li, .payment-logos li{
		float: left;
		margin-left: 0px;
		margin-right: 20px;
		margin-top: 10px;
	}
	footer .copyrights{float: left; text-align: left;}
	footer .payment-logos{float: left;}

	header{padding-top: 0px;}
	header .logo{
		float: left;
		margin: auto;
		/*width: 70px;*/
	}
	/*header nav{
		float: right;
		width: 211px;
		text-align: center;
		margin-top: 5px;
	}
	header nav button{
		float: left;
		margin: 0px 15px 20px 0px;
		padding: 0px;
		border: 0px !important;
	}
	header nav a:nth-child(even) button{
		margin-right: 0px;
	}*/
	header .burgermenu, header .close-burgermenu{
		display: block;
	}
	header nav .listed-nav{
		position: fixed;
		top: 0px;
		right: 0px;
		background-color: white;
		padding: 30px 60px;
		height: 100vh;
		margin-right: -85%;
	}
	header nav .listed-nav button{
		clear: both;
		margin-bottom: 10px;
	}
	.intro .content .cta-btn{
		font-size: 16px;
		padding: 16px 40px;
		margin-top: 15px;
		background-image: none;
	}
	.intro{padding-top: 30px;}
	.landingpage-section.latest-added .tutorials-thumbs .tutorial-thumb{
		width: 100%;
		margin-right: 0px !important;
	}
	.landingpage-section.latest-added .tutorials-thumbs .tutorial-thumb .thumb{
		height: 200px;
	}

	.about-illinca img{
		position: relative;
		float: left;
		width: 100%;
		max-width: 400px;
	}
	.about-illinca .text p{margin-top: 20px;}
	.about-illinca .text{padding-left: 0px;}
	.about-illinca .cta-btn{width: 100%; height: 60px;}
	.checkout-page .field, .login-page .field{
		width: 100% !important;
	}
	.intro .video-placeholder{
		margin-top: -40px;
	}
	.membership-includes .app-screenshot{
		width: 100%;
		margin: 0px;
		min-width: 0px;
		/*margin-left: -40px;*/
		margin-top: 20px;
	}
	/*.section.testimonials .authors .author{
		padding: 30px 10px;
	}
	.section.testimonials .authors .author .avatar{width: 48px; height: 48px;}
	.section.testimonials .authors .author .text{padding-left: 10px;}*/
	/*.section.testimonials .authors .author{width: 33%; height: 200px;}*/
	/*.section.testimonials .authors ul{padding: 0px 10px;}*/
	.testimonial-item .avatar{width: 140px; height: 140px; clear: both;}
	.testimonial-item .testimonial-content{width: 100% !important; margin-top: 30px; padding-left: 0px;}
	.comparison .table-row .cta-orange{
		float: left !important;
		font-size: 16px!important;
		width: 100%!important;
		padding: 12px !important;
		text-align: center !important;
	}
	.comparison .table .col span{
		font-size: 16px !important;
	}
	.comparison .table-row.pricing-row .col5{
		display: none;
	}
	.comparison .table-row.pricing-row .col2{
		width: 50%;
		margin: 0px;
		margin-top: 20px;
	}
	.comparison .table-row.pricing-row .showOnPhone{
		display: block;
	}
}
@media only screen and (max-width: 620px){
	/*.section.testimonials .authors .author{width: 50%;}*/
	/*.tutorials-thumbs .tutorial-thumb{display: none;}*/
	.tutorials-thumbs .tutorial-thumb:first-child{display: block;}
	.tutorials-thumbs .showmore-tutorials{display: block;}
	.membership-includes .features{
		width: 100%;
	}
	.membership-includes .features li{
		font-size: 16px;
		background-size: 28px;
		background-position: top left;
		line-height: 28px;
		margin: 5px 0px !important;
	}
	.landingpage-section.latest-added .tutorials-thumbs .tutorial-thumb .thumb{height: 250px;}
}

@media only screen and (max-width: 605px){
	.tutorials-thumbs{
		grid-template-columns: 1fr;
	}
}
@media only screen and (max-width: 480px){
	.pricing .container{padding: 0px;}
	.pricing .pricing-boxes{
		min-height: 1320px;
	}
	.intro .content .read-testimonials{font-size: 15px;}
	.intro .content h1{font-size: 32px; line-height: 42px;}
	.pricing-box.monthly-pricing .cta-btn, .pricing-box .cta-btn{font-size: 16px;}
	.section.white-padded .content{padding: 20px;}
	.payment-status img{width: 50px; margin-top: 20px;}
	.payment-status .text{width: calc(100% - 50px);}
	.meet-our-team h2{width: 100%;}
	.intro .video-placeholder{
		margin-top: -20px;
	}
	/*.membership-includes .app-screenshot{margin-left: -90px;}*/
	.membership-includes .features li{
		float: none !important;
		padding-bottom: 20px;
		background-position: left top;
	}
	/*.section.testimonials .authors .author{width: 100%; }*/
	.comparison .table .col5{font-size: 14px !important;}
	.comparison .table-header .col{padding: 0px;}

	/*.section.testimonials .authors .author{display: none;}*/
	/*.section.testimonials .authors .author.active{display: block;}*/
	.landingpage-section.latest-added .tutorials-thumbs .tutorial-thumb .thumb{height: 210px;}
}

.sidemenu .gold-border span {
	border: 1px solid #F3C212;
	padding: 8px;
	border-radius: 4px;
	margin-top: -9px;
}