/*
Theme Name: traininginstitute
Theme URI: https://kamleshyadav.in/wp/traininginstitute/
Author: kamleshyadav
Author URI: https://themeforest.net/user/kamleshyadav
Description: Training Institute WordPress Theme is a Responsive WordPress Theme which can be used for any Training Institute & Institute  Related Business, Once Easily setup a Training Institute Business Based Website With Just one Click Theme is Based on Unyson Framework which gives you an inbuilt Page Builder so all the content can be easily managed Theme is multipage as well as single page where single page version are having two version.
Version: 1.0.0 
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: traininginstitute
Tags:right-sidebar

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.

traininginstitute 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
--------------------------------------------------------------*/
html {
	font-family:'Noto Sans KR', 'Lato', 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 {
	font-size: 2em;
	margin: 0.67em 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:'Noto Sans KR', 'Lato', sans-serif;
	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;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-family:'Noto Sans KR', 'Lato', sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family:'Noto Sans KR', 'Lato', sans-serif;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

select {
	border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: royalblue;
}

a:visited {
	color: purple;
}

a:hover,
a:focus,
a:active {
	color: midnightblue;
}

a:focus {
	outline: thin dotted;
}

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

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/* 2020 */

.mobile-language {display:none}


.over {overflow:hidden; margin:20px 0}
.fl {float:left;}
.fr {float:right}
.col_white {color:#fff}
.mtitle { overflow:hidden; width:100%; margin:40px 0;}
.mtitle .mtitle-h2 {float:left; margin:0; padding:0; font-size:38px; line-height:48px; }
.mtitle .mtitle-view {float:right;vertical-align:bottom; margin:0; padding:0; text-align:right}
.mtitle .mtitle-view .plus {font-size:35px; line-height:42px}
.mtitle-p {margin:30px 0 20px!important; font-size:28px; line-height:44px; }
.view {border: 1px solid #212121;
	background-image: url(https://kokos.co.nz/images/fair/ico_view.png);
	background-size:18px 12px;
	background-repeat:no-repeat;
	background-position:90% 50%;
    background-color: transparent;
    color: #212121;
	display: inline-block;
    overflow: visible;
    position: relative;
    margin: 0;
    text-decoration: none !important;
    vertical-align: top;
    white-space: nowrap;
    box-sizing: border-box;
	padding:5px 50px 5px 20px}
.view.white {background-image: url(https://kokos.co.nz/images/fair/ico_view_white.png);border: 1px solid #fff;color:#fff; }
.view:hover {background-color: #005bac;border-color:#005bac;background-image: url(https://kokos.co.nz/images/fair/ico_view_white.png);color: #fff;}

.counting {margin:30px 0}
.counting .counting-sec {overflow:hidden; width:100%; display:table;}
.counting .counting-sec .col {width:25%; padding:20px 0; display:table-cell; text-align:center; vertical-align:top}
.counting .counting-sec .col.bg-num1 {background:url(https://kokos.co.nz/images/ch/bg_num1.png) center top no-repeat;}
.counting .counting-sec .col.bg-num2 {background:url(https://kokos.co.nz/images/ch/bg_num2.png) center top no-repeat;}
.counting .counting-sec .col.bg-num3 {background:url(https://kokos.co.nz/images/ch/bg_num3.png) center top no-repeat;}
.counting .counting-sec .col.bg-num4 {background:url(https://kokos.co.nz/images/ch/bg_num4.png) center top no-repeat;}
.counting .counting-sec .col .num {font-weight:bold; font-size:54px; color:#005bac}
.counting .counting-sec .col .tit {font-weight:bold; font-size:24px; margin-top:15px; display:block; color:#000}
.counting .counting-sec .col br {display:none}
.counting .counting-sec .col .txt {display:block; }

.whyin { margin-bottom:30px;}
.whyin ul {overflow:hidden; width:100%; margin:0 -10px -20px 0}
.whyin li {  width:calc(33.3% - 10px); height:240px; margin:0 0 10px 10px; display:inline-block; position:relative;}
.whyin li a {position:relative; display:block; color:#fff; width:100%; height:100%; }
.whyin li a:hover .dim {background: rgba(000, 000, 000, 0.1);}
.whyin li p {display:none}
.whyin li .whyin-pic { position:absolute; top:0; left:0; height:100%; width:100% }
.whyin li .whyin-pic img {width:100%; height:100%;}
.whyin li .whyin-pic .dim { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(000, 000, 000, 0.3); z-index: 1;}
.whyin li .tit-whyin{position:absolute; top:10px; left:20px; font-size:28px; font-weight:500; z-index:2; text-shadow:3px 0 3px black}
.whyin li .btn-whyin {position:absolute; bottom:20px; left:20px; font-size:18px;text-decoration:underline; z-index:2; text-shadow:3px 0 3px black}

.mnotice .mtitle {margin:40px 0 20px}
.mnotice .mnotice-case {width:calc(65% - 20px)}
.mnotice .mnotice-board {width:35%}
.mnotice .mnotice-board thead {display:none}
.mnotice .mnotice-board #kboard-default-latest table .kboard-latest-date {display:none}

.parallax {margin-top:100px; text-align:center; }
.parallax.overflow {width:1170px; margin:40px auto 0 auto;}
.parallax.overflow .fl {width:calc(50% - 20px); }
.parallax.overflow .fr {width:45%; text-align:left}
.parallax.overflow .fr h3 {font-size:38px; font-weight:bold}
.parallax.overflow .fr p {font-size:18px; padding-top:50px; color:#fff }
.parallax .tit-parallax { font-size:30px; color:#fff; margin-bottom:40px }
.parallax .btn-parallax { padding: 15px 30px; background: #2a83e8; color:#fff; font-weight: bold; font-size: 20px; border-radius:50px}

.page-id-1527 #contact-eng,
.page-id-1527 .quick_wechat{display:none}

.page-id-1527 .mnotice-case li {width:30%; height:120px; margin-bottom:10px; float:right; display:inline-block; position:relative}
.page-id-1527 .mnotice-case li:first-child {width:calc(70% - 10px); padding-right:10px; height:250px; float:left}
.page-id-1527 .mnotice-case li .kboard-list-title {position:absolute; top:15px; left:15px; font-size:18px;color:#fff; font-weight:500;z-index:2; text-shadow:3px 0 3px black; padding-right:10px}
.page-id-1527 .mnotice-case li .kboard-list-thumbnail-over-background {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(000, 000, 000, 0.3); z-index: 1;}
.page-id-1527 .mnotice-case li a:hover .kboard-list-thumbnail-over-background {background: rgba(000, 000, 000, 0.1);}
.page-id-1527 .mnotice-case li:first-child .kboard-list-title {font-size:22px; }
.page-id-1527 .mnotice-case li .kboard-list-user {display:none}
.page-id-1527 .mnotice-case li .kboard-list-thumbnail {height:100%!important}
.page-id-1527 .mnotice-case li .kboard-list-thumbnail-child {width:100%; height:120px}
.page-id-1527 .mnotice-case li:first-child .kboard-list-thumbnail-child {width:100%; height:250px}

.chcontents {font-family: 'Noto Sans TC', sans-serif; font-size:17px; color:#333}
.chcontents strong {font-weight:bold; color:#0769e0}
.contents-left {width:20%; float:left; }
.contents-left .title-h3 { font-size:26px; line-height:34px}
.contents-right {width:80%; float:left; padding-left:20px; position:relative}
.contents-right p {margin-bottom:20px; text-align:justify; font-size:16px}
.chcontents dt {font-size: 18px; font-weight: bold; margin: 20px 0 10px; padding: 0!important; border:none!important; background:none!important; color:#0769e0}
.contents-list li {padding: 0 0 0 22px; text-indent: -23px; font-size: 17px; line-height: 26px;}
.contents-list li:before { content: "- "; color: #0769e0; font-size: 20px; font-weight: bold; padding-right:8px}
.contents-numlist {margin:0 0 30px 30px}
.contents-numlist li { counter-increment: my-awesome-counter; padding-bottom:10px; }
.contents-numlist li::before { content: counter(my-awesome-counter) ". "; color: #0769e0; font-weight: bold; position: absolute;left: 16px;}
.contents-numlist li > ul{padding:0 0 10px 0; margin:0;}
.contents-numlist li > ul > li {padding:0 0 4px 17px; text-indent:-14px}
.contents-numlist li > ul > li:before { content: "- ";color:#0769e0; font-weight:bold; padding-right:5px}

.stitle { overflow:hidden; width:100%; text-align:center}
.stitle .stitle-h2 {font-size: 2.1em;line-height: 1.216;font-weight: 500;color: #444;text-align: center; position: relative;margin:20px 0 40px;padding-bottom: 15px; text-transform: capitalize;}
.stitle p { padding-bottom: 10px; font-size:16px}
.stitle .stitle-h2:before {position: absolute; content: ""; top: 100%; left: 0; right: 0; margin: 0px auto; height: 5px; width: 118px; background-color: #0769e0;}

.chcontents {font-family: 'Noto Sans TC', sans-serif; font-size:17px}
.chcontents a {color:#0769e0!important; text-decoration:underline}
.ed_blog_info .ed_blog_image {display:none}
.ed_blog_info .chcontents h2{ font-size: 20px; font-weight: bold; margin: 30px 0 20px; padding: 0!important; border:none!important; background:none!important; color:#333}
.ed_blog_info .chcontents h3{ font-size: 18px; font-weight: bold; margin: 20px 0 10px; padding: 0!important; border:none!important; background:none!important; color:#0769e0}
.ed_blog_info .chcontents p {margin-bottom:10px}
.ed_blog_info .chcontents ol {margin:0 0 30px 30px}
.ed_blog_info .chcontents ol > li { counter-increment: my-awesome-counter; padding-bottom:4px; }
.ed_blog_info .chcontents ol > li > ul{padding:0 0 10px 0; margin:0;}
.ed_blog_info .chcontents ol > li > ul > li {padding:0 0 4px 17px; text-indent:-14px}
.ed_blog_info .chcontents ol > li > ul > li:before { content: "- ";color:#0769e0; font-weight:bold; padding-right:5px}
.ed_blog_info .chcontents ol > li::before { content: counter(my-awesome-counter) ". "; color: #0769e0; font-weight: bold; position: absolute;left: 16px;}
.ed_blog_info .chcontents ul {padding:0 0 10px 0}
.ed_blog_info .chcontents ul > li:before { content: "- "; color: #0769e0; font-size: 20px; font-weight: bold;}
.ed_blog_info .chcontents ul > li {padding: 0 0 0 17px; text-indent: -14px; font-size: 17px; line-height: 28px;}
.ed_blog_info .chcontents ul > li > ul {padding:0 0 10px 0; margin:0}
.ed_blog_info .chcontents ul > li > ul > li:before { content: "· "; color:#0769e0; font-weight:bold; padding-right:5px}
.ed_blog_info .chcontents ul > li > ul > li {padding:0 0 4px 17px; text-indent:-14px}
.ed_blog_info .chcontents ul.none > li:before { content: "";}
.ed_blog_info .chcontents ul.none > li { padding-left:0; text-indent:0;}

.university {margin-top: 5px;margin-bottom: 5px;overflow: hidden;}
.university > table { display: table; border-collapse: collapse; width: 100%;border-top: 1px solid #333;}
.university > table > * > tr > *:first-child {border-left: none;}
.university > table > * > tr:first-child > * {border-top:none}
.university > table > * > tr:first-child > * {border-top:none}
.university > table > * > tr > *:last-child { border-right: none;}
.university > table > * > tr > * {vertical-align: middle; height: 38px;border: 1px solid #dddddd;background: white;padding:0 10px!important;color: #666666; font-size: 15px; line-height:25px!important; text-align: center}
.university > table > * > tr > .tal {text-align:left!important}
.university > table > * > tr > th {color: #000000; background: #f2f4f9; font-weight: bold; text-align: center!important;}
.university.line > table > * > tr:nth-child(2n) > td {background: #f9fafc;}

.chstep { overflow:hidden}
.chstep li {float:left; width:25%; text-align:center; background:url(https://kokos.co.nz/images/ch/step_bg.png) center right no-repeat;}
.chstep li:last-child {background:none;}

.mschool-list {max-width:1170px; margin: 0 auto; padding:0 15px 40px 15px}
.mschool-list .mtitle { margin: 30px auto 20px}
.mschool-list .swiper-container {width:100%!important; padding:0!important}
.mschool-list .swiper-container .swiper-button-prev {left:-30px!important; top:calc(50% + 10px)!important}
.mschool-list .swiper-container .swiper-button-next {right:-30px!important; top:calc(50% + 10px)!important}
.mschool-list .wp-spaios-slider-wrap .wp-spaios-content-wrp { top: 0; left: 0; position: absolute;  background-image: url("https://kokos.co.nz/images/ch/mschool-list-btn.png");  background-repeat: no-repeat; background-position: 20px 90%;background-color: rgba(000,000,000,0.3); text-align: left; width: 100%; height: 100%; padding: 10px;}
.mschool-list .wp-spaios-slider-wrap .wp-spaios-content-wrp:hover { background-image: url("https://kokos.co.nz/images/ch/mschool-list-btn.png");  background-repeat: no-repeat; background-position: 20px 90%;background-color: rgba(000,000,000,0.1); cursor:pointer; }
.mschool-list .wp-spaios-slider-wrap .wp-spaios-content-wrp .wp-spaios-category a {color:#fff; border:1px solid #fff}
.mschool-list .wp-spaios-slider-wrap .wp-spaios-content-wrp .wp-spaios-title a {color:#fff; padding:5px 0 0 5px; font-weight:500; width:100%; height:100%}
.mschool-list .wp-spaios-slider-wrap .wp-spaios-content-wrp .wp-spaios-title a:hover {text-decoration:underline}
.mschool-list .wp-spaios-slider-wrap .wp-spaios-title {margin:0; display:block; width:100%; height:100%}

.mschool-list.nz-list .wp-spaios-slider-wrap .flex-caption {position:absolute; top:0; left:0; background-image: url("https://kokos.co.nz/images/ch/mschool-list-btn.png");  background-repeat: no-repeat; background-position: 20px 90%;background-color: rgba(000,000,000,0.3); text-align: left; width: 100%; height: 100%; padding: 20px; color:#fff; font-size:22px}
.mschool-list.nz-list .wp-spaios-slider-wrap .flex-caption:hover { background-image: url("https://kokos.co.nz/images/ch/mschool-list-btn.png");  background-repeat: no-repeat; background-position: 20px 90%;background-color: rgba(000,000,000,0.1); cursor:pointer; text-decoration:underline}


.contents-right .img-holder.wid50per {width:50%; float:left}
.contents-right .txt-holder.wid50per {width:50%; float:left; padding-left:20px; text-align:justify}

.elementor-row {display: flex;box-sizing: border-box;margin: 0 -10px 20px 0;}
.elementor-element {width: 50%; position: relative; box-sizing: border-box; padding: 0 10px 0 0;}
.elementor-element span { display:block;font-size:12px; background:#eee; padding:5px 10px}

.khistory {float:left; background:url("https://kokos.co.nz/images/bg_history.png") no-repeat center bottom; padding-bottom:130px; margin-bottom:50px; }
.khistory dl {float:left; width:calc(50% - 30px); text-align:right; margin-top:28px; padding:15px; background:#fff; border-radius:5px;}
.khistory dl:nth-child(2n) {float:right;text-align:left; margin-top:34px}
.khistory dl:first-child {margin-top:0}
.khistory dl:nth-child(2) {margin-top:60px}
.khistory dl dt {margin:0 0 10px 0; font-size:20px}
.khistory dl dd li { padding-left:13px; text-indent:-12px; font-size:16px;}
.khistory dl dd li:before { content: "· ";font-weight:bold;}

.bgnetwork { margin:0 auto; overflow:hidden; min-height:866px; padding-top:100px; background:url("https://kokos.co.nz/images/bg_network.png") top center no-repeat; }
.bgnetwork .network { float:left; padding-bottom:20px; width:100%; padding:0 30px 0 50%; max-width:calc(50% + 570px); }
.network h2 { font-size: 2.1em; line-height: 1.216; font-weight: 500;position:relative; margin-bottom:40px; padding-bottom:30px }
.network h2:before { position: absolute; content: ""; top: 60px; width: 118px; height: 5px; background-color: #0769e0;}
.network p {margin-bottom:20px; color:#464646; font-size:18px;}

.whoweare .staff ul {float:left; width:100%; margin-bottom:30px}
.whoweare .staff ul li {float:left; width:25%; padding:0 10px; min-height:125px; margin-bottom:25px}
.whoweare .staff ul li img {width:100%;}
.whoweare .staff ul li .staff_txt {text-align:center; padding-top:5px}
.whoweare .staff ul li .staff.name {font-weight:500; color:#0769e0; font-size:21px; display:inline-block}
.whoweare .staff ul li .staff.position { color:#333; font-weight:500}
.whoweare .staff ul li .staff.tel,
.whoweare .staff ul li .staff.email{ color:#666;font-size:14px; }
.whoweare .staff ul li .staff.tel a,
.whoweare .staff ul li .staff.email a{color:#666}
.whoweare .staff ul li .staff.tel a:hover,
.whoweare .staff ul li .staff.email a:hover { color:#0769e0; text-decoration:underline}

.kvideo {overflow:hidden; margin:20px 0; }
.kvideo p { margin-bottom: 20px; color: #464646; font-size: 18px;}

#branch .section_img { float:left; margin:0 30px 20px 0; width:50%}
#branch .branch1 .section_img {float:right; margin: 0 0 20px 30px;}
#branch .branch { overflow:hidden; clear:both; margin:20px 0 30px}
#branch .branch dl { padding-bottom:20px}
#branch .branch dl dt{ position:relative; margin:10px 0 30px; font-size:24px; color:#333}
#branch .branch dl dd {margin-bottom:20px; font-size:18px; }
#branch .branch dl dd strong {color:#0769e0; font-weight:bold}
#branch .branch dl dd li {padding:0 0 0 17px; text-indent:-14px; font-size:18px; line-height:26px}
#branch .branch dl dd li:before { content: "- "; color:#0769e0; font-weight:bold; padding-right:5px}
#branch .branch dl dt.mobile {display:none}

.whatwedo {margin:40px 0}
.whatwedo h3 { font-size: 1.618em; font-weight: 500; margin:30px 0 20px}
.whatwedo p { margin-bottom:15px}

.journey ol {width:100%; display:table; margin:50px 0}
.journey li {width:25%; display:table-cell; text-align:center; background:url("https://kokos.co.nz/images/ch/step_bg.png") right 90px no-repeat;}
.journey li img {display:block; margin:0 auto 20px auto}
.journey li .journey-step {display:inline-block; background:#51acf9; clear:both; color:#fff; font-weight:bold; font-size:16px; padding:0 15px; margin-bottom:10px; border-radius:15px}
.journey li:last-child {background:none;}

.lcp_catlist {overflow:hidden; margin: 0 -20px;}
.lcp_catlist li {display:inline-block; width:25%; padding:20px 20px 20px 20px; border-bottom:1px solid #eee}
.lcp_catlist li a {display:block; padding-bottom:10px; color:#333!important; font-weight:bold; text-decoration:none; letter-spacing:-0.8px}
.lcp_catlist li a:nth-child(2):hover:after {background:#235787; color:#fff}
.lcp_catlist li a:nth-child(2):after {content: "VIEW"; margin-top:10px; line-height: 1; border: 1px solid #235787; color: #235787; border-radius: 2px; cursor: pointer; padding: 7px 17px; font-size: 13px; text-transform: uppercase; letter-spacing: .5px;}
.lcp_catlist li a img {margin-bottom:10px}

.whynz {margin-bottom:50px}
.whynz h3 { font-size: 1.618em; font-weight: 500; margin:40px 0 15px; color:#2b2b2b}
.whynz p { text-align: justify; margin: 0;}

.widget-container { margin:30px 0; overflow:hidden;-webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}

.widget-container .widget-icon{ float:left; width:25%}
.widget-container .elementor-image-box-wrapper{ float:left; width:70%}
.widget-container .elementor-image-box-wrapper h3 { color:#0769e0;font-size:24px; margin-bottom:10px}
.widget-container .elementor-image-box-wrapper p { font-size: 16px; line-height: 1.7em;}
.widget-container.staff-list .widget-icon { width:35%}
.widget-container.staff-list .elementor-image-box-wrapper { width:60%}
.widget-container.staff-list .elementor-image-box-wrapper p {line-height:22px }

.intro {background: #fff; margin-bottom: 50px; overflow: hidden; margin:0}
.intro .columns-4 { width: 25%;display:table-cell;border-right:1px solid #eee; border-bottom:1px solid #eee; vertical-align:top; padding: 0 5px;}
.intro .columns-4:last-child {margin-bottom:0;}
.intro .columns-4 .img-holder img { width: 100%; vertical-align: top;}
.intro .columns-4 .text-holder {padding:20px}
.intro .columns-4 .text-holder strong { background: linear-gradient(transparent 50%, #c0ddff 50%); color: #333;}

.itps {overflow:hidden; margin:0 -10px}
.itps dl {width:33%; float:left; padding:0 10px; }
.itps dl dd img { display:block; margin:0 auto}

.imp {padding:0 0 4px 20px; text-indent:-20px}
.imp:before { content: "* ";color:red; font-weight:bold; padding-right:8px}

.col_red {font-weight:bold; color:red}


/*tab menu*/
.css3-tab {list-style: none;position: relative;width: 100%;margin-top:40px}
.css3-tab input[type='radio'] {display: none; line-height:0;}
.css3-tab .css3-tab-nav { display: table; table-layout: fixed; width: 100%;}
.css3-tab .css3-tab-nav label { display: table-cell; background-color: #f7f7f7; color: #06132b; padding: 10px 5px; text-align: center; transition: all .3s ease 0s;  width:25%}
.css3-tab .css3-tab-nav label:hover { cursor: pointer; background: white; color: #06132b; transition: all .3s ease 0s;}
.css3-tab .css3-tab-nav br {display:none}
.css3-tab .css3-tab-content { overflow: hidden; padding: 25px 0; display: none; background: #FFF; clear: left; box-sizing: border-box;}

.css3-tab input[id='tab01']:checked ~ .css3-tab-nav label[for='tab01'],
.css3-tab input[id='tab02']:checked ~ .css3-tab-nav label[for='tab02'],
.css3-tab input[id='tab03']:checked ~ .css3-tab-nav label[for='tab03'],
.css3-tab input[id='tab04']:checked ~ .css3-tab-nav label[for='tab04']{
  background: #317cdc;
  color: #fff;
  cursor: default;
}
.css3-tab input[id='tab01']:checked ~ div.tab01,
.css3-tab input[id='tab02']:checked ~ div.tab02,
.css3-tab input[id='tab03']:checked ~ div.tab03,
.css3-tab input[id='tab04']:checked ~ div.tab04{
  display: block;
  border-top: solid 3px #317cdc;
}

@media screen and (max-width:1024px){
	.mnotice .mnotice-case {width:100%}
	.mnotice .mnotice-board {width:100%}
	.whyin li {  height:200px;}
	#branch .branch dl dt { margin:0 0 10px 0}
	#branch .branch dl dd { margin-bottom:5px}
	.network h2 { font-size: 1.7em;}
	.network p { font-size:17px; line-height:24px}


}
@media screen and (max-width:760px){
	.mtitle { display:block; width:100%; margin-bottom:20px;}
	.mtitle .mtitle-h2 {display:block; margin:0; padding:0; font-size:27px; line-height:38px; }
	.mtitle .mtitle-view {display:block; margin:3px 0 0 0;}
	.mtitle .mtitle-view .view{background-image:none; padding:5px 14px}

	.counting .counting-sec .col {padding:10px 0;}
	.counting .counting-sec .col.bg-num1 {background-size:120px;}
	.counting .counting-sec .col.bg-num2 {background-size:120px;}
	.counting .counting-sec .col.bg-num3 {background-size:120px;}
	.counting .counting-sec .col.bg-num4 {background-size:120px;}
	.counting .counting-sec .col .num {font-weight:bold; font-size:40px; color:#005bac}
	.counting .counting-sec .col .tit {font-weight:bold; font-size:18px; margin-top:15px; display:block; color:#000}
	.whyin li {  width:calc(50% - 10px); height:200px;}
	.khistory dl:nth-child(2) {margin-top:90px}
	
	#branch .section_img { width:100%; }
	.bgnetwork {padding-top:50px}
	.bgnetwork .network {padding-right:20px}
	.lcp_catlist li {width:50%;}

	.elementor-row {display:block}
	.elementor-element {width:100%;}

	.intro .columns-4 {width: 100%;display:inline-block;padding:20px;border-bottom:1px solid #eee;	}
	.intro .columns-4 .img-holder {width:25%;float:left;}
	.intro .columns-4 .text-holder {width:70%;padding:0 0 0 20px;float:left;
	.intro .columns-4 .text-holder p {margin:0; }


    .mobile-language { display:block!important; padding:10px 0; margin-bottom:10px; border:1px solid #eee}
    .mobile-language a {display:inline-block; width:30%!important; text-align:center;}
    .mobile-language span {color:#eee; }
}
@media screen and (max-width:600px){
	.mtitle-p {margin:30px 0 20px; font-size:20px; line-height:30px; }
	.counting {margin:20px -15px 10px}
	.counting .counting-sec .col {width:50%;display:inline-block}
	.whyin li { height:190px;}
	.contents-left .title-h3 { font-size:22px; line-height:32px}
	#rev_slider_3_1 .uranus.tparrows {display:none}
	.bgnetwork {background:url("https://kokos.co.nz/images/bg_networkm.png") 50% 130px no-repeat; background-size:contain; padding-top:0;  min-height:auto}
	.bgnetwork .network { width:100%; padding:20px;}
	.bgnetwork .network h2 { text-align:center; margin-bottom:110%}
	.bgnetwork .network h2:before { text-align:center; top: 100%;left: 0; right: 0; margin: 0px auto;}
	.journey ol {margin:40px 0}
	.journey ol:first-child {margin-bottom:0}
	.journey ol:nth-child(2) {margin-top:0}
	.journey li {width:50%;display:inline-block; vertical-align:top; height:100%; margin-bottom:40px}
	.css3-tab .css3-tab-content .school-rec{ width:50%;}
}

@media screen and (max-width:460px){
	.whyin li {  width:100%; height:230px;}
	.contents-left {width:100%; float:none; margin-bottom:20px;}
	.contents-right {width:100%; float:none; padding-left:0}
	.parallax.overflow .fl {width:100%}
	.parallax.overflow .fr {width:100%;}
	.khistory {background:none; padding-bottom:0; }
	.khistory dl { width:100%; margin-top:10px!important; text-align:left!important}
	.css3-tab .css3-tab-nav label {display: inline-block;box-sizing: border-box;width: 50%;font-size:15px}

}