/*@ CSS Document */
body{font: 400 16px 'Montserrat', serif;color: #777;background: #fff;}

a, a:hover, a:focus, a:active{color: #fff;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
input{font-weight: 200;}
label{font-weight: 400 !important;}
p{margin: 0;padding: 0;}

/*@ hx */
h1, h2, h3, h4, h5, h6, fieldset legend{margin: 0;padding: 0;line-height: 1em;font-weight: 400;font-family: 'Krona One', sans-serif;}
h1,
h2{font-size: 1.5em;color: #6201D1;line-height: 1.35em;}
h2{color: #6201D1;}
h3{font-size: 1em;color: #6201d1;line-height: 1.45em;}
h4{font-size: 1em;text-transform: none;color: #6201d1;line-height: 1.45em;text-align: center;font-weight: 700;margin-bottom: 100px;}

/*---------------------------- Start S I T E --------------------------*/

/*
Bootstrap 4.0.0-alpha2 navbar with dropdown menus
=================================================
A small CSS modification is required. Add this to your theme CSS.
*/

/**/
header{height: auto;background: #6201D1;position: relative;overflow: hidden;}
header:before{
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: #6201D1;
  background: url(../images/calculadora.jpg) no-repeat center;
  background-size: cover;
  mix-blend-mode: multiply;
  position: absolute;
  left: 0;
  top: 0;
  opacity: .3;
}

header .container{
  z-index: 200;
  position: relative;
}

/*@ navbar-brand */
.navbar-brand{background-repeat: no-repeat;background-position: center;background-image: url(../images/svg/yellot-reverse.svg);background-color: transparent;display: block;width: 113px;height: 38px;background-size: 113px 38px;margin: 0;position: relative;}
.navbar-brand span{display: none;}

.navbar-brand::after{
  content: '// Calculadora Solar';
  color: #fff;
  display: block;
  text-transform: uppercase;
  font-size: .55em;
  position: absolute;
  bottom: 5px;
  left: 123px;
  letter-spacing: 0.05em;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus {
  background-color: #6201D1;
  border-color: #fff;
  color: #fff;
  font-weight: 700;
}

.btn-link,
.btn-link:hover,
.btn-link:focus {
  color: #fff;
  font-weight: 700;
}

.btn-success,
.btn-success:hover,
.btn-success:focus {
  background-color: #f6c945;
  border-color: #f6c945;
  color: #6201D1;
  font-weight: 700;
}

/*@ wrap */
section.wrap{}
section.wrap .container{}

.form-control{background-color: #f5f5f5;border-color: #efefef;border-radius: 0;}
.form-control:focus {
  background-color: #fff;
  border-color: #6201d1;
  box-shadow: 0 0 0 0.2rem rgba(1, 216, 144, 0.25);
}

.form-group{margin-bottom: 30px;}
.wrap-select-radio,
.box-bater{border: 1px solid #d7d7d7;padding: 50px 50px 20px 50px;margin-bottom: 30px;border-radius: 5px;}
.wrap-select-radio h3{color: #999;margin-bottom: 25px;font-size: 1em;}

.label-casa{outline: none;cursor: pointer;position: relative;margin-bottom: 30px;}
.label-casa span{display: block;font-size: 1em;padding-top: 7px;color: #999;font-weight: 700;}
.label-casa input{outline: none;cursor: pointer;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;width: 60px;height: 60px;background-size: 60px 60px;background-image: url(../images/svg/icone-casa.svg);background-position: center;background-repeat: no-repeat;background-color: transparent;filter: grayscale(1);opacity: .4;}
.label-casa input:checked{outline: none;background-image: url(../images/svg/icone-casa.svg);filter: grayscale(0);opacity: 1;}
.label-casa input:checked + span{color: #6201d1;}

.label-empresa{outline: none;cursor: pointer;position: relative;margin-bottom: 30px;}
.label-empresa span{display: block;font-size: 1em;padding-top: 7px;color: #999;font-weight: 700;}
.label-empresa input{outline: none;cursor: pointer;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;width: 60px;height: 60px;background-size: 60px 60px;background-image: url(../images/svg/icone-empresa.svg);background-position: center;background-repeat: no-repeat;background-color: transparent;filter: grayscale(1);opacity: .4;}
.label-empresa input:checked{outline: none;background-image: url(../images/svg/icone-empresa.svg);filter: grayscale(0);opacity: 1;}
.label-empresa input:checked + span{color: #6201d1;}

.label-industria{outline: none;cursor: pointer;position: relative;margin-bottom: 30px;}
.label-industria span{display: block;font-size: 1em;padding-top: 7px;color: #999;font-weight: 700;}
.label-industria input{outline: none;cursor: pointer;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;width: 60px;height: 60px;background-size: 60px 60px;background-image: url(../images/svg/icone-industria.svg);background-position: center;background-repeat: no-repeat;background-color: transparent;filter: grayscale(1);opacity: .4;}
.label-industria input:checked{outline: none;background-image: url(../images/svg/icone-industria.svg);filter: grayscale(0);opacity: 1;}
.label-industria input:checked + span{color: #6201d1;}

.label-agro{outline: none;cursor: pointer;position: relative;margin-bottom: 30px;}
.label-agro span{display: block;font-size: 1em;padding-top: 7px;color: #999;font-weight: 700;}
.label-agro input{outline: none;cursor: pointer;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;width: 60px;height: 60px;background-size: 60px 60px;background-image: url(../images/svg/icone-agro.svg);background-position: center;background-repeat: no-repeat;background-color: transparent;filter: grayscale(1);opacity: .4;}
.label-agro input:checked{outline: none;background-image: url(../images/svg/icone-agro.svg);filter: grayscale(0);opacity: 1;}
.label-agro input:checked + span{color: #6201d1;}

.radio-tipo-fatura{padding-top: 10px;}
.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #6201d1;
  background-color: #6201d1;
}
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: none;
}

.btn-dusol{background: linear-gradient(to bottom, #7a28d7, #6201d1);color: #fff;border-radius: 0;text-transform: uppercase;font-weight: 700;border-color: #6201d1;}
.btn-dusol:hover,
.btn-dusol:focus,
.btn-dusol:active{background: linear-gradient(to top, #7a28d7, #6201d1);color: #fff;border-color: #6201d1;box-shadow: none;}

.btn-amarelo{background: linear-gradient(to bottom, #f0d15d, #fdc801);color: #6201d1;border-radius: 0;text-transform: uppercase;font-weight: 700;border-color: #fdc801;}
.btn-amarelo:hover,
.btn-amarelo:focus,
.btn-amarelo:active{background: linear-gradient(to top, #f0d15d, #fdc801);color: #6201d1;border-color: #fdc801;box-shadow: none;}

.disclaimer{font-size: .9em;color: #999;line-height: 1.5em;font-style: italic;}

/*@ footer */
footer{background-color: #f5f5f5;}
footer .container{padding-top: 50px;padding-bottom: 50px;}

.desenvolvido-por{color: #6201d1;font-size: .8em;font-weight: 400;}

.site-footer{color: #6201d1;text-transform: uppercase;font-size: .8em;font-weight: 400;letter-spacing: 0.05em;}
.site-footer a{color: #6201d1;padding-left: 7px;padding-right: 7px;}
.site-footer a strong{font-weight: 700;}

.msg-redes{color: #6201d1;font-size: .8em;font-weight: 400;}

/*@ logo-footer */
.logo-footer{background-image: url(../images/svg/yellot-footer.svg);background-position: center;background-repeat: no-repeat;background-color: transparent;display: block;width: 100px;height: 37px;background-size: 100px 37px;}
.logo-footer span{display: none;}

/*@ redes-sociais */
ul.redes-sociais{margin: 0;padding: 0;list-style: none;width: auto;text-align: center;display: inline-block;}
ul.redes-sociais li{display: inline-block;margin-left: 7px;margin-right: 7px;}
ul.redes-sociais li a{display: block;background-repeat: no-repeat;background-color: transparent;background-position: center;opacity: 1;width: 40px; height: 40px;background-size: 40px 40px;}
ul.redes-sociais li a span{display: none;}

ul.redes-sociais li.rs-instagram a{background-image: url(../images/svg/icone-instagram.svg);}
ul.redes-sociais li.rs-facebook a{background-image: url(../images/svg/icone-facebook.svg);}
ul.redes-sociais li.rs-youtube a{background-image: url(../images/svg/icone-youtube.svg);}
ul.redes-sociais li.rs-linkedin a{background-image: url(../images/svg/icone-linkedin.svg);}

/*@ wrap-resultado */
.wrap-resultado{border: 1px solid #d7d7d7;padding: 70px 35px 0 35px;border-radius: 5px;}
.wrap-resultado .img-resultado{max-width: 100% !important;height: auto !important;display: block;margin: 5px auto 25px auto;transform: scale(.9, .9);-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.wrap-resultado .col-lg-3:hover .img-resultado{transform: scale(1, 1);-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}

.row-buttons{margin-top: 30px;}
.row-buttons .btn{margin: 10px;}

#resultado{display: none;margin-top: 70px;}
.estimativa{margin: 25px 0 55px 0;font-style: italic;font-size: .9em;color: #999;}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {


}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

  
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

  h1,
  h2{font-size: 2em;}

  /*@ logo-footer */
  .logo-footer{margin: 0 auto;}

  /*@ wrap-resultado */
  .wrap-resultado{padding: 75px 75px 0 75px;}
	.wrap-resultado .img-resultado{margin: 35px auto;}

  .row-buttons{margin-top: -35px;}
  .row-buttons .btn{margin-left: 10px;margin-right: 10px;}

}


/*@ ------------------------------ Customizações ------------------------------ */

.custom-select{color: #6201d1;}

/*@ actions */
.position-relative{position: relative;}
.responsivando{max-width: 100%;margin: 0 auto;height: auto !important;}
.responsivando{}
.max-responsivando{width: 100% !important;margin: 0 auto;height: auto !important;}
.escondido{display: none;}
.mostrando{display: block;}

/* Images */
article .alignleft {float: left;}
article .alignright {float: right;}
article .aligncenter {display: block;margin-left: auto;margin-right: auto;}
article figure.wp-caption.alignleft,
article img.alignleft {margin: 5px 20px 5px 0;}
article .wp-caption.alignleft {margin: 5px 10px 5px 0;}
article figure.wp-caption.alignright,
article img.alignright {margin: 5px 0 5px 20px;}
article .wp-caption.alignright {margin: 5px 0 5px 10px;}
article img.aligncenter {margin: 5px auto;}
article img.alignnone {margin: 5px 0;width: 100% !important;height:  auto !important;}
article .wp-caption .wp-caption-text,
article .entry-caption,
article .gallery-caption {color: #220e10;font-size: 18px;font-style: italic;font-weight: 300;margin: 0 0 24px;}
article div.wp-caption.alignright img[class*="wp-image-"] {float: right;}
article div.wp-caption.alignright .wp-caption-text {padding-left: 10px;}

div:focus, a:focus, div:active, a:active{outline: none;}

.esconder{visibility: hidden !important;}
.mostrar{visibility: visible !important;}

/*@ wp-pagenavi */
.wp-pagenavi{display: block;clear: both;text-align: center;margin-top: 60px;margin-bottom: 30px;color: #333;margin-left: 0px;overflow: hidden;}
.wp-pagenavi a, .wp-pagenavi span{border: none !important;border: 1px solid #ddd !important;padding: 7px 7px !important;min-width: 35px !important;display: inline-block;text-align: center;border-radius: 3px;}
.wp-pagenavi span.pages{border-color: transparent !important;font-size: .7em !important;}
.wp-pagenavi a{color: #73797f;}
.wp-pagenavi a:hover{color: #fff;background-color: #73797f;}
.wp-pagenavi span{color: #73797f;}

article .video {padding-bottom: 56.25%; padding-top: 30px; width: 100%; position: relative; overflow: hidden;margin-top: 30px;margin-bottom: 30px;}
article .video iframe, article .video object, article .video embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-bottom: 0;}


/*@ alterando cor da seleção */
::-moz-selection {color: #fff;background: #6201d1;}
::selection{color: #fff;background: #6201d1;}

/*@ mensagem cf7 */
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing,
div.wpcf7-mail-sent-ng,
div.wpcf7-aborted,
div.wpcf7-mail-sent-ok{border: none !important;margin: 0 !important;padding: 0 !important;font-size: .85em;}

.wppninja-gallery .wppninja-spacing{margin-bottom: 30px !important;}

/*@ Removendo borda vermelha nos campos required no firefox */
.form-control{
  border: 1px solid #d7d7d7;
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 5px;
}
.form-control:required {
    box-shadow: none !important;
}

/*@ configurando estilos dos formulário de contato */
.form-control.ng-pristine{background-color: #fff;border-style: solid !important;}
.form-control.ng-pristine.ng-touched{border-style: solid !important;border-color: #6201d1;}
.form-control.ng-valid.ng-dirty{background-color: #fff;}
.form-control.ng-dirty{background-color: #fff !important;}
/*
.form-control.ng-valid{}
.form-control.ng-invalid{}
.form-control.ng-pending{}
.form-control.ng-pristine{}
.form-control.ng-dirty{}
.form-control.ng-submitted{}*/

.ng-cloak { display: none; }


/*@ contact form 7 styles */
span.wpcf7-not-valid-tip{color: #fff !important;font-style: italic !important;font-size: .7em !important;padding-top: 4px;}
footer span.wpcf7-not-valid-tip{color: #999 !important;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{font-style: italic !important;font-size: .7em !important;padding-top: 4px;}
div.wpcf7-mail-sent-ok{font-style: italic !important;font-size: .7em !important;padding-top: 4px;text-align: center !important;}

.tooltip-grupos{
  width: 20px;
  height: 20px;
  text-align: center;
  font-weight: bold;
  line-height: 20px;
  background-color: #6201D1;
  color: #fff;
  display: flex;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  cursor: help;
  margin-left: .5rem;
  font-size: .8rem;
}

.tooltip-grupos:hover,
.tooltip-grupos:focus{
  background-color: #f6c945;
}

#form label{
  font-size: 1rem;
}

.radio-tipo-fatura-borda{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .5rem .7rem .5rem 1.2rem !important;
  border: 1px solid #d7d7d7;
  font-size: 1.25em;
  border-radius: 5px;
  height: calc(1.5em + 1rem + 2px);
  line-height: 1.5;
}

.wrap.wrap-barter{
  background-image: url(../images/soja.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% auto;
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

  .wrap.wrap-barter{
    
  }

}