@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,300,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700);

body{background:white;font-family:"Open Sans";font-weight:300;}

.langChooser {
    float: right;
    position: relative;
}

.langChooser select{
    padding: .5em 3em .5em 0.5em;
    text-align: left !important;
    float: left;
    width: 10em;
}

.langChooser select option{
    text-align: left !important;
}




textarea#mensagem {
    height: 10em !important;
}

div#leadCapture {
    background: #6A9348;
    padding: 3em 0;
    color: white;
}

#leadCapture .field{
    margin-bottom:.8em;
}

div#calculator {
    background: white;
    color: #222;
    padding: 5em 0;
}


div#calculator .field{
    margin-bottom: 2em;
    /* min-height: 9em; */
}
div#calculator .field .group{/* min-height: 6em; */position: relative;/* width: 18em; *//* float: left; */padding-left: 4em;}
div#calculator .field .icon{
    /* float: left; */
    margin-right: 1em;
    /* margin-top: 1.7em; */
    position: absolute;
    /* margin-left: 0.7em; */
    /* transform: scale(0.7); */
    bottom: 0;
    left: 5px;
}
div#calculator .field input{
    /* width: 100%; */
    text-align: center;
    padding: 0.4em;
    background: #f2f2f2;
    font-size: 1.75em;
    float: left;
    min-width: 3em;
    width: 100%;
}

div#calculator .field label{display: inline-block;font-weight: normal;color: black;min-height: 2.5em;max-height: 2.5em;overflow: hidden;text-overflow: ellipsis;line-height: 1.25em;vertical-align: text-bottom;}


div#calculator .sidebar{
    /*height:1000px;*/
    top:0;
}

div#intro {
    background: #eee;
    color: #222;
    padding: 3em 0 0;
    text-align: center;
    line-height: 2em;
    padding-top: 9em;
}

div#intro h2{max-width: 40em;margin: 1em auto 0;/* display: none; */text-transform: uppercase;font-weight: 700;/* color: #6A9348; */font-family: 'Open Sans Condensed';font-size: 2em;}
div#intro p{margin:0 auto;margin-top:1em;max-width:50em;display: none;}


div#intro ul{}
div#intro ul li{
    list-style: initial;
    /* text-transform: uppercase; */
    font-size: 1.5em;
    list-style-position: inherit;
    /* display: inline-block; */
    font-weight: 300;
}

div#intro h3{
    margin: 0 auto;
    font-size: 1.5em;
    padding: 0;
    text-transform: uppercase;
    font-weight: 300;
    color:green;
    text-align: center;
    font-weight: 700;
    background: #6A9348;
    padding: 0.5em 2em;
    color: white;
    display: inline-block;
    border-radius: 4em;
}


img.setagrande{
    width:100%
    
}


div#splash {
    background: #17ADAC;
    color: #222;
    padding: 0;
    background-image: url(../images/posto_blur.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    /* min-height: 30em; */
    background-position: center;
    margin-top: 4em;
    position: relative;
    /* -webkit-filter: blur(20px); */
}


#splash h2{
    color:white;
}


img.tls450 {
    position: absolute;
    left: 33%;
    transform: scale(.8) translate(-50%,0%);
    bottom: -100px;
}


img.tls4 {
    position: absolute;
    left: 55%;
    transform: scale(0.5) translate(-50%,0%);
    bottom: -177px;
}


img.sonda{
    position: absolute;
    left: 50%;
    transform: rotate(-3deg) translate(-50%,0%);
    bottom: -109px;
}

#splash .box {
    min-height: 17em;
}

#splash h2{
    text-transform:uppercase;
    text-align:    center;
    /* background: rgba(255, 255, 255, 0.34); */
    padding: 1em 0;
    margin: 0;
    font-family: "Open Sans Condensed";
    font-size: 2.6em;
    text-shadow: 0 2px 2px black;
}


.boxResults {
    background-color: #CC1141;
    border: 1px solid #CD1141;
    padding: 0;
    color: #330000;
    /* margin-left: 2em; */
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.57);
    top: 0;
}

.boxResults.mode_disclaimer .disclaimer{
    display:block;
}

.boxResults.mode_disclaimer .results{
    display:none
}



.boxResults.mode_results .disclaimer{
    display:none;
}

.boxResults.mode_results .results{
    display:block;
}

.boxResults .disclaimer button{
    margin:0 auto;
    display:block;
    margin-bottom:2em;
    background-color:orange !important;
    font-size: 1em;
    font-weight: bold;
}


.boxResults h2{
    display:block;
    text-align:center;
    color:white;
    margin:1em 0 0 0 ;
}

.boxResults .group {
    margin-bottom: 0;
    text-align: center;
    color: white;
    padding: 1.5em;
    /* background-color: white; */
    border-bottom: 1px solid #FF1551;
}
.boxResults .valor{
    font-weight: 300;
    font-size: 2em;
    font-family: "Open Sans Condensed";
    color: white;
}
.boxResults .legenda{
    font-size: .9em;
    line-height: 1.5em;
}



footer .copyright {
    font-size: .8em;
    margin-top: 6px;
    display: block;
    float: left;
}


.langChooser img.flag {
    height: 1.6em;
    float: left;
    margin-top: 4px;
    margin-right: 10px;
}

#leadCapture .box {
    border:1px solid white;
    text-align:center;
    padding:2em;
    line-height:2em;
    max-width: 27em;
    margin: 1.6em auto;
}


#leadCapture .box h3 {
    font-size: 1.7em;
    font-weight: 300;
    line-height: 1.6em;
    margin: 0;
}

#leadCapture .box h4 {
    font-size: 2em;
}

#calculator form {
    padding: 0;
}

#calculator ul {
    /* background: #FFFADD; */
    padding: 2em;
    color: #575431;
    margin: 0;
    /* border: 1px solid #fdad33; */
    color: white;
    padding-bottom: 0;
    font-size: .8em;
}


.ui-page .controls{
    padding:0;
    
}


.group.field-f14 {
    margin-bottom: 0;
    background-color: #FF1A55;
}

.group.field-f14 .valor{
    font-size: 2.5em;
}



.group.field-f14 .legenda{
    font-size:1em;
    font-weight:bold;
    margin-bottom: 0.4em;
    line-height: 1.4em;
    display: inline-block;
    max-width: 12em;
}
.group.field-f14 .legenda2{
    font-size:1em;
    font-weight:bold;
    margin: 0 0 1em 0;
    line-height: 1.4em;
    display: inline-block;
    text-transform:uppercase;
}

#leadCapture h2 {
    font-size: 2em;
    line-height: 1.4em;
}

#calculator .step {
    margin-bottom: 3em;
    background: #fafafa;
    padding: 2em;
}

#calculator .step .head {
    font-size: 1.75em;
    margin-bottom: 1em;
    border-bottom: 1px solid #6A9348;
    padding: 0em 0 1em 0;
}

#calculator .step .head .number{
    background-color: #6A9348;
    font-weight:normal;
    color: white;
    width: 1.5em;
    height: 1.5em;
    position: relative;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    line-height: 1.5em;
    margin-right: 0.5em;
}


#calculator .field-f01 .group {
    padding: 0 !important;
    text-align: center;
}


#calculator .field-f01 label {
    display: block !important;
    color: rgba(255, 255, 255, 0.64) !important;
}


#calculator .field-f01 input#f01 {
    border: none;
    width: 3em;
    padding: 0.3em;
    display: block !important;
    margin: 0 auto;
    float: none !important;
    font-size: 1.25em;
}

span.hline {
    border-bottom: 1px solid rgba(255, 255, 255, 0.41);
    width: 80%;
    height: 1px;
    display: block;
    margin: 1em auto;
}

.boxResults .field.field-email01 {
    padding: 1em 23px;
    text-align:center !important;
}


.boxResults .continuar {
    padding: 2em auto;
    text-align:center !important;
}


.boxResults .field.field-email01 label {
    color:white !important;
}

.boxResults .field.field-email01 input {
    font-size:1em !important;
    padding: 0.7em !important;
}

/* AJUSTES GUILHERME BORGES BASTOS */

.submit.saiba_mais {
    background: orange;
}

input.email.error {
    background-color: #AB2222 !important;
}

.boxResults .field.field-email01 input {
    text-align: left !important;
}

button#btnGetResult:disabled {
    opacity: 0.4;
}



/*
Ajustes Mobile Guilherme Bastos e Alan Santana
*/

.smartphone .main_row .langChooser select{
    padding: .5em 1em .5em 0.5em !important;
    width: 6.5em !important;
}

.smartphone #calculator .boxResults .continuar {
    margin: 0px 20px 0 20px !important;
}

.smartphone div#calculator .sidebar{
    height: inherit !important;
    padding-bottom: 4.5em;
}

.smartphone .main_row .navbar-brand img {
    width: 145px !important;
}

.smartphone #splash img.tls450 {
    left: 23%;
    transform: scale(.7) translate(-50%,0%);
    bottom: 40px !important;
}

.smartphone #splash img.tls4 {
    left: 50% !important;
    bottom: -17px !important;
}

.smartphone #splash img.sonda {
    left: 30% !important;
    transform: rotate(-3deg) translate(-30%,10%) !important;
    bottom: 20px !important;
}

.smartphone div#splash {
    max-height: 350px !important;
}

.smartphone div#intro h3 {
    font-size: 1.15em !important;
    line-height: 24px;
}

.smartphone #calculator .step .head {
    font-size: 1.3em !important;
}

.smartphone #calculator .step {
    padding: 0.5em;
    background: #fff !important;
}

.smartphone div#calculator .field .group {
    padding-left: 3.5em !important;
}

.smartphone div#calculator .field-f01 .group {
    padding-left: 0em !important;
}


.smartphone div#calculator .field .icon {
    left: 0 !important;
    margin-right: 0em !important;
    bottom: 20px !important;
}

.smartphone div#calculator .field {
    padding-bottom: 1.2em;
    margin: 0;
}

.smartphone #leadCapture .box h3 {
    font-size: 1.1em !important;
}

.smartphone #leadCapture h2 {
    font-size: 1.3em !important;
}

.smartphone .instructions {
    display: block;
    padding: 4em 1.6em 1.6em 2.5em !important;
    font-size: .9em !important;
}

.smartphone .instructions h2 {
    text-align: center !important;
}

.smartphone div#calculator {
    padding: 0;
}

.instructions {
    display: none;
}

.instructionsdesk {
    display: block;
}

.smartphone .instructionsdesk {
    display: none;
}

.smartphone .wrapper #splash h2 {
    margin-left: 20px;
    margin-right: 20px;
}

.smartphone #home div#intro ul li {
    font-size: 1em;
}

.smartphone #home div#intro h2.r01 {
    font-size: 1.7em;
}