/*
Theme Name:     Neve Child
Theme URI:      https://themeisle.com/themes/neve/
Template: neve
Author:         ThemeIsle
Author URI:     https://themeisle.com
Description:    Neve is a super fast, easily customizable, multi-purpose theme. It’s perfect for blogs, small business, startups, agencies, firms, e-commerce shops (WooCommerce storefront) as well as personal portfolio sites and most types of projects. A fully AMP optimized and responsive theme, Neve will load in mere seconds and adapt perfectly on any viewing device. While it is lightweight and has a minimalist design, the theme is highly extendable, it has a highly SEO optimized code, resulting in top rankings in Google search results. Neve works perfectly with Gutenberg and the most popular page builders (Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi). Neve is also WooCommerce ready, responsive, RTL & translation ready. Look no further. Neve is the perfect theme for you!
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    neve
Tags: blog, custom-logo, e-commerce, rtl-language-support, post-formats, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready, wide-blocks, block-styles
*/



body {
	font-family: 'Roboto';
}

a {
	color: #fff;
	-webkit-transition: all 700ms;
	transition: all 700ms;
}
a, a:hover {
	text-decoration: none;
}
a:hover {
	color: #fff;
}

.post-edit-link {
	display: none;
	margin-top: 50px;
}

#footer {
	background: #272727;
	line-height: 20px;
	margin-top: 50px;
}

article.hentry {
	float: left;
	width: 100%;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border: none;
	border-bottom: none;
}

.um-profile-note {
	display: none !important;
}

.j1e_contact {
	background: #1c529c;
	color: #fff;
}

.copyright {
	display: none;
}

.company-details {
	color: #939393;
	padding-top: 30px !important;
	padding-bottom: 30px;
	float: right;
}

.copyright {
	padding-top: 30px;
	padding-bottom: 30px;
	background: #171717;
}

.intro-text {
	font-size: 45px;
	line-height: 55px;
	
}

.intro-text {
	text-align: right !important;
	color: #FFF;
	line-height: 65px;
	z-index: 0;
	text-transform: none !important;
	font-size: 55px;
	float: right;
}

#main-nav {
	position: fixed;
	width: 100%;
	z-index: 1000;
	min-height: 75px;
	margin-bottom: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: 0.8;
}
/*--------------------------------------------------------------
 3.0 Buttons
 --------------------------------------------------------------*/

.j1e_button {
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	padding: 5px;
	border-radius: 4px;
	margin: 0;
}
.custom-button {
	display: inline-block !important;
	text-align: center;
	text-transform: uppercase;
	padding: 13px 35px 13px 35px;
	border-radius: 4px;
	margin: 10px;
	border: none;
}
.red-btn {
	background: #e96656;
}
.green-btn {
	background: #1e9e6b;
}
.blue-btn {
	background: #3ab0e2;
}
.yellow-btn {
	background: #E7AC44;
}

.gray-btn {
	background: #c4c0c0;
}
.red-btn, .green-btn, .blue-btn, .yellow-btn, .gray-btn {
	color: #FFF !important;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.blue-btn:hover {
	color: #FFF;
	background: #1288b9;
}
.red-btn:hover {
	color: #FFF;
	background: #cb4332;
}
.green-btn:hover {
	color: #FFF;
	background: #069059;
}
.yellow-btn:hover {
	color: #FFF;
	background: #d8951e;
}
.btn:hover {
	box-shadow: none;
}

.content-left-wrap {
	padding-top: 10px;
}

.sidebar-wrap.content-left-wrap {
	margin-top: 10px;
	padding-top: 0;
}

/*
 Theme Name: Zerif Lite Child
 Theme URI: https://www.themeisle.com/
 Description: Zerif Lite Child Theme
 Author: ThemeIsle
 URI: https://www.themeisle.com/
 Template: zerif-lite
 Version: 0.1
 */

/*---------------------------------------
 **   Section: About us;              -----
 -----------------------------------------*/
.about-us-j1e {
	background: #fff;
	color: #fff;
}

.about-us-j1e .section-header h2 {
	color: #000;
}

.about-us-j1e p .align-right {
	text-align: right;
}

.pop-video-red {
	font-weight: bold;
	background: #da2e2a;
	border: 0px none #000000;
	-moz-border-radius: 20px;/*Firefox*/
	-webkit-border-radius: 20px;/*Safari, Chrome*/
	border-radius: 20px;
}

.pop-video-blue {
	font-weight: bold;
	background: #19477b;
	border: 0px none #000000;
	-moz-border-radius: 20px;/*Firefox*/
	-webkit-border-radius: 20px;/*Safari, Chrome*/
	border-radius: 20px;
}

.about-us-j1e .big-intro {
	text-align: right;
	font-weight: 300;
	font-size: 60px;
	line-height: normal;
	margin-top: -15px;
}
.about-us-j1e .section-header .section-legend {
	margin-bottom: 28px;
	color: #000;
}
.about-us-j1e p {
	text-align: left;
	color: #000;
	font-size: 14px;
	line-height: 25px;
}
.about-us-j1e .column {
	margin-bottom: 78px;
}
.about-us-j1e .col-md-12.zerif-rtl-big-title .big-intro, .about-us-j1e .col-md-12.zerif_about_us_center p {
	text-align: center;
}
/*--SKILLS --*/
.skills {
	text-align: left;
	margin: 0 0 0 0;
}
.skills .skill {
	display: block;
	clear: both;
	margin-top: 0;
	margin-bottom: 25px;
}
.skills .skill .skill-count {
	display: inline-block;
	height: 64px;
	margin-top: 3px;
	float: left;
	margin-right: 15px;
	margin-bottom: 25px;
}
.skills li:last-child {
	margin-bottom: 0;
}
.skills .skill .skill1, .skill2, .skill3, .skill4 {
	font-size: 16px !important;
}
.skills .skill .section-legend {
	text-transform: uppercase;
	font-weight: 700;
	clear: none;
	width: auto;
	float: none;
	margin-top: 0;
	margin-bottom: 0;
}
.skills .skill p {
	line-height: 20px;
	font-size: 14px;
	color: #8f8f8f;
}
/*--OUR CLIENTS --*/
.our-clients {
	background: url(images/lines-dark.png) repeat-x center;
	margin-bottom: 40px;
	float: left;
	width: 100%;
}
.our-clients .section-footer-title {
	background: #272727;
	padding: 0 15px;
	color: #FFF;
}
.our-clients h2 {
	font-weight: 700;
	float: none;
	margin-top: 0;
	margin-bottom: 0
}
.client-list {
	padding-top: 5px;
	float: left;
	width: 100%;
	margin-bottom: 78px;
}
.client-list ul {
	margin: 0;
}
.client-list ul li {
	vertical-align: middle;
	display: inline-block;
	margin-right: 24px;
	padding-bottom: 15px;
	text-transform: uppercase;
}
.client-list ul li img {
	max-width: 130px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: 0.8;
	-webkit-transition: all ease .55s;
	transition: all ease .55s;
}
.client-list ul li img:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.client-list ul li:last-child {
	margin-right: 0;
}
.client-list ul li i {
	margin-right: 8px;
}
.client-list div {
	margin: 0;
}
.client-list div a {
	margin-right: 24px;
}
.client-list div a:last-child {
	margin-right: 0;
}
.client-list div img {
	max-width: 130px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: 0.8;
	-webkit-transition: all ease .55s;
	transition: all ease .55s;
	padding-bottom: 15px;
}
.client-list div img:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.client-list div a:last-child {
	margin-right: 0;
}

/*---------------------------------------
 **   Section: Our focus             -----
 -----------------------------------------*/
.focus-j1e-box .service-icon .pixeden {
	border-radius: 50%;
}
.focus-j1e {
	padding-bottom: 100px;
	overflow: hidden;
	background: #19477b;
	color: #fff;
}

.focus-j1e .row {
	text-align: center;
}
.focus-j1e .row .focus-j1e-box, .our-team .row .team-box {
	display: inline-block;
	float: none !important;
	margin-right: -4px;
	vertical-align: top;
	margin-bottom: 25px;
}
/* FOCUS BOX */
.focus-j1e-box .service-icon {
	margin-bottom: 30px;
	width: 185px;
	height: 185px;
	margin: auto;
	border-radius: 50%;
	border: 0px solid #ececec;
	margin-bottom: 20px;
	position: relative;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
/* ON HOVER COLORED ROUNDED CIRCLE AROUND ICONS */
/* ON HOVER COLORED ROUNDED CIRCLE AROUND ICONS */
.red, .green, .blue, .yellow {
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.focus-j1e-box:nth-child(4n+1) .service-icon:hover {
	border: 10px solid #b02423;
}
.focus-j1e-box:nth-child(4n+2) .service-icon:hover {
	border: 10px solid #b02423;
}
.focus-j1e-box:nth-child(4n+3) .service-icon:hover {
	border: 10px solid #b02423;
}
.focus-j1e-box:nth-child(4n+4) .service-icon:hover {
	border: 10px solid #b02423;
}
.focus-j1e-box:nth-child(4n+1) .red-border-bottom:before {
	background: #b02423;
}
.focus-j1e-box:nth-child(4n+2) .red-border-bottom:before {
	background: #b02423;
}
.focus-j1e-box:nth-child(4n+3) .red-border-bottom:before {
	background: #b02423;
}
.focus-j1e-box:nth-child(4n+4) .red-border-bottom:before {
	background: #b02423;
}
.focus-j1e-box h3 {
	margin-bottom: 15px;
	color: #fff;
	position: relative;
	display: inline-block;
	text-transform: uppercase;
	margin-bottom: 30px;
	font-weight: bold;
	font-size: 17px;
	float: none;
	width: auto;
	background: none;
}
.focus-j1e-box p {
	font-size: 14px;
	color: #fff;
}
/*----OTHER FOCUSES ----*/
.other-focuses {
	background: url(images/lines.png) repeat-x center;
	margin-bottom: 25px;
}
.other-focuses .section-footer-title {
	padding: 0 15px;
	color: #fff;
	font-weight: bold;
}
.other-focus-list {
	padding-top: 5px;
	margin-bottom: -17px;
}
.other-focus-list ul li {
	display: inline-block;
	margin-right: 50px;
	padding-bottom: 15px;
	text-transform: uppercase;
}
.other-focus-list ul li:last-child {
	margin-right: 0;
}
.other-focus-list ul li i {
	margin-right: 8px;
}

/***  teacher_j1e  ***/

.teacher_j1e {
	width: 330px;
	height: 250px;
	float: left;
	margin: 0px 30px 100px 0;
	position: relative;
}
.teacher_j1e_img {
	z-index: 10;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	width: 120px;
	height: 120px;
	position: relative;
	top: 0px;
	left: 0px;
}
.teacher_top {
	z-index: 0;
	border-radius: 10px 10px 0 0;
	background: #000;
	height: 15px;
	z-index: 0;
	width: 100%;
	height: 25px;
	padding: 4px;
	color: #fff;
	text-align: center;
	position: relative;
	top: -60px;
	left: 10px;
	font-size: 11px;
}
.teacher_j1e_info {
	padding: 5px 15px 15px 15px;
	border-radius: 0 0 10px 10px;
	text-align: left;
	background: #fff;
	z-index: 0;
	width: 100%;
	height: 100%;
	position: relative;
	top: -60px;
	left: 10px;
	font-size: 11px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=180, Color=#333333)";/*IE 8*/
	-moz-box-shadow: 0px 3px 7px #333333;/*FF 3.5+*/
	-webkit-box-shadow: 0px 3px 7px #333333;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
	box-shadow: 0px 3px 7px #333333;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=180, Color=#333333); /*IE 5.5-7*/
}

.teacher_j1e_info button {
	float: left;
	font-size: 11px;
}
.teacher_j1e_info a {
	margin-top: -5px;
	float: left;
	font-size: 11px;
}

/* buttons *******************/

/* form styling *****************/


.form-style-2{
	max-width: 500px;
	padding: 20px 12px 10px 20px;
	font: 13px Arial, Helvetica, sans-serif;
}
.form-style-2-heading{
	font-weight: bold;
	font-style: italic;
	border-bottom: 2px solid #ddd;
	margin-bottom: 20px;
	font-size: 15px;
	padding-bottom: 3px;
}
.form-style-2 label{
	display: block;
	margin: 0px 0px 15px 0px;
}
.form-style-2 label > span{
	width: 100px;
	font-weight: bold;
	float: left;
	padding-top: 8px;
	padding-right: 5px;
}
.form-style-2 span.required{
	color:red;
}
.form-style-2 .tel-number-field{
	width: 40px;
	text-align: center;
}
.form-style-2 input.input-field, .form-style-2 .select-field{
	width: 48%;	
}
.form-style-2 input.input-field, 
.form-style-2 .tel-number-field, 
.form-style-2 .textarea-field, 
 .form-style-2 .select-field{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 1px solid #C2C2C2;
	box-shadow: 1px 1px 4px #EBEBEB;
	-moz-box-shadow: 1px 1px 4px #EBEBEB;
	-webkit-box-shadow: 1px 1px 4px #EBEBEB;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 7px;
	outline: none;
}
.form-style-2 .input-field:focus, 
.form-style-2 .tel-number-field:focus, 
.form-style-2 .textarea-field:focus,  
.form-style-2 .select-field:focus{
	border: 1px solid #0C0;
}
.form-style-2 .textarea-field{
	height:100px;
	width: 55%;
}
.form-style-2 input[type=submit],
.form-style-2 input[type=button]{
	border: none;
	padding: 8px 15px 8px 15px;
	background: #FF8500;
	color: #fff;
	box-shadow: 1px 1px 4px #DADADA;
	-moz-box-shadow: 1px 1px 4px #DADADA;
	-webkit-box-shadow: 1px 1px 4px #DADADA;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.form-style-2 input[type=submit]:hover,
.form-style-2 input[type=button]:hover{
	background: #EA7B00;
	color: #fff;
}


/* form-style 5 */

.form-style-5{
	max-width: 80%;
	padding: 10px 20px;
	background: #f4f7f8;
	margin: 10px auto;
	padding: 20px;
	background: #f4f7f8;
	border-radius: 8px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.form-style-5 fieldset{
	border: none;
}
.form-style-5 legend {
	font-size: 1.4em;
	margin-bottom: 10px;
}
.form-style-5 label {
	display: block;
	margin-bottom: 8px;
}
.form-style-5 input[type="text"],
.form-style-5 input[type="date"],
.form-style-5 input[type="datetime"],
.form-style-5 input[type="email"],
.form-style-5 input[type="number"],
.form-style-5 input[type="search"],
.form-style-5 input[type="time"],
.form-style-5 input[type="url"],
.form-style-5 select {
	font-family: Georgia, "Times New Roman", Times, serif;
	background: rgba(255,255,255,.1);
	border: none;
	border-radius: 4px;
	font-size: 15px;
	margin: 0;
	outline: 0;
	padding: 10px;
	width: 50%;
	box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	background-color: #e8eeef;
	color:#8a97a0;
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
	box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
	margin-bottom: 30px;
}

.form-style-5 textarea {
	font-family: Georgia, "Times New Roman", Times, serif;
	background: rgba(255,255,255,.1);
	border: none;
	border-radius: 4px;
	font-size: 15px;
	margin: 0;
	outline: 0;
	padding: 10px;
	width: 100%;
	box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	background-color: #e8eeef;
	color:#8a97a0;
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
	box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
	margin-bottom: 30px;
}




.form-style-5 input[type="text"]:focus,
.form-style-5 input[type="date"]:focus,
.form-style-5 input[type="datetime"]:focus,
.form-style-5 input[type="email"]:focus,
.form-style-5 input[type="number"]:focus,
.form-style-5 input[type="search"]:focus,
.form-style-5 input[type="time"]:focus,
.form-style-5 input[type="url"]:focus,
.form-style-5 textarea:focus,
.form-style-5 select:focus{
	background: #d2d9dd;
}
.form-style-5 select{
	-webkit-appearance: menulist-button;
	height:35px;
}
.form-style-5 .number {
	background: #1abc9c;
	color: #fff;
	height: 30px;
	width: 30px;
	display: inline-block;
	font-size: 0.8em;
	margin-right: 4px;
	line-height: 30px;
	text-align: center;
	text-shadow: 0 1px 0 rgba(255,255,255,0.2);
	border-radius: 15px 15px 15px 0px;
}

.form-style-5 input[type="submit"],
.form-style-5 input[type="button"]
{
	position: relative;
	display: block;
        text-align: center;
        
       border: none;
	padding: 8px 15px 8px 15px;
	background: #FF8500;
	color: #fff;
	box-shadow: 1px 1px 4px #DADADA;
	-moz-box-shadow: 1px 1px 4px #DADADA;
	-webkit-box-shadow: 1px 1px 4px #DADADA;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
        
        
}
.form-style-5 input[type="submit"]:hover,
.form-style-5 input[type="button"]:hover
{
	background: #EA7B00;
	color: #fff;
}


/* end of form styling */

.invisible-button {
	display: none;
}

.visible-button {
	display: block;
}


/* loader */

#loader-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background-color: #ffffff;
	opacity: 0.9;
}

#loader-text {
    position: absolute;
    top: 60%; /* Fica logo abaixo do círculo girando */
    left: 50%;
    transform: translateX(-50%);
    background: transparent;
    padding: 45px 30px;
    border: none;
    font-weight: bold;
		font-size: 18px;
		text-align: center;
    color: #444;
}
.se-pre-con {
	display: block;
	position: relative;
	left: 50%;
	top: 45%;
	width: 70px;
	height: 70px;
	margin: -15px 0 0 -15px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #3498db;
	-webkit-animation: spin 2s linear infinite; 
	animation: spin 2s linear infinite;
}

.se-pre-con:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #e74c3c;
	-webkit-animation: spin 3s linear infinite; 
		animation: spin 3s linear infinite; 
}

.se-pre-con:after {
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #f9c922;
	-webkit-animation: spin 1.5s linear infinite; 
		animation: spin 1.5s linear infinite; 
}

@-webkit-keyframes spin {
	0%   {
			-webkit-transform: rotate(0deg);  
			-ms-transform: rotate(0deg); 
			transform: rotate(0deg);  
	}
	100% {
			-webkit-transform: rotate(360deg);  
			-ms-transform: rotate(360deg);  
			transform: rotate(360deg);  
	}
}
@keyframes spin {
	0%   {
			-webkit-transform: rotate(0deg);  
			-ms-transform: rotate(0deg); 
			transform: rotate(0deg);  
	}
	100% {
			-webkit-transform: rotate(360deg);  
			-ms-transform: rotate(360deg); 
			transform: rotate(360deg); 
	}
}



/**
 * Page Styles
 */
/* html {
	padding: 20vh 0 0;
} */
/* 
.filepond--root {
	width:170px;
	margin: 0 auto;
} */


/** TEACHER CONTAINER */


 .teacher {
	margin-left: auto; 
	margin-right:auto; 
	background-size:cover !important; 
	width: 100px; 
	height: 100px;
	border: 5px solid #f0f0f0  ;
	border-radius: 15px;
	margin-top: -60px;
	position: relative;
 }

 .teacher-container {
	border-top: 5px solid #dd3333  ; 
	padding: 10px;
	width: 180px; 
	height: 270px; 
	margin: 50px; 
	border-radius: 0 0 10px 10px;
	background-color: #ffffff;
 }

 .teacher-data {
		text-align: center;
 }

 #pfl_user_name {
	font-weight: bold;
	margin: 0 auto;
	text-align: center;
	height: 50px;
	padding-top: 15px;
}

#pfl_user_native {
	margin-bottom: 15px;
	color: #6D6B6B;
	font-size: 12px;
	height: 20px;
}

#pfl_user_langs {
	margin-bottom: 25px;
	height: 60px;
	font-size: 13px;
}

.teacher-info {
	font-size: 13px;
	margin-bottom: 15px;
}

.teacher-label {
	font-weight: bold;
	margin-bottom: 5px;
}
 
input{
  display: none;
}   

#upload-label {
  cursor: pointer !important;
	background-color: #000;
	color: #fff;
	border: 3px ridge #fff;
	border-radius: 35px;
	opacity: .7;
	margin-top: -80px;
	margin-left: 20px;
	padding: 15px;
	font-size: 15px;
}