@import "config.css";
@import "font-awesome.css";

/* MODAL */
.ct_text_modal {width:100%; height:auto; padding:25px;}
.ct_text_modal h1 {color:#2e3192; display:block; line-height:40px; background:url(../imagens/barra_tt.jpg) left bottom no-repeat; padding:10px 0 10px 0;}
.ct_text_modal p {font-size:16px; color:#555; line-height:26px;}
/* MODAL */

#topo {width:100%; height:auto; padding:15px 0; background-color:#fff; position:fixed; top:0; left:0; z-index:999; border-bottom: 1px solid #283136;}
#logo {float:left; width:100%; max-width:270px;}
#logo img {max-width:60%;}

#topo_right {float:right;}
#topo_right a {display:inline-table; padding:10px; font-size:17px;}

.tel_topo {color:#000;}
.tel_whatsapp {color:#fff; padding:10px 20px !important; border-radius:3px;}
.tel_whatsapp .fa {margin-right:7px;}
.tel_whatsapp {animation: animacao 1s ease infinite alternate;}
@keyframes animacao {
	from {background:#019045;}
	to {background:#037238;}
}


#tt_topo {float:left; width:60%; height:auto; padding:30px 0; margin-top:90px;}
#tt_topo h1 {font-weight:300; font-size:30px; line-height:43px;}
#tt_topo strong {color:#009045;}
#tt_topo a {color:#009045;}

#bg_home {width:100%; height:460px; background:url(../imagens/background-landing.jpg) center no-repeat; background-size:cover; -o-background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; position:relative; margin-top: 100px;}


#form_right {background-color:#f5f6fa; position:relative; z-index:99; padding:30px; top:60px; right:0; float:right; width:37%; height:auto; box-sizing:border-box; border-top:5px solid #2e3192;}
#icon_form {width:100%; height:auto; text-align:center; margin-top:-80px;}

/*#form_right input {width:100%; padding:16px 15px; border:1px solid transparent; box-sizing:border-box; margin:5px 0; box-shadow:0 1px 5px 1px rgba(0, 0, 0, 0.05); border-radius:2px; color:#777; font-size:16px; font-family: 'Montserrat', sans-serif;}*/
/*.input {width:100%; border:1px solid #ddd; padding:15px 10px; margin:5px 0; border-radius:4px;}*/

.input {width:100%; padding:16px 15px; border:1px solid transparent; box-sizing:border-box; margin:5px 0; box-shadow:0 1px 5px 1px rgba(0, 0, 0, 0.05); border-radius:2px; color:#777; font-size:16px; font-family: 'Montserrat', sans-serif;}

#form_right input:focus {border:1px solid #eee;}
#form_right h3 {font-size:24px; line-height:30px; font-weight:lighter; margin:20px 0 15px 0; display:block;}
.submit {background-color:#2e3192; margin-top:15px; color:#fff !important; cursor:pointer; border:0; width:100%; padding:16px 15px; font-size:16px;}

.checkbox label {display:inline-block; cursor:pointer; color:#777; position:relative; padding:5px 0 5px 30px; border-radius:5px; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; box-sizing:border-box; overflow:auto; margin:5px 0;}
.checkbox label:before {content:""; display:inline-block; width:15px; height:15px; position:absolute; left:0; border-radius:30%; background:none; border:2px solid #777; margin-top:1px;}
.checkbox input {display:none;}
.checkbox input:checked + label:before {display:none;}
.checkbox input:checked + label {padding:5px 15px; background:#037238; border-radius:2px; color:#fff;}


#text_corpo {width:60%; height:auto; overflow:auto; padding:50px 0; color:#444;}
#text_corpo h1 {font-weight:300; font-size:33px; line-height:43px;}
#text_corpo strong {color:#009045;}
#text_corpo p {font-size:16px;}

.owl-carousel .item {position:relative; z-index:100; -webkit-backface-visibility:hidden;}
.owl-nav > div {margin-top:-26px; position:absolute; top:50%; color:#6d787f;}
.owl-nav i {font-size:40px;}
.owl-nav .owl-prev {left:-40px;}
.owl-nav .owl-next {right:-40px;}


#footer {width:100%; height:auto; padding:30px 0; text-align:center; color:#FFF; background-color:#000; line-height:30px;}
#footer a {color:#999;}
#logo_footer {max-width:300px; margin:0 auto 15px auto;}
#logo_footer img {max-width:100%;}


/* INDIQUE O AMIGO */
#form_indicao {width:100%; height:auto; overflow:auto; padding:50px 0; margin-top:100px;}
#form_indicao  h1, #form_indicao  h3 {display:block; padding:10px 0; color:#009045;}
#form_indicao input, #form_indicao select {width:100%; border:1px solid #ccc; padding:15px; border-radius:2px; color:#777; font-size:16px; font-family: 'Montserrat', sans-serif;}

/* RADIO / CHECKBOX */
#escolha {display:block; margin-bottom:30px; overflow:auto; padding:10px;}
.ct_radio_escolha {float:left; width:auto; margin-right:20px;}

#radio_button label {display:block; font-size:18px;}
#radio_button label > input {display:none;}
#radio_button label > i {
  display:inline-block;
  width:18px;
  height:18px;
  border-radius:50%;
  margin-right:5px;
  vertical-align:middle;
  border:1px solid #009045;
  box-shadow:inset 0 0 0 2px #fff;
  -webkit-transition:.25s;
  transition:.25s;
}
#radio_button label > span {
  display:inline-block;
  padding-bottom:3px;
}
#radio_button label > input:checked + i {background:#009045;}
#radio_button label:hover {cursor:pointer;}


.coluna_um { width:98%; height:auto; overflow:auto; margin:1%;}
.coluna_dois {float:left; width:48%; height:auto; overflow:auto; margin:1%;}
.coluna_tres {float:left; width:31.3%; height:auto; overflow:auto; margin:1%;}
.coluna_quatro {float:left; width:23%; height:auto; overflow:auto; margin:1%;}






/* CSS RESPONSIVO */

@media screen and (max-width: 1280px) { 
body, html {width:100%;}
.container {width:100%; max-width:90%}
}

@media screen and (max-width: 990px) {
.owl-carousel .item {position:relative; z-index:100; -webkit-backface-visibility:hidden;}
.owl-nav > div {margin-top:-26px; position:absolute; top:50%; color:#6d787f;}
.owl-nav i {font-size:40px;}
.owl-nav .owl-prev {left:0;}
.owl-nav .owl-next {right:0;}


#topo {padding:15px 0; border-bottom:1px solid #ccc; position:static; text-align:center;}
#logo {float:none; margin:20px auto;}
#topo_right {float:none; max-width:100%;}
.tel_topo {text-align:center;}
.tel_topo span {font-size:20px; margin-left:5px;}

#tt_topo {float:none; width:100%; height:auto; padding:70px 0; text-align:center; margin-top:0; background:url(../imagens/background-landing.jpg) left no-repeat; margin-top:30px;}
#tt_topo h1 {font-size:27px; line-height:37px; color:#fff; text-shadow: 0px 1px 2px rgba(150, 150, 150, 1);}

#bg_home {width:100%; height:auto; background:#fff;}
#form_right {position:relative; padding:15px; top:0; margin:70px auto 0 auto; right:auto; float:none; width:100%; max-width:400px;}


#form_right h3 {font-size:18px; line-height:27px;}
#text_corpo {width:100%; max-width:400px; margin:0 auto;}
#text_corpo h1 {font-size:27px; line-height:37px;}


#radio_button label {display:block; font-size:14px;}
#radio_button label > i {width:15px; height:15px;}

#form_indicao {margin-top:0;}
.coluna_um,
.coluna_dois,
.coluna_tres,
.coluna_quatro {float:none; width:100%; margin:10px 0;}

}