/* WEBDOOR */

#webdoor {background-color: var(--mediumgrey1); padding: 0;width: 100%;overflow: hidden;}
#webdoor #banner_strip {width: 100%;height: 100%;display: flex;transform: translateX(0vw);transition: transform 0.4s;}
#webdoor #banner_strip .banner {position:relative;width: 100vw;height: 100%;flex: 0 0 auto;display: flex;align-items: center;justify-content: center;background-size: cover;background-repeat: no-repeat;background-position: center center;}

#webdoor #banner_strip .banner:after{z-index: 6;content: "";bottom: 0;top: 0;right: 0;left: 0;background: transparent;background: linear-gradient(to bottom, transparent 0%, #444 100%);opacity: .8;position: absolute;}
#webdoor #banner_strip .banner .txt {color: #ffffff;margin: auto auto 5rem auto;position: relative;z-index: 10;font-weight: 300;padding:0 1rem;}
#webdoor #banner_strip .banner .txt span {font-weight: 500;}

@media all and (min-width: 1281px) {
  #webdoor #banner_strip .banner .txt {font-size: 3rem;}
}
@media all and (min-width:768px) and (max-width: 1280px) {
  #webdoor #banner_strip .banner .txt {font-size: 2.5rem;}
}
@media all and (max-width: 767px) {
  #webdoor #banner_strip .banner .txt {font-size: 2rem;}
}


/*
#webdoor #banner_strip.unloaded .banner-home-1 {background-image: url("/assets/image/dot.gif");}
*/
#webdoor #banner_strip.unloaded .banner-home-2 {background-image: url("/assets/image/dot.gif");}
#webdoor #banner_strip.unloaded .banner-home-3 {background-image: url("/assets/image/dot.gif");}
#webdoor #banner_strip.unloaded .banner-home-4 {background-image: url("/assets/image/dot.gif");}

@media all and (min-width: 1281px) {
  .webdoor-home {height: 100vh;}

  #webdoor #banner_strip.unloaded .banner-home-1 {background-image: url("/assets/image/banners/banner1_1920.webp");}
  #webdoor #banner_strip.loaded .banner-home-1 {background-image: url("/assets/image/banners/banner1_1920.webp");}
  #webdoor #banner_strip.loaded .banner-home-2 {background-image: url("/assets/image/banners/banner2_1920.webp");}
  #webdoor #banner_strip.loaded .banner-home-3 {background-image: url("/assets/image/banners/banner3_1920.webp");}
  #webdoor #banner_strip.loaded .banner-home-4 {background-image: url("/assets/image/banners/banner4_1920.webp");}
}

@media all and (min-width: 601px) and (max-width: 1280px) {
  .webdoor-home {height: 100vh;}

  #webdoor #banner_strip.unloaded .banner-home-1 {background-image: url("/assets/image/banners/banner1_1280.webp");}
  #webdoor #banner_strip.loaded .banner-home-1 {background-image: url("/assets/image/banners/banner1_1280.webp");}
  #webdoor #banner_strip.loaded .banner-home-2 {background-image: url("/assets/image/banners/banner2_1280.webp");}
  #webdoor #banner_strip.loaded .banner-home-3 {background-image: url("/assets/image/banners/banner3_1280.webp");}
  #webdoor #banner_strip.loaded .banner-home-4 {background-image: url("/assets/image/banners/banner4_1280.webp");}
}

@media all and (max-width: 600px) {
  .webdoor-home {height: 100vh;}

  #webdoor #banner_strip.unloaded .banner-home-1 {background-image: url("/assets/image/banners/banner1_600.webp");}
  #webdoor #banner_strip.loaded .banner-home-1 {background-image: url("/assets/image/banners/banner1_600.webp");}
  #webdoor #banner_strip.loaded .banner-home-2 {background-image: url("/assets/image/banners/banner2_600.webp");}
  #webdoor #banner_strip.loaded .banner-home-3 {background-image: url("/assets/image/banners/banner3_600.webp");}
  #webdoor #banner_strip.loaded .banner-home-4 {background-image: url("/assets/image/banners/banner4_600.webp");}
}

.webdoor-home .scroll {position: absolute;z-index: 10;height: 4.6875rem;width: 1px;bottom: 0;left: 50%;
	-webkit-animation: elasticus 2.4s cubic-bezier(1, 0, 0, 1) infinite;
	-moz-animation: elasticus 2.4s cubic-bezier(1, 0, 0, 1) infinite;
	-o-animation: elasticus 2.4s cubic-bezier(1, 0, 0, 1) infinite;
	animation: elasticus 2.4s cubic-bezier(1, 0, 0, 1) infinite;
	transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	background: #ffffff;
}

@-webkit-keyframes elasticus {
  0% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
  50% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50.1% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
}

@-moz-keyframes elasticus {
  0% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
  50% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50.1% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
}

@-o-keyframes elasticus {
  0% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
  50% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50.1% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
}

@keyframes elasticus {
  0% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
  50% {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  50.1% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }
}

/*
#introducao {max-width: 1050px;width: 90%;margin: 0 auto;}
#introducao h1 {font-weight: 300;font-size:3.4375rem;line-height: 8rem;}
#introducao h1 span {font-weight: 400;background: -webkit-linear-gradient(45deg, #82acd9, #0ebbbc);background-clip: border-box;-webkit-background-clip: text;-webkit-text-fill-color: transparent;display: inline;}
#introducao p {font-size:1.1875rem;line-height:2.375rem;padding: 0 10%;letter-spacing: 0.0178125rem;max-width:1050px;}
#introducao .divider {height: 4.6875rem;width: 1px;display: inline-block;background: #0ebbbc;margin-top: 50px;position: relative;top: -5px;}
*/

/*
#experience {background: #f2f2f2;margin: 7rem 0 0 0;}
#experience .cardholder {width:90%;margin: 0 auto;display: flex;flex-wrap: wrap;}
#experience .cardholder .card {margin: -5rem 0 5rem 0;background-position:center center;background-size:cover;overflow: hidden;position:relative;}
#experience .cardholder .card:before {
	background: rgba(130,172,217,1);
	background: -moz-linear-gradient(45deg, rgba(130,172,217,1) 0%, rgba(7,188,188,1) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(130,172,217,1)), color-stop(100%, rgba(7,188,188,1)));
	background: -webkit-linear-gradient(45deg, rgba(130,172,217,1) 0%, rgba(7,188,188,1) 100%);
	background: -o-linear-gradient(45deg, rgba(130,172,217,1) 0%, rgba(7,188,188,1) 100%);
	background: -ms-linear-gradient(45deg, rgba(130,172,217,1) 0%, rgba(7,188,188,1) 100%);
	background: linear-gradient(45deg, rgba(130,172,217,1) 0%, rgba(7,188,188,1) 100%);
	opacity: 0;
	z-index: 2;content: "";bottom: 0;top: 0;right: 0;left: 0;position: absolute;
}
#experience .cardholder .card:hover:before {opacity: 0.7;}

#experience .cardholder .card:after {z-index: 1;content: "";bottom: 0px;top: 0px;right: 0px;left: 0px;
	background: transparent;
	background: linear-gradient(to bottom, transparent 0%, #444 100%);
	opacity: .8;
	position: absolute;
	box-shadow: inset 0px 0px 50px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 0px 0px 50px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: inset 0px 0px 50px rgba(0, 0, 0, 0.5);
}
#experience .cardholder .card-camps {background-image: url('/assets/image/card_camps.webp');}
#experience .cardholder .card-highschool {background-image: url('/assets/image/card_highschool.webp');}
#experience .cardholder .card-idioma {background-image: url('/assets/image/card_idioma.webp');}
#experience .cardholder .card-familia {background-image: url('/assets/image/card_familia.webp');}
#experience .cardholder .card-profissional {background-image: url('/assets/image/card_profissional.webp');}
#experience .cardholder .card-sabatico {background-image: url('/assets/image/card_sabatico.webp');}

#experience .cardholder .card .txt {position: absolute;color:#ffffff;bottom:10%;left:50%;transform: translateX(-50%);z-index: 3;}
#experience .cardholder .card .txt h3 {font-weight:300;width:max-content;margin:0 auto;}
#experience .cardholder .card .txt .forward {font-size: 0rem;line-height: 0rem;letter-spacing: -1px;transition: all 0.5s;}
#experience .cardholder .card:hover .txt .forward {font-size: 2.75rem;line-height: 2.75rem;transition: all 0.5s;}
*/

@media all and (min-width: 920px) {
	#experience .cardholder {max-width:1050px;}
	#experience .cardholder .card {width: 33.3333333333%;padding-bottom: 33.3333333333%;}
	#experience .cardholder .card .txt {font-size:1.75rem;}
}

@media all and (min-width: 501px) and (max-width: 919px) {
	#experience .cardholder {max-width:520px;}
	#experience .cardholder .card {width: 50%;padding-bottom: 50%;}
	#experience .cardholder .card .txt {font-size:1.5rem;}
}

@media all and (max-width: 500px) {
	#experience .cardholder {max-width:420px;}
	#experience .cardholder .card {width: 100%;padding-bottom: 100%;}
	#experience .cardholder .card .txt {font-size:8vw;}
}

#contato-home {padding: 4.6875rem 1.25rem;position:relative;background-image: url(/assets/image/bg_contato.webp);background-position: center center;background-attachment: fixed;background-size: cover;}
#contato-home:before {content: "";bottom:0;top:0;right:0;left:0;
	background: rgba(130,172,217,1);
	background: -moz-linear-gradient(45deg, rgba(130,172,217,1) 0%, rgba(7,188,188,1) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(130,172,217,1)), color-stop(100%, rgba(7,188,188,1)));
	background: -webkit-linear-gradient(45deg, rgba(130,172,217,1) 0%, rgba(7,188,188,1) 100%);
	background: -o-linear-gradient(45deg, rgba(130,172,217,1) 0%, rgba(7,188,188,1) 100%);
	background: -ms-linear-gradient(45deg, rgba(130,172,217,1) 0%, rgba(7,188,188,1) 100%);
	background: linear-gradient(45deg, rgba(130,172,217,1) 0%, rgba(7,188,188,1) 100%);
	opacity: .9;position: absolute;z-index: 1;
}
#contato-home .content {position:relative;z-index:2;display:flex;max-width:1050px;margin:0 auto;}
#contato-home .content > div {width:33.33333333333%;display:flex;justify-content: center;align-items: center;}
#contato-home .content .c1 {justify-content: flex-start;}
#contato-home .content .c1 p {color:#f2f2f2;font-size:1.1875rem;text-align:left;line-height:2.375rem;}
#contato-home .content .c2 .circle {background-color: #ffffff;border-radius: 50%;width:90%;padding-bottom:90%;position:relative;}
#contato-home .content .c2 .circle h2 {color:#696969;font-size:1.5625rem;line-height:2.34375rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-transform:uppercase;font-weight:300;}
#contato-home .content .c2 .circle:after {content: "";left: 0;top: 0;border-radius: 50%;width: 100%;height: 100%;position: absolute;border: 2px solid #ffffff;box-sizing: border-box;
	animation-duration: 1.25s;
	-moz-animation-duration: 1.25s;
	-webkit-animation-duration: 1.25s;
	animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-name: amplify;
	-webkit-animation-name: amplify;
	-moz-animation-name: amplify;
}

@-webkit-keyframes amplify {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	80% {
		-webkit-transform: scale(1.25);
		transform: scale(1.25);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1.25);
		transform: scale(1.25);
	}
}

@-moz-keyframes amplify {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	80% {
		-webkit-transform: scale(1.25);
		transform: scale(1.25);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1.25);
		transform: scale(1.25);
	}
}

@-o-keyframes amplify {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	80% {
		-webkit-transform: scale(1.25);
		transform: scale(1.25);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1.25);
		transform: scale(1.25);
	}
}

@keyframes amplify {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	80% {
		-webkit-transform: scale(1.25);
		transform: scale(1.25);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1.25);
		transform: scale(1.25);
	}
}


#contato-home .content .c3 p {color:#ffffff;text-align: right;width:100%}
#contato-home .content .c3 a {font-size:1.3125rem;text-decoration:none;color:inherit;}
#contato-home .content .c3 a:after {content:'›››';opacity: 0;padding-left: 0.1rem;font-size:2rem;line-height:0.5rem;overflow:hidden;margin-bottom:-1rem;position: relative;top: 0.2rem;}
#contato-home .content .c3 a:hover:after {opacity: 1;padding-left:0.435rem;}

@media screen and (max-width:900px){
	#contato-home .content {flex-direction: column;align-items:center;width: max-content;}
	#contato-home .content > div {width: 100%;}
	#contato-home .content .c1 p {text-align: center;}
	#contato-home .content .c2 {margin:2rem 0;}
	#contato-home .content .c3 p {text-align: center;}
}

#newsletter {padding: 4.6875rem 0;}
#newsletter h2 {font-weight: 300;font-size:2.1875rem;letter-spacing:0.109375rem;line-height:2.1875rem;padding:1rem;}
#newsletter form {max-width:1050px;width:90%;margin:0 auto;padding: 0 5%;}
#newsletter form > div {display: flex;margin: 0 auto;justify-content: center;padding: 2.5rem 0;gap: 1.5rem;flex-wrap: wrap;}
#newsletter form input[type="text"],#newsletter form input[type="email"] {border-radius: 0;border: none;border-bottom:1px solid #b4b4b4;height:2.375rem;line-height:2.375rem;font-size:1.0625rem;}
#newsletter form input[type="text"]::placeholder,#newsletter form input[type="email"]::placeholder {color: #787878;}
#newsletter form button {border-radius:0;border:none;padding:1rem 2rem;text-transform: uppercase;background-color: #0ebbbc;color: #ffffff;font-size:1.0625rem;letter-spacing:0.10625rem;cursor:pointer;}