body{ font-family: 'Poppins', sans-serif; font-size: 14px;  padding-top:55px;  background: #fff; }
b{ font-weight: bold; }
nav{  background: #F8F9FA; position: fixed; box-shadow: 0 0 20px rgba(0,0,0,.25); top:0; left:0; z-index: 10; width: 100%;  transition: background .2s linear; }
input::placeholder{ color:#555; }
.chumbo{ background: #6B717A; color:#fff; }
.chumbo-2{ background: #63676d; color:#fff; }
.green{ background: #1fc25e; color:#fff; }
.green-2{ background: #0ab25e; color:#fff; }
.padding-10{ padding:10px; }
.border-bottom{ border-bottom:1px solid rgba(0,0,0,.1);  }
.hide-in-desktop{ display: none; }
.position-center{ display: flex; align-items: center; justify-content: center; flex-direction: column; }
.mob-2{ min-width:900px;  }
h2{ font-size: 50px; font-weight: 900; margin-bottom: 10px; }
p{ font-size: 16px; font-weight: 400;  line-height:1.7; text-align: justify; margin-bottom: 20px; }
strong{ font-weight: 700; }
ul.menu-desktop{ font-size: 14px; max-width: 1150px; margin:0 auto; }
ul.menu-desktop li{ padding: 10px;  text-align: left; transition: padding .2s linear; }
ul.menu-desktop li > a img{ height: 25px; margin-top: 5px; }
ul.menu-desktop li.links{ padding: 10px 0 10px 0;  transition: padding .2s linear; }
ul.menu-desktop li.links p{ font-size: 16px; text-align: right;  color: #6B717A; margin-bottom: 0; padding:5px 5px; }

ul.menu-mobile{ font-size: 14px;   display: none; }
ul.menu-mobile li{ padding: 20px;  text-align: left; transition: padding .2s linear; width: 100%; }
ul.menu-mobile li > a img{ height: 50px; }
ul.menu-mobile li.links{ padding: 20px 0 40px 0;  transition: padding .2s linear;  text-align: center; display: none; background: #f9f9f9; }
ul.menu-mobile li.links ul li { display: inline-block; text-align: center;}
ul.menu-mobile li.links ul li a{ display: inline-block; font-weight: 700; color:#0F9FBE; text-transform: uppercase;  font-size: 13px;  }
ul.menu-mobile li.links ul li a:hover{ color:#0F9FBE;  }
ul.menu-mobile li.links ul li a.back{ color:#0F9FDE; }
ul.menu-mobile li.links ul li a.back:hover{ color:#0F9FBE;  }

a.menu-close{ position: absolute; top:40px; right: 19px; color:#0F9FDE;  font-weight: 900; }
a.menu-open{ position: absolute; top:40px; right: 19px;  color:#c9167a; font-weight: 900; display: none; }



.content{ max-width: 1150px; margin:0 auto; padding:0px 0px; position: relative;}
.bg-blue{ background-color: #01294d; position: relative;  margin-top: 170px;}
.bg-white{ background: #fff;  padding:100px 60px;}
.bg-gray{ background: #f5f5f5;  padding:100px 60px;}
.skew-1{  top: 0; left: 0; right: 0; height: 115px; width: 100%; background-color: #01294d; transform: skewY(-5deg); transform-origin: 0 100%; margin-top: -115px; } 
.embed{ padding: 40px 0 60px 0; }
.embed iframe{ width: 100%; height: 240px; }

#fixed-form{ padding:40px; border-radius: 25px; box-shadow: 0 0 5px rgba(0,0,0,.15); background: white; height: auto; width: 400px; position: absolute; left:100px; top:-200px; z-index: 9; }
#fixed-form h1{  font-size: 40px; color:#06CBF1; font-weight: 900; }
#fixed-form h2{  font-size: 20px; color:#06CBF1; font-weight: 500; }
#fixed-form p{  color:#505050 !important; text-align: left !important; font-size: 19px; line-height: 1.3; }
#fixed-form form{ height: 300px !important; }

#inicio{ background: #04789E url(../img/home.v2.jpg) center center no-repeat; background-size: cover; height: 100%; position: relative; }

#app {  background: #F4F5F7;  }
#app > div{ padding: 55px 25px;  }
#app > div.bg-1{ background: transparent url(../img/banner.png) center center no-repeat; background-size: cover; height: 350px; position: relative; }
#app > div.text{ padding-right: 50px; }
#app > div h2{ color:#212529; font-weight:bold; font-size: 34px; line-height: 1.3; }
#app > div p{ color: #6B717A; line-height: 1.3; text-align: left;}

#plano{ padding:50px 20px; 

background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(240,240,240,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=0 );

}
#plano > div h2{  font-size: 28px; font-weight: bold;}

ul.box-list{ margin-top:40px; }
ul.box-list li{ padding: 0 20px 20px 20px; font-weight: normal; font-size: 15px; color: #6B717A; line-height: 1.3;}
ul.box-list.custom-padding li{ padding: 0 0px 20px 20px; }
ul.box-list li i{ margin-left:-20px; color: #1fc25e;  }

#plano > div.box{  padding: 0 30px; }
#plano > div.box > div.box-plano{ padding:15px 10px; box-shadow: 0 0 20px 20px rgba(0,0,0,.05); border-radius: 15px;  position: relative; }

.orange{  background: #1fc25e; color:#fff;  }
.color-orange{  color:#1fc25e;  }
a.link-select{ border:2px solid #ccc; padding: 10px 0; display: block;  box-shadow: 0 0 5px rgba(0,0,0,.05); border-radius: 10px; color:#000; position: relative; }
a.link-select hr{ margin:0 20px !important; display: block; }
a.link-select mark{ position: absolute; right:20px; top:-14px; font-size:14px; border-radius: 14px; padding: 6px 10px; background: #ff6100; color:#fff; text-shadow: 0 0 2px rgba(0,0,0,.5); }
a.link-select:hover{ border-color:  #ff6100;  }
a.link-select.active{ border-color:  #ff6100;  }
.bt-plano{  background: #1fc25e; padding: 15px 20px; border-radius: 14px; text-shadow: 0 0 2px rgba(0,0,0,.5); border:1px solid transparent;  }
.bt-plano:hover{  background: #ff6100;  }


#selos{ margin-top: 50px; }
#selos > div{ padding: 20px; }


footer{ background: #F6F6F6 !important; padding:40px; text-align: center; color:#333;}
footer img{   }
footer p{ text-align: center; font-size: 13px; }
footer p.a{ padding-top:37px; }
footer p.c{ padding-top:37px; }

div.main-box{ padding:30px; background:#f0f0f0; margin-bottom: 40px;  border-radius: 10px; }
.box-padding{ padding-right: 30px; }
#chart-preview{ padding:20px; border-radius: 10px; background: white; box-shadow: 1px 1px 2px rgba(0,0,0,.15); }
#chart-preview div.text{ padding-right: 20px; border-right: 1px solid #ccc; }
#chart-preview div.text p{ font-size: 14px; color: #555; }

.box-seguro{ padding:20px 10px; border-radius: 10px; background: white; box-shadow: 1px 1px 2px rgba(0,0,0,.15); }
.box-seguro p{ font-size: 13px; text-align: left;  }

ul.box-resume{ padding-left: 10px; }
ul.box-resume li{ padding: 5px;  }

form h5{ color: #505050; margin-bottom: 10px;  }

input{ padding:10px 10px 10px 10px !important; height: auto; }

#box-form{ padding:40px; border-radius: 10px; background: white; box-shadow: 1px 1px 2px rgba(0,0,0,.15); margin-top:20px;}
#response-form{ display: none; padding:40px; border-radius: 10px; background: white; box-shadow: 1px 1px 2px rgba(0,0,0,.15); margin-top:20px; }
ul.form-content{}
ul.form-content li { padding:5px 5px 5px 0; }

.margin-top-custom{ position: relative !important; top:-100px !important;  }

a.bt-whatsapp{ position:fixed; bottom:20px; right:20px; z-index:10; }
a.bt-whatsapp:hover{ opacity:.85; }

@media (min-width:0px) and (max-width: 800px) {

	a.bt-whatsapp{ zoom:.85; }
	.margin-top-custom{ position: initial !important; top:initial !important;  }
	body{ padding-top:100px; }
	nav{ background: white; box-shadow: 0 0 1px rgba(0,0,0,.2); }
	.hide-in-desktop{ display: block; }

	ul.menu-desktop{ text-align: center;}
	ul.menu-desktop li{ text-align: center; padding-left:20px; padding-right:20px; }
	ul.menu-desktop li p{ text-align: center !important; }

.box-list.custom-padding{ margin-top:20px !important; }
.box-list li{ padding-left: 0px; padding-right: 0px; }


	h2{ font-size: 40px; font-weight: 900; margin-bottom: 10px; }
	p{ font-size: 16px; font-weight: 400;  line-height:1.7; text-align: justify; margin-bottom: 20px; }

	#app{ padding: 0 0 0 0;  }

	#app > div{ padding: 20px 20px 20px 20px;  }
	#app > div.bg-1{ background: transparent url(../img/banner.png) center center no-repeat; background-size: 120% auto; height: 300px;}
	#app > div.text h2{ color:#fff; font-size: 22px; line-height: 1.3; }
	.content{ max-width:auto; margin:0 auto; padding:0px 20px; position: relative;}
	.bg-blue{ background-color: #01294d; position: relative;  margin-top: 120px; padding-bottom: 40px;  }
	.bg-white{ background: #fff;  padding:40px 20px; }
	.bg-gray{ background: #f5f5f5;  padding:20px 20px; }
	.skew-1{  top: 0; left: 0; right: 0; height: 115px; width: 100%; background-color: #01294d; transform: skewY(-5deg); transform-origin: 0 100%; margin-top: -115px; } 
	.embed{ padding: 40px 0 60px 0; }
	.embed iframe{ width: 100%; height: 240px; }

/*	ul.menu-desktop{ display: none; }
	ul.menu-mobile{  display: block; }
*/
	#inicio{ background: #04789E url(../img/home.v2.jpg) center center no-repeat; background-size: cover; height: 240px; position: relative; }

	#fixed-form{ padding:20px; border-radius: 15px; box-shadow:initial; background: white; height: auto; width: 100%; position: initial; left:initial; top:initial; z-index:initial;  margin: 0 auto;}
	#fixed-form h1{  font-size: 39px; }
	#fixed-form h2{  font-size: 19px; }
	#fixed-form p{  font-size: 14px; line-height: 1.3; }
	#fixed-form form{ height: 300px !important; }

	#tour{  }
	#tour > div h2{ color:#06CBF1; font-size: 39px; }
	#tour > div > a{ background:#06CBF1 url(../img/tour-cover.jpg) center center no-repeat; background-size: cover; height: 200px;  }

	#aulas{  }
	#aulas > div h2{ color:#06CBF1; font-size: 39px; }
	#aulas > div p{ color:#333; }
	#aulas > div > a{ padding:90px 0;  background:#06CBF1 url(../img/cover.jpg) center center no-repeat; background-size: cover;  border-radius: 15px; display: block;  }
	#aulas > div > a:hover{ background-size:cover;  }


	#proposta{  }
	#proposta > div h2{ color:#06CBF1; font-size: 39px; }
	#proposta > div p{ color:#333; }
	#proposta > div p strong{ font-weight:700; font-size:17px; color:#333; }
	#proposta > div > a:hover{  background-size: 105% auto; box-shadow: 0px 30px 20px -20px rgba(0,0,0,.25);  transition: background-size 0.2s linear; transition: background-size 0.2s linear,box-shadow 0.2s linear; }

	.accordion > div.active{ border-radius:0 0 5px 5px; display:block; height:auto; max-height: initial; transition:height 0.3s ease,max-height 1s ease; }


	#colegio { margin-top:-40px; padding-bottom:100px; }
	#colegio > div{  }
	#colegio > div h2{ font-size: 39px; }
	#colegio > div ul li{ color:white;  font-size: 16px; font-weight: 400; padding:10px 10px 10px 0; line-height: 1.3; }
	#colegio > div ul li:after{ content:""; background:#C9167A; height:2px; width:50px;  display:block; margin-top:5px;  }

	#pdf{ padding:40px 40px; background: #f0f0f0; text-align: center; }
	#pdf iframe{  width: 100%; max-width:initial; }

	#logos{ text-align: center; padding:50px; background: white; }
	#logos img{ max-width: 200px; max-height: 200px; margin: 30px 30px; }
	#logos img.mtop{ position:initial; top:initial; }

	#chart-preview{ padding:20px; border-radius: 10px; background: white; box-shadow: 1px 1px 2px rgba(0,0,0,.15); }
	#chart-preview div.text{ padding-right:initial; border-right: 1px solid #ccc; }
	#chart-preview div.text p{ font-size: 14px; color: #555; }

	.box-padding{ padding-right:initial; }


	footer{ padding:40px; text-align: center;}
	footer p{ text-align: center; font-size: 10px; }

	#plano > div.box{  padding: 0 0px; }

    .modal-window{  display: none;  position: relative; width: 100%; max-width: 90%; position: fixed; top:40%; left:2.5%; margin-left: initial; margin-top: -150px; z-index:29;  }
    .modal-window a.close{   }

    .box-img-1{ padding-bottom: 70px; }
    .mob-img{ width: 100% !important }

}