/*
Theme Name: Tema
Author: William Shimaoka
Description: Tema personalizado desenvolvido para SLCOMM 
Version: 1.00
Text Domain: Tema
*/

/* FONTS */

@font-face {
    font-family: Geo;
    font-weight: regular;
    font-style: normal;
    src: url(assets/fonts/GeogrotesqueRegular.otf);
}

@font-face {
    font-family: Geo;
    font-weight: bold;
    font-style: normal;
    src: url(assets/fonts/GeogrotesqueBold.otf);
}

@font-face {
    font-family: Geo;
    font-weight: bold;
    font-style: italic;
    src: url(assets/fonts/GeogrotesqueBoldItalic.otf);
}

@font-face {
    font-family: Geo;
    font-weight: regular;
    font-style: italic;
    src: url(assets/fonts/GeogrotesqueRegularItalic.otf);
}

@font-face {
    font-family: Geo;
    font-weight: lighter;
    font-style: normal;
    src: url(assets/fonts/GeogrotesqueLight.otf);
}

@font-face {
    font-family: Geo;
    font-weight: lighter;
    font-style: italic;
    src: url(assets/fonts/GeogrotesqueLightItalic.otf);
}

.row {margin-left: 0 !important; margin-right:  0px !important;}
html, body {margin: 0px !important; padding: 0px !important; height: 100%;}
.body-home {overflow: hidden;}

.botao-cookies {background-color: #0a2659 !important; color: #fff !important; font-weight: bold !important;}
#wpadminbar {display: none !important;}
.clearfix {clear: both;}
a {line-height: 1 !important; color: inherit !important; font-style: inherit !important; text-decoration: inherit !important}
.mobile-only {display: none !important;}
.desktop-only {display: block !important;}
.arial {font-family: Arial, sans-serif;}
.conteudo {display: block; width: 90%; max-width: 1240px; margin-left: auto; margin-right: auto;}

#header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 25px 3.5%;
    z-index: 10;
}

#header.scrolled {
    position: absolute !important;
}

#header-in {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 25px 3.5%;
    z-index: 10;
    background-color: #fff;
}

#menu-logo {
    width: 125px;
    float: left;
}

#menu-ul-desktop {
    padding: 0;
    float: right;
    list-style: none;
    margin: 0;
}

#header #menu-ul-desktop li{
    display: inline-block;
    color: #fff;
    padding: 17px 20px 0;
}

#header-in #menu-ul-desktop li{
    display: inline-block;
    color: #0a2659;
    padding: 17px 20px 0;
}

#header #menu-ul-desktop li.active a{
    font-weight: 1000;
    border-bottom: 4px solid #fff;
}

#header-in #menu-ul-desktop li.active a{
    font-weight: 1000;
    border-bottom: 4px solid #0a2659;
}

#menu-ul-mobile li.active a{
    font-weight: 1000;
    border-bottom: 4px solid #0a2659;
}

#header #menu-ul-desktop li:not(.active) a:hover{
    /*font-weight: 1000;*/
    border-bottom: 4px solid #fff;
    padding-bottom: 1.75px;
}

#header-in #menu-ul-desktop li:not(.active) a:hover{
    /*font-weight: 1000;*/
    border-bottom: 4px solid #0a2659;
    padding-bottom: 1.75px;
}

.slick-dots li.slick-active button {
    background: #fff !important;
    opacity: 1;
}

.slick-dots li:not(.slick-active) button {

    opacity: 1 !important;
}

#banner-home {
    height: 100%;
    background: #110101;
    font-family: 'Roboto', sans-serif;
    overflow: hidden;
}

.slideshow.slideshow-right {
    display: none;
}

.split-slideshow, .slideshow {
    height: 100%;
}

.slider .item img {
    width: 100%;
}

.slick-dots li {
    display: list-item !important;
}

.slick-dots {
    bottom: 50% !important;
    right: 1% !important;
    width: 25px !important;
    z-index: 99;
}

.slick-dots li.slick-active button::before, .slick-dots li button::before {
    color: #fff !important;
    opacity: 0;
}

.slick-dots li button {
    border: 2px solid #fff !important;
    border-radius: 50% !important;
    width: 1px !important;
    height: 1px !important;
    padding: 3px !important;
}

.slick-dots li button::before {
    top: -5px !important;
    left: -5.8px !important;

}


.slick-dots li button::before {
    font-size: 8px;
}

.slick-dots li.slick-active button::before {
    opacity: 1 !important;
}

.slick-dots li button::before {
    opacity: 0 !important;
}

.banner-slide {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative !important;
}

/*
.slideshow-text.slick-initialized.slick-slider.slick-vertical {
    position: absolute !important;
    width: 100% !important;
}
*/
.text-container {
    position: absolute !important;
    width: 100% !important;
    top: 50%;
}

/*
.slideshow-text .slick-list .slick-track .item.slick-slide {
    color: #fff !important;
    text-align: center !important;
    width: 100% !important;
    font-family: Arial Black, Arial, sans-serif;
    padding-bottom: 10px;
    position: relative;
     opacity: 0;
}
*/
.text-container {
    color: #fff !important;
    text-align: center !important;
    width: 100% !important;
    font-family: Arial Black, Arial, sans-serif;
    padding-bottom: 10px;
    position: relative;
    opacity: 0;
}

/*
.slideshow-text .slick-list .slick-track .item.slick-slide.slick-current {
  transform: translateY(20px);
  animation: come-in 1.2s ease forwards;
 animation-delay: 0.75s;
}
.slideshow-text .slick-list .slick-track .item.slick-slide.slick-current strong {
  transform: translateY(-50px);
  animation: come-in 1.2s ease forwards;
 animation-delay: 0.75s;
}
*/
.text-container {
    transform: translateY(20px);

}
.slick-slide.slick-current .text-container {

    animation: come-in 1.2s ease forwards;
    animation-delay: 0.75s;
}
@keyframes come-in {
    to { transform: translateY(0); opacity: 1; }
}

.blog-categorias-title, .categorias-title {
    transform: translateY(20px);
    animation: come-in 1.2s ease forwards;
    animation-delay: 0.5s;
    opacity: 0;
}



/*
.slideshow-text .slick-list .slick-track .item.slick-slide strong {
    font-size: 4em;  
}

.slideshow-text .slick-list .slick-track .item.slick-slide span{
    position: relative;
    opacity: 0.8;
} 

.slideshow-text .slick-list .slick-track .item.slick-slide span:hover{
    font-size: 1.2em;
} 

.slideshow-text .slick-list .slick-track .item.slick-slide span .text-sub{
    position: relative;
    display: block;
} 

.slideshow-text .slick-list .slick-track .item.slick-slide span .text-sub::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: 50%;
    left: 25%;
    border-bottom: 7px solid #fff; 
     opacity: 0.8;
} 
*/
.text-container strong {
    font-size: 4em;  
}

.text-container span{
    /*position: relative;*/
    opacity: 0.8;
} 



.text-container span .text-sub{
    position: relative;
    display: block;
    height: 8px;
    clear: both;
    bottom: -10px;
} 

.text-container span .text-sub::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: 50%;
    left: 25%;
    border-bottom: 7px solid #fff; 
    opacity: 0.8;
} 

#imagem-destacada {
    width: 100%;
}

#banner-post {
    width: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

#post-title {
    margin-top: 25px;
    color: #0a2659;
    font-weight: bold;
    margin-bottom: 0px;

}

#data-publicacao {
    color: #0a2659;
    margin-top:20px;
    margin-bottom: 0px;
    font-size: 0.8em;
}

#autor-publicacao {
    color: #0a2659;
    margin-top: 0px;
    font-size: 0.8em;
}

.post-conteudo {
    margin-top: 25px;
}

.post-conteudo p   {
    display: block; width: 90%; max-width: 1240px; margin-left: auto; margin-right: auto;
    color: #0a2659;
    font-size: 1.3em;
}

.post-conteudo blockquote p, .post-conteudo blockquote cite   {
    display: block; width: 80%; max-width: 1240px; margin-left: auto; margin-right: auto;
    color: #0a2659;
    font-size: 1.3em;
}

.rd-section {
    display: block !important; width: 90% !important; max-width: 1240px !important; margin-left: auto !important; margin-right: auto !important;
}

.post-conteudo h1, .post-conteudo h2, .post-conteudo h3, .post-conteudo h4, .post-conteudo h5, .post-conteudo h6, .post-conteudo h7,.post-conteudo ul   {
    display: block; width: 90%; max-width: 1240px; margin-left: auto; margin-right: auto;
}

.post-conteudo ul  {
    padding-left: 12px;
}

.post-conteudo ul li   {
    color: #0a2659;
    font-size: 1.3em;
}

.post-conteudo figure:not(.video-full) video, .post-conteudo figure:not(.size-full),.post-conteudo figure.wp-block-video {
    display: block; width: 90%; max-width: 1240px; margin-left: auto; margin-right: auto;
}

.post-conteudo figure.video-full video, .post-conteudo figure.video-full  {
    display: block; width: 100% !important; max-width: 100% !important; margin-left: auto; margin-right: auto;
}
.post-conteudo figure img, .post-conteudo figure.wp-block-video video,.post-conteudo figure figcaption  {
    display: block; width: 100%;
}
.text-container span{
    display: inline-block;
    text-decoration: none;
    overflow: hidden;
    vertical-align: top;
    -webkit-perspective: 600px;
    -ms-perspective: 600px;
    perspective: 600px;
    -webkit-perspective-origin: 50% 50%;
    -ms-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
    padding-bottom: 20px;
}

.butao-personalizado:hover {
    animation-iteration-count: infinite;
    animation-duration: 0.4s;
    animation-direction: alternate;
    animation-name: size;

}

@keyframes size {
    from {
        font-size:1 em;
        opacity: 0.8
    }

    to {
        font-size:1.1em;
        opacity: 1
    }
}

/*
.text-container span:hover a {
    -webkit-transform: translate3d( 0px, -200%, 0px );
    -ms-transform: translate3d( 0px, -200%, 0px ) ;
    transform: translate3d( 0px, -200%, 0px );
}
*/
.text-container span a {
    height: 100%;
}
/*
.text-container span:hover a:before{
    -webkit-transform: translate3d( 0px, 200%, 0px );
    -ms-transform: translate3d( 0px, 200%, 0px );
    transform: translate3d( 0px,200%, 0px ) 
}
*/
/*
.text-container span a {
    display: block;
    position: relative;
    padding: 0 3px;
    -webkit-transition: all 1s cubic-bezier(.215,.61,.355,1);
    transition: all 1s cubic-bezier(.215,.61,.355,1);
    transition: all .3s ease;
    -webkit-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.text-container span  a1:before{
    content: 'DESCOBRIR MAIS';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 3px;
    color: #fff;
    -webkit-transform: translate3d( 0px, -200%, 0px );
    -ms-transform: translate3d( 0px, -200%, 0px );
    transform: translate3d( 0px, -200%, 0px ) ;
}

*/



/*
.text-container span a:before {-webkit-transform:translate3d(0,100%,0) rotateX(110deg);transform:translate3d(0,100%,0) rotateX(110deg);opacity:0}
.text-container span:hover a:before {-webkit-transform:translate3d(0,0%,0) rotateX(110deg);transform:translate3d(0,0%,0) rotateX(0deg);opacity:1}
.text-container span a:after  { position: relative;opacity:1;transition: all 1s cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0%,0) rotateX(110deg);transform:translate3d(0,0%,0) rotateX(0deg);}
.text-container span a:hover  { -webkit-transform:translate3d(0,-100%,0) rotateX(110deg);transform:translate3d(0,-100%,0) rotateX(110deg);}
.text-container span a:before {
    content: 'DESCOBRIR MAIS';
    position: absolute;

    -webkit-transition: all 1s cubic-bezier(.215,.61,.355,1);
    transition: all 1s cubic-bezier(.215,.61,.355,1);

    bottom: 3px;
    color: #fff;
    left: 0;
    right: 0;
}
*/


.box-detalhes-post {
    margin-top:45px;
    margin-bottom: 25px;
}

.links-categorias {
    color: #0a2659;
    font-size: 0.8em;
    margin: 0;
}

.links-categorias a:hover {
    text-decoration: underline !important;
}

.descubra-possibilidades-title {
    color: #0a2659;
    font-weight: bold;
    font-size: 2em;
    margin-top: 45px;
}
.relacionados-box {
    width: 30%;
    margin: 0 1.5%;
    float: left;
}
.relacionados-box.esquerda {
    margin: 0 3% 0 0 !important;
}

.relacionados-box.meio {
    margin: 0 1.5% !important;
}

.relacionados-box.direita {
    margin: 0 0 0 3% !important;
}

.relacionados-thumb {
    width: 100%;
    height: 200px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.relacionados-title {
    color: #0a2659;
    font-size: 1.3em;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 0px;
}

.relacionados-resumo {
    color: #0a2659;
    font-size: 1em;
}

.relacionados-title a:hover, .relacionados-resumo a:hover {
    text-decoration: underline !important;
}

.footer-title {
    color: #0a2659;
    font-size: 1.5em;
    font-weight: bold;
    margin: 5px auto;
    font-family: Arial, sans-serif;
}

#footer {
    padding: 15px 0 25px;
}

.footer-left {
    float: left;
    width: 60%;
}

.footer-right {
    float: left;
    width: 40%;
}

.footer-fone, .footer-adress {
    color: #0a2659;
    font-size: 1em;
    margin: 5px auto;
    font-family: Arial, sans-serif;
}

.social-icons {
    width: 32px;
    float: right;
    margin: 35px 7px;
}

.footer-direitos {
    font-size: 0.75em;
    color: #0a2659;
    text-align: center;
    margin: 15px auto;
    font-family: Arial, sans-serif;
}

figcaption {
    color: #717c87;
    font-size: 11px;
    text-align: center;
    font-style: italic;
}

.blog-categorias-quadro-terco {
    width: 33.33%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    float: left;
    opacity: 0.75;
}
.blog-categorias-quadro-terco:hover, .blog-categorias-quadro-metade:hover, .blog-categorias-quadro-full:hover {
    opacity: 1;
}

.blog-categorias-quadro-metade {
    width: 50%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    float: left;
    opacity: 0.75;
}

.blog-categorias-quadro-full {
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    opacity: 0.75;
}



.blog-categorias-title,  .categorias-title{
    color: #fff;
    font-family: Arial Black, Arial, sans-serif;
    text-align: center;
    margin: 0px;
    position: absolute;
    width: 100%;
    top: 50%;
}

.tag-title{
    color: #00215a;
    font-family: Arial Black, Arial, sans-serif;
    text-align: center;
    margin: 25px auto 45px;
    position: relative;
    width: 100%;

}

.tag-linha::before {
    content: '';
    display: block;
    position: absolute;
    bottom: -15px;
    width: 15%;
    left: 42.5%;
    border-bottom: 7px solid #00215a;
} 

#quadro-categorias-slcomm .blog-categorias-title {
    font-size: 3em !important;
}

#quadro-categorias-slcomm .blog-categorias-title .descobrir{
    font-size: 18px !important;
    opacity: 0.8;
}

#quadro-categorias-slcomm .blog-categorias-title .blog-categorias-linha::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: 60px;
    left: 50%;
    margin-left: -30px;
    border-bottom: 7px solid #fff; 
    opacity: 0.8;
} 



.blog-categorias-linha{
    position: relative;
    display: block;
} 

.blog-categorias-linha::before {
    content: '';
    text-align: center;
    display: block;
    position: absolute;
    top: 0;
    width: 60px;
    left: 50%;
    margin-left: -30px;
    border-bottom: 7px solid #fff; 
} 

.categorias-linha {
    position: relative;
    display: block;
} 

.categorias-linha::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: 5%;
    left: 47.5%;
    border-bottom: 7px solid #fff; 
} 
.banner-categoria {
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    height: 325px;
}

#categorias #categoria-posts {
    margin-top: 45px;
}
.page-numbers {
    color: #00225b !important;
    padding: 0 2px !important;
}
.page-numbers.current {
    color: #ff7400 !important;
    font-family:  Arial, sans-serif;
    font-weight: bold;
}

.navigation.pagination {
    margin: 25px auto;
}

.banner-slcomm {
    margin-top: 45px; 
    width: 100%;
}

.banner-slcomm, .banner-slcomm img {
    width: 100%; 
}

#slcomm-quem-somos  {
    padding: 40px 0;
}

#slcomm-quem-somos h1 {
    color: #0b2659;
    margin: 0px 0 20px;
    font-weight: bold;
    font-family: Arial, sans-serif;
}

#slcomm-quem-somos p {
    color: #0b2659;
}

#slcomm-quem-somos .container .slcomm-quem-somos-right img {
    width: 100%;
    display: block;
    margin: 0 auto;
}


#slcomm-quem-somos .container .slcomm-quem-somos-left {
    float: left;
    width: 60%;
}

#slcomm-quem-somos .container .slcomm-quem-somos-right {
    float: left;
    width: 40%;

}

#slcomm-produtos {
    width: 100%;
    padding: 35px 0;
    background-color: #1b8fe4;
}

#slcomm-produtos.container {
    padding: 35px 20px !important;
}

#slcomm-parceiros {
    background-color: #e40057;
    padding: 45px 45px 75px;
}

#slcomm-parceiros h2{
    color: #9ced00;
    font-weight: bold;
    margin-bottom: 45px;
}

#slcomm-parceiros #parceiros-desktop{
    width: 100%;
}

#slcomm-parceiros #parceiros-desktop .slick-list .slick-track .slick-slide{
    width: 175px;
}

#slcomm-parceiros #parceiros-desktop .slick-list .slick-track .slick-slide img{
    width: 100%;
}

.carnaval-bloco-1 {
    width: 70%;
    max-width: 1140px;
    float: left;
    padding: 20px 0px;
    box-sizing: border-box;
}

.container .slcomm-carnaval-linha .carnaval-bloco-1 {
    width: 100% !important;
    padding: 20px 0px;
    box-sizing: border-box;
}

.slcomm-carnaval-linha, #slcomm-carnaval {
    width: 100%;
    box-sizing: border-box;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#slcomm-carnaval.container .slcomm-carnaval-linha {
    padding: 0 45px !important;
}
.slcomm-carnaval-linha{

}


.carnaval-linha-borda-1 {
    float: right;
    height: 100%;
}

.carnaval-linha-borda-2 {
    float: right;
    height: 100%
}

.carnaval-bloco-1 h2 {
    color: #fff;
    font-weight: bold;
}
.carnaval-bloco-1 p {
    color: #fff;
}
#slcomm-contato {
    width: 100%;
    padding: 45px;
    background-size: cover;
    background-position: center;
}
.slcomm-esquerda {
    width: 50%;
    margin-right: 5%;
    float: left;
}
.slcomm-esquerda h2{
    color: #fff;
    font-family: Arial Black, Arial, sans-serif;
    margin-top: 35px;
    text-align: left;
}
.slcomm-direita {
    width: 45%;
    float: left;
}
.slcomm-direita img{
    width: 100%;
}

#slcomm-btn {
    width: 50%;
    float: left;
    background-color: #ff7300;
    color: #fff;
    text-align: center;
    padding: 17px 0 20px;
    border-radius: 10px;
    font-size: 1.5em;
    margin: 45px 0;
    border: 2px solid #ff7300;
}

#slcomm-btn:hover {
    background-color: #fff;
    color: #ff7300;

}

#produtos-desktop .menu-produtos-desktop {
    padding: 0; 
    margin: 0;
}

#produtos-desktop .menu-produtos-desktop li{
    display: inline-block;
    list-style: none;
    padding: 0 32px;
    text-align: center;
    color: #fff;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 1.2em;
    cursor: pointer;
}

#produtos-desktop .menu-produtos-desktop li.active{
    color: #ffce00;
    border-bottom: 4px solid #ffce00;
}

#produtos-desktop .menu-produtos-desktop li:hover{
    color: #ffce00;
}

.produtos-desktop-icon {
    width: 25%;
    float: left;
    margin: 45px 5% 0;
}

.produtos-desktop-right {
    width: 50%;
    float: left; 
    margin-top: 90px;
}

.produtos-desktop-right h3{
    text-align: left;
    font-size: 1.5em;
    color: #ffce00;
    font-family: Arial, sans-serif;
    font-weight: bold;
}

.produtos-desktop-right p{
    text-align: left;
    font-size: 1em;
    color: #fff;
    line-height: 1.5;
}

#produtos-slide-desktop .slick-list .slick-track .slick-slide {
    width: 100%;
}

.produtos-mobile-title{
    text-align: center;
    font-size: 1.8em;
    color: #ffce00;
    font-family: Arial, sans-serif;
    font-weight: bold;
}

.produtos-mobile-icon {
    display: block;
    width: 45%;
    margin: 0 auto;
}

.produtos-mobile-p {
    text-align: center;
    font-size: 1em;
    color: #fff;
    line-height: 1.5;
    display: block;
    width: 90%;
    margin: 0 auto;
}

#produtos-slide-mobile  {
    padding-top: 25px;
}
#produtos-slide-mobile .slick-prev {
    left: -5px !important;
    z-index: 99;
}
#produtos-slide-mobile .slick-next {
    right: -5px !important;
    z-index: 99;
}

.produtos-mobile-menu-item {
    color: #fff;
    font-size: 2em;
    font-family: Arial, sans-serif;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
}

.produtos-mobile-menu-item.second {
    margin-top: 15px !important;
}

.produtos-mobile-menu-item.active {
    color: #ffce00;
    border-bottom: 4px solid #ffce00;
    display: inline;
    padding-bottom: 5px;
    margin-bottom: 30px !important;
}

#banner-home .split-slideshow .slideshow .slider .slick-list .slick-track .item .banner-slide.desktop-only .text-container {
    max-width: 90%;
    display: block;
    margin-left: 5%;
    margin-right: 5%;
}

#contato-primeiro-banner-esquerdo {
    width: 50%;
    float: left;
}
#contato-primeiro-banner h1, .contato-form-esquerdo h1{
    margin-bottom: 20px;
    font-family: Arial Black, Arial, sans-serif !important;
}

#contato-primeiro-banner h2 {
    margin-bottom: 20px;
    font-family: Arial Black, Arial, sans-serif !important;
}
#contato-primeiro-banner-direito {
    width: 50%;
    float: left;
}
#contato-primeiro-banner-direito img{
    width: 80%;
    display: block;
    margin: 0 auto;
}
#contato-primeiro-banner-botao {
    display: inline-block;
    padding: 15px  45px;
    text-align: center;
    font-weight: bold;
    margin-top: 35px;
    border-radius: 30px;
}

#contato-itens {
    width: 100%;
    background-color: #fff;
    padding: 35px 0;
}

.contato-carousel-thumb {
    width: 100%;
    height: 100px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

#contato-carousel .slick-next:before, #contato-carousel .slick-prev:before {
    color: #ff7300 !important;
}

#contato-carousel .slick-slide {
    padding: 0 20px;
    box-sizing: border-box;
    height: 100%;
    position: relative;
}

.contato-carousel-item-title {
    color: #ff7300;
    font-size: 1.8em;
    margin: 25px 0 5px;
    font-weight: bold;
}

#contato-carousel .slick-slide {
    padding: 0 20px;
    box-sizing: border-box;
}

#contato-carousel .slick-list .slick-track .slick-slide p:not(.contato-carousel-item-title){
    color: #0b2659;
    font-size: 1em;
}
.contato-carousel-itens-botao {
    display: inline-block;
    padding: 15px  25px;
    text-align: center;
    font-weight: bold;
    margin-top: 35px;
    border-radius: 30px;
    color: #fff;
    background-color: #ff7300;
    position: absolute;
    bottom: 0px;
    font-size: 1em;

}

.contato-form-esquerdo {
    width: 50%;
    margin-right: 10%;
    float: left;
}
.contato-form-direito {
    width: 40%;
    float: left;
}

.contato-form-esquerdo img {
    display: block;
    margin: 45px auto;
}
@media screen and (max-width:1210px)  {
    #produtos-desktop .menu-produtos-desktop li{
        padding: 0 20px;
        font-size: 1.1em;
    }

}
@media screen and (max-width:1235px)  {

    .carnaval-bloco-1 {
        width: 65%;
    }
}
@media screen and (max-width:1024px)  {
    #produtos-desktop .menu-produtos-desktop li{
        padding: 0 10px;
        font-size: 0.8em;
    }

}

@media screen and (max-width:768px)  {
    .contato-form-esquerdo {
        width: 100%;
        margin-right: 0%;
        float: none;
    }
    .contato-form-direito {
        width: 100%;
        float: none;
    }

    #contato-carousel .slick-next {
        right: -10px !important;
    }
    #contato-carousel .slick-prev {
        left: -10px !important;
    }
    #contato-primeiro-banner-direito img{
        width: 100%;
    }
    #contato-primeiro-banner-botao {
        display: block;
        padding: 15px  45px;
        text-align: center;
        font-weight: bold;
        margin: 35px auto !important;
        border-radius: 30px;
    }
    #contato-primeiro-banner-esquerdo, #contato-primeiro-banner-direito {
        width: 100%;
        float: none;
    }
    #contato-primeiro-banner {
        margin-top: 120px;
    }
    .text-container strong {
        font-size: 2.5em;  
    }
    #banner-home .split-slideshow .slideshow .slider .slick-list .slick-track .item .banner-slide.mobile-only .text-container {
        max-width: 94%;
        display: block;
        margin-left: 5%;
        margin-right: 5%;
    }
    #slcomm-produtos {
        padding:  0 0 35px;
    }
    #produtos-slide-mobile-menu {
        background-color: #ffce00;
        padding: 20px 0;
    }

    #produtos-slide-mobile-menu .slick-list .slick-track .slick-slide {
        color: #0b2659;
        padding: 0 15px;
        font-weight: bold;
    }


    #slcomm-quem-somos .container .slcomm-quem-somos-left {
        float: none;
        width: 100%;
    }

    #slcomm-quem-somos .container .slcomm-quem-somos-right {
        float: none;
        width: 100%;

    }
    .slcomm-esquerda h2{

        text-align: center;
    }
    #slcomm-btn {
        width: 90%;
        margin: 45px 5%;

    }
    .slcomm-esquerda {
        width: 100%;
        margin-right: 0%;
        float: none;
    }
    .slcomm-esquerda h2{
        color: #fff;
        font-family: Arial Black, Arial, sans-serif;
        margin-top: 20px;
    }
    .slcomm-direita {
        width: 100%;
        float: none;
    }
    .carnaval-bloco-1 {
        width: -webkit-calc(82% - 15px);
        width:    -moz-calc(82% - 15px);
        width:         calc(82% - 15px);

    }
    #slcomm-parceiros {

        padding: 45px 0 35px;
    }
    #slcomm-parceiros.container {

        padding: 45px 30px 35px;
    }
    #slcomm-parceiros .container .slideshow-parceiros .slick-prev {
        left: -5px !important;
    }
    #slcomm-parceiros .container .slideshow-parceiros .slick-next {
        right: -5px !important;
    }

    #slcomm-parceiros .container #parceiros-desktop .slick-prev {
        left: 0px !important;
    }
    #slcomm-parceiros .container #parceiros-desktop .slick-next {
        right: 0px !important;
    }

    .slideshow-parceiros div img {
        width: 94%; display: block; margin: 0 auto;
    }
    #parceiros-desktop div img {
        width: 100%; display: block; margin: 0 auto;
    }

    #quadro-categorias-slcomm .blog-categorias-title .descobrir{
        font-size: 14px !important;

    }
    #quadro-categorias-slcomm .blog-categorias-title {
        font-size: 2em !important;
    }

    .blog-categorias-quadro-terco, .blog-categorias-quadro-metade {
        width: 100%;
        float: none;
        opacity: 1;
    }

    .social-icons {
        margin: 35px 7px 15px;
    }
    .footer-left {
        float: none;
        width: 100%;
    }

    .footer-right {
        float: none;
        width: 230px;
        display: block;
        margin: 0 auto;
    }
    .descubra-possibilidades-title {
        font-size: 1.5em;
    }

    .relacionados-box {
        width: 94%;
        margin: 15px auto 35px !important;
        float: none;
    }
    .post-conteudo p,.post-conteudo h1, .post-conteudo h2, .post-conteudo h3, .post-conteudo h4, .post-conteudo h5, .post-conteudo h6, .post-conteudo h7, .rd-section, .post-conteudo ul{
        max-width: 94% !important;
    }

    .post-conteudo blockquote p, .post-conteudo blockquote cite   {
        max-width: 80% !important;
    }

    #post-title {
        font-size: 1.7em;
    }
    .conteudo {width: 94%; }
    .item.slick-slide {
        overflow: hidden;
    }
    .slick-dots {
        top: 12% !important;

    }
    .slideshow-text .slick-list .slick-track .item.slick-slide {
        height: 25%;
    }
    .slideshow-text .slick-list .slick-track .item.slick-slide strong {
        font-size: 2em;  
    }

    .slideshow-text .slick-list .slick-track .item.slick-slide span{
        position: relative;
    } 

    .slideshow-text .slick-list .slick-track .item.slick-slide span:hover{
        font-size: 1.2em;
    } 


    #menu-ul-mobile li{
        color: #0a2659;
        padding: 10px 0;
        text-align: center;
        font-size: 2em;
        padding: 10px 0;
    }
    #menu-ul-mobile {
        padding: 0;
        list-style: none;
        margin-top: 50px;
    }
    #menu-mobile {
        width: 100%;
        background-color: #fff;
        padding: 20px 0;
        top: 0;
        left: 0;
        height: 100%;
        position: absolute;
        z-index: 9;
    }
    #menu-mobile-icon {
        float: right;
        width: 10%;
        margin-top: 7px;
        cursor: pointer;
        position: absolute;
        z-index: 10;
        right: 10px;

    }
    #menu-logo {
        width: 30%;
        float: left;
    }
    .desktop-only {display: none !important;}
    .mobile-only {display: block !important;}  


}


@media screen and (max-width:360px)  {


}