/* EDUCA K12 CSS 

	1. CORE CSS
	2. SECTION TOP
	3. SECTION FEATURES
	4. SECTION VIDEO
	5. SECTION ABOUT + FAQ
	6. SECTION TESTIMONIAL
	7. SECTION REGISTER
	8. PARTNERS
	9. FOOTER
	10. MISC 
		A. Buttons
		B. Preload
		C. Others
		
*/




/* CORE */

/*bpreplay font */

@font-face {
    font-family: 'bpreplayregular';
    src: url('../fonts/bpreplay-webfont.eot');
    src: url('../fonts/bpreplay-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bpreplay-webfont.woff') format('woff'),
         url('../fonts/bpreplay-webfont.ttf') format('truetype'),
         url('../fonts/bpreplay-webfont.svg#bpreplayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	color:#555555;
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:18px;
	font-weight:300;
	letter-spacing:0.5px;
	line-height:23px;
	overflow-x:hidden; 
}

section {
	padding:50px 0;
}

a.img_alp:hover img {
	filter:Alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}
a.img_alp:active img {
	filter:Alpha(opacity=30);
	-moz-opacity:0.30;
	opacity:0.30;
}

h2 {
	color:#f39c12;
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:28px;
	font-weight:700;
	margin-top:0;
	text-align :center;
}

h3 {
	color:#265c46;
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:21px;
	font-weight:700;
	text-align :center;
}

.section1 {
	color:#555555;
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:18px;
	font-weight:400;
	letter-spacing:0.7px;
	margin:20px 0;
	line-height:28px;
	text-align :left;
}

.section2 {
	color:#ffffff;
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:18px;
	font-weight:400;
	letter-spacing:0.7px;
	margin:20px 0;
	line-height:28px;
	text-align :left;
}

.subhead {
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:14px;
	font-weight:400;
	letter-spacing:0.5px;
	margin:20px 0;
	line-height:25px;
	text-align :left;
}

/* TOP */

#top {
	width: 100%;
	overflow: hidden;
	z-index: 0;
	height:auto;
	min-height:500px;
	color:#ffffff;
	background-color:#2c3e21;
	background:url(../img/top-bg.png) no-repeat ;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover; 
}

#top .subhead {
	color:#ffffff;
}

#top .logo {
	margin-top:50px;
	text-align :center;
}

#top-slider {
	margin:55px 0;
}


/* FEATURES */

#features h2 {
	margin-top:0px;
}

#features h3 {
	margin-top:20px;
}

.feature p {
	font-size:15px;
}

#features i {
	color:#e67e22;
}

#features .feature {
	margin-top:50px;
	float:none;
	display:inline-table;
	height:440px;
}


/* VIDEO */

#video {
	color:#ffffff;
	background:url(../img/video-bg.png) no-repeat fixed;
	background-color:#8ec31f;
	width:100%;
	height:auto;
	overflow:hidden;
	z-index:0;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover; 
}

#video .subhead {
	color:#ffffff;
}


/* ABOUT */

#about h2 {
	margin-bottom:20px;
}

#about p {
	color:#555555;
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:16px;
	font-weight:700;
	text-align :center;
	margin-top:10px;
}

/* FAQ */

#faq .panel-default > .panel-heading {
	color:inherit;
	background-color: transparent;
	border: none;
	padding:5px 5px 5px 0;
}

#faq .panel-default {
	border:none;
}

#faq .panel-title a {
	text-decoration:none;
}

#faq .panel-title a:hover {
	color:#265c46;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.faq_title {
	color: #265c46;
	text-transform:uppercase;
}

.panel-body {
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:16px;
	font-weight:400;
	letter-spacing:0.5px;
	margin:20px 0;
	line-height:25px;
	text-align :left;
}

#faq h2 {
	margin-top:0;
}

#faq i {
	color:#265c46;
	vertical-align:middle;
	margin-right:3px;
}


/* TESTIMONIAL */

#testimonial {
	width: 100%;
	overflow: hidden;
	z-index: 0;
	height:auto;
	color:#ffffff;
	padding:50px 0;
	margin-bottom:0;
	background-color:#e67e22;
	background:url(../img/bg_fudokinooka.jpg) no-repeat fixed;
	background-position:center right;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	
}

.testimonial img {
	margin-bottom:20px;
}


/* REGISTER */

#register {
	padding:0;
}

#register h3 {
	color:#f39c12;
	margin-bottom:20px;
}


#register i {
	color:#f39c12;
	vertical-align:middle;
}

#register ul li {
	margin:5px 0;
}

.highlight {
	background-color:#e67e22;
	padding:25px 0;
	margin-bottom:20px;
}

.highlight h2 {
	color:#ffffff;
}

.highlight .subhead {
	color:#ffffff;
	margin-bottom:0;
}


/* form */

input[type="text"],
input[type="email"] {
	color:#ffffff;
	font-size:16px;
	font-weight:300;
	background:rgba(243,156,18, 0.7);
	width:100%;
	min-height:50px;
	padding:0 0 0 10px;
	text-transform:uppercase;
	border:0;
	margin-bottom:15px;
	outline:none;
}

textarea {
	color:#ffffff;
	font-size:16px;
	font-weight:300;
	background:rgba(243,156,18, 0.7);
	width:100%;
	padding:10px 0 0 10px;
	text-transform:uppercase;
	border:0;
	margin-bottom:15px;
	outline:none;
}

label {
	color: #265c46;
	font-size: 17px;
	font-weight: 400; 
	letter-spacing: 2px;
	text-transform: uppercase;

} 

/* GOOGLEMAP */

#googlemap {
	background:#eaeaea;
}

.googlemap1 {
	padding:20px 0px 0px 20px;
	color: #555555;
	font-size: 13px;
	font-weight: 700; 
	letter-spacing: 2px;
	text-transform: none;
	text-align :left;
} 

.googlemap2 {
	padding:0px 0px 20px 20px;
	color: #555555;
	font-size: 13px;
	font-weight: 700; 
	letter-spacing: 2px;
	text-transform: none;
	ext-align :left;
} 

#googlemap b {
	color:#e67e22;
}

/* PARTNERS */

#partners {
	padding-top:40px;
}

#partners h2 {
	margin-bottom:0;
}

#partners img {
	text-align :center;
	margin:0px 0px 40px 40px;
}

/* FOOTER */

footer {
	color:#ffffff;
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background:#265c46;
	padding:30px 0 0 0;
	font-size:13px;
	line-height:17px
}

footer img {
	margin-bottom:10px;
}


/* social buttons */

.social {
	margin-top:30px;
}

.social a {
	color:rgba(255,255,255, 0.6);
	padding:0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
} 

.social a:hover {
	color:#ffffff;
}

.social .fa-inverse {
	color: #3d562e;
}


/* subfooter */

.subfooter {
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background:#2c3e21;
	padding:20px;
	margin-top:20px;
}

.subfooter p {
	margin:0;
}



/* MISC */

/* Buttons */

.button {
	color: inherit;
	background: none;
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 11px;
	letter-spacing: 2px; 
	text-transform: uppercase;
	border: none;
	margin: 15px 0;
	padding: 5px 15px;
	display: inline-block;
	position: relative;
	outline: none;
	cursor: pointer;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
	   		border-radius:4px;
		-webkit-transition: all 0.3s;
		   -moz-transition: all 0.3s;
	            transition: all 0.3s;
}

.button:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	        transition: all 0.3s;
}

.button-big {
	padding:10px 20px;
	font-size:15px;
	border-radius:4px;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
}

.button-light {
	border: 1px solid #ffffff;
	color: #ffffff;
}

.button-light:hover,
.button-light:active {
	color: #265c46;
	background: #ffffff;
	text-decoration:none;
}

.button-dark {
	border: 1px solid #e67e22;
	color: #e67e22;
}

.button-dark:hover,
.button-dark:active {
	color: #ffffff;
	background: #e67e22;
	text-decoration:none;
}


/* PRELOAD */

.preload {
	background:#265c46;
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%; 
	z-index: 99;
	display:table;
}

.spinner {
  width: 40px;
  height: 40px;
  position: absolute;
  top:50%;
  left:46%;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #ffffff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: bounce 2.0s infinite ease-in-out;
  animation: bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

/* Go To Top */

.pagetop {
	text-align: right;
	margin-right:55px;
	float: right;
}



/* OTHERS */

.uppercase {
	color: #ffffff;
	text-transform:uppercase;
}

.uppercase a {
	color:#ffffff;
	font-weight:400;
}

.uppercase 
a:hover,
a:focus {
  color: #fff22a;
  text-decoration: none;
}

.white {
	color:#ffffff;
}


@media (max-width: 991px) {
	#top .logo {
	margin-top:50px;
	
}