@font-face {
	font-family: 'Goldplayregular';
	src: url('../fonts/Goldplay-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Goldplaybold';
	src: url('../fonts/Goldplay-Bold.woff') format('woff');
}

body, html {
	font-family: 'Goldplayregular';
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	background-color: #fff;
	scroll-behavior: smooth;
}

.footer {
	background-color: #7d06c9;
	color: #fff;
}
.footer a {
	color: #fff;
	text-decoration: none;
}
.footer ul {
	list-style: none;
	padding: 0;
}

.logoescola {
	margin-top: -2em;
}
.nav-link:hover{
	color: #fff !important;
}
.nav-link {
	text-transform: uppercase;
	padding: 1rem;
}
.navbar-brand a {
	text-decoration: none;
}
.dropdown-menu-custom {
	background-color: #ee4d88;
	color: white;
	min-width: 17em;
	border: none;
	box-shadow: 0 0 .4em rgba(0,0,0,.4);
	top: 90%;
}
.dropdown-menu-custom li {
	padding: 0 1.5em;
	font-size: .9em;
}
.dropdown-menu-custom li:hover {
	background-color: rgba(255,255,255,.2);
}
.dropdown-menu-custom a:hover {
	text-decoration: none;
}

.dropdown-menu-customb {
	background-color: #3D3368;
	color: white;
	min-width: 17em;
	border: none;
	box-shadow: 0 0 .4em rgba(0,0,0,.4);
	top: 110%;
	left: -5em;
}
.dropdown-menu-customb a {
	color: #fff;
	cursor: pointer;
}
.dropdown-menu-customb li {
	padding: .5em 2em;
	font-size: .9em;
}
.dropdown-menu-customb li:hover {
	background-color: rgba(255,255,255,.2);
}
.dropdown-menu-customb a:hover {
	text-decoration: none;
}

.line-dropdown {
	margin: 0;
	border-top: 1px solid rgba(255,255,255,.2);
}
.dropdown-toggle::after {
	display: none;
}

.go-top {
	background-color: #0A2F72;
	bottom: 2em;
	right: 2em;
	color: #ffffff !important;
	font-size: 32px;
	display: none;
	position: fixed;
	text-decoration: none;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	transition: all 0.4s ease-in-out;
}

.go-top:hover {
	background: #7d06c9;
	color: #ffffff;
}
#menu-topo {
	color: #629CFF;
	font-size: .9em;
	position: fixed;
	top: 0;
	z-index: 999;
}
#menu-topo a {
	color: #629CFF;
	margin-right: 20px;
}

.nav-item:hover {
	border-bottom: .5em solid rgb(245, 210, 72);
	/*padding: 2.7em 0;*/
}
.nav-item a {
	text-decoration: none;
}

.redes-mobile {
	display: none;
}

.carousel-desktop {
	display: flex;
}

.carousel-mobile {
	display: none;
}

.logo-mobile{
	display: none;
}

@media screen and (min-width: 768px) {
	.dropdown:hover .dropdown-menu-custom, 
	.btn-group:hover .dropdown-menu-custom{
		display: block;
	}
	.dropdown:hover .dropdown-menu-customb, 
	.btn-group:hover .dropdown-menu-customb{
		display: block;
	}
	.dropdown-menu-custom{
		margin-top: 0;
	}
	.dropdown-toggle{
		margin-bottom: 2px;
	}
	.navbar .dropdown-toggle, .nav-tabs .dropdown-toggle{
		margin-bottom: 0;
	}
}

@media (min-width: 320px) and (max-width: 1023px)  {
	.logoescola {
		margin-top: -3em;
		display: flex !important;
		width: 50%;
		height: 50%;
	}
	.logoescola img {
		width: 80px !important;
	}
	.textolink a {
		margin: 0 !important;
	}
	#menu-topo {
		display: none !important;
	}
	.redes-mobile {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 1em 0;
	}
	.redes-mobile a {
		color: white;
	}
	.carousel-desktop {
		display: none;
	}
	.carousel-mobile {
		display: flex;
	}
	.logo-desktop,
	.navbar-brand{
		display: none;
	}
	.logo-mobile{
		display: block;
	}
}


/*--------- MEDIA QUERY DESKTOP \/ */

@media (min-width: 1281px) {

	.dropdown-menu.dropdown-menu-custom {
		margin-left: 120px;
		margin-top: -50px;
	}
	.linkmenu
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-line-pack: start;
		align-content: center ;
		flex-wrap: nowrap;
		height: 100%;
	}
	.textolink {
		align-items: center !important;
	}
	#headertop{
		background-color: #ee4d88;
		height: calc(100vh - 2em);
		/*width: 120px;*/
		width: 175px;
		margin: 0 2em;
		border-radius: 1em;
		-webkit-transition: 0.2s;
		-o-transition: 0.2s;
		transition: 0.2s;
		position: absolute;
		top: 20px;
		z-index: 500;
	}
	#menu-topo {
		background: transparent;
		height: 40px;
		width: 100%;
		-webkit-transition: 0.2s;
		-o-transition: 0.2s;
		transition: 0.2s;
	}

}

/*--------- MEDIA QUERY MOBILE \/ */
@media (min-width: 320px) and (max-width: 1280px) {
	#headertop{
		background-color: #ee4d88;
		position: fixed;
		top: 0;
		height: 120px;
		width: 100%;
		-webkit-transition: 0.2s;
		-o-transition: 0.2s;
		transition: 0.2s;
		text-align: center;
		z-index: 500;
	}
	#menu-topo {
		background: transparent;
		height: 30px;
		width: 100%;
		-webkit-transition: 0.2s;
		-o-transition: 0.2s;
		transition: 0.2s;
	}
	.linkmenu {
		background-color: #ee4d88;
		color: #fff;
		align-items: center;
		justify-content: center;
		line-height: 2em;
		padding: 3em;
	}
	.textolink{
		justify-content: center;
		left: 0px !important; 
	}
	.menu-mobile{
		width: 100vw;
		height: 120px;
		justify-content: space-between;
		align-items: center;
	}
	.nav-link {
		padding: 0;
	}
}

.cursor-pointer{
	cursor: pointer !important;
}

.navbar { 
	-webkit-transition:padding 0.2s ease; 
	-o-transition:padding 0.2s ease;        
	transition:padding 0.2s ease;  
}

.textolink a{
	color: #fff !important;
	font-weight: 500;
	font-family: 'Goldplayregular';
	font-size: 1em;
	/*margin: 10px;*/
}
.textolink-topo a{
	color: #fff !important;
	font-weight: 700;
	font-family: 'Goldplayregular';
	font-size: 0.9em;
	margin-right: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-line-pack: center;
	align-content: center;
}

.sidemenu {
	-webkit-animation: breathing 2s ease-out infinite normal;
	animation: breathing 2s ease-out infinite normal;
	-webkit-font-smoothing: antialiased;
}

@media (min-width: 1281px) {
	.sidemenu{
		display: block;
		position: fixed;
		top: 30%;
		/*left: -30px;*/
		right: -200px;
		transform: translateY(-50%);
		z-index: 1;
		color: #fff;
	}

	.sideitem-agende{
		left: -100px;
		transform: rotate(90deg);	
	}
}

@media (min-width: 320px) and (max-width: 1280px) {
	.sidemenu{
		position: fixed;
		bottom: 0 !important;
		z-index: 1;
		width: 100%;
	}

	.sideitem-agende{
		left: 0;
		bottom: 0;
		width: 100%;
		height: 4em;
		max-width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		transform: rotate(0deg);
		font-size: 1em;
		padding: 1em;
	}
	.sideitem-agende p {
		margin: 0;
	}
}

.sideitem-agende{
	background-color: #f6921e;
	padding: 0 .7em;
	color: #503694;
	display: flex;
	
	position: relative;
	/*left: -100px;*/
	transition: all .2s;
	/*transform: rotate(-90deg);*/
	/*transform: rotate(90deg);*/
	white-space: nowrap;
	font-size: 13px;
	letter-spacing: 2.9px;
	text-transform: uppercase;
	font-family: "Goldplayregular";
	border-radius: 15px;
}

@media (min-width: 767px) {
	.sideitem-agende{
		height: 8em;
		
		margin-top: 100px;
		align-items: end;
		justify-content: flex-end;
	}

	.sideitem-agende p {
		margin-bottom: 10px;
		margin-top: 77px;
	}
}

.sideitem-agende:hover{
	/*left: -80px;*/
	left: -120px;
	font-weight: 700;
	transition: all .4s;
	color: #fff;
	text-decoration: none;
}

.border-title-home {
	border-bottom: .5em solid rgb(246, 41, 132);
	max-width: 5em;
}


/* css infantil LP */
#topo {
	background-color: #4F3797;
	width: 100%;
	height: 100vh;
}

.btn-agendevisita {
	background-color: #FFD401;
	border-radius: .5em;
	color: #4F3797;
	padding: .5em;
}

.btn-agendevisita:hover {
	color: #4F3797;
	text-decoration: none;
}

#diferenciais {
	background-color: #92e4f0;
	color: #595959;
}

#diferenciais2,
#quemsomos {
	background-color: #ededed;
	color: #595959;
}

.box-depo {
	border-radius: 1em;
	box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.21);
	-webkit-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.21); 
}

#footer-infantil {
	background-color: #4F3797;
	color: #fff;
}

#banner {
	background-image: url('/assets/img/banner.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

@media (min-width: 320px) and (max-width: 1280px) {
	#topo {
		margin-top: 120px;
		height: auto;
	}
}
