@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;700&display=swap');
body{
	padding: 0;
	margin: 0;
	overflow-x: hidden;
	font-family: 'Quicksand', sans-serif;
}
h1, h2, h3, h4, h5, h6, p, li{
	font-family: 'Quicksand', sans-serif;
}
h1{
	font-size: 2.5rem;
}
h2{
	font-size: 2rem;
	line-height: 1.7;
}
h3{
	font-size: 1.2rem;
}
ol{
	padding: 0;
	margin-left: 1.4rem;
}
p, li{
	font-size: 1.1rem;
	line-height: 1.8;
}
a{
	text-decoration:none;
	color: #89b8b8;
}
header{
	display: block;
	background: #6ea8a8;
	padding: 1rem 6rem;
}
header img{
	display: inline-block;
	width: 300px;
	height: auto;
}
.header{
	background: #fff;
}
.top_background{
	background: #89b8b8;
	text-align: center;
	padding: 4rem 5% 0;
	font-family: 'Quicksand', sans-serif;
	position: relative;
}
.top_background h1{
	color: #fff;
	font-family: inherit;
	font-size: 3rem;
}
.top_background h2{
	color: hsla(0,0%,100%,.6);
	font-family: inherit;
	line-height: 2;
	font-weight: 500;
	font-size: 1.4rem;
}
a.do_my_homework,a.login_btn{
	display: inline-block;
	color: #000;
	box-shadow: 0 24px 36px -11px rgba(0,0,0,.1);
	text-decoration: none;
	font-size: 1.4rem;
	border-radius: .1rem;
	font-weight: bold;
	margin: 1rem .8rem;
	width: 250px;
	transition: .2s;
	font-family: 'Quicksand', sans-serif;
	text-align: center;
}
a.do_my_homework{
	background: #ffdb4d;
	padding: 1rem;
}
a.do_my_homework:hover{
	background: #ffd633;
}
a.login_btn{
	background: #fff;
	padding: 1rem;
}
a.login_btn:hover{
	background: #f5f5f5;
}
.top_background i{
	font-size: 4rem;
	width: 5%;
	position: absolute;
	bottom: .5rem;
	left: 47.5%;
	padding: 0;
	color: #fff;
	transition: .4s;
	border-radius: 50%;
}
.top_background i:hover{
	bottom: 0;
}
.top_background img{
	height: 85%; width: auto; position: absolute; left: 0; bottom: -5px;
}
.reviews-wrapper{
	padding: 5rem 0;
	margin: 0 auto;
	background: #fff;
}
.reviews{
	width: 85%;
	margin: 0 auto;
	display: flex;
	box-shadow: rgba(0, 0, 0, 0.16) 0 3px 10px, rgba(0, 0, 0, 0.23) 0 3px 10px;
	padding: 0 .5rem;
}
.reviews div{
	flex: 1;
	margin: .5rem .5rem;
	padding: .5rem 1rem;
	position: relative;
}
.reviews div:not(:last-child){
	border-right: 1px solid #ccc;
}
.reviews div h3{
	margin: .7rem 0;
	font-weight: normal;
}
.reviews span{
	margin-right: .5rem;
	font-size: 1.2rem;
	color: #4b454d;
	font-weight: 10;
}
span.review_figure{
	position: absolute; right: .5rem; top: 0; font-size: 4rem;
}
.guarantees{
	padding: .1rem 4rem 6rem;
	text-align: center;
	background: #fff;
}
.guarantees h2{
	font-size: 2.4rem;
}
.guarantees-row{
	display: flex;
}
.guarantees-column{
 	flex: 1;
 	margin: 2rem 0;
}
.guarantees-column div i{
	font-size: 4rem;
}
.guarantees-column div p{
	font-size: 1rem;
}
.guarantees-column div:not(:last-child){
 	display: inline-block;
 	margin-right: 1rem;
 	vertical-align: middle;
}
.guarantees-column div:not(:first-child){
	display: inline-block;
	width: 60%;
	text-align: left;
	vertical-align: middle;
}
.slant_holder{
	width: 100%;
	position: relative;
	top: -3rem;
}
.slanted{
	position: relative;
	width: 120%;
	left: -10%;
	transform: rotate(-3deg);
}
.counter_slanted{
	position: relative;
	width: 70%;
	margin: 0 auto;
	padding: 4rem 0;
	transform: rotate(3deg);
}
.slanted_1{
	background: -webkit-linear-gradient(top,#edeff2 0,#fafafb 100%);
}
.span60{
	width: 60%;
	display: inline-block;
}
.span40absolute{
	width: 40%;
	display: inline-block;
	position: absolute;
	right: 0;
	top: 6rem;
}
.span48absolute h2{
	font-size: 2.5rem;
}
.why_us{
	margin: 3rem 0;
	display: flex;
}
.reason_holder{
	flex: 1;
	display: flex;
}
.reason_holder div{
	display: inline-block;
	text-align: left;
	flex: 1;
}
.reason_holder div:not(:last-child){
	margin-right: 1rem;
}
.reason_holder div p{
	font-size: 1rem;
}
.reason_holder div img{
	height: 100px;
	width: auto;
}
.slanted_2{
	background: -webkit-linear-gradient(0deg, #b8b889 0, #89b8b8 50%, #c4c4db 100%);
}
ul.navigation{
	list-style-type: none;
	display: inline-block;
	float: right;
	margin: .4rem 0;
}
ul.navigation li{
	display: inline-block;
	margin: 0 .3rem;
	vertical-align: middle;
}
ul.navigation li a{
	color: #fff;
	font-size: 1.2rem;
	text-decoration: none;
	font-family: 'Quicksand', sans-serif;
	padding: .5rem 1rem;
}
.header ul.navigation li a{
	color: #000;
}
.login-btn{
	border: 1px solid hsla(0,0%,100%,.2);
	border-radius: .2rem;
}
.order-wrapper{
	padding: 1rem 0;
	margin: 0 auto;
	background: #fff;
}
.relative{
	position: relative;
}
.order{
	padding: .5rem;
	width: 85%;
	margin: 2rem auto;
	border: 2px dashed rgba(62,188,185,.5);
	border-radius: 20px;
	display: flex;
	background: #fff;
}
.span39{
	width: 39%;
	margin: 3%;
	position: relative;
}
.span52{
	width: 52%;
	margin: 3%;
}
.order-here{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 90%;
	height: auto;
	transform: translate(-50%,-50%);
}
.words-counter{
	margin: 0 .5rem;
	font-weight: bold;
	font-family: 'Quicksand', sans-serif;
	font-size: .8rem;
	padding: .6rem .5rem;
	display: inline-block;
}
span.mobile_words{
	display: none;
}
.homework-steps{
	display: flex;
	box-shadow: rgba(0, 0, 0, 0.16) 0 3px 10px, rgba(0, 0, 0, 0.23) 0 3px 10px;
	width: 100%;
}
.homework-steps div{
	text-align: center;
	width: 31%;
	padding: 1.5rem 2.33%;
	font-family: 'Quicksand', sans-serif;
	font-size: .9rem;
	font-weight: bold;
	border-bottom: 2px solid transparent;
}
.active-step{
	background: #f5f5f5;
	border-bottom: 2px solid #E66760 !important;
}
.final-step{
	background: #f5f5f5;
	border-bottom: 2px solid #FFA500 !important;
}
.previous-step{
	background: #f5f5f5;
	border-bottom: 2px solid #00FF00 !important;
}
.step{
	display: inline-block;
	width: 20px;
	height: 20px;
	text-align: center;
	background: #00bcd4;
	border-radius: 50%;
	font-size: .8rem;
	line-height: 20px;
	color: #fff;
	margin: auto .3rem;
}
.homework-form{
	width: 88%;
	padding: .5rem 6% 2rem;
	display: inline-block;
	box-shadow: 0 .2rem 2rem rgba(0,0,0,.15);
	text-align: center;
}
.register-login{
	display: flex;
	margin: 1rem auto;
}
.register-login span{
	display: block;
	flex: 1;
	cursor: pointer;
	padding: .8rem .6rem;
	text-align: center;
	font-weight: bold;
	border-bottom: 3px solid #ccc;
	color: #00BFFF;
	position: relative;
}
.register-login span:after{
	content: '';
	position: absolute;
	bottom: -3px;
	left: 50%;
	height: 3px;
	background: green;
	width: 0;
	transition: .4s;
}
.register-login span:hover:after{
	width: 100%;
	left: 0;
	transition: .4s;
}
.prices-form{
	width: 88%;
	display: inline-block;
	box-shadow: 0 .2rem 2rem rgba(0,0,0,.15);
}
.total-price{
	background: #deeaf3;
	padding: 1.5rem;
	display: flex;
	border-bottom: 1px solid #ccc;
}
.total-price span{
	flex: 1;
	font-weight: bold;
	font-size: 1.4rem;
}
.total-price span:not(:first-child){
	text-align: right;
}
.price-breakdown{
	padding: 1rem 1.5rem;
	border-bottom: 1px solid #ccc;
	font-family: 'Quicksand', sans-serif;
	font-weight: bold;
}
.pages-cost{
	text-align: right;
	display: flex;
	margin: 1.5rem auto;
	font-weight: normal;
}
.pages-cost span{
	display: inline-block;
	flex: 1;
}
.pages-cost span:not(:last-child){
	text-align: center;
}
.pages-cost-discount span:not(:last-child){
	background: #e6e6e6;
	padding: .6rem;
	margin: 0;
	font-weight: bold;
}
.pages-cost span span{
	margin: 0 .5rem;
}
.pages-cost span input{
	padding: .6rem;
	margin: 0;
	flex: 1;
	border: 2px solid #e6e6e6;
}
.free-features{
	padding: .5rem 1.5rem;
	font-family: 'Quicksand', sans-serif;
}
.features-listing{
	display: flex;
}
.features-listing span{
	flex: 1;
	padding: .5rem 0;
}
.features-listing span:not(:first-child){
	text-align: right;
	color: #337ab7;
}
.features-listing span p{
	margin: 0;
	padding: 0;
}
.formats{
	width: 100%;
	padding: 0;
	margin: .5rem auto;
	display: flex;
}
.formats label, .selection label{
	flex: 1;
	display: inline-block;
	padding-top: .6rem;
	padding-bottom: .6rem;
	text-align: center;
	border: 1px solid #ccc;
	font-family: 'Quicksand', sans-serif;
	font-size: 1rem;
}
.formats label:not(:last-child), .selection label:not(:last-child){
	border-right: none;
}
.formats label:hover, .selection label:hover{
	background: #e6e6e6;
	cursor: pointer;
}
.formats input[type=radio], .selection input[type=radio]{
	display: none;
}
.formats input[type=radio]:checked + label, .selection input[type=radio]:checked + label{
  background: #e6e6e6;
}
.fileholder{
	display: block;
	text-align: left;
}
.singleFile{
	display: inline-block;
	text-align: left;
	padding: 0;
	margin-bottom: 1rem;
	margin-top: 1rem;
	margin-right: .5rem;
}
.filename_label{
	margin-left: 2.5rem;
	position: relative;
}
.filename_label:before{
	content: '';
	width: 40px;
	height: 40px;
	position: absolute;
	left: -2.5rem;
	top: 50%;
	transform: translateY(-50%);
	background-image: url('../img/document.png');
	background-size: 90%;
	background-repeat: no-repeat;
	background-position: center;
}
.files-upload{
	padding: 1rem 4.8%;
	text-align: left;
	border:dotted 1.5px #ccc;
	font-family: 'Quicksand', sans-serif;
	font-size: 1.2rem;
	background: #f3f7f7;
	text-decoration: none;
	color: #000;
	cursor: pointer;
	margin: 1rem 0;
	display: block;
	width: 90%;
}
.remove{
	font-size: 1rem;
	color: #F08080;
	border:none;
	background: transparent;
	cursor: pointer;
	margin: auto .5rem;
}
.homework-form textarea, .homework-form input{
	width: 96%;
	padding: .6rem 2%;
	border-radius: .1rem;
	border: 1px solid #ccc;
}
.homework-form textarea#who-are-you{
	display: none;
}
.homework-form input{
	margin: .5rem auto;
}
.homework-form input[type=file]{
	width: 50%;
	display: inline-block;
}
.selection{
	width: 100%;
	margin: .5rem auto;
	padding: .5rem 0;
	display: flex;
	text-align: left;
	position: relative;
}
.selection span:not(.required_text), .order-subtitle{
	width: 40%;
	padding: .6rem 0;
	font-weight: bold;
	text-align: left;
}
span.order-subtitle{
	display: block;
	padding: .6rem 0;
	vertical-align: middle;
}
.selection select{
	width: 60%;
	border: 1px solid #ccc;
	padding: .6rem 1rem;
	background: #fff;
}
.selection div{
	width: 60%;
	display: flex;
}
.selection div.for_copies{
	width: 40%;
}
.with_tooltip img{
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: auto;
	padding: .2rem;
	background: #edf4f4;
	border-radius: 50%;
	cursor: pointer;
}
span.tooltip_info{
	background: #000000;
	max-width: 100%;
	color: #fff;
	font-size: .8rem;
	line-height: 1.4;
	position: absolute;
	bottom: 90%;
	right: 0;
	border-radius: .4rem;
	padding: .8rem 1rem !important;
	display: none;
	animation-name: popgrow;
	animation-duration: .2s;
}
span.tooltip_info:after{
	content: '';
	width: 10px;
	height: 10px;
	background: #000000;
	transform: rotate(45deg);
	position: absolute;
	right: calc(1rem + 10px);
	bottom: -5px;
}
.with_tooltip img:hover + span {
	display: inline-block;
}
@keyframes popgrow {
  0% {
  	transform: scale(0);
  	
  } 
  90% {
  	transform: scale(1.05);
  	
  }
  100% {
  	transform: scale(1);
  }
}
.selection div button{
	width: 40px;
	border: 1px solid #ccc;
	text-align: center;
	display: inline-block;
	padding: .6rem 0;
	font-size: 1rem;
	font-weight: bolder;
	color: #000;
}
.selection div button:hover{
	cursor: pointer;
	background: #e6e6e6;
}
.selection input{
	border: 1px solid #ccc;
	padding: .6rem 1rem;
	width: 50px;
	display: inline-block;
	margin: 0 -1px;
	text-align: center;
}
.login_or_register span:not(.required_text){
	width: 40%;
	padding: .6rem;
}
.login_or_register > div{
	display: flex;
	align-items: center;
	margin: 2rem auto;
	padding: 0;
}
.login_or_register > div > input{
	width: 56%;
	padding: .6rem .8rem;
	margin: 0;
	box-sizing: border-box;
}
span, input, select, option, textarea{
	font-family: 'Quicksand', sans-serif;
	font-size: 1rem;
}
option{
	line-height: 1.7;
	margin: 1.5rem .5rem;
}
input[type=number]{
	-moz-appearance: textfield;
}
.proceed, .proceed2, .regress{
	display: inline-block;
	margin: 1rem auto;
	font-family: 'Quicksand', sans-serif;
	font-size: 1rem;
	cursor: pointer;
	background: #6ea8a8;
	border: none;
	color: #fff;
	font-weight: bold;
	transition: .2s;
	box-shadow: 0 24px 36px -11px rgba(0,0,0,.1);
}
.proceed{
	width: 100%;
	padding: .8rem 0;
}
.proceed2{
	width: 80%;
	padding: .8rem 0;
}
.regress{
	padding: .8rem 1.08rem;
	border-radius: 50%;
}
.proceed:hover, .proceed2:hover, .regress:hover{
	background: #89b8b8;
}
.mobile-hidden{
	display: inline-block;
}
.mobile-shown{
	display: none;
}
.homework-video{
	background: #89b8b8;
	padding: 2rem 4rem;
	display: flex;
}
.span45{
	width: 40%;
	margin: 5%;
}
.span45 h2{
	color: #fff;
	font-size: 2.3rem;
	margin: 0;
	padding: 0;
}
.span45 p{
	color: #fff;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	border-radius: 1rem;
	overflow: hidden;
	box-shadow: 0 0 20px #fff;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.why-our-homework-service{
	display: flex;
}
.reason-section{
	flex: 1;
	margin: 2rem 1rem;
}
.reason-section h2{
	font-size: 2.4rem; line-height: 2;
}
.statistics-section{
	flex: 1;
	margin: 2rem 1rem;
	position: relative;
}
.statistics-wrapper, .statistics-wrapper2{
	display: flex;
	position: absolute;
}
.statistics-wrapper{
	top: 2rem;
	right: 0;
}
.statistics-wrapper2{
	bottom: -10rem;
}
.statistics{
	flex: 1;
	margin: 1rem;
	background: #fff;
	box-shadow: 0 10px 20px rgba(0,0,0,.1), 0 2px 8px rgba(0,0,0,.1);
	border-radius: .2rem;
	padding: 0 .6rem;
	display: inline-block;
}
.stats-number{
	display: flex;
	border-bottom: 1px solid #ccc;
}
.stats-number span{
	flex: 1;
	font-size: 4rem;
	font-weight: 10;
}
.stats-number span i{
	font-size: 3rem;
	color: #b8b889;
}
.stats-number span img{
	width: 40px;
	height: auto;
}
.stats-number span:not(:first-child){
	text-align: right;
}
.stat-number, .stat-text{
	padding: .4rem .2rem;
}
.slanted_3{
	z-index: -10;
	color: #fff !important;
}
.freedom_text{
	width: 40%;
	display: inline-block;
	position: absolute;
	right: 0;
	padding: 2rem;
}
.freedom_img{
	width: 48%;
	display: inline-block;
	padding: 0 2rem;
}
.page_content{
	display: flex;
	color: #fff !important;
}
.first_child{
	padding-top: 8rem;
}
.page_content div{
	flex: 1;
}
.page_content div img{
	width: 100%;
	height: auto;
}
.page_content div:not(:last-child){
	margin-right: 6rem;
}
.excellent{
	text-align: center;
}
.excellent img{
	width: 70% !important;
}
.email-collector-main{
	width: 100%;
	background: #89B8B8;
	display: flex;
}
.email-collector{
	width: 84%;
	position: absolute;
	top: -4.4rem;
	left: 8%;
	background: #89B8B8;
	display: flex;
}
.email-collector div:not(:last-child), .email-collector-main div:not(:last-child){
	padding: .1rem 2rem;
	background: #c4dbdb;
	flex: 1;
}
.email-collector div h3, .email-collector-main div h3{
	font-size: 2rem;
	line-height: 2.4;
	font-weight: 300;
	text-align: center;
	color: #000;
}
.lead-jen{
	background: #89B8B8; 
	position: relative;
	overflow: hidden;
	padding: .1rem 1rem .1rem 6rem;
	display: inline-block;
	flex: 1;
}
.lead-jen div{
	line-height: 8;
}
.lead-jen div input{
	margin: .5rem;
	padding: .7rem;
	width: 50%;
	border-radius: .2rem;
	border: 1px solid #ccc;
}
.lead-jen div a{
	padding: .6rem;
	border: 1px solid #000;
	color: #000;
	text-decoration: none;
	font-family: 'Quicksand', sans-serif;
	white-space: nowrap;
}
.lead-jen:before{
	content: '';
    display: block;
    width: 130px;
    height: 130px;
    background: #c4dbdb;
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.1), 0 2px 8px rgba(0,0,0,.1);
    box-shadow: 0 10px 20px rgba(0,0,0,.1), 0 2px 8px rgba(0,0,0,.1);
    position: absolute;
    left: -66px;
    top: .6rem;
    -webkit-transform: rotate(52deg) skewX(15deg);
    -moz-transform: rotate(52deg) skewX(15deg);
    -ms-transform: rotate(52deg) skewX(15deg);
    -o-transform: rotate(52deg) skewX(15deg);
    transform: rotate(52deg) skewX(15deg);
}
.footer-about{
	padding: 7rem 5rem 1rem;
	display: flex;
}
.footer-id{
	flex: 1;
	padding: 2rem 7rem 2rem 2rem;
	color: rgba(255,255,255,.4) !important;
}
.footer-id img{
	display: inline-block;
}
.follow-options{
	justify-content: space-between;
	padding: 1rem 0;
}
.follow-options a{
	font-size: .8rem;
	display: inline-block;
	padding: .5rem .7rem;
	color: rgba(250,250,251,.4);
	border-radius: .1rem;
}
.follow-options a span{
	padding: .1rem .4rem;
	display: inline-block;
	margin: 0 .3rem;
	border-radius: .2rem;
}
.follow-facebook{
	background: #4267b2;
}
.follow-twitter{
	background: #1b95e0;
}
.follow-instagram{
	background: radial-gradient(150.57px at -5.42% 118.33%,#fdd97c 0,#f87e30 22.1%,#d42e76 49.72%,#9537bc 75.69%,#505fd2 100%);
}
.follow h4{
	font-size: 1rem;
	color: rgba(255,255,255,.6);
}
.like-numbers{
	background: rgba(0,0,0,.2);
	display: inline-block;
}
.fa-facebook, .fa-twitter, .fa-instagram{
	color: #fff;
	font-size: 1.2rem;
}
.payment-options{
	color: rgba(255,255,255,.4) !important;
	display: flex;
	margin-top: 2rem;
	padding: 1rem 0;
	justify-content: space-between;
}
.payment-options img{
	height: 40px; width: auto;
}
.footer-links{
	background: #2a2a30;
	color: rgba(255,255,255,.4);
	padding: 2rem 6rem 4rem;
}
.footer-links a{
	color: rgba(255,255,255,.4);
	display: inline-block;
	margin: 1rem;
	font-family: 'Quicksand', sans-serif;
	font-size: 1rem;
}
.fade{
	animation-name: fade;
	-webkit-animation-name: fade;
	-moz-animation-name: fade;
	animation-duration: .5s;
	-moz-animation-duration: .5s;
	-webkit-animation-duration: .5s;
}
@-webkit-keyframes fade {
  from {opacity: 0;} 
  to {opacity: 1;}
}
@-moz-keyframes fade {
  from {opacity: 0;} 
  to {opacity: 1;}
}
@keyframes fade {
  from {opacity: 0;} 
  to {opacity: 1;}
}
.fast-fade{
	animation-name: fast-fade;
	-webkit-animation-name: fast-fade;
	-moz-animation-name: fast-fade;
	animation-duration: .9s;
	-moz-animation-duration: .9s;
	-webkit-animation-duration: .9s;
}
@-webkit-keyframes fast-fade{
  from {opacity: 0;} 
  to {opacity: 1;}
}
@-moz-keyframes fast-fade{
  from {opacity: 0;} 
  to {opacity: 1;}
}
@keyframes fast-fade{
  from {opacity: 0;} 
  to {opacity: 1;}
}
span.mobile_menu{
	color: #fff;
	font-size: 1.5rem;
	padding: .5rem 1rem;
	vertical-align: middle;
	display: none;
	cursor: pointer;
}
/*Blog page*/
.bloglists_top{
	background: #89b8b8;
	text-align: center;
	padding: 5rem 25% .5rem;
	font-family: 'Quicksand', sans-serif;
	position: relative;
}
.bloglists_top h1{
	font-size: 3rem;
	font-weight: 700;
	color: #fff;
	margin: 0;
}
.blog_cta{
	font-size: 0;
	text-align: left;
	margin: 0 auto;
}
.blog_author{
	display: flex;
	align-items: center;
	margin: 0 0 1.4rem;
}
.blog_author div{
	display: inline-block;
	margin: 0 .5rem;
}
.blog_author div img{
	width: 55px;
	height: auto;
	border-radius: 50%;
}
.blog_author div p{
	color: hsla(0,0%,100%,.6);
	font-size: 1.4rem;
}
.subscription{
	display: flex;
	align-items: center;
}
.subscription input{
	background: transparent;
	color: hsla(0,0%,100%,.6);
	font-size: 1.2rem;
	padding: 1rem 1.4rem;
	border: 1px solid hsla(0,0%,100%,.6);
	border-radius: .4rem;
	width: 50%;
	box-sizing: border-box;
	outline: none;
}
.subscription input::placeholder{
	color: hsla(0,0%,100%,.6);
}
.subscription button{
	font-family: 'Quicksand', sans-serif;
	font-size: 1.4rem;
	font-weight: 800;
	background: #ffdb4d;
	padding: 1.2rem 2rem;
	border: none;
	outline: none;
	width: 50%;
	box-sizing: border-box;
	color: #000;
	border-radius: .4rem;
	margin-left: -.4rem;
	cursor: pointer;
	transition: .25s;
}
.subscription button:hover{
	background: #ffcb00;
}
.blog_lists{
	padding: 0 25% 8rem;
}
.list_blog{
	padding: 2rem 0 4rem;
	border-bottom: 1px solid #ddd;
}
.list_blog:first-of-type{
	padding-top: 0;
}
.list_blog h2{
	font-size: 2.6rem;
	line-height: 1.4;
	margin: 0;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 600;
}
.blog_link{
	display: inline-block;
	text-decoration: none;
	color: #000;
	transition: .25s;
}
.blog_link:hover{
	color: rgb(137, 184, 184);
}
.list_author{
	display: flex;
	align-items: center;
	margin: 2rem 0;
}
.list_author span{
	margin: 0 .5rem;
	font-size: 1.2rem;
	font-weight: 600;
	color: #c4dbdb;
}
.list_author span img{
	width: 40px;
	height: auto;
}
.list_img img{
	width: 100%;
	height: auto;
	margin: 0 0 1.5rem;
	border-radius: .6rem;
}
.list_content p{
	font-size: 1.5rem;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 300;
	margin: 0;
}
.continue_reading{
	display: flex;
	align-items: center;
	margin: 4rem 0 0;
}
.continue_reading div:first-child{
	width: 30%;
}
.continue_reading div:last-child{
	width: 70%;
}
.comments_count{
	display: flex;
	align-items: center;
}
.comments_number{
	font-size: 3rem;
	color: #c4dbdb;
	font-weight: 700;
	margin-right: .8rem;
}
.comments_txt{
	font-size: 1.2rem;
}
.list_link a{
	background: rgb(137, 184, 184);
	padding: 1rem 2rem;
	text-align: center;
	border-radius: .6rem;
	display: block;
	text-decoration: none;
	color: #fff;
	font-size: 1.3rem;
	font-weight: 700;
	transition: .25s;
}
.list_link a:hover{
	background: #c4dbdb;
}
.to_next{
	display: flex;
	margin: 4rem 0;
	justify-content: space-between;
}
.to_next div{
	display: inline-block;
}
.to_next a{
	display: inline-block;
	padding: 0;
	display: block;
	text-decoration: none;
	color: rgb(137, 184, 184);
	font-size: 1.2rem;
	font-weight: 700;
	transition: .25s;
}
.to_next a:hover{
	color: #c4dbdb;
}
/*Blog posts*/
.blog_top{
	background: #f5f6fa;
	font-size: 0;
}
.blog_titles{
	position: relative;
	height: 150px;
	background: #89b8b8;
	padding: 0 6rem;
}
.blog_header{
	width: 40%;
	position: absolute;
	left: 6rem;
	bottom: -12rem;
	box-sizing: border-box;
}
.blog_header h1{
	font-size: 2.6rem;
	line-height: 1.7;
	font-family: 'Josefin Sans', sans-serif;
}
.blog_image{
	background: #fff;
	padding: .5rem;
	border-radius: 20px;
	width: 38%;
	height: 300px;
	position: absolute;
	right: 6rem;
	bottom: -300px;
	box-sizing: border-box;
	box-shadow: 0 0 6px #ccc;
}
.blog_image img{
	height: 100%;
	width: 100%;
	background-size: cover;
	border-radius: 18px;
}
.author_box{
	display: flex;
	align-items: center;
	margin-top: .5rem;
}
.author_profile,.author_name{
	display: inline-block;
}
.author_profile{
	margin-right: .5rem;
}
.author_profile img{
	width: 40px;
	height: auto;
	border-radius: 50%;
}
.author_name{
	font-size: 1.2rem;
	font-weight: 600;
	color: hsla(0,0%,100%,.5);
}
.blog_content{
	width: 50%;
	margin: 0 auto;
	padding: 1rem 0 0;
}
.blog_content p,.blog_content li{
	font-size: 1.36rem;
}
.blog_content ul{
	padding: 0;
	list-style-position: inside;
}
.blog_content img{
	width: 100%;
	height: auto;
	margin: 1rem 0;
}
.comment_section{
	width: 50%;
	margin: 0 auto;
}
.comment_section textarea,.comment_section input{
	width: 100%;
	padding: .7rem 1.4rem;
	line-height: 1.4;
	box-sizing: border-box;
	resize: none;
	border-radius: 1.6rem;
	border: none;
	outline: none;
	background: transparent;
	box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
	font-size: 1.2rem;
}
.comment_section input:first-of-type{
	margin: 1.5rem 0;
}
.submit{
	outline: none;
	border: none;
	background: #000000;
	color: #fff;
	padding: .7rem 2rem;
	line-height: 1.4;
	text-align: center;
	font-size: 1rem;
	text-transform: uppercase;
	margin: 1.5rem 0;
	border-radius: 1.6rem;
	font-family: 'Quicksand', sans-serif;
	cursor: pointer;
}
.required_wrapper{
	position: relative;
	margin: .5rem 0 1rem;
	padding: 0;
}
.textarea_div{
	width: 100%;
	height: 150px;
	padding: .5rem;
	border: 1px solid #cccc;
	box-sizing: border-box;
	text-align: left;
	overflow-y: scroll;
}
.textarea_div p{
	margin: .5rem 0;
	padding: 0;
	line-height: 1.2;
}
input.required_field{
	margin: 0;
	width: 100%;
	box-sizing: border-box;
}
.required-credential{
	padding: 0;
	margin: 0;
	position: relative;
	width: 56%;
	box-sizing: border-box;
}
.required-credential input{
	padding: .6rem .8rem;
	box-sizing: border-box;
}
.required_text{
	white-space: nowrap;
	box-shadow: 0 0 4px #808080;
	border: 1px solid #ccc;
	border-radius: .2rem;
	padding: .5rem!important;
	position: absolute;
	left: 50%;
	top: calc(100% + 4px);
	transform: translateX(-50%);
	background: #fff;
	font-weight: 500;
	z-index: 10;
	animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
	display: none;
}
@keyframes shake {
  10%, 90% {
    transform: translate(-50%, -50%) translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate(-50%, -50%) translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate(-50%, -50%) translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate(-50%, -50%) translate3d(4px, 0, 0);
  }
}
.required_text i{
	background: #ffa500;
	color: #fff;
	padding: .2rem .4rem;
	border-radius: .2rem;
	margin-right: .5rem;
}
.required_text:before{
	content: '';
	background: #fff;
	width: 10px;
	height: 10px;
	border-radius: 1px solid #ccc;
	box-shadow: 1px 1px 1px #ccc;
	position: absolute;
	top: -4px;
	left: 25%;
	transform: translateX(-50%) rotate(-135deg);
}
.required-pages{
	position: relative;
}
.processing-spin{
	background: -webkit-linear-gradient(top,#edeff2 0,#fafafb 100%);
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 11;
}
.processing-spin:before{
	content: '';
	width: 50px;
	height: 50px;
	border: 6px solid #89b8b8;
	border-radius: 50%;
	border-right: 6px solid transparent;
	animation-name: spin;
	animation-duration: 800ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
footer{
	background: #33323b;
	position: relative;
}
@keyframes slidedown{
  from {
    margin-top: -100%;
    transform: scaleY(0);
  }
  to {
    margin-top: 2rem;
  }
  to {
  	margin-top: 0;
  	transform: scaleY(1);
  }
}
.login-modal{
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #edeff2;
	background: rgba(0, 0, 0, .7);
	z-index: 10;
	display: none;
}
.login-modal > div{
	width: 25%;
	box-sizing: border-box;
	padding: 1.5rem;
	border-radius: .4rem;
	box-shadow: 0 0.2rem 2rem rgba(0,0,0,.15);
	background: #fff;
	animation: slidedown .7s ease-in-out
}
.login-modal > div > span{
	display: block;
	margin-bottom: 2rem;
	position: relative;
	border: 1px solid #ccc;
	border-radius: .4rem;
}
.login-modal > div > span:before{
	content: '';
	width: 3rem;
	height: 100%;
	box-sizing: border-box;
	background: #d4e5e5;
	background: #84b5b5;
	border-radius: .36rem 0 0 .36rem;
	padding: .4rem;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background-image: url('');
	background-size: 54%;
	background-repeat: no-repeat;
	background-position: center;
}
.login-modal > div > span:first-of-type:before{
	background-image: url('../img/email-white.png');
}
.login-modal > div > span:last-of-type:before{
	background-image: url('../img/padlock-white.png');
}
.login-modal > div > span input{
	width: 100%;
	padding: .6rem 1rem;
	padding-left: 3.6rem;
	box-sizing: border-box;
	border: none;
	outline: none;
	border-radius: .4rem;
	font-size: 1.1rem;
	font-weight: 600;
}
.login-modal > div > label{
	font-size: 1.1rem;
	display: block;
	margin-bottom: .5rem;
	font-weight: 700;
}
.login-modal > div > button{
	border: none;
	background: none;
}
.login-modal > div > button:first-of-type{
	font-size: 1.1rem;
	font-weight: 600;
	margin-bottom: 1rem;
	color: #a4b6c8;
	cursor: pointer;
}
.login-modal > div > button:last-of-type{
	background: #74abab;
	font-size: 1.1rem;
	font-weight: 700;
	color: #fff;
	display: block;
	width: 100%;
	text-align: center;
	cursor: pointer;
	padding: .8rem 1rem;
	border-radius: .4rem;
}
.login-modal > div > button img{
	width: 20px;
	height: auto;
	margin-left: .5rem;
	vertical-align: middle;
}
.modal_is_open{
	overflow-y: hidden;
}
.common_section_top{
	background: #89b8b8;
	padding: 4rem 10rem .1rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.form_section{
	background: rgba(255, 255, 255, .9);
	border-radius: 1rem;
	width: 42%;
	padding: 2rem;
	box-sizing: border-box;
}
.form_section > span{
	display: block;
	font-size: 1.2rem;
	font-weight: bold;
	margin: 1rem 0;
}
.form_section input{
	width: 100%;
	box-sizing: border-box;
	padding: .8rem 1rem;
	font-size: 1.1rem;
	font-family: 'Quicksand', sans-serif;
	border-radius: .8rem;
	border: 2px solid #89b8b8;
}
.buttn_holder{
	margin: 2rem 0;
}
.form_section button{
	display: block;
	font-size: 1.2rem;
	font-weight: 700;
	text-align: center;
	padding: .8rem 0;
	background: #ffdb4d;
	border-radius: .8rem;
	width: 100%;
	border: none;
	cursor: pointer;
	transition: .2s;
}
.form_section button:hover{
	background: #ffcb00;
}
.form_section a{
	font-size: 1rem;
	font-weight: 700;
	position: relative;
}
.form_section a:after{
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 2px dotted #89b8b8;
	position: absolute;
	left: 0;
	bottom: -.4rem;
}
.title_section{
	width: 50%;
	box-sizing: border-box;
	padding: 6rem;
	color: #ffffff;
}
.title_section h2{
	font-size: 3rem;
	line-height: 1.4;
}
.common_for_img{
	text-align: center;
	padding: 0 10rem 10rem;
	margin-top: -5rem;
}
.common_for_img img{
	width: 50%;
	height: auto;
}
.processing-reset{
	background: #dbdbc4;
	border-radius: .8rem;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	display: none;
}
.processing-reset:before{
	content: '';
	width: 25px;
	height: 25px;
	border: 4px solid rgba(255, 255, 255, .5);
	border-bottom: 4px solid transparent;
	border-radius: 50%;
	position: absolute;
	animation-name: spin;
	animation-duration: 800ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.server_response{
	white-space: nowrap;
	padding: 2rem;
	border-radius: .6rem;
	font-size: 1.1rem;
	font-weight: 500;
	width: 94%;
	box-sizing: border-box;
	animation-name: slidefromside;
	animation-duration: 800ms;
	transition-timing-function: ease-in;
	display: none;
}
.server_response img {
	width: 26px;
	height: auto;
	margin-right: .4rem;
	vertical-align: middle;
}
.success_message{
	background: #e9fefa;
	border: 2px solid #25fece;
}
.failed_message{
	border: 3px solid #fecaca;
	background: #fff;
}
.alert-popup{
	min-width: 40%;
	position: fixed;
	padding: 2.5rem 0;
	top: 2rem;
	right: 0;
	overflow-y: hidden;
	z-index: 10;
	-ms-overflow-style: none;
	scrollbar-width: none;
	display: none;
}
.alert-popup::-webkit-scrollbar, .textarea_div::-webkit-scrollbar{
	width: 0;
}
.alert-popup::-webkit-scrollbar-thumb, .textarea_div::-webkit-scroll-thumb{
	background: transparent;
}
@keyframes slidefromside {
	from {
		margin-left: 100%;
	} to {
		margin-left: 0;
	}
}
.top_sec_company{
	width: 60%;
	box-sizing: border-box;
	border-radius: 1rem;
	background: #ffffff;
	padding: 1rem 2rem;
	margin: 6rem auto 10rem;
	box-shadow: 0 0 4px #dedede;
	z-index: 3;
}
.top_sec_company > span{
	display: block;
	font-size: 1.1rem;
	font-weight: 700;
}
.top_sec_company input, .top_sec_company textarea{
	width: 100%;
	padding: .8rem 1rem;
	border-radius: .8rem;
	box-sizing: border-box;
	margin: 1rem 0;
	border: 1px solid grey !important;
	resize: none;
}
.top_sec_company button{
	display: block;
	width: 100%;
	box-sizing: border-box;
	font-size: 1.2rem;
	font-weight: 700;
	text-align: center;
	padding: .8rem 3rem;
	background: #ffdb4d;
	border-radius: .8rem;
	margin: 1rem 0;
	border: none;
	cursor: pointer;
	transition: .2s;
}
.top_sec_company button:hover{
	background: #ffcb00;
}
@media screen and (max-width: 680px){
	html, body{overflow-x: hidden;}
	p br{display: none;}
	header{padding: 1rem 5%;}
	.top_background h1{font-size: 2rem;}
	.top_background h2{color: #fff; font-size: 1.2rem;}
	.top_background img{position: relative !important; width: 100% !important; height: auto !important;}
	.order{display: inline-block; width: 96%; padding: 1.8%;}
	.span39, .span52{width: 100%; margin: 0 auto; display: inline-block;}
	.slanted_2{top: 0; width: 140%; left: -20%;}
	.counter_slanted{padding: 1rem 0;}
	.first_child{padding: 4rem 0 0;}
	.order-wrapper{width: 96%; padding: 1rem 2%;}
	.order{padding: .5rem 2%; width: 96%;}
	.order-here{display: none;}
	.prices-form{width: 100%; margin: 0 auto;}
	.homework-steps{text-align: center;}
	.mobile-hidden{display: none;}
	.mobile-shown{display: inline-block;}
	.homework-video{display: inline-block; padding: 2rem 4%; width: 92%;}
	.span45{width: 100%; margin: 1rem 0;}
	.reviews-wrapper{padding: 2rem 3%; width: 94%; margin: 0 auto;}
	.reviews{width: 96%; display: block; padding: 0 2%;}
	.reviews div{float: none; border-right: none !important; padding: 1rem;}
	.reviews div:not(:last-child){border-bottom: 1px solid #ccc;}
	.guarantees{padding: 2rem;}
	.guarantees-row{display: block;}
	.guarantees-column{flex: none; display: inline-block; width: 100%; margin: 1rem 0;}
	.guarantees-column div:not(:first-child){width: 75%;}
	.reason_holder div:not(:last-child){margin-right: .5rem;}
	.span40absolute, .span60{width: 100%; position: relative;}
	.span40absolute{top: 0; left: 0;}
	.span40absolute h2{font-size: 2rem;}
	.why_us{display: block; margin: 0;}
	.reason_holder{float: none; display: block; width: 100%; margin: 1rem auto;}
	.why-our-homework-service{display: block; padding: 1rem;}
	.reason-section, .statistics-section{float: none; display: block; margin: 0 auto; width: 92%;}
	.statistics-wrapper, .statistics-wrapper2{position: relative; width: 100%; text-align: center; display: block;}
	.statistics-wrapper{top: 0;}
	.statistics-wrapper2{bottom: auto;}
	.statistics{width: 90%; margin: 1rem auto; text-align: left;}
	.freedom_text{width: 100%; position: relative; padding: 0;}
	.freedom_img{width: 100%; padding: 0;}
	.page_content{display: block;}
	.page_content div{flex: none; margin: 0 !important;}
	.email-collector{display: block; position: relative; top: -3rem;}
	.email-collector-main{display: block;}
	.email-collector div, .email-collector-main div{display: inline-block;}
	.email-collector div h3, .email-collector-main div h3{line-height: 1.4;}
	.lead-jen{padding: 1rem; text-align: center;}
	.lead-jen div{line-height: 4;}
	.lead-jen div input{width: 80%; display: inline-block;}
	.lead-jen:before{display: none;}
	.footer-about{padding: 0; display: block;}
	.footer-id, .follow{width: 90%; display: inline-block; flex: none; margin: 0 auto;}
	.footer-id{padding: 0 5%;}
	.follow{padding: 0 5% 2rem;}
	.follow-options a{margin: 1.5rem 0;display: block;padding: .8rem 2rem;text-align: center;}
	.follow-options a span{margin: 0; font-size: 1rem;}
	.footer-links{width: 90%; padding: 2rem 5%; text-align: center;}
	.footer-links a{margin: 1rem .5rem;}
	.span39{display: none;}
	.dont_show{display: inline-block;}
	.homework-steps div{width: 100%;}
	.previous-step, .next-step{display: none;}
	.selection{display: block; justify-content: center; margin: 0 auto;}
	.selection select{width: 100%; background: #fff;}
	.selection span, .order-subtitle{width: 100%; display: block; margin: .5rem 0;}
	.selection label{width: 48.5%; display: inline-block;}
	.formats label{font-size: .8rem;}
	.formats label:not(:last-child), .selection label:not(:last-child){border-right: none;}
	.selection div{width: 100%;}
	.selection div div, .selection input{width: 33.3%;}
	span.desktop_words{display: none;}
	span.mobile_words{display: inline-block;}
	ul.navigation{display: none;}
	ul.mobile_navigation{transition: 1s; float: none; border: 1px solid hsla(0,0%,100%,.2); width: 94%; padding: .5rem 3%; display: block;}
	ul.navigation li{display: block; margin: .5rem auto;}
	header img{max-width: 70%; margin-left: 5%; height: auto; vertical-align: middle;}
	span.mobile_menu{display: inline-block;}
	.login-btn{border: none;}
	.login_or_register span{width: 100%; padding: .6rem 0;margin: 0;}
	.login_or_register div{display: block;}
	.login_or_register div input{width: 96%; padding: .6rem 2%; margin: 0;}
	.bloglists_top{padding: 5rem 5% .5rem;}
	.bloglists_top h1{font-size: 2rem;}
	.blog_author div p{font-size: 1.2rem;}
	.subscription{display: block;}
	.subscription input{width: 100%;display:block;}
	.subscription button{width: 100%;margin-top: 2rem;margin-left: 0;}
	.blog_lists{padding: 0 5% 4rem;}
	.list_blog{padding: 2rem 0;}
	.list_blog h2{font-size: 1.6rem;}
	.continue_reading{display: block;margin:0;}
	.continue_reading div{width: 100%!important;margin: .5rem 0;}
	.to_next{margin: 0;padding: 2rem 0;}
	.required-credential{width: 100%};
	.login-modal > div{width: 100%!important}
	.common_section_top{flex-direction: column-reverse; padding: 2rem 0;}
	.form_section{width: 100%}
	.title_section{width: 100%;padding: 1rem}
	.title_section h2{font-size: 2rem; margin: 0}
	.common_for_img{margin-top: 0; padding:0 2rem 8rem}
	.common_for_img img{width: 96%}
	.top_sec_company{width: 100%; margin: 0 auto 10rem; box-shadow: none;}
	.to_hide_on_mobile{display: none;}
	span.tooltip_info{display: none; width: 100% !important; box-sizing: border-box;}
	.selection div.for_copies{width: 100%}
	.with_tooltip img{transform: none; top: 1.5rem}
}