@import url("https://fonts.googleapis.com/css?family=Titillium+Web:300,400,600,700");
@import url("https://fonts.googleapis.com/css?family=Exo+2:300,400,500,700");
body {
font-family: 'Titillium Web', sans-serif;
color: #7e7e7e;
font-size: 18px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
img {
max-width: 100%;
height: auto;
}
a:hover {
text-decoration: none;
}
.text-info {
color: #02ADEF !important;
}
.text-amarelo {
color: #FCED00 !important;
}
.bg-cinza {
background-color: #f5f5f5;
}
.bg-azul {
background-color: #13387D;
}
.white h1, .white h2, .white h3, .white h4, .white h5, .white h6, .white p, .white i {
color: #fff;
} .list-inline li {
display: inline-block;
}
.list-inline li:not(:last-child) {
margin-right: .5rem;
} .header {
font-size: 16px;
}
.navbar .btn-round {
border-radius: .75rem 0rem;
}
.nav-menu a, .tab-nav-menu a {
font-family: 'Titillium Web', sans-serif;
}
.navbar-topo {
min-height: 100px;
border-top: 4px solid #FCED00;
}
.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:hover {
color: #13387D;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
color: #02adef;
}
.navbar-submenu {
padding: .7rem 0;
border-top: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
}
.navbar-submenu .nav-link {
font-family: 'Exo 2', sans-serif;
font-size: 12px;
color: #7e7e7e;
text-transform: uppercase;
}
.navbar-submenu .nav-link {
width: 100%;
}
@media (min-width: 768px) {
.navbar-submenu .nav-link {
width: auto;
}
}
.navbar-submenu .nav-link:hover, .navbar-submenu .nav-link.active {
color: #13387D;
}
.navbar-submenu .nav-link:hover span, .navbar-submenu .nav-link.active span {
color: #02ADEF;
}
.nav-search {
display: none !important;
}
@media (min-width: 992px) {
.nav-search {
display: flex !important;
}
} .navbar-profile .form-control {
color: #fff;
background-color: #13387D;
border-color: #13387D;
}
.navbar-profile .form-control:focus {
box-shadow: none;
}
.navbar-profile .form-control::placeholder {
color: #fff;
}
.navbar-profile .btn-primary {
color: #FCED00;
background-color: #031943;
border-radius: 0;
}
.navbar-profile .profile-user_bkp, .navbar-profile .profile-shop_bkp {
padding: .5rem 0;
}
.navbar-profile .profile-user a {
font-family: 'Exo 2', sans-serif;
font-size: 14px;
color: #7e7e7e;
text-transform: uppercase;
line-height: 48px;
}
.navbar-profile .profile-shop a {
font-family: 'Exo 2', sans-serif;
font-size: 20px;
color: #FCED00;
text-transform: uppercase;
line-height: 46px;
}
.header-transparent .navbar-profile {
border-top: 1px solid rgba(2,173,239,.5);
}
.header-transparent .bg-cinza {
background-color: rgba(2,173,239,.5) !important;
}
.header-transparent .navbar-profile .profile-user a {
color: #fff;
}
.header-transparent .navbar-toggler {
color: #fff;
} header.header-transparent {
background: url(https://superafarma.com.br/wp-content/uploads/2018/12/cover-header.png) no-repeat top center;
background-size: cover;
}
header.header-transparent .navbar-light .navbar-nav .nav-link, header.header-transparent .navbar-submenu .nav-link {
color: #fff;
} .footer-nav-menu-content {
margin-bottom: 0;
}
.footer-nav-menu-content li a, .footer-text {
font-family: 'Exo 2', sans-serif;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.04em;
}
.footer-bar-bg {
border-top: 4px solid #FCED00;
}
.footer-bar-bg {
padding: 40px 0 30px 0;
}
.site-footer {
padding: 30px 0;
}
.footer-bar .widget-title, .footer-bar h4 {
font-family: 'Exo 2', sans-serif;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
margin-bottom: 20px;
}
.footer-bar h4 a, .footer-bar h4 a:hover, .footer-bar h4 {
color: #02adef !important;
}
@media (max-width: 768px) {
.widget_media_image {
margin-bottom: 30px;
}
}
.footer-text {
color: #fff;
text-align: center;
}
@media (min-width: 576px) {
.footer-text {
text-align: right;
}
} .btn {
font-family: 'Exo 2', sans-serif;
font-weight: 700;
}
.btn-outline-info {
color: #02ADEF;
background-color: transparent;
background-image: none;
border-color: #02ADEF;
}
.btn-outline-info:hover {
color: #fff;
background-color: #02ADEF;
border-color: #02ADEF;
}
.submit.button {
color: #fff;
background-color: #007bff;
border-color: #007bff;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.submit.button:hover {
color: #fff;
background-color: #0069d9;
border-color: #0062cc;
}
.submit.button:disabled {
opacity: .65;
}
.btn-back {
font-family: 'Exo 2', sans-serif;
font-size: 12px;
}
.btn-primary {
background-color: #13387D;
border-color: #13387D;
}
.btn-primary:hover {
background-color: #1a4ca9;
border-color: #1a4ca9;
}
.btn-info {
background-color: #02ADEF;
border-color: #02ADEF;
}
.btn-info:hover {
background-color: #0295cd;
border-color: #0295cd;
}
.dropdown-especialidades {
margin-bottom: 40px;
}
@media (min-width: 992px) {
.dropdown-especialidades {
margin-bottom: 0;
}
}
.fixed-action-btn {
position: fixed;
z-index: 998;
left: 35px;
bottom: 35px;
margin-bottom: 0;
padding-top: 15px;
}
.btn-floating {
-webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
position: relative;
z-index: 1;
vertical-align: middle;
display: inline-block;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
margin: 10px;
cursor: pointer;
}
.btn-rounded {
-webkit-border-radius: 10em;
border-radius: 10em;
} .card-label {
font-family: 'Exo 2', sans-serif;
font-size: 12px;
font-weight: 700;
color: #02ADEF;
background-color: rgba(2,173,239,.1);
text-transform: uppercase;
display: inline-block;
padding: .25rem 1rem;
border-radius: 4px 4px 0 0;
}
.card {
border-color: #EDEDED;
}
.card-title {
font-weight: 700;
}
.card-title a {
color: #02ADEF;
}
.card-title a:hover {
color: #05b8fd;
}
.card .btn-info {
background-color: #02ADEF;
border-color: #02ADEF;
}
.card-farma , .card-consulmidor {
min-height: 200px;
}
.card.bg-primary {
background-color: #13387D !important;
border-color: #13387D !important;
}
.card-farma {
border-color: #02ADEF !important;
}
.card-farma .max {
max-width: 270px;
margin-left: auto;
margin-right: auto;
}
.card-farma img {
margin-bottom: 20px;
}
.card-farma p:last-child {
margin-bottom: 0;
}
.card-farma .btn {
font-size: 12px;
color: #02ADEF;
}
.card-farma p {
font-size: 16px;
color: #13387D;
}
.card-consulmidor .max {
max-width: 416px;
margin-left: auto;
margin-right: auto;
}
.card-consulmidor h4 {
font-size: 20px;
color: #FCED00;
text-align: center;
margin-bottom: 20px;
}
.card-consulmidor .form-control {
color: #fff;
background-color: rgba(0,0,0,.2);
border-width: 0;
}
.card-consulmidor .input-group-append {
margin-left: 0;
}
.card-consulmidor .btn-primary {
color: #FCED00;
background-color: rgba(0,0,0,.2);
border-width: 0;
}
.card-download a {
color: #A0A0A0;
}
.card-download h5 {
font-family: 'Exo 2', sans-serif;
font-size: 16px;
text-transform: uppercase;
color: #02ADEF;
}
.card-download p {
font-size: 16px;
}
.card .morelink {
font-size: 14px;
color: #03adef !important;
text-decoration: none;
background-color: transparent;
text-transform: uppercase;
}
.card-bula {
position: relative;
margin-bottom: 20px;
border: 1px solid #eff2f7;
-webkit-box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03);
box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03);
}
.card-header {
margin-bottom: 0;
background-color: transparent;
}
.card-bula .card-header {
color: #444;
border-color: #eff2f7;
}
.card-bula .list-group a {
font-size: 1rem;
padding: .5rem 1.25rem;
} .separe {
display: none;
align-items: flex-end!important;
min-height: 80px;
background: url(https://superafarma.com.br/wp-content/themes/cookie-child/img/separe.png) no-repeat;
background-size: auto;
background-position: left center;
}
.separe-mobile {
display: flex;
align-items: flex-end!important;
min-height: 80px;
background: url(https://superafarma.com.br/wp-content/themes/cookie-child/img/separe.png) no-repeat;
background-size: auto;
background-position: right center;
}
@media (min-width: 768px) {
.separe-mobile {
display: none;
}
.separe {
display: flex;
}
}
.separe h4, .separe-mobile h4 {
font-family: 'Exo 2', sans-serif;
font-size: 20px;
color: #FCED00;
letter-spacing: 0.04em;
padding-bottom: .75rem;
}
.list {
font-size: 20px;
list-style: none;
}
.list i {
margin-right: 1rem;
} .page-title {
font-family: 'Exo 2', sans-serif;
font-weight: 700;
}
.section-title {
position: relative;
color: #13387D;
font-weight: 300;
line-height: 1;
padding-left: 20px;
border-left: 4px solid #FCED00;
}
.has-fullwidth-column-no-padding .vc_column_container>.vc_column-inner {
padding-left: 0;
padding-right: 0;
}
.page-header .page-title {
color: #000;
}
.page-header .page-title span {
color: #02ADEF;
}
.entry-titulo:before {
content: "";
}
.entry-titulo .wpb_wrapper {
padding-left: 0;
}
@media (min-width: 768px) {
.entry-titulo:before {
content: url(https://superafarma.com.br/wp-content/uploads/2018/12/left-titulo.png);
display: inline-block;
}
.entry-titulo .wpb_wrapper {
display: inline-block;
padding-left: 35px;
}
}
.label-titulo {
font-size: 16px;
font-family: 'Exo 2', sans-serif;
font-weight: 700;
color: #02ADEF;
display: inline-block;
background-color: rgba(2,173,239,.1);
text-transform: uppercase;
padding: 1rem 3rem;
border-radius: .25rem;
}
h3.background {
font-family: 'Exo 2', sans-serif;
font-size: 14px;
font-weight: 700;
position: relative;
color: #7e7e7e;
text-align: center;
}
h3.background span {
background-color: #fff;
padding-left: 5px;
padding-right: 5px;
}
h3.background:before {
border-top: 1px solid #EDEDED;
content: "";
margin: 0 auto;
position: absolute;
top: 50%;
left: 0;
right: 0;
bottom: 0;
width: 95%;
z-index: -1;
}
.text-small {
border-top: 1px solid #e4e4e4;
padding-top: 2rem;
} .feature {
position: relative;
overflow: hidden;
}
.feature-photo {
display: block;
overflow: hidden;
margin: 0;
}
.feature-caption {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
padding: .75rem;
background: rgba(0, 0, 0, 0.5);
}
.feature-caption .circle {
width: 108px;
height: 108px;
border: 2px solid #02ADEF;
border-radius: 50%;
white-space: nowrap;
margin: 0 auto;
transition: 0.3s;
margin-bottom: 15px;
}
.feature-caption a:hover .circle {
background-color: #02ADEF;
}
.feature-caption .circle::before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.feature-caption .circle img {
display: inline-block !important;
width: auto !important;
vertical-align: middle;
}
.feature-caption a {
color: #fff;
text-align: center;
width: 100%;
}
.feature-caption h4 {
font-family: 'Exo 2', sans-serif;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
}
.card-servicos {
border-width: 4px 0 0 0;
border-radius: 0;
}
.card-img {
padding-top: 30px;
text-align: center;
min-height: 150px;
}
.card-img img {
width: auto !important;
display: inline-block !important;
} .blog-post {
padding: 50px 0;
}
.shortcode-blog-post {
padding: 0;
} .no-sidebar article.grid-item {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
margin-bottom: 30px;
}
@media (min-width: 768px) {
.no-sidebar article.grid-item {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
margin-bottom: 30px;
}
} @media (min-width: 768px) {
.blog-post-sidebar {
padding-left: 2rem;
}
}
.sidebar .widget-title {
font-family: 'Exo 2', sans-serif;
font-size: 1.25rem;
font-weight: 700;
color: #13387D;
letter-spacing: .04em;
text-transform: uppercase;
margin-bottom: .75rem;
}
aside.widget ul {
margin: 0;
padding: 0;
margin-bottom: 1rem;
}
aside.widget ul li {
list-style: none;
}
aside.widget ul li a {
position: relative;
display: block;
padding: .25rem 0;
} .navigation ul {
display: -ms-flexbox;
display: flex;
padding-left: 0;
list-style: none;
border-radius: .25rem;
margin-top: .5rem;
margin-bottom: .5rem;
}
.navigation ul li span, .navigation ul li a {
position: relative;
display: block;
padding: .5rem .75rem;
margin-left: -1px;
line-height: 1.25;
color: #007bff;
background-color: #fff;
border: 1px solid #dee2e6;
}
.navigation ul li .current {
z-index: 1;
color: #fff;
background-color: #007bff;
border-color: #007bff;
}
.navigation ul li:first-child span, .navigation ul li:first-child a {
margin-left: 0;
border-top-left-radius: .25rem;
border-bottom-left-radius: .25rem;
}
.navigation ul li:last-child span, .navigation ul li:last-child a {
margin-right: 0;
border-top-right-radius: .25rem;
border-bottom-right-radius: .25rem;
} .owl-carousel .owl-nav div.owl-prev, .owl-carousel .owl-nav div.owl-next {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
transition-delay: 0s;
background: rgba(255, 255, 255, 0.4);
position: absolute;
border-radius: 50%;
top: 50%;
width: 4rem;
height: 4rem;
text-align: center;
z-index: 20;
box-shadow: 0 3px 10px rgba(0,0,0,.1);
}
.owl-carousel .owl-nav .owl-next {
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
transform: translate(0, -50%);
right: 15px;
}
.owl-carousel .owl-nav .owl-prev {
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
transform: translate(0, -50%);
left: 15px;
}
@media (min-width: 768px) {
.owl-carousel .owl-nav .owl-next {
right: -100px;
}
.owl-carousel .owl-nav .owl-prev {
left: -100px;
}
}
.owl-especialidades .owl-carousel .owl-nav div.owl-prev, .owl-especialidades .owl-carousel .owl-nav div.owl-next {
width: 3rem;
height: 3rem;
}
.owl-especialidades .owl-carousel .owl-nav div.owl-prev i, .owl-especialidades .owl-carousel .owl-nav div.owl-next i {
line-height: 3rem;
}
.owl-especialidades .owl-carousel .owl-nav {
z-index: 2030;
}
.owl-especialidades .owl-carousel .owl-nav .owl-next {
right: 15px !important;
}
.owl-especialidades .owl-carousel .owl-nav .owl-prev {
left: 15px !important;
}
.owl-carousel .owl-nav div.owl-prev i, .owl-carousel .owl-nav div.owl-next i {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
line-height: 4rem;
font-family: FontAwesome;
font-size: 1.8rem;
color: #13387D;
}
.carousel-card .owl-nav {
display: block;
z-index: 1030;
}
@media (min-width: 768px) {
.carousel-card .owl-nav {
display: none;
}
}
.carousel-card .owl-carousel .owl-nav div.owl-prev i, .carousel-card .owl-carousel .owl-nav div.owl-next i {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
line-height: 4rem;
font-family: FontAwesome;
font-size: 1.8rem;
color: #13387D;
} .portfolio-title {
text-align: center;
}
.portfolio-title a {
font-size: 14px;
font-weight: 700;
color: #02ADEF;
text-transform: uppercase;
} .wppb-user-forms ul {
padding: 0;
margin: 0 0 1rem 0;
}
.wppb-user-forms .wppb-form-field {
list-style: none;
margin-bottom: 1rem;
}
.wppb-user-forms label {
font-size: .875rem;
font-weight: 600;
color: #808080;
}
.wppb-user-forms input[type="text"],
.wppb-user-forms input[type="number"],
.wppb-user-forms input[type="email"],
.wppb-user-forms input[type="url"],
.wppb-user-forms input[type="password"],
.wppb-user-forms input[type="search"],
.wppb-user-forms select {
position: relative;
flex: 1 1 auto;
font-size: 1rem;
line-height: 1.7;
display: block;
width: 100%;
height: calc(2.25rem + 2px);
padding: .375rem .75rem;
transition: all .2s ease-in-out;
color: #495057;
border: .0625rem solid #ced4da;
border-radius: .25rem;
background-color: #fff;
background-clip: padding-box;
}
.wppb-user-forms input[type="text"]:focus,
.wppb-user-forms input[type="number"]:focus,
.wppb-user-forms input[type="email"]:focus,
.wppb-user-forms input[type="url"]:focus,
.wppb-user-forms input[type="password"]:focus,
.wppb-user-forms input[type="search"]:focus,
.wppb-user-forms select:focus {
color: #495057;
border-color: #2c7be5;
outline: 0;
background-color: #fff;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 20px rgba(0,123,255,.1);
}
.wppb-user-forms input[type="text"].is-invalid,
.wppb-user-forms input[type="number"].is-invalid,
.wppb-user-forms input[type="email"].is-invalid,
.wppb-user-forms input[type="url"].is-invalid,
.wppb-user-forms input[type="password"].is-invalid,
.wppb-user-forms input[type="search"].is-invalid,
.wppb-user-forms select.is-invalid {
border-color: #ff3b30;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 20px rgba(255,59,48,.1);
}
.wppb-user-forms input[type="text"].is-valid,
.wppb-user-forms input[type="number"].is-valid,
.wppb-user-forms input[type="email"].is-valid,
.wppb-user-forms input[type="url"].is-valid,
.wppb-user-forms input[type="password"].is-valid,
.wppb-user-forms input[type="search"].is-valid,
.wppb-user-forms select.is-valid {
border-color: #28a745;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 20px rgba(40,167,69,.1);
}
.wppb-send-credentials-checkbox label {
font-size: .875rem;
line-height: 1.6;
color: #6c7686;
font-weight: normal;
}
.wppb-send-credentials-checkbox label input {
margin-right: 1rem;
}
.wppb-description-delimiter {
width: 100%;
margin-top: .25rem;
font-size: 80%;
color: #6c7686;
display: block;
}
#select_user_to_edit_form .wppb-form-field {
display: none;
}
.form-submit .submit.button {
text-transform: uppercase;
background-color: #13387D;
}
.wppb-radios li {
display: inline-block;
margin-right: 1rem;
}
.wppb-radios li .wppb-rc-value {
padding-left: .5rem;
}
@media (max-width: 576px) {
.form-control-lg {
font-size: 1rem !important;
padding: .5rem .3rem;
}
} @media (min-width: 768px) {
.wppb-register-user #wppb-form-element-22,
.wppb-register-user #wppb-form-element-23,
.wppb-register-user #wppb-form-element-28,
.wppb-register-user #wppb-form-element-17,
.wppb-register-user #wppb-form-element-30,
.wppb-register-user #wppb-form-element-31,
.wppb-register-user .wppb-default-first-name,
.wppb-register-user .wppb-default-last-name,
.wppb-edit-user .wppb-default-first-name,
.wppb-edit-user .wppb-default-last-name,
.wppb-edit-user #wppb-form-element-28,
.wppb-edit-user #wppb-form-element-17,
.wppb-edit-user #wppb-form-element-18,
.wppb-edit-user #wppb-form-element-19,
.wppb-edit-user #wppb-form-element-22,
.wppb-edit-user #wppb-form-element-23,
.wppb-edit-user #wppb-form-element-30,
.wppb-edit-user #wppb-form-element-31{
-ms-flex: 0 0 50%;
flex: 0 0 50%;
width: 100%;
max-width: 50%;
display: inline-block;
}
.wppb-register-user #wppb-form-element-22,
.wppb-register-user #wppb-form-element-28,
.wppb-register-user #wppb-form-element-30,
.wppb-register-user .wppb-default-first-name,
.wppb-edit-user .wppb-default-first-name,
.wppb-edit-user #wppb-form-element-28,
.wppb-edit-user #wppb-form-element-18,
.wppb-edit-user #wppb-form-element-22,
.wppb-edit-user #wppb-form-element-30{
padding-right: 7px;
}
.wppb-register-user #wppb-form-element-23,
.wppb-register-user #wppb-form-element-17,
.wppb-register-user #wppb-form-element-31,
.wppb-register-user .wppb-default-last-name,
.wppb-edit-user .wppb-default-last-name,
.wppb-edit-user #wppb-form-element-17,
.wppb-edit-user #wppb-form-element-19,
.wppb-edit-user #wppb-form-element-23,
.wppb-edit-user #wppb-form-element-31{
padding-left: 7px;
}
}
.wppb-register-user .wppb-checkbox-terms-and-conditions input {
margin-right: 1rem;
}
.wppb-register-user .wppb-send-credentials-checkbox {
display: none;
} .primary-row {
border-bottom: 3px solid #FCED00;
}
.primary-row h1 {
font-size: 32px;
font-weight: 300;
}
.primary-row strong {
font-weight: 600;
} .painel-ecommerce .nav {
margin-left: 20px;
}
.painel-ecommerce .nav-tabs {
border-width: 0;
}
.painel-ecommerce .nav-tabs .nav-link {
font-family: 'Exo 2', sans-serif;
font-size: 12px;
color: #F39819;
font-weight: 700;
}
.painel-ecommerce .nav-tabs .nav-link {
margin-right: 10px;
}
.painel-ecommerce .nav-tabs .nav-link:last-child {
margin-right: 0;
}
.painel-ecommerce .nav-tabs .nav-item .nav-link, .painel-ecommerce .nav-tabs .nav-link {
background-color: rgba(252,237,0,.2);
border-color: rgba(252,237,0,.2);
}
.painel-ecommerce .nav-tabs .nav-item.show .nav-link, .painel-ecommerce .nav-tabs .nav-link.active {
background-color: #FCED00;
border-color: #FCED00;
}
.painel-ecommerce .bg-laranja {
color: #fff;
background-color: #F39819;
}
.painel-ecommerce .tab-pane {
padding: 20px 60px 30px;
border-radius: 1rem .25rem;
}
.painel-ecommerce .tab-pane h4 {
font-size: 20px;
font-weight: 300;
text-align: center;
margin-bottom: 20px;
}
.painel-ecommerce .form-control {
font-size: 16px;
font-weight: 300;
color: #fff;
background-color: rgba(213,87,8,.4);
border-color: #e97e00;
}
.painel-ecommerce .form-control:focus {
box-shadow: none;
}
.painel-ecommerce ::-webkit-input-placeholder { color: #fff;
}
.painel-ecommerce :-moz-placeholder { color: #fff;
opacity: 1;
}
.painel-ecommerce ::-moz-placeholder { color: #fff;
opacity: 1;
}
.painel-ecommerce :-ms-input-placeholder { color: #fff;
}
.painel-ecommerce ::-ms-input-placeholder { color: #fff;
}
.painel-ecommerce ::placeholder { color: #fff;
}
.painel-ecommerce .btn-primary {
background-color: rgba(213,87,8,.4);
border-color: #e97e00;
}
.painel-ecommerce .btn-primary:hover {
background-color: #d87500;
border-color: #d87500;
}
.painel-ecommerce button i {
font-size: 16px;
color: #FCED00;
}
#nav-farmaceutico {
text-align: center;
border: 1px solid #FCED00;
}
#nav-farmaceutico img {
margin-bottom: 20px;
}
#nav-farmaceutico a {
font-family: 'Exo 2', sans-serif;
font-size: 12px;
color: #F39819;
}
#nav-farmaceutico p:last-child {
margin-bottom: 0;
} .section-materiais {
position: relative;
overflow: hidden;
}
.section-materiais:before, .section-materiais:after {
position: absolute;
top: 40%;
}
.section-materiais:before {
right: 80%;
}
.section-materiais:after {
left: 80%;
}
.section-materiais:before {
content: url(https://superafarma.com.br/wp-content/themes/cookie-child/img/left-line.png);
}
.section-materiais:after {
content: url(https://superafarma.com.br/wp-content/themes/cookie-child/img/right-line.png);
} .widget_cookie_social_icons a {
width: 40px;
height: 40px;
font-size: 18px;
text-align: center;
background-color: rgba(0,0,0,.2);
border-color: rgba(0,0,0,.2);
line-height: 32px;
display: inline-block;
vertical-align: middle;
padding: 7px 0;
margin: 0 7px;
border-radius: 50%;
} .entry-header {
font-family: 'Exo 2', sans-serif;
margin: 50px 0;
}
.entry-header .entry-title {
position: relative;
font-size: 24px;
font-weight: 700;
color: #02ADEF;
text-transform: uppercase;
}
.entry-header .entry-title:before {
position: absolute;
display: inline-block;
content: url(https://superafarma.com.br/wp-content/themes/cookie-child/img/before-title.png);
left: -90px;
top: -26px;
}
@media (min-width: 992px) {
.entry-header .entry-title {
display: inline-block;
}
.entry-header .btn {
float: right;
}
}
.section-recoil .container {
background-color: #fff;
}
.recoil-top {
position: relative;
margin-top: -250px;
}
.recoil-top .container {
padding-top: 40px;
}
.recoil-bottom .container {
padding-bottom: 40px;
}
@media (min-width: 992px) {
.p-support:before {
display: block;
content: url(https://superafarma.com.br/wp-content/themes/cookie-child/img/before-support.png);
float: left;
}
.p-caracteristicas:before {
display: block;
content: url(https://superafarma.com.br/wp-content/themes/cookie-child/img/before-caracteristicas.png);
float: left;
}
} @media (min-width: 768px) {
.section-cultura {
padding-top: 30px;
padding-bottom: 30px;
background: linear-gradient(90deg, #FCED00 35%, #FFFFFF 35%);
}
}
.section-cultura h4 {
border-left: 4px solid #FCED00;
padding-left: 20px;
}
.content-qualidade, .content-caracteristicas {
font-size: 20px;
}
@media (min-width: 768px) {
.content-qualidade {
font-size: 20px;
padding-left: 30px;
}
}
.section-jeito {
padding-top: 30px;
padding-bottom: 30px;
background-color: #02ADEF;
}
@media (min-width: 768px) {
.section-jeito {
background: linear-gradient(90deg, #FFFFFF 35%, #02ADEF 35%);
}
}
.section-diferenciais {
background-color: #F5F5F5;
}
@media (min-width: 768px) {
.section-diferenciais {
background: linear-gradient(90deg, #F5F5F5 65%, #02ADEF 65%);
}
} .timeline {
list-style: none;
padding: 20px 0 20px;
position: relative;
}
.timeline:before {
content: none;
}
@media (min-width: 992px) {
.timeline:before {
top: 0;
bottom: 0;
position: absolute;
content: " ";
width: 1px;
background-color: #E2E2E2;
left: 50%;
margin-left: -1.5px;
}
}
.timeline > li {
margin-bottom: 20px;
position: relative;
}
.timeline > li:before,
.timeline > li:after {
content: " ";
display: table;
}
.timeline > li:after {
clear: both;
}
.timeline > li:before,
.timeline > li:after {
content: " ";
display: table;
}
.timeline > li:after {
clear: both;
}
.timeline > li .timeline-heading {
text-align: left;
}
@media (min-width: 992px) {
.timeline > li .timeline-heading {
text-align: right;
}
}
.timeline > li.timeline-inverted .timeline-heading {
text-align: left;
}
.timeline > li > .timeline-panel {
width: 100%;
float: left;
padding-left: 0;
padding-right: 0;
position: relative;
margin-top: 40px;
}
@media (min-width: 992px) {
.timeline > li > .timeline-panel {
width: 50%;
padding-left: 60px;
padding-right: 60px;
}
}
.timeline > li.timeline-inverted + li:not(.timeline-inverted),
.timeline > li:not(.timeline-inverted) + li.timeline-inverted {
margin-top: 50px;
}
.timeline > li.timeline-inverted {
padding-left: 0;
}
.timeline > li:not(.timeline-inverted) {
padding-right: 0;
}
@media (min-width: 992px) {
.timeline > li.timeline-inverted {
padding-left: 90px;
}
.timeline > li:not(.timeline-inverted) {
padding-right: 90px;
}
}
.timeline > li > .timeline-badge {
font-family: 'Exo 2', sans-serif;
color: #fff;
width: 96px;
height: 96px;
line-height: 84px;
font-size: 32px;
font-weight: 700;
text-align: center;
position: absolute;
top: 0;
left: 50%;
margin-left: -48px;
background-color: #999999;
z-index: 100;
border: 4px solid #FFFFFF;
border-top-right-radius: 50%;
border-top-left-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%;
box-shadow: 0 0 2px rgba(0,0,0,.5);
}
.timeline > li.timeline-inverted > .timeline-panel {
float: right;
}
.timeline-badge.primary {
background-color: #13387D !important;
color: #FCED00 !important;
}
.timeline-badge.warning {
background-color: #FCED00 !important;
color: #13387D !important;
}
.timeline-title {
font-family: 'Exo 2', sans-serif;
font-size: 14px;
font-weight: 700;
color: #13387D;
margin-top: 0;
margin-bottom: 20px;
}
.timeline .timeline-body {
padding: 20px;
border: 1px solid #E2E2E2;
border-radius: 1rem 0 1rem 0;
}
.timeline-body > p,
.timeline-body > ul {
margin-bottom: 0;
}
.timeline-body > p + p {
margin-top: 5px;
} .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
color: rgba(2,173,239,1);
background-color: transparent;
border-left: 3px solid rgba(2,173,239,1);
}
.white .nav-pills .nav-link.active, .nav-pills .show>.nav-link, .white .nav-pills .nav-link, .white .nav-pills .nav-link:hover {
color: #fff;
border-color: #fff;
}
.nav-pills .nav-link {
font-family: 'Exo 2', sans-serif;
font-size: 14px;
font-weight: 500;
color: rgba(2,173,239,.3);
text-transform: uppercase;
border-left: 2px solid rgba(2,173,239,.3);
border-radius: 0;
}
.nav-pills .nav-link:hover {
color: rgba(2,173,239,.8);
}
.nav-pills .tab-content {
padding: .5rem 1rem;
}
@media (max-width: 768px) {
.nav.flex-column {
margin-bottom: 30px;
}
} #carouselConquistas {
max-width: 740px;
min-height: 540px;
margin: 0 auto;
}
@media (max-width: 768px) {
#carouselConquistas img {
margin-bottom: 20px;
}
}
#carouselConquistas .carousel-control-next, #carouselConquistas .carousel-control-prev {
top: 50%;
background: rgba(255, 255, 255, 1);
border-radius: 50%;
width: 48px;
height: 48px;
text-align: center;
z-index: 20;
border: 1px solid #EDEDED;
opacity: 1;
}
#carouselConquistas .carousel-control-prev {
left: 0;
}
#carouselConquistas .carousel-control-next {
right: 0;
}
@media (min-width: 768px) {
#carouselConquistas .carousel-control-prev {
left: -70px;
}
#carouselConquistas .carousel-control-next {
right: -70px;
}
}
#carouselConquistas .carousel-control-next i, #carouselConquistas .carousel-control-prev i {
font-size: 1.8rem;
color: #13387D;
}
.carousel-heading {
font-family: 'Exo 2', sans-serif;
color: #13387D;
border-top: 1px solid #E2E2E2;
}
.carousel-heading h3 {
font-size: 14px;
font-weight: 700;
line-height: 2rem;
text-transform: uppercase;
}
.carousel-heading div.ano {
font-size: 24px;
font-weight: 300;
color: #fff;
background-color: #13387D;
padding: .5rem 1rem;
display: block;
float: left;
}
.carousel-heading .badge {
font-size: 1.5rem;
font-weight: 300;
margin-right: 1rem;
}
.carousel-heading .badge-primary {
background-color: #13387D;
}
#carouselConquistas .carousel-indicators {
bottom: -40px;
}
#carouselConquistas .carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-color: #000\9;
background-color: rgba(0,0,0,0);
border: 1px solid #13387D;
border-radius: 10px;
}
#carouselConquistas .carousel-indicators li.active {
width: 12px;
height: 12px;
margin: 0;
background-color: #13387D;
}
.carousel-content .row {
padding-top: 40px;
padding-bottom: 40px;
}
#carouselTimeline {
max-width: 620px;
min-height: 280px;
margin: 0 auto;
}
#carouselTimeline h3 {
font-family: 'Exo 2', sans-serif;
font-size: 14px;
font-weight: 700;
color: #02ADEF;
margin-bottom: 15px;
}
#carouselTimeline p {
color: #fff;
background-color: #13387D;
padding: 1.2rem;
border-radius: 1rem 0;
}
#carouselTimeline .carousel-indicators {
display: flex;
align-items: center;
justify-content: center;
bottom: -40px;
}
#carouselTimeline .carousel-indicators li {
width: 70px;
background-color: #E2E2E2;
height: 1px;
text-indent: 0px;
margin-right: 0;
margin-left: 0;
}
@media (min-width: 768px) {
#carouselTimeline .carousel-indicators li {
width: 100%;
}
}
#carouselTimeline .status {
font-family: 'Exo 2', sans-serif;
text-transform: uppercase;
font-weight: 700;
color: #969696;
line-height: 2;
margin: 10px 0;
}
.carousel-indicators .status {
padding: 0px 40px;
display: flex;
justify-content: center;
position: relative;
transition: all 200ms ease-in;
}
@media (max-width: 768px) {
.carousel-indicators .status {
text-align: -9999px;
}
}
#carouselTimeline .carousel-indicators li.active .status:before {
content: "";
width: 16px;
height: 16px;
background-color: white;
border-radius: 25px;
border: 1px solid #02ADEF;
position: absolute;
top: -17px;
left: 43%;
transition: all 200ms ease-in;
}
#carouselTimeline .carousel-indicators li.active .status {
color: #02ADEF;
} .indice {
margin-bottom: 60px;
}
.indice span {
font-size: 12px;
color: #02ADEF;
}
@media (min-width: 768px) {
.indice span {
margin-right: 30px;
}
}
.indice a {
font-size: 20px;
color: #7e7e7e;
}
.indice a:hover {
color: #13387D;
}
.indice a:last-child {
display: block;
}
.letter {
border-top: 1px solid #E2E2E2;
}
.letter .badge {
font-family: 'Exo 2', sans-serif;
font-size: 24px;
font-weight: 300;
text-transform: uppercase;
border-radius: 0 1rem;
width: 64px;
height: 64px;
line-height: 50px;
}
.letter .badge-primary {
color: #fff;
background-color: #13387D;
}
.indice span {
display: block;
}
.indice a:last-child {
float: none;
}
@media (min-width: 768px) {
.indice a:last-child {
float: right;
}
.indice span {
display: inline-block;
}
} .medicamento-espaco {
height: 150px;
}
.nav-medicamento {
border-bottom: 3px solid #FCED00;
}
.search-medicamento {
position: relative;
-webkit-transform: translateY(25px);
-moz-transform: translateY(25px);
-o-transform: translateY(25px);
transform: translateY(25px);
}
.nav-medicamento input[type="search"] {
font-size: 18px;
color: #fff;
background-color: #031943;
border-color: #031943;
}
.nav-medicamento input[type="search"]::placeholder {
color: #fff;
}
.nav-medicamento .btn-primary {
color: #FCED00;
background-color: #031943;
border-color: #031943;
}
.nav-medicamento .btn-primary:hover {
color: #FCED00;
background-color: #031943;
border-color: #031943;
}
.nav-medicamento .media-medicamento {
color: #fff;
}
.nav-medicamento .pack-image {
position: absolute;
left: 50%;
margin-left: -176px;
}
.media-medicamento {
font-size: 18px;
padding-top: 30px;
}
.media-medicamento h5 {
font-family: 'Exo 2', sans-serif;
font-size: 24px;
color: #FCED00;
font-weight: 700;
}
.media-medicamento .media-image {
margin-right: 1rem;
}
@media (min-width: 992px) {
.media-medicamento {
max-width: 450px;
}
.media-medicamento .media-image {
margin-right: 2rem;
}
}
.medicamento a {
position: relative;
width: 100%;
color: #7e7e7e;
float: left;
padding: 1rem;
background-color: #FFFFFF;
-webkit-transition: all .25s;
transition: all .25s;
border-radius: 1rem 0 0 0;
}
.medicamento a:hover {
color: #FFF;
background-color: #02ADEF;
}
.medicamento h2, .medicamento strong {
font-family: 'Exo 2', sans-serif;
}
.medicamento h2 {
font-size: 20px;
font-weight: 700;
color: #02ADEF;
}
.medicamento a:hover h2 {
color: #FFF;
}
.medicamento strong {
color: #FCED00;
}
.medicamento a:hover strong {
color: #FCED00;
}
.medicamento-details {
margin-top: 10px;
}
.medicamento-details strong {
font-size: 12px;
color: #13387D;
text-transform: uppercase;
}
.medicamento-details p {
margin-bottom: 10px;
text-transform: lowercase;
}
.medicamento-footer {
font-size: 16px;
font-weight: 700;
line-height: 40px;
text-align: center;
color: #fff;
position: absolute;
left: 0;
right: 0;
top: 100%;
background-color: #13387D;
border-radius: 0 0 1rem 0;
opacity: 0;
}
.medicamento a:hover .medicamento-footer {
opacity: 1;
} .breadcrumb {
font-family: 'Exo 2', sans-serif;
font-size: 12px;
color: #02ADEF;
text-transform: uppercase;
padding: 1.25rem 1rem;
background-color: #fff;
border-top: 1px solid #f3f3f3;
border-bottom: 1px solid #f3f3f3;
border-radius: 0;
}
.breadcrumb a {
color: #7e7e7e;
padding-right: .5rem;
}
.breadcrumb a:hover {
color: #13387D;
}
.breadcrumb i {
padding-right: .5rem;
padding-top: .25rem;
} .woocommerce .page-shop, .woocommerce .page-single-shop {
padding: 50px 0 !important;
}
.woocommerce .page-single-shop .product_title {
font-size: 40px;
color: #13387D;
}
.woocommerce .page-single-shop .woocommerce-product-details__short-description {
font-size: 20px;
}
.medicamento-header {
border-bottom: 1px solid #f5f5f5;
margin-bottom: 40px;
}
.medicamento-informacao {
margin-bottom: 50px;
}
.medicamento-informacao h5 {
font-weight: 20px;
font-weight: 600;
margin-bottom: 20px;
}
.medicamento-informacao h5 i {
color: #02ADEF;
margin-right: 5px;
}
.medicamento-informacao h6 {
font-family: 'Exo 2', sans-serif;
font-size: 14px;
font-weight: 700;
color: #02ADEF;
text-transform: uppercase;
}
.medicamento-informacao .list-group-item {
background-color: #fbfbfb;
border-width: 0;
}
.medicamento-informacao .list-group-item:first-child {
background-color: #ededed;
}
.medicamento-informacao .list-group-item-action {
color: #7e7e7e;
}
.medicamento-informacao .list-group-item:first-child {
border-top-left-radius: 1rem;
border-top-right-radius: 0rem;
}
.medicamento-informacao .list-group-item:last-child {
border-bottom-left-radius: 0rem;
border-bottom-right-radius: 1rem;
}
.woocommerce .woocommerce-tabs {
margin: 0 0 50px 0 !important;
padding: 0 !important;
border-width: 0 !important;
} .blog-single-post {
line-height: 1.5;
color: #21262c;
}
.blog-single-post .entry-title {
font-family: 'Exo 2', sans-serif;
font-weight: 500;
color: #13387D;
margin-bottom: 30px;
}
.blog-single-post .entry-thumbnail {
margin-bottom: 30px;
}
.portfolio-sharing-buttons {
margin-top: 50px;
margin-bottom: 50px;
}
.form-imc {
margin-top: 30px;
margin-bottom: 30px;
}
#personagem {
display: block;
margin-left: auto;
margin-right: auto;
}
.portfolio-sharing-buttons ul li a {
position: relative;
line-height: 3;
font-size: 1rem;
width: 3.125rem;
height: 3.125rem;
padding: 0;
display: inline-block;
background: #eee;
}
.portfolio-sharing-buttons ul li a:hover {
background-color: #f2f2f2;
} .modal-title {
font-family: 'Exo 2', sans-serif;
color: #13387D;
}
.modal-header {
border-bottom-width: 0;
} .box-desconto {
color: #fff;
background-color: #F39819;
font-size: 20px;
padding: 25px;
text-align: center;
border-radius: 1rem 0;
}
.box-desconto img {
margin-bottom: 10px;
}
.box-desconto p {
max-width: 335px;
line-height: 1.2;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}
.box-desconto a {
font-family: 'Exo 2', sans-serif;
font-size: 12px;
text-transform: uppercase;
color: #FCED00;
}
.box-desconto a:hover {
color: #FCED00;
} div.wpcf7-response-output {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
color: #856404;
background-color: #fff3cd;
border-color: #ffeeba;
}
div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
}
div.wpcf7-mail-sent-ok {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
#wppb_register_pre_form_message {
display: none;
}
#error {
position: absolute;
color: red;
font-size: .8rem;
} .card-login {
border-radius: 1rem 0;
}
.card-login i {
font-size: 26px;
}
.card-login .card-title {
font-size: 28px;
font-weight: 300;
}
.card-login .card-title a {
color: #13387D;
}
.card-login .btn-link {
color: #7e7e7e;
font-weight: 300;
}
#loginMedicoModal .modal-header {
background-color: #02ADEF;
}
#loginFarmaceuticoModal .modal-header {
background-color: #F39819;
}
#loginDentistaModal .modal-header {
background-color: #B7CD30;
}
#loginMedicoModal .modal-header .modal-title, #loginFarmaceuticoModal .modal-header .modal-title, #loginDentistaModal .modal-header .modal-title {
font-size: 32px;
font-weight: 300;
color: #fff;
text-align: center;
}
#loginMedicoModal .modal-content,
#loginFarmaceuticoModal .modal-content,
#loginDentistaModal .modal-content {
border-width: 0;
}
#loginMedicoModal .close,
#loginFarmaceuticoModal .close,
#loginDentistaModal .close {
color: #fff;
margin: -.3rem -1rem -1rem auto;
}
.text-medico {
color: #02ADEF;
}
.text-farmaceutico {
color: #F39819;
}
.text-dentista {
color: #B7CD30;
}
.entry-medico {
font-size: 16px;
font-family: 'Exo 2', sans-serif;
font-weight: 700;
color: #02ADEF;
display: inline-block;
background-color: rgba(2,173,239,.1);
text-transform: uppercase;
padding: 1rem 3rem;
margin-bottom: 0;
border-radius: .25rem;
}
.entry-farmaceutico {
font-size: 16px;
font-family: 'Exo 2', sans-serif;
font-weight: 700;
color: #F39819;
display: inline-block;
background-color: rgba(252,237,0,.1);
text-transform: uppercase;
padding: 1rem 3rem;
margin-bottom: 0;
border-radius: .25rem;
}
.entry-dentista {
font-size: 16px;
font-family: 'Exo 2', sans-serif;
font-weight: 700;
color: #B7CD30;
display: inline-block;
background-color: rgba(183,205,48,.1);
text-transform: uppercase;
padding: 1rem 3rem;
margin-bottom: 0;
border-radius: .25rem;
}
.login-submit .button {
display: inline-block;
font-weight: 600;
color: #212529;
text-align: center;
vertical-align: middle;
background-color: transparent;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
cursor: pointer;
}
.login-submit .button-primary {
color: #fff;
background-color: #13387D;
border-color: #13387D;
}
.login-submit .button-primary:hover {
color: #fff;
background-color: #17459a;
border-color: #17459a;
} .filtro-material select {
font-family: 'Exo 2', sans-serif;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
color: #7e7e7e;
background-color: #f6f6f6;
border-color: #f0f0f0;
}
.mobile {
display: block;
margin-bottom: 20px;
}
@media (min-width: 992px) {
.mobile {
display: none;
}
}
@media (max-width: 768px) {
.embed-oracle {
min-height: 1000px;
}
}
.aviso p {
font-size: 1rem;
} @media(min-width: 768px){
.app-product-mobile{display: none;}	
}
@media(max-width: 768px){
.app-product-desktop{display: none;}
}
.section-app-product img{width: 100%; max-width: 144px; height: auto;}
.section-app-product .agni-image{border: 2px solid #EDEDED; padding: 30px; margin-top: 35px; border-radius: 20px 0 20px 0; -webkit-border-radius: 20px 0 20px 0; -moz-border-radius: 20px 0 20px 0;}
@media(min-width: 992px){
.section-app-product .app-header{width: 176px; margin-left: 40px}
}
.section-app-product .app-header{height: 48px; display: flex; justify-content: center; margin-right: 40px; background-color: #EDEDED; padding: 20px; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0;}
.app-header p{color: #32528E; line-height: 1rem; text-transform: uppercase; font-weight: bold; font-size: .9rem;}
button.btn-secund-app{display: inline-block; cursor: pointer; background-color: transparent; color: #02ADEF; font-weight: bold; transition: .3s all; -webkit-transition: .3s all; -moz-transition: .3s all; border: 1px solid #02ADEF; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: .3rem 1rem; margin-top: 35px;  text-transform: uppercase;}
button.btn-secund-app:hover{background-color: #02ADEF; border-color: #FFF; color: #FFF} @media(min-width: 768px){
.body-content-app{margin-top: 60px;}	
}
.body-content-app h3{color: #13387D; text-align: center; font-weight: 300; font-size: 2.5rem; padding-bottom: 30px;}
@media(max-width: 768px){
.body-content-app h3{margin-top: 0px !important; }
}
.body-content-app p{text-align: center; font-size: 1.125rem;}
a.btn-download{display: inline-block; cursor: pointer; background-color: #02ADEF; color: #FFF; font-weight: bold; transition: .3s all; -webkit-transition: .3s all; -moz-transition: .3s all; border: 1px solid #02ADEF; padding: .3rem 2rem; text-transform: uppercase; font-size: .75rem; margin-top: 30px;} @media(min-width: 768px){
.section-slider-app .agni_column-inner{padding-left: 105px !important;}	
.slider-mobile{display: none;}
}
@media(max-width: 768px){
.slider-desktop{display: none;}
.slider-mobile .tp-bgimg{border-radius: 20px 0 20px 0 !important;}
}
.section-slider-app .tp-leftarrow{left: -90px !important}
@media(max-width: 991px){
.section-slider-app .tg-rightarrow{right: 43rem !important;}
}
.section-slider-app .tp-leftarrow,
.section-slider-app .tp-rightarrow{border-radius: 50px;width: 48px; height: 48px; border: 1px solid #13387D;}
.section-slider-app .tp-leftarrow:hover,
.section-slider-app .tp-rightarrow:hover{opacity: .7;}
.section-slider-app .slotholder{max-width: 928px;}
.section-slider-app .tp-bullet{border: 1px solid #FFF; background-color: transparent; border: 1px solid #FFF;}
.section-slider-app .tp-bullets{left: 46% !important}
.section-slider-app .hesperiden .tp-bullet:hover, 
.section-slider-app .hesperiden .tp-bullet.selected{background-color: transparent; border: 1px solid #FFF;} .title-page-app h1{position: relative; font-size: 24px; font-weight: 700; color: #02ADEF; text-transform: uppercase;}
@media(min-width: 768px){
.title-page-app h1{position: relative; font-size: 24px; font-weight: 700; color: #02ADEF; text-transform: uppercase; left: 85px;}
.title-page-app:before{	position: absolute; display: inline-block; content: url(https://superafarma.com.br/wp-content/themes/cookie-child/img/before-title.png); left: 0px; top: -26px;}
}
.tags-links {
display: none;
}