/*FONTS*/
@import url('https://fonts.googleapis.com/css?Roboto:200,300,400,500,700,900i');
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,600,700');
/*---------------------------------------------------------------
---------------------------------------------------------------

Header Section  

---------------------------------------------------------------
---------------------------------------------------------------*/

.flat-language > ul > li > ul, #educare-mobile-nav ul.sub-menu > li > a, .product .content-product .btn-card, .product .content-product .name, .product .content-product .mount, .product .featured-product img {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#header.downscrolled {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.header .logo, #mainnav ul.submenu, #mainnav ul.submenu > li > a, aside.educare-info, .product .box-product, .entry .readmore:after, .switcher-container h2 a, .switcher-container h2 i, .sw-pattern.pattern, .entry, .entry-border, .item-border, .item .featured-item a img, .go-top, .entry .featured-post a img, .educare-info-nav-menu ul li::after, .educare-info.educare-info-out-link ul li a:before, .educare-info-nav-menu ul li, .educare-info.educare-info-recent-new ul li span:before, .educare-search, .educare-search #searchform-all #searchsubmit, .shopping-cart .educare-shoping-box {
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -ms-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
}
/* Color */
.menu.educare-ex-nav li a:hover, .flat-information li i, .start-pri i, .item .content-item .title-item a:hover, .comment .comment-body .comment-info h6 a:hover, .product-single .social-links li a:hover, .product-single .product_meta li a, .educare-info-banner .sale, .educare-info-shopby .price_slider_amount .price_label input, .educare-info-shopby .ui-slider .ui-slider-handle, .infomation-text span, .breadcrumbs.color-661 ul li a:hover, .item .readmore::after, .item .readmore:hover, .educare-info.educare-info-phone i, .page-title.style2 .breadcrumbs ul li a:hover, .flat-information.style2 li a:hover, #mainnav.style2 ul.submenu > li > a:hover, .flat-language.color-white .current a:hover, #mainnav.style2 > ul > li.active > a, #mainnav.style2 > ul > li > a:hover, .social-links.color-white li a:hover, .entry .readmore:after, .project-dynamic .entry .content-post .title-post a:hover, .project-dynamic .entry .readmore:hover, .project-dynamic .entry .readmore:hover:after, .entry .meta-data .meta-post li.author a, .copyright a, #subscribe-msg .notification_error, #subscribe-msg .notification_ok, .flat-language > ul > li > ul li a:hover, .breadcrumbs ul li a:hover, .breadcrumbs ul li i, .footer a:hover, .entry .content-post .title-post a:hover, .entry .readmore:hover {
 color: #86bc42;
}
#mainnav > ul > li.active > a, #mainnav > ul > li > a:hover, .social-links.style2 li a:hover, .social-links.style3 a:hover, .educare-info-shopby .ui-slider .ui-slider-handle span.shadow.dow, .educare-info-shopby .ui-slider .ui-slider-range, #mainnav ul.submenu > li > a:hover {
	background-color: #a64b9c;/*#86bc42;*/
}
#mainnav > ul > li.active > a, #mainnav > ul > li > a:hover, .educare-info-product ul li ins, .product-single ul.product-style li .detail, .testimonials .avatar span.name, .product .content-product .mount, .breadcrumbs.color-661 ul li a, .breadcrumbs.color-661 ul li, .breadcrumbs.color-661 ul li:before, .item .readmore, .item .content-item .title-item, .educare-info.educare-info-phone span, .page-title.style2 .page-title-heading h1, .page-title.style2 .breadcrumbs ul li, .page-title.style2 .breadcrumbs ul li a, .page-title.style2 .breadcrumbs ul li i, .page-title.style2 .breadcrumbs ul li:before, .educare-ex-nav.color-661 li a, .entry .content-post .title-post a, .entry .readmore, .item .content-item .title-item a, .single-post p, #mainnav.color-661 > ul > li > a {
	color: #fff;
}
.top.background-661, .nav-absolute .nav-wrap, .header.educare-header {
	background-color: #006699;/*#0f3661;*/
}
.project-info ul li, .educare-info-section.color35d .info-text p, .product-single .product_meta li a:hover, .product-single .product-style li, .product-single p, .product-single ins, .educare-info-product ul li .product-name a, .testimonials blockquote.whisper, .careers-info .careers-text p, .page-commingsoon .title-section.sub .title, .product .content-product .name, #mainnav ul.submenu > li > a, .item .content-item p, .wrap-formcontact.style2 p, .list-author .info-author .contact-author h3 {
	color: #42435d;
}
.project-dynamic .entry .content-post, .project-dynamic .entry .category, #mainnav.color-white > ul > li.active > a, #mainnav.color-white > ul > li > a:hover, #mainnav.color-white ul.submenu > li > a:hover, .project-dynamic .entry .content-post .title-post a, .social-links.color-white li a, .project-dynamic .entry .readmore, .infomation-text, .educare-info.educare-info-nav-menu ul li a:hover, .educare-info.educare-info-nav-menu ul li.active a, .breadcrumbs ul li:before, .breadcrumbs ul li a, .breadcrumbs ul li, .page-title-heading h1, #educare-mobile-nav ul.sub-menu > li > a:hover, #educare-mobile-nav > ul > li > ul > li.active > a, #educare-mobile-nav ul > li > a, #mainnav > ul > li > a, .educare-ex-nav li a, .social-links.style3 a:hover, .educare-search #searchform-all #searchsubmit, .flat-language > ul > li > ul li a, .flat-information.before-white li i, .btn-click.color-white .flat-button, .project-dynamic .entry .readmore:after, .flat-language.color-white .current a, .flat-information.style2 li a {
	color: #ffffff;
}
.header .background-white, #mainnav ul.submenu, .shopping-cart .educare-shoping-box, .header.bg-white, .header-style3.downscrolled {
	background-color: #ffffff;
}
/* Position */
.flat-top.social-links, #mainnav > ul > li > a, #mainnav ul li, .flat-language, .sw-odd .sw-image .sw-buy, .product-single .product_meta li, .comment-respond h2, .flat-information, .educare-info.educare-info-shopby form, .educare-info.educare-info-shopby .ui-slider, .wrap-breackcrum, .product .content-product, .main-history .wrap-step .data-step, .main-history .wrap-step .info-step, .item .readmore, .educare-header-wrapper, .educare-header-section, .top .menu.educare-ex-nav, .data-effect, .slide-overlay, .entry, .item, .flat-language .current a, .educare-search #searchform-all, .entry .readmore, .entry .meta-data ul li, .educare-info-download .download a, .educare-info.educare-info-nav-menu ul li a, .educare-info.educare-info-testimonials .avatar span.name, .educare-info.educare-info-testimonials .avatar, .educare-info-nav-menu ul li, .educare-info.educare-info-out-link ul li a, .educare-info.educare-info-recent-new ul li span, .educare-ex-nav > li, .nav-wrap, .page-title {
	position: relative;
}
.flat-top.social-links::before, .educare-info-nav-menu ul li::before, .product-single .product_meta li::after, .comment-respond h2::after, .top .menu.educare-ex-nav::before, .main-history .wrap-step .data-step::before, .main-history .wrap-step .data-step::after, .top.style2 .flat-information::before, .educare-info.educare-info-nav-menu ul li a:before, .educare-info.educare-info-testimonials .avatar span.name::after {
 position: absolute;
 content: "";
}
.flat-language .current > a:after, .breadcrumbs ul li:before, .sw-odd .sw-image .sw-buy:after, .item .readmore::after, .entry .readmore:after, .educare-info-download .download a:after, .educare-info-nav-menu ul li::after, .educare-info.educare-info-testimonials .avatar::after {
 position: absolute;
 font-family: "FontAwesome";
}
.educare-info.educare-info-out-link ul li a:before, .educare-info.educare-info-recent-new ul li span:before, .entry .meta-data ul.meta-comment li::before {
 position: absolute;
 left: 0;
 top: 0;
 font-family: "FontAwesome";
}
.project-dynamic .entry .content-post, .project-dynamic .entry .content-post .wrap-table, .project-dynamic .entry .content-post .flat-tabcell, .page-commingsoon .flat-commingsoon, .flat-commingsoon .wrap-table, .flat-commingsoon .flat-tabcell {
	width: 100%;
	height: 100%;
}
.project-dynamic .entry .content-post .wrap-table, .flat-commingsoon .wrap-table {
	display: table;
}
.project-dynamic .entry .content-post .flat-tabcell, .flat-commingsoon .flat-tabcell {
	display: table-cell;
	vertical-align: middle;
}
.page-commingsoon .flat-commingsoon {
	position: absolute;
	left: 0;
	top: 0;
}
/* Opacity */
#mainnav ul.submenu, .flat-language > ul > li > ul, .effect-animation, .educare-search, .go-top, .shopping-cart .educare-shoping-box, .product:hover .content-product .name, .product:hover .content-product .mount {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	visibility: hidden;
}
#mainnav ul li:hover > ul.submenu, .flat-language .current:hover ul, .effect-animation.animated, .go-top.show, .educare-search.show, .shopping-cart:hover .educare-shoping-box {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	visibility: visible;
}
/* float */
.float-left {
	float: left;
}
.float-right {
	float: right;
}
/* Top 
---------------------------------------------------------------*/
.top {
	padding: 2px 0px;
	background-color: #a9509f; /*#edeff1;*/
	color: #28293a;
	font-size: 14px;
}
.flat-top {
	float: right;
}
/* Flat Socials
-------------------------------------------------------------- */
.social-links li {
	display: inline-block;
	padding: 0px 6px;
}
.social-links li:last-child {
	padding-right: 0;
}
/* Flat Language
-------------------------------------------------------------- */
.flat-language {
	width: 32%;
}
.flat-language .current a {
	padding: 0 14px 0 2px;
}
.flat-language .current > a:after {
	content: "\f107";
	right: -0px;
	top: -5px;
}
.flat-language > ul > li > ul {
	position: absolute;
	left: 0;
	top: 100%;
	width: 130px;
	margin-top: 15px;
	padding: 5px 0px;
	background-color: #646a7c;
	z-index: 9999;
}
.flat-language .current:hover ul {
	margin-top: 0px;
}
.flat-language > ul > li > ul li {
	padding: 1px 0 2px 15px;
	line-height: 24px;
}
.flat-language > ul > li > ul li a {
	display: block;
}
.flat-language ul li {
	display: inline-block;
	padding: 0 10px;
}
/* Flat-Infomation
-------------------------------------------------------------- */
.flat-information li {
	line-height: 30px;
	font-size: 14px;
	padding-left: 2px;
}
.flat-information li i {
	margin-right: 10px;
}
/* educare-info Header
-------------------------------------------------------------- */
.wrap-educare-info-header {
	padding: 17px 0px 10px;
}
.wrap-educare-info-header .educare-info-section {
	float: right;
	margin: 0 0 0 48px;
}
.educare-info-section .info-icon {
	float: left;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin: 3px 20px 0px 0px;
	box-shadow: 0 0 14px 1px #eee;
	color: #1b9d89;/*#86bc42;*/
	border: 1px solid #ebebeb;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.educare-info-section .info-icon i {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.educare-info-section .info-text {
	overflow: hidden;
}
.educare-info-section .info-text h4,
.educare-info-section .info-text h6 {
	margin-bottom: 0;
	color: #ea3904;
}
.educare-info-section .info-text p {
	font-size: 14px;
}
/* educare-info phone */
.educare-info.educare-info-phone span {
	font-size: 18px;
	font-weight: 700;
}
.educare-info.educare-info-phone i {
	font-size: 16px;
	padding-right: 8px;
}
.educare-search {
	position: absolute;
	right: 0px;
	top: 100%;
	width: 320px;
}
.educare-search.show {
	z-index: 9999;
	top: 100%;
}
.show-search.active i:before {
	content: "\f00d";
}
.educare-search #searchform-all #input-search {
	width: 100%;
	padding: 0 10px 0 20px;
	margin-bottom: 0;
	height: 45px;
}
.educare-search #searchform-all #searchsubmit {
	position: absolute;
	right: 0px;
	top: 0px;
	cursor: pointer;
	background: transparent;
	padding: 3px;
	border: none;
	opacity: 0.3;
	text-align: center;
	font-size: 0;
	font-weight: 700;
	/*background-image: url(../images/icon/arrow.html);*/
	background-repeat: no-repeat;
	background-position: center;
	width: 55px;
	height: 45px;
}
.educare-search #searchform-all #searchsubmit:hover {
	opacity: 1;
}
/* Header
-------------------------------------------------------------- */
#header {
	z-index: 999;
}
.header .logo {
	margin: 10px 0 0 0;
}
.header.header-backgroundf61 {
	background-color: #1c0f61;
}
/* Header Fix */
.header.downscrolled {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 999;
	box-shadow: 0px 10px 27px 0px rgba(0, 0, 0, 0.15);
}
.header-absolute.downscrolled {
	background-color: #fff
}
.header.downscrolled #mainnav.style2 > ul > li > a, .header.downscrolled .educare-ex-nav.style2 li a {
	line-height: 60px;
}
.header.header-style2.downscrolled .logo, .header.header-style4.downscrolled .logo {
	margin-top: 15px;
}
.downscrolled .margin-top36 {
	margin-top: 19px;
}
.downscrolled .margin-top26 {
	margin-top: 6px;
}
.header.header-style3.downscrolled .logo {
	margin: 15px 0 0 21px;
}
.header-style3.downscrolled .btn-click.style2 .flat-button {
	padding: 17px 28px 19px 28px;
}
/* Menu Extra */
.menu.educare-ex-nav li a {
	padding: 0px 12px;
	display: block;
}
.menu.educare-ex-nav li:last-child a {
	padding-right: 2px;
}
/* Shopping-Cart
-------------------------------------------------------------- */
.shopping-cart .educare-shoping-box {
	position: absolute;
	width: 300px;
	right: 0;
	top: 120%;
	padding: 40px 30px 20px 30px;
	z-index: 9999;
	text-align: left;
}
.shopping-cart:hover .educare-shoping-box {
	top: 100%;
}
/* Navigation */
.nav-wrap .mainnav {
	float: left;
}
.menu.educare-ex-nav {
	padding-left: 20px;
	float: right;
}
.menu.educare-ex-nav > li {
	display: inline-block;
	font-size: 16px;
}
#mainnav > ul {
	text-align: left;
}
#mainnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#mainnav > ul > li {
	display: inline-block;
	margin-right: -5px;
}
#mainnav > ul > li > a {
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	display: block;
}
#mainnav > ul > li > a, .educare-ex-nav li a {
	padding: 0 15px 0px 15px;
	line-height: 45px;
}
#mainnav > ul > li:nth-child(4) > a {
 padding: 0px 28px 0px 30px;
}
/* submenu */
#mainnav ul.submenu {
	position: absolute;
	left: 0;
	top: 120%;
	width: 280px;
	text-align: left;
	z-index: 9999;
	background: #16579a;/*#0f3661;*/
}
/* Right sub-menu */
#mainnav ul.right-sub-menu {
	left: auto;
	right: 0;
}
#mainnav ul li:hover > ul.submenu {
	top: 100%;
}
#mainnav ul li ul li {
	margin-left: 0;
}
#mainnav ul.submenu li ul {
	position: absolute;
	left: 240px;
	top: 0 !important;
}
#mainnav ul.submenu > li > a {
	display: block;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	padding: 0 0 0 20px;
	line-height: 40px;
	color: #FFF;
}
/* Mobile navigation
---------------------------------------- */
#educare-mobile-nav {
	display: block;
	margin: 0 auto;
	width: 100%;
	position: absolute;
	background-color: #222222;
	z-index: 1000;
}
#educare-mobile-nav ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
#educare-mobile-nav ul li {
	margin: 0;
	position: relative;
	text-align: left;
	border-top: 1px solid #333333;
	cursor: pointer
}
#educare-mobile-nav ul > li > a {
	text-decoration: none;
	height: 50px;
	line-height: 50px;
	display: block;
	padding: 0 15px;
}
#educare-mobile-nav ul.sub-menu {
	top: 100%;
	left: 0;
	z-index: 2000;
	position: relative;
	background-color: #333333;
}
#educare-mobile-nav > ul > li > ul > li, #educare-mobile-nav > ul > li > ul > li > ul > li {
	position: relative;
	border-top: 1px solid #333333;
	padding-left: 15px;
}
#educare-mobile-nav > ul > li > ul > li > ul > li a {
	padding-left: 45px !important
}
#educare-mobile-nav ul.sub-menu > li > a {
	display: block;
	text-decoration: none;
	padding: 0 60px;
	border-top-color: rgba(255, 255, 255, .1);
}
#educare-mobile-nav > ul > li > ul > li:first-child a {
	border-top: none;
}
/* Button menu mobile */
.educare-btn-menu {
	display: none;
	position: relative;
	background: transparent;
	cursor: pointer;
	margin: 22px 0 22px;
	width: 26px;
	height: 16px;
	float: right;
	margin-right: 15px;
 -webkit-transition: all ease .238s;
 -moz-transition: all ease .238s;
 transition: all ease .238s;
}
.educare-btn-menu:before, .educare-btn-menu:after, .educare-btn-menu span {
	background-color: #86bc42;
 -webkit-transition: all ease .238s;
 -moz-transition: all ease .238s;
 transition: all ease .238s;
}
.educare-btn-menu:before, .educare-btn-menu:after {
	content: '';
	position: absolute;
	top: 0;
	height: 2px;
	width: 100%;
	left: 0;
	top: 50%;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
.educare-btn-menu span {
	position: absolute;
	width: 100%;
	height: 2px;
	left: 0;
	top: 50%;
	overflow: hidden;
	text-indent: 200%;
}
.educare-btn-menu:before {
	-webkit-transform: translate3d(0, -7px, 0);
	transform: translate3d(0, -7px, 0);
}
.educare-btn-menu:after {
	-webkit-transform: translate3d(0, 7px, 0);
	transform: translate3d(0, 7px, 0);
}
.educare-btn-menu.active span {
	opacity: 0;
}
.educare-btn-menu.active:before {
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
}
.educare-btn-menu.active:after {
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
}
.btn-submenu {
	position: absolute;
	right: 20px;
	top: 0;
	font: 20px/50px 'FontAwesome';
	text-align: center;
	cursor: pointer;
	width: 70px;
	height: 44px;
}
.btn-submenu:before {
	content: "\f107";
	color: #fff;
}
.btn-submenu.active:before {
	content: "\f106"
}
.educare-btn-menu {
	display: none
}
.top .email {
	margin-right: 20px;
	display: inline-block;
}
.top .hotline {
	display: inline-block;
}
.email .topbar-icon, .hotline .topbar-icon {
	color: #86bc42;
	margin-right: 10px;
	font-size: 16px;
}