/*
Theme Name: egrant
Theme URI: http://underscores.me/
Author: Yuki Hongo
Author URI: http://webdesign-memo.com
Description: The theme for egrant
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: egrant
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

egrant is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	margin: 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}



/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}
/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
body {
	font-family: 游ゴシック, YuGothic, ヒラギノ角ゴ ProN W3, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, sans-serif;
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 1.6em;
	color: #000;
	font-weight: 500;
}
h1,h2,h3{
	font-family: YakuHanMP,"Noto Serif Japanese",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN";
	letter-spacing: 2px;
	line-height: 1.6;
}
nav ul {
    list-style:none;
}
.center,p.center,.wrap-page p.center{
	text-align: center;
}
blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	color: #000;
	text-decoration: none;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
.wrap{
	overflow-x: hidden;
	max-width: 2600px;
	margin: 0 auto;
	min-width: 320px;
}
.br{
	display: block;
}
@media screen and (min-width: 1024px) {
.pc-br{
	display: block;
}}
/* 1.5 リストマーカー無
-----------------------------------------*/
ol, ul {
	list-style: none;
}
/* 2．スクロールバーを常に表示
-----------------------------------------*/
html{overflow-y:scroll;}

/* 3．フォント関連半角英数字折り返しする
-----------------------------------------*/
body {
	word-break:break-all; /* 常に行末で改行 */
	word-wrap:break-word; /* 英数半角の改行 */
	text-align:justify;/*テキストを両端揃え*/
	text-justify:inter-ideograph;/*テキストを両端揃えIE用*/
}
/* 6．画像余白を消す
-----------------------------------------*/
img {
	vertical-align: top;
	font-size:0;
	line-height:0;	
} 
/* mod_body
-----------------------------------------*/
.mod_body{
  margin:0 auto;
  max-width: 1000px;
  margin-top: 50px;
  height:1500px;
}
.logo{
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}
.logo img{
	width: 250px;
	height: auto;
}
.taiken{
	width: 210px;
	height: 70px;
background-color: #f5800d;
font-size: 16px;
line-height: 41px;
	text-align: center;
	position: relative;
}
.login{
	width: 210px;
	height: 70px;
background-color: #231c5c;
font-size: 16px;
line-height: 41px;
	text-align: center;
	position: relative;
}
.taiken a,.login a{
	line-height: 41px !important;
	color: #fff;
	text-decoration: none;
	padding-left: 1.8em;
	white-space: nowrap;
	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translateY(-50%) translateX(-50%);
}
.taiken a::before,.login a::before{
font-family: themify;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	position: absolute;
	left: 0;
	font-size: 1.4em;
}
.taiken a::before{
	content: "\e719"
}
.login a::before{
	content:"";
	display: inline-block;
	background: url(https://www.prime.wte.jp/img/login.png) no-repeat 0 100%;
	background-size: contain;
width: 20px;
	height: 30px
}
.headbtn{
	float: right;
	letter-spacing: -.4em;
}

.headbtn li{
	display: inline-block;
	letter-spacing: normal; 
}
.clear::after{
	clear: both;
	content: '';
  display: block;
}
@media screen and (max-width: 1024px) {
	.headbtn{
		margin-right: 60px;
	}
	.taiken{
	width: 190px;
}
.login{
	width: 190px;
}
}
@media screen and (max-width: 700px) {
	.headbtn{
		display: none;
	}
	
}
@media screen and (max-width: 500px) {
	.logo img{
		width: 190px;
	}
}
/* Nav
-----------------------------------------*/
.Nav {
	position: relative;
}
.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index:3;
  width: 100%;
}
header.is-fixed{
	background-color: rgba(255,255,255,.9)
}
@media screen and (max-width: 1024px) {
  .Nav {
    position: relative;
  border-top:none;
  }
}
.Nav .navbtn {
  display: none;
}
@media screen and (max-width: 1024px) {
  .Nav .navbtn {
    display: block;
    position: absolute;
    top: -55px;
    right: 10px;
  }
}
@media screen and (max-width: 1024px) {
  .Nav .navbtn a,
  .Nav .navbtn a.close {
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
  }
  .Nav .navbtn a::before,
  .Nav .navbtn a.close::before {
    position: absolute;
    top:10px;
    left:10px;
    content:"";
    width: 20px;
    height: 3px;
    background-color: #b5b5b5;
   transition: .2s;
  }
  .Nav .navbtn a.open::before {
    top:19px;
    transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  }
  .Nav .navbtn a::after,
  .Nav .navbtn a.close::after {
    position: absolute;
    bottom:10px;
    left:10px;
    content:"";
    width: 20px;
    height: 3px;
    background-color: #b5b5b5;
    transition: .2s;
  }
  .Nav .navbtn a.open::after {
    bottom:18px;
    transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  }
}
@media screen and (max-width: 1024px) {
  .Nav .navbtn a.open {
  }
}

@media screen and (max-width: 1024px) {
  .Nav .navbtn a span {
    display: block;
    overflow: hidden;
    width: 1px;
    height: 1px;
  }
  .Nav .navbtn a span::after,
  .Nav .navbtn a.close span::after {
    position: absolute;
    top:18px;
    left:10px;
    content:"";
    width: 20px;
    height: 3px;
    background-color: #b5b5b5;
  }
  .Nav .navbtn a.open span::after {
    display: none;
  }
}
.Nav ul.close {
  display: none;
  /*border-top: solid 1px #F5F4F0;*/
}
.Nav > ul {
  margin: 0 auto;
  max-width: 1000px;
}
@media screen and (max-width: 1024px) {
  .Nav > ul {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
    background-color: #FFF;
  }
}
.Nav > ul > li {
  /*position: relative;*/
  font-size: 15px;
  display: inline-block;
}
@media screen and (max-width: 1024px) {
  .Nav > ul > li {
    display: block;
    border-bottom: solid 1px #dddddd;
  }
}
.Nav > ul > li a {
  display: block;
  position: relative;
  text-decoration: none;
  padding: 10px 30px 20px;
  font-size: 15px;
  color: #333;
  z-index: 2;
}

ul.submenu li a{
	color: #fff;
}

ul.submenu li{
	display: inline-block;
	width: 49%;
}
ul.submenu li:first-child{
	display: block;
	width: 100% ;
	margin-bottom: 20px;
}
ul.submenu li:nth-child(5){
	margin-left: 1em;
}
ul.submenu li:first-child a{
	font-size: 22px;
	border-bottom: 1px solid #E5E5E5;
	
} 
.Nav > ul > li.parent > a {
  padding-right:25px;
}

@media screen and (max-width: 1024px) {
	.Nav > ul > li a {

  padding: 15px 30px 15px;
  
}
.Nav > ul > li.parent.open > a::before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
	ul.submenu li{
	display: block;
	width: 100%;
}

.Nav > ul > li.parent > a::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 6px;
    height: 6px;
    margin: -6px 0 0 0;
    border-top: solid 2px #00a0e9;
    border-right: solid 2px #00a0e9;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
ul.submenu li:nth-child(5){
	margin-left: 0;
}
}

  .Nav > ul > li.parent.open > a{
    color: #FFF;
  }
 
@media screen and (max-width: 1024px) {
  .Nav > ul > li.parent.open > a {
    color: #FFF;
	  background: #231c5c;
  }
	li.parent.open ul.submenu li.spnone{
		display: none;
	}
	li.parent.open ul.submenu {
    width: 90%;
	}
	ul.submenu li:first-child a {
		font-size: 15px;
		border-bottom:none;
	}
	ul.submenu li:first-child {
		margin-bottom:0
	}
}

.Nav > ul > li a:hover {
  color: #231975;
}
ul.submenu li a:hover{
	color:#f5800d ;
	text-decoration: none;
}
.Nav > ul > li a::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.Nav > ul > li a,
.Nav > ul > li a::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.Nav > ul > li a::after {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  -webkit-transform: scale(.5);
  transform: scale(.5);
}
.Nav > ul > li a:hover::after {
  background: #231975;
  -webkit-transform: scale(1);
  transform: scale(1);
}
ul.submenu li a::after,ul.submenu li a:hover::after{
	display: none;
}
/* 2髫主ｱ､ */
.Nav > ul > li > ul {
  display: none;
  position: absolute;
  top: 53px;
  left: 0;
  /*width: auto;*/
/*  background-color: rgba(255, 255, 255, 0.8);*/
  z-index: 9;
}
ul.submenu{
	display: inline-block
}
.Nav > ul > li > ul{
    width: 80%;
    padding: 35px 10% 40px;
    margin: 0 auto;
	background-color: rgba(41,51,55,0.95);
}
@media screen and (max-width: 1024px) {
  .Nav > ul > li > ul {
    background-color: #fff;
    position: static;
	  padding: 0;
  }
}

.Nav > ul > li > ul li {
  white-space: nowrap;
}

.Nav > ul > li > ul li a {
  position: relative;
  padding: 12px 27px 12px 27px;
}
@media screen and (max-width: 1024px) {
  .Nav > ul > li > ul li a {
    
    color: #231c5c;
  }
}
.Nav > ul > li > ul li a::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 6px;
    height: 6px;
    margin: -6px 0 0 0;
    border-top: solid 2px #00a0e9;
    border-right: solid 2px #00a0e9;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.Nav > ul > li > ul li a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 1024px) {
  .Nav > ul > li > ul li a:hover {
    background-color: #FFF;
  }
}

.Nav > ul > li > ul li ul li a {
  padding-left: 42px;
}
.Nav > ul > li > ul li ul li a::before {
    left: 20px;
}
.taiken-sp,.login-sp{
	display: none !important;
}
@media screen and (max-width: 700px) {
	
	.Nav > ul > li a {
	padding: 19px 30px;
	}
	.headbtn{
		display: none;
	}
	.taiken-sp,.login-sp{
	display: block !important;
}
	.spnon{
		display: none;
	}
.taiken-sp{
	width: 94%;
	height: 70px;
background-color: #f5800d;
font-size: 16px;
line-height: 41px;
	text-align: center;
	position: relative;
	
	margin: 10px auto;
}
.login-sp{
	width: 94%;
	margin: 10px auto 10px;
	height: 70px;
background-color: #231c5c;
font-size: 16px;
line-height: 41px;
	text-align: center;
	position: relative;

}
.taiken-sp a,.login-sp a{
	line-height: 41px !important;
	color: #fff !important;
	text-decoration: none;
	padding-left: 1.8em;
	white-space: nowrap;
	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translateY(-50%) translateX(-50%);
}
.taiken-sp a::before,.login-sp a::before{
font-family: themify;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	position: absolute;
	left: 20px;
	font-size: 1.4em;
}
.taiken-sp a::before{
	content: "\e719"
}
.login-sp a::before{
	content:"";
	display: inline-block;
	background: url(https://www.prime.wte.jp/img/login.png) no-repeat 0 100%;
	background-size: contain;
width: 20px;
	height: 30px
}
}
@media screen and (max-width: 414px) {
	
	.Nav > ul > li a {
	padding: 15px 25px;
	}
	
}
@font-face {
	font-family: themify;
	src: url(fonts/themify.eot?-fvbane);
	src: url('fonts/themify.eot?#iefix-fvbane') format('embedded-opentype'), url('fonts/themify.woff?-fvbane') format('woff'), url('fonts/themify.ttf?-fvbane') format('truetype'), url('fonts/themify.svg?-fvbane#themify') format('svg');
	font-weight: 410;
	font-style: normal
}

header{
		background: #fff;
		z-index: 1;
	}
.fv-page{
	width: 100%;
	height: 200px;
	background-size: cover;
	    background-position: 50%;
	position: relative;
}
.fv-page-tx{
width: 100%;
	height: 100%;
	position: relative;
}
.fv-page h1{
	font-size: 1.6rem;
	line-height: 1.5;
	position: absolute;
	top: 45%;
    transform: translateY(-45%) ;
	padding-top:0;
	padding-left: 20px;
	color: #212a54;
}
.fv-page h1 span{
	font-size: .95rem;
	display: block;
	letter-spacing: 2px
}
@media screen and (min-width: 414px) {
	.fv-page{
	height: 250px;
}
}
@media screen and (min-width: 768px) {
	.fv-page{
	height: 300px;
}
.fv-page h1{
	font-size: 2.5rem;
	line-height: 1.2;
	padding-left: 35px;
	color: #212a54;
}
.fv-page h1 span{
	font-size: 1.3rem;
	display: block;
	letter-spacing: 2px
}	
}
@media screen and (min-width: 1024px) {
	
	.fv-page{
			background-size: cover;
		background-position: right center;
	}
}
@media screen and (min-width: 1025px) {
	
	.fv-page{
	height: 600px;
	background-size: cover;
	    background-position: 50%;
	position: relative;
}
	.fv-page-tx{
		width: 1200px;
		margin: 0 auto;
		position: inherit;
	}
	.fv-page h1{
	font-size: 4.5rem;
	}
	.fv-page h1 span{
	font-size: 2rem;
}
}
@media screen and (min-width: 1200px) {
	.fv-page h1{
padding-left:0;
	}
}
.bread{
	position: relative;
	background:#231c5c ;
}
.bread::before{
	content: "";
position: absolute;
left: 0;
top: 0;
background: #f5800d;
height:100%;
width: 30px;
}
.bread ul{
	padding-left: 40px;
}
.bread ul li{
	display: inline-block;
	font-size: .6rem;
	position: relative;
	margin-right: 1rem;
	line-height: 1;
    vertical-align: middle;
}
.bread ul li,.bread ul li a{
	color: #fff;
}
.bread ul li::after{
	content:"＞";
	position: absolute;
right: -1rem;
top: 0;
}
.bread ul li:last-child::after{
	display: none;
}
span.spn{
	display: none;
}
@media screen and (min-width: 1024px) {
	.bread ul{
		width: 100%;
    max-width: 1200px;
		margin: 0 auto;
		background:#231c5c ;
		padding-left: 45px
}
	.bread{
	position: relative;
background: #f5800d;
}
.bread::after{
	content: "";
position: absolute;
right: 0;
top: 0;
background:#231c5c ;
height:100%;
width: 700px;
}
span.spn{
	display:inline-block;
	padding-right: 5px
}
	}

@media screen and (min-width: 1250px) {
	.bread ul{
		padding-left: 15px
}
}


#contact{
	width: 100%;
}
.contact-spwrap{
	width: 100%;
	background: url(img/contact_spbk.png) no-repeat;
	background-size: 105%;
	position: relative;
padding-bottom: calc(100%*630/750);
}
#contact h2{
	font-size: 1.3em;
    font-family: YakuHanMP,"Noto Serif Japanese",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN";
	margin-bottom: 15px;
	color: #231c5c;
	letter-spacing: 0.9px;
}
.contact-box{
	position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%) translateX(-10%);
	width: 58%;
}
.contact-box p{
	line-height: 1.6;
	font-size: .9rem;
}
#contact ul{
	letter-spacing: -.4em;
	    line-height: 100%;
}
#contact ul li{
	width: 100%;
	display: inline-block;
	letter-spacing: normal;
	
}
.contctform{
	background-color: #231c5c;
	position: relative;
	height: 100px;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 1em;

}
.freelesson{
	height: 100px;
background-color: #f5800d;
	text-align: center;
	position: relative;
	width: 100%;
	display: block;
	font-size: 1em;

}
.inner{
	width: 100%;
	position: absolute;
top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}
.contctform,.freelesson{
	color: #fff;
}
.contctform .inner::before,.freelesson .inner::before{
font-family: themify;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	font-size: 1.5em;
	line-height: 1.8em;
	display: block;
}
.freelesson .inner::before{
	content: "\e719";
}
.contctform .inner::before{
	content: "\e75a";
}


@media screen and (min-width: 375px) {
#contact h2{
	font-size: 1.5em;
}
	}
@media screen and (min-width: 414px) {
	#contact h2{
	font-size: 1.65em;
		letter-spacing: 1px;
}
}
@media screen and (min-width: 736px) {
	#contact h2{
	font-size: 2rem;
    margin-bottom: 25px;
}
	.contact-box{
		width: 50%;
	}
	.contact-box p{
	line-height: 2;
	
}
	.contact-spwrap {
   background-size: 100%; 
   padding-bottom: calc(70%*630/750);
}
	.freelesson,
.contctform{
height: 140px;
}
}

@media screen and (min-width: 1024px) {
	#contact{
	width: 100%;
		background: url(img/contact_bk.png) no-repeat right bottom;
		padding: 100px 0;
		 background-position-x:-600px;
		transition: all .3s ease;
		background-size: cover;
}
	.contact-box p{
	font-size: 1rem;
}
.contact-spwrap{
	background: none;
	padding-bottom:0;
}
	.contact-box{
	padding: 50px 0 40px 3%;
position: inherit;
top: initial;
left: initial;
transform: inherit;
		width: 96%;
}
	.contact-wrap{
		max-width: 660px;
		background-color: rgba(255,255,255,0.95);
		margin: 0 0 0 5%;
		text-align: center;
	}
	.contctform .inner::before,.freelesson .inner::before{
	font-size: 1.5em;
	line-height: 1em;
	display: inline-block;
		vertical-align: middle;
		padding-right: 10px;
}
	#contact ul li{
	width: 300px;
	display: inline-block;
	letter-spacing: normal;
		margin-bottom: 50px;
}
	#contact ul li:first-child{
		margin-right: 30px;
}
.contctform{
	height: 60px;	
	display: block;
	font-size: 1.2em;
	border-radius: 30px;
	
}
.freelesson{
	height: 60px;
	display: block;
	font-size: 1.2em;
		border-radius: 30px;
}
}
@media screen and (min-width: 1200px) {
	#contact{
	
		padding: 100px 0;
		 background-position-x:-250px;
		transition: all .3s ease;
}
	.contact-box{
	padding: 50px 0 40px ;
	width: inherit;
}
	.contact-wrap{
		max-width: 840px;
		background-color: rgba(255,255,255,0.95);
		margin: auto;
		text-align: center;
	}
}
@media screen and (min-width: 1500px) {
	#contact{
		background-size: auto;
		 background-position-x:-200px;
}
	.contact-wrap{
		max-width: 880px;
		text-align: center;
	}
}
@media screen and (min-width: 1700px) {
	#contact{
		 background-position-x:0;
		background-size: auto;
}
}
@media screen and (min-width: 2100px) {
	#contact{
		background-size: cover;
}
}

footer{
	background-color: #eeeeee;
	padding: 0 0 30px;
}
footer ul{
	letter-spacing: -.4em; 
}
footer ul li{
	font-size: .8rem;
	width: 50%;
	display: inline-block;
	letter-spacing: normal;
	height: 60px;
	border-bottom: 1px solid #fff;
	position: relative;
	box-sizing: border-box;
}
footer ul li a{
	line-height: 60px;
	padding-left: 10px;

}
footer ul li:nth-child(odd){
	border-right:  1px solid #fff;
	
}
footer ul li::after {
    position: absolute;
    top: 0;
    right: 6px;
    font-family: themify;
    content: "\e649";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 60px;
    z-index: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
footer p{
		margin-top: 30px;
	padding-left: 10px;
	font-size: .7rem;
	}

@media screen and (min-width: 414px) {
	footer ul li{
	font-size: .9rem;
	
}
	footer ul li::after {
    right: 8px;
}
}
@media screen and (min-width: 748px) {
	footer{
		padding: 50px 0;
	}
	footer ul{
		width: 1200px;
		margin: 0 auto;
	}
	footer ul li{
	width:auto;
		padding-right: 30px;
		border-bottom:0;
	
	}
	footer ul li::after{
		content: none;
	}
	footer p{
		text-align: center;
		margin-top: 40px;
		font-size: 1em;
		padding-left: 0;
	}
	footer ul li:nth-child(odd){
	border-right: 0;
	
}
}

#pageTop {
	display: none;
	position: fixed;
	bottom: 15px;
	right: 15px;
	width: 50px;
	height: 50px;
	background-color: rgba(35,28,92,.8);
	border-radius: 25px;
	text-align: center
}
#pageTop a {
	width: 25px;
	height: 25px;
	display: block;
	padding-top: 13px;
	padding-left: 13px
}
#pageTop a:before {
	content: "\e627";
	font-family: themify;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size: 1.5em;
	color: #fff
}
@media screen and (min-width: 748px) {
#pageTop {
	bottom: 40px;
	right: 40px;
	width: 75pt;
	height: 75pt;
	border-radius: 50px;
}
#pageTop a {
	width: 45px;
	height: 45px;
	display: block;
	padding-top: 28px;
	padding-left: 30px
}
#pageTop a:before {
	line-height: 1;
	font-size: 2em;
}
}


a.btn{
    display: block;
    text-decoration: none;
    border-radius: 35px;
    background-color: #f5800d;
    color: #fff;
    font-size: 1rem;
    letter-spacing: 1px;
    width: 90%;
	text-align: center;
    height: 56px;
    position: relative;
    line-height: 56px;
    transition: all .25s ease-out;
	margin: 20px auto 0;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
a.btn::after {
    position: absolute;
    top: 0;
    right: 6px;
    font-family: themify;
    content: "\e649";
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 56px;
    z-index: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
a.btn:hover{
	box-shadow: 0 0 2px rgba(0,0,0,0.2);
}
a.btn:hover::after {
    right: 5px;
    
}
@media screen and (min-width:414px) {
a.btn::after {
    right: 9px;
}
}
@media screen and (min-width:1024px) {
a.btn{
    display: block;
    text-decoration: none;
    border-radius: 35px;
    background-color: #f5800d;
    color: #fff;
    font-size: 1.1rem;
    letter-spacing: 1px;
    width: 300px;
    height: 60px;
    position: relative;
    line-height: 60px;
    transition: all .25s ease-out;

	margin: 20px 0 0;
}
a.btn::after {
    position: absolute;
    top: 0;
    right: 8px;
    font-family: themify;
    content: "\e649";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 60px;
    z-index: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
}
span.zei{
	font-size:.8em
}
a.underline{
	text-decoration:underline;
}
@media screen and (max-width:414px) {
	footer ul li{
	vertical-align: bottom;
}
footer ul li a{
	line-height: 60px;
	padding-left: 10px;
	position: absolute;

height: 100%;
width: 100%;
}}
#notfound .wrap-page{
	max-width: 1200px;
	width: 90%;
	margin: 30px auto;
}

@media screen and (min-width: 1024px) {

#notfound .wrap-page{
	width: 96%;
	margin: 50px auto 50px;
	text-align: center;
}	
}
#notfound h1{
	font-size:2rem;
	color:#231c5c;
	margin-bottom:1rem;
}
#notfound .wrap-page p {
	text-align:center;
}
.return{
	margin-top:1rem;
}
.return a{
	text-decoration:underline;
}


@media screen and (min-width:1024px) {
	#notfound h1{

	margin-bottom:1.5rem;
}

.return{
	margin-top:1.5rem;
}
	
}