/* Tiny Slider */
.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.loaded{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}

/*# sourceMappingURL=scripts/tiny-slider/sourcemaps/tiny-slider.css.map*/

/* Fonts */
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on October 25, 2018 */

@font-face {
    font-family: 'londrina_shadowregular';
    src: url('fonts/londrinashadow-regular-webfont.woff2') format('woff2'),
         url('fonts/londrinashadow-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'londrina_solid_lightregular';
    src: url('fonts/londrinasolid-light-webfont.woff2') format('woff2'),
         url('fonts/londrinasolid-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'londrina_solidregular';
    src: url('fonts/londrinasolid-regular-webfont.woff2') format('woff2'),
         url('fonts/londrinasolid-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'londrina_solid_thinregular';
    src: url('fonts/londrinasolid-thin-webfont.woff2') format('woff2'),
         url('fonts/londrinasolid-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'poppinsregular';
    src: url('fonts/poppins-regular-webfont.woff2') format('woff2'),
         url('fonts/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'poppinsitalic';
    src: url('fonts/poppins-italic-webfont.woff2') format('woff2'),
         url('fonts/poppins-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'poppinsmedium';
    src: url('fonts/poppins-medium-webfont.woff2') format('woff2'),
         url('fonts/poppins-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'poppinsmedium_italic';
    src: url('fonts/poppins-mediumitalic-webfont.woff2') format('woff2'),
         url('fonts/poppins-mediumitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/* 	2018 © DEKROSS
	
	Expert Driving School Inc. v1.0
	
	0. Meyer's Reset
	1. Typography
	2. Layout
	3. Responsive 
	4. Links & Buttons
	5. Generated content
	*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ==============end============= */

html {
	max-width: 1024px;
	margin: 0 auto;
	font-size: 16px;
}

body {
	line-height: 1.5;
	color: #373736;
	font-family: 'poppinsregular', Verdana, sans-serif;
}

p {
	margin-bottom: 10px;
	max-width: 33em;
}

h1 {
	padding: 5em 15% 2em 7%;
	background-color: #FEFFF4;
	margin-top: 1rem;
	font-family: 'londrina_solidregular';
	font-size: 4rem;
	line-height: 1;
	color: #50E3C2;
	background-image: url(assets/hero_image.svg);
	background-position: right center;
	background-repeat: no-repeat;
	background-position-x: 93%;
	background-position-y: 61%;
}

h1 em {
	font-family: 'londrina_shadowregular';
}

h3 {
	background-color: #50E3C2;
	padding:0.5em 0 0.25em 5%;
	border-radius: 4px 4px 0 0;
}

h3, h4 {
	font-family: 'poppinsmedium';
	font-size: 1.5rem;
	color: #215B4E;
}

h4 {
	color: #373736;
}

.container{
  	display: flex;
  	justify-content: space-between;
}


header{
	margin-top: 2.625em;
}

header nav{
	float: right;
	padding-top: 0.75em;
}

header nav a{
	text-decoration: none;
	color: #50E3C2;
}

header nav a:hover{
	color: #59FFDA;
}

header nav li{
	display: inline;
	padding-right: 1.5em;
}

header nav li:last-child{
	padding-right: 0;
}

.card {
	background-color: #FEFFF4;
	border: 0.5px solid #A1FFB4;
	margin-top: 1.5em;
	border-radius: 5px;
}

#description, #contactForm  {
	width: 58%;
}

.slider img {
	width: 90%;
	margin: 1em 5%;
	border: 0.5px solid #A1FFB4;
	border-radius: 5px;
}

#description p{
	padding: 0 5%;
}

#description p:last-of-type{
	padding-bottom: 1em;
}

#features, #contactsList {
	width: 40%;
}

#features ul {
	margin: 1em auto;
}

#features li{
	margin-left: 5%;
	line-height: 1.5;
	max-width: 20em;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 18%;
	padding: 2em 8% 1em 23%;
}

#features li:nth-child(1){
	background-image: url(assets/bullet-1@2x.png);
}
#features li:nth-child(2){
	background-image: url(assets/bullet-2@2x.png);
}
#features li:nth-child(3){
	background-image: url(assets/bullet-3@2x.png);
}
#features li:nth-child(4){
	background-image: url(assets/bullet-4@2x.png);
}
#features li:nth-child(5){
	background-image: url(assets/bullet-5@2x.png);
}

.column {
	flex-direction: column;
	justify-content: start;
	width: 40%;
}

.pricing {
	width: 28%;
}

.mini {
	font-size: 1em;
}

table {
	width: 100%;
	text-align: center;
	font-size: 4rem;
	font-family: 'londrina_solid_thinregular';
}

tr:nth-child(even){
	background-color: #F4FFFA;
}

#pricing tr {
	padding-bottom: 10px;
}

.superscript{
	position: relative;
	top:-2em;
	font-size: 1rem;
	font-family: 'londrina_solid_lightregular';
}

.twoStore {
	display: inline-block;
	font-size: 2rem;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
	position: relative;
	top: 0.5rem;
	margin-bottom: 2.5rem;
}

#bundle {
	margin-top: 1em;
	background-color: #F4FFFA;
}

#contacts .card {
	background-color: #F4FFFA;
}

form {
	padding:1.5em;
}

input, textarea {
	width: 90%;
	font-size: 1rem;
	padding: 1em 1.5em 1em 1em;
	border-radius: 5px;
	border: 0.5px solid #A1FFB4;
	background-color: #FEFFF4;
	margin: 0.25em 0 1.5em 0;
	overflow: hidden;
	resize: none;
	font-family: 'poppinsregular';
}

::placeholder{
	font-family: 'poppinsitalic';
	line-height: 1.4;
}


textarea{
	min-height: 10em;
}

.button, a.button{
    background-color: #50E3C2; /* Green */
    border: none;
    color: #fff;
    padding: 0.5em 2em;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 5px;
    font-size: 1rem;
    cursor: pointer;
}

.button:hover, a.button:hover {
	background-color: #59FFDA;
	color: #fff;
}

form .button {
	float: right;
	margin-bottom: 1.5em;
	margin-right: 0.8em;
}

.contactsList {
	padding: 1em 1.5em 1em 1em;
	font-size: 1.5rem;
}

.contactsList p {
	margin-bottom: 1.5em;
	line-height: 1.25;
}

.contactsList a {
	text-decoration: none;
	color: #373736;
}

iframe {
	border-radius: 5px;
	border: 0.5px solid #A1FFB4;
}

small {
	font-family: 'poppinsmedium';
}

footer{
	margin-top: 3em;
	padding-bottom: 1em;
}

footer nav {
	float: right;
}

footer nav a{
	color: #215B4E;
}

footer nav li {
	display: inline-block;
	padding-right: 1.5em;
}

footer nav li:last-child {
	padding-right: 0;
}

.hidden {
	display: none;
}


@media only screen and (max-width: 480px) {
	
	h1 {
		font-size: 3.5rem;
	}
	
	h3 {
		font-size: 1.5rem;
	}
	
	header nav li {
    display: block;
    padding: 0.5em 0;
    }
    
    
    
}



@media only screen and (min-width: 801px){
	
	
	p {
		max-width: 30em;
	}
	
	
	#features li:nth-child(4){
		background-size: 20%;
	}
	
	
}

@media only screen and (min-width: 240px)
				   and (max-width: 800px){
					   
	body {
		margin: 0 2%;
	}
					   
					   
	#description p{
		max-width: 90%;
	}				   
	
	.container{
		display: block;
	}
	
	#logo {
		display: block;
		margin: 0 auto;
	}
	
	header nav {
		display: block;
		float: none;
		margin: 1em auto;
		text-align: center;
	}
	
	#features, #description,
	#contactsList, #contactForm,
	.column, .pricing {
		width: 100%;
	}
	
	#features ul {
		width: 100%;
		text-align: center;
		padding-bottom: 2em;
	}				
 
	#features li {
		line-height: 1.5;
		background-position:center top;
		background-size: 25%;
		font-size: 1.25em;
		padding: 25% 0 0;
		margin: 3em 2% 0;
		max-width: 80%;
		text-align: center;
		display: inline-block;
	}
	
	form {
		padding-bottom: 15%;
	}
	
	footer nav {
		float: none;
		margin-top: 1em;
	}
	
	footer {
		text-align: center;
	}
	
	h1 {
		padding-top: 7em;
		background-position: center top;
		background-repeat: no-repeat;
		background-position-y: 10%;

	}
	
	
}


@media only screen and (max-width: 480px){
	html {
		font-size: 14px;
	}
	
	h1 {
		font-size: 2.5rem;
		background-size: 85%;
		background-position-y: 20%;
		text-align: center;
		padding-top: 10em;
	}
	
	h3 {
		font-size: 1.3rem;
	}
	
	header nav li{
		display: none;
	}
} 

@media only screen and (max-width: 320px) {
	h1 {
		background-position-y: 5%;
		padding-top: 7em;
	}
}


@media only screen and (max-width: 280px) {
	h1 {
		padding-top: 6em;
	}
}