/*** TOPO  ***/
body{float: left;width: 100%;min-height: 100%;font-family: 'Montserrat', sans-serif!important;}
.logo{margin-bottom: 50px;margin-top: 15px;}

.header h1{color: #fff;font-size: 50px;font-weight: bold}
.header p{color: #fff;font-size: 20px;line-height: 30px;margin-top: 20px;margin-bottom: 30px}
.header  ul{list-style: none;padding-left: 0;}
.header  ul li{color: #fff;font-size: 22px;font-weight: bold;margin-bottom: 15px;}
.header{background: url('../img/screenshot_02_com mac.png?v=2') no-repeat right -150px top 80px;min-height: 600px}
.header .icon-check li{ background: url('../img/icon-check.png') no-repeat left;padding: 8px 0 8px  50px }

.title{color: #0048E0;font-size: 40px;font-weight: bold}
.subtitle{color: #707070;font-size: 15px}

#sobre ul{list-style: none;padding-left: 0;}
#sobre ul li{color: #707070;font-size: 18px;font-weight: bold;margin-bottom: 15px;}

ul.clientes{list-style: none;padding-left: 0;text-align: center}
ul.clientes li{display:inline-block;width: 19%;height: 80px;text-align: center}
ul.clientes li img{max-width: 100%;max-height: 100%}

a.btn{display: inline-block; background: #01EB92; color: #fff; font-weight: bold; font-size: 15px; padding: 10px 40px; border-radius: 40px;}

.icon-check{position: relative;padding-left: 40px}
.icon-check:before {
    position: absolute;
    left: 0;
    top: 5px;
    content: "";
    display: block;
    background: url("/assets/site/img/icon-check.png") no-repeat;
    background-size: cover;
    width: 25px;
    height: 25px;
}
.formulario{border: 2px solid #fff;border-radius: 20px;padding: 0 20px;width: 100%;text-align: left}
.formulario h1{color: #808080;font-size: 32px;margin-top: 0;font-weight: bold;margin-bottom: 20px;}
.formulario h2{color: #808080;font-size: 19px;margin-top: 0;margin-bottom: 20px;}
.formulario h3{color: #808080;font-size: 18px;margin-top: 0;margin-bottom: 20px;}
.formulario h3 span{color: #ff4d43;}
.formulario p{color: #808080;font-size: 15px;}
.formulario input{background: transparent; font-size: 16px;padding: 12px 20px; border-radius: 50px; border: 2px solid #808080;color: #808080;width: 100%;margin-bottom: 20px;}
.formulario button{background: #00a651; font-size: 16px;padding: 12px 0; border-radius: 50px; color: #fff;width: 100%;border: 0;}
.formulario input::placeholder { color: #808080; opacity: 1; }
.formulario input:-ms-input-placeholder {color: #808080;}
.formulario input::-ms-input-placeholder { color: #808080;}

#amostraModal form{padding: 40px;float: left;width: 100%;}
#amostraModal form .form-control {
    display: block!important;
    width: 100%!important;
    padding: 13px 25px!important;
    height: auto!important;
    font-size: 18px!important;
    font-weight: 400!important;
    background-color: #fff!important;
    color: #707070!important;
    background-clip: padding-box!important;
    border: 1px solid #ced4da!important;
    border-radius: 30px!important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out!important;
    margin-bottom: 15px;
}

.btn-success {
    background: #0048E0!important;
    border: 2px solid #0048E0!important;
}
.agradecimento{padding-bottom: 20px;}
.obrigado img{margin-bottom: 20px}
.obrigado h3{color: #575757; font-size: 28px;font-weight: bold;margin-bottom: 40px}
.obrigado p{color: #1f0014; font-size: 16px;margin-bottom: 20px}
.obrigado p span{color: #8e070b;font-weight: bold}

/*** FOOTER  ***/
footer{background: transparent;padding: 40px 0;margin-top: 80px}
address{margin: 0;background: transparent;color: #b4b4b4;padding: 20px 0;font-size: 15px;}
address a{color: #b4b4b4;font-size: 15px;}
address a:hover{color: #b4b4b4;}

.panel-group .panel{border: 0;margin-bottom: 30px;box-shadow: none!important;}
.panel-default>.panel-heading{border: 0!important;background: transparent;padding: 0}
.panel-body{border: 0!important;padding-left: 30px;font-size: 16px;}
.panel-title{color: #525252;font-size: 23px;position: relative;font-weight: bold}
.panel-title a{position:relative;background: #fff;display: block;font-size: 18px;color: #000;padding: 15px 50px 15px 60px;text-decoration: none!important;border-radius: 30px;box-shadow: rgba(0, 0, 0, 0.15) 0px 0.5rem 1rem !important;}

.panel-title a:after { content: ""; background: url(/assets/site/img/icon-ok.png) no-repeat!important; position: absolute; left: 14px; top: 7px; height: 33px;width: 33px;z-index: 9;}

.panel-title a img{margin-top: -1px }
.panel-title a:before {
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    color: #01EB92;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    font-weight: normal;
}
.panel-title > a:before {
    font-family: FontAwesome;
    content: "\f068";
    padding-right: 5px;
}
.panel-title > a.collapsed:before {
    content: "\f067";
}
.panel-default>.panel-heading+.panel-collapse>.panel-body{box-shadow: rgba(0, 0, 0, 0.15) 0px 0.5rem 1rem !important;margin-top: -30px;padding: 60px 50px 30px 50px}
.logo{float: left;}
@media (max-width: 992px)  {
    .header h2{font-size: 18px!important;}
    .header h1{font-size: 35px!important;}
    .logo{float: none!important;}
    #sobre {
        background-position: right -30% bottom ;
        background-size: 100%;
    }
}
@media (max-width: 600px)  {
}
.modal-body{padding: 0;}
button.close{
    position: absolute;
    z-index: 999999;
    right: 10px;
    top: 10px;
    color: #000;
    opacity: 1;
    text-shadow: none;
    font-size: 31px;
    font-weight: 100;
}

/* Cookie Dialog */
#gdpr-cookie-message {
    position: fixed;
    right: 30px;
    bottom: 30px;
    max-width:600px;
    background-color:#fff;
    padding: 30px;
    border-radius: 5px;
    box-shadow: 0 6px 6px rgba(0,0,0,0.25);
    margin-left: 30px;
    z-index: 999;
}
#gdpr-cookie-message h4 {
    background: url('../img/cookies.png') no-repeat left center;
    padding-left: 100px;
    height: 54px;
    color: #000;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-top: 14px;
}
#gdpr-cookie-message h5 {
    color: #000;;
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: bold;
}
#gdpr-cookie-message p, #gdpr-cookie-message ul {
    color: #404040;
    font-size: 15px;
    line-height: 1.5em;
}
#gdpr-cookie-message p:last-child {
    margin-bottom: 0;
    text-align: right;
}
#gdpr-cookie-message li {
    width: 49%;
    display: inline-block;
}
#gdpr-cookie-message a {
    color: #288FFE;
    text-decoration: none;
    font-size: 15px;
    padding-bottom: 2px;
    border-bottom: 1px dotted rgba(255,255,255,0.75);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message a:hover {
    color: white;
    border-bottom-color: var(--red);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button,
button#ihavecookiesBtn {
    border: none;
    background: #f88f1d;
    color: #fff;
    font-size: 15px;
    padding: 10px 20px;
    border-radius: 30px;
    margin-left: 15px;
    cursor: pointer;
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button:hover {
    background: #277ae5;
    transition: all 0.3s ease-in;
}
button#gdpr-cookie-advanced,button#gdpr-cookie-advanced:hover,button#gdpr-cookie-advanced:focus,button#gdpr-cookie-advanced:active {
    color: #DC3545!important;
    padding: 0!important;
    background: #fff!important;
}
#gdpr-cookie-message button:disabled {
    opacity: 0.3;
}
#gdpr-cookie-message input[type="checkbox"] {
    float: none;
    margin-top: 0;
    margin-right: 5px;
}