.logo img {}

.btnfranq {
    -moz-box-shadow: inset 0 1px 0 0 #f5978e;
    -webkit-box-shadow: inset 0 1px 0 0 #f5978e;
    box-shadow: inset 0 1px 0 0 #f5978e;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f));
    background: -moz-linear-gradient(center top, #f24537 5%, #c62d1f 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
    background-color: #f24537;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
    text-indent: 0;
    border: 1px solid #d02718;
    display: inline-block;
    color: #fff;
    font-family: Arial;
    font-size: 15px;
    font-weight: 700;
    font-style: normal;
    height: 50px;
    line-height: 50px;
    width: 250px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0 #810e05
}

.btnfranq:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537));
    background: -moz-linear-gradient(center top, #c62d1f 5%, #f24537 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
    background-color: #c62d1f
}

.btnfranq:active {
    position: relative;
    top: 1px
}

.btnmat {
    display: inline-block;
    padding: 8px 15px;
    background: -moz-linear-gradient(#93c47d, #274e13);
    background: -o-linear-gradient(#93c47d, #274e13);
    background: -webkit-linear-gradient(#93c47d, #274e13);
    background: linear-gradient(#93c47d, #274e13);
    border: 1px solid #6aa84f;
    border-radius: 5px;
    box-shadow: 1px 1px 0 0 #274e13;
    color: #fff;
    font: normal 700 18px/1 Calibri, sans-serif;
    text-align: center;
    text-shadow: 1px 1px 0 #000
}

.btnmat:hover {
    background: -moz-linear-gradient(#274e13, #93c47d);
    background: -o-linear-gradient(#274e13, #93c47d);
    background: -webkit-linear-gradient(#274e13, #93c47d);
    background: linear-gradient(#274e13, #93c47d);
    border: 1px solid #6aa84f;
    box-shadow: 1px 1px 0 0 #274e13;
    color: #fff
}

.btnmat:active {
    position: relative;
    top: 1px
}

.p-links {
    font-size: 11px;
    margin-left: 10px
}

.blue {
    color: #378ac4 !important;
}

.orange {
    color: #ef730e !important;
}

.green {
    color: #4cc410!important;
}

.red {
    color: rgb(236, 59, 59) !important;
}

.yellow {
    color: rgb(207, 189, 22) !important;
}

.border-blue:focus {
    outline: none !important;
    border: 1px solid red;
    box-shadow: 0 0 10px #719ECE;
}

textarea:focus {
    outline: none !important;
    border: 1px solid red;
    box-shadow: 0 0 10px #719ECE;
}

.inverte {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

input,
select {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.box-unidade {
    border-radius: 4px;
    overflow: hidden;
    -webkit-box-shadow: 0px 6px 28px -3px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 5px 20px -3px rgba(0, 0, 0, 0.3);
}

.bottom-10px {
    margin-bottom: 10px
}

.box-unidade-nome {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 15px;
    text-align: center;
}

.align-center {
    text-align: center !important;
}

.vermelho {
    color: red !important;
}

.small-asterisco {
    font-size: 0.9em !important;
}

.top-10px {
    margin-top: 10px;
}

.width-100 {
    width: 100%;
}

.modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 500;
    /* Sit on top */
    padding-top: 100px;
    /* Location of the box */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.8);
    /* Black w/ opacity */
}


/* Modal Content */

.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding-top: 80px;
    padding-bottom: 80px;
    padding-right: 15px;
    padding-left: 15px;
    border: 1px solid #888;
    width: 80%;
}


/* The Close Button */

.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    right: 6%;
    top: 100px;
}

.close:hover,
.close:focus {
    color: rgb(238, 224, 224);
    text-decoration: none;
    cursor: pointer;
}

.p-modal {
    line-height: 33px;
    font-size: 1.5em;
    text-align: center;
}

.texto-hashtag {
    left: -38px !important;
}

.bt-azul {
    background: #4278ba;
}

.bt-whats {
    position: fixed;
    bottom: 10px;
    right: 30px;
    z-index:1000;
}

@media only screen and(max-width: 360px) {
    .bt-whats {
        display: none !important;
        visibility: hidden !important;
    }
}

@media only screen and(min-width: 768px) {
    .bt-whats {
        position: fixed;
        bottom: 10px;
        right: 30px;
    }
}