/*
Theme Name: Fillercal 2021
Theme URI: https://uebb.digital
Author: Uébb Digital
Author URI: https://uebb.digital
Description: Website/One Page/Landing Page
Version: 2021
License: Uébb Digital
License URI: https://uebb.digital
Tags: desenvolvimento de sites goiania, otimizacao de sites goiania, seo goiania, redes sociais Goiania, criacao de sites goiania, redes sociais para empresas, social media, marketing digital goiania, mkt digital goiania, planejamento estrategico digital goiania, posicionamento de sites no google
Text Domain: Uébb Digital
*/



/* start guideline */



/* desktop (rem) base size */
@media ( min-width: 1367px ) { html { font-size: 16px !important; } }

/* laptop (rem) base size */
@media ( max-width: 1366px ) { html { font-size: 14px !important; } }

/* mobile (rem) base size */
@media ( max-width: 991px  ) { html { font-size: 12px !important; } }

/* font family */
body { font-family: 'Airbnb Cereal', sans-serif; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }



/* start type */
.header1       { font-weight: 600; font-size: 3.625rem; line-height: 3.875rem; letter-spacing: -0.044rem; text-transform: none;     }
.header2       { font-weight: 600; font-size: 3.125rem; line-height: 3.375rem; letter-spacing: -0.044rem; text-transform: none; 	  }
.header3       { font-weight: 600; font-size: 2.625rem; line-height: 2.875rem; letter-spacing: -0.044rem; text-transform: none; 	  }
.header4       { font-weight: 600; font-size: 2.250rem; line-height: 2.500rem; letter-spacing: -0.044rem; text-transform: none; 	  }
.header5       { font-weight: 600; font-size: 1.750rem; line-height: 2.000rem; letter-spacing: -0.044rem; text-transform: none; 	  }
.header6       { font-weight: 600; font-size: 1.375rem; line-height: 1.625rem; letter-spacing: -0.044rem; text-transform: none; 	  }

.subtitle1     { font-weight: 500; font-size: 2.000rem; line-height: 2.250rem; letter-spacing:  0.000rem; text-transform: none;       }
.subtitle2     { font-weight: 500; font-size: 1.625rem; line-height: 2.000rem; letter-spacing:  0.000rem; text-transform: none;       }

.body1         { font-weight: 400; font-size: 1.250rem; line-height: 1.750rem; letter-spacing:  0.000rem; text-transform: none;       }
.body2         { font-weight: 400; font-size: 1.000rem; line-height: 1.500rem; letter-spacing:  0.000rem; text-transform: none;       }

.button-text   { font-weight: 600; font-size: 0.875rem; line-height: 0.875rem; letter-spacing:  0.094rem; text-transform: uppercase;  }
.caption-text  { font-weight: 400; font-size: 0.750rem; line-height: 1.250rem; letter-spacing:  0.000rem; text-transform: none;       }
.overline-text { font-weight: 400; font-size: 0.750rem; line-height: 1.250rem; letter-spacing:  0.094rem; text-transform: uppercase;  }

.txt-italic    { font-style: italic; }
.txt-subscribe { font-style: underline; }



/* start colors - blue001 */
/* primary color */
.primary400-txt          { color:            #0085FF; }
.primary400-brd          { border-color:     #0085FF; }
.primary400-bgd          { background-color: #0085FF; }

.primary500-txt          { color:            #0049FF; }
.primary500-brd          { border-color:     #0049FF; }
.primary500-bgd          { background-color: #0049FF ; }

.primary600-txt          { color:            #0014C8; }
.primary600-brd          { border-color:     #0014C8; }
.primary600-bgd          { background-color: #0014C8; }

/* secundary color*/
.secundary400-txt        { color:            #6CFFE5; }
.secundary400-brd        { border-color:     #6CFFE5; }
.secundary400-bgd        { background-color: #6CFFE5; }

.secundary500-txt        { color:            #00FFD1; }
.secundary500-brd        { border-color:     #00FFD1; }
.secundary500-bgd        { background-color: #00FFD1; }

.secundary600-txt        { color:            #00E0B8; }
.secundary600-brd        { border-color:     #00E0B8; }
.secundary600-bgd        { background-color: #00E0B8; }

/* dark color*/
.dark100-txt             { color:            #FFFFFF; }
.dark100-brd             { border-color:     #FFFFFF; }
.dark100-bgd             { background-color: #FFFFFF; }

.dark200-txt             { color:            #FAFBFB; }
.dark200-brd             { border-color:     #FAFBFB; }
.dark200-bgd             { background-color: #FAFBFB; }

.dark300-txt             { color:            #E5E9EC; }
.dark300-brd             { border-color:     #E5E9EC; }
.dark300-bgd             { background-color: #E5E9EC; }

.dark400-txt             { color:            #BFC7CE; }
.dark400-brd             { border-color:     #BFC7CE; }
.dark400-bgd             { background-color: #BFC7CE; }

.dark500-txt             { color:            #99A5B1; }
.dark500-brd             { border-color:     #99A5B1; }
.dark500-bgd             { background-color: #99A5B1; }

.dark600-txt             { color:            #66798B; }
.dark600-brd             { border-color:     #66798B; }
.dark600-bgd             { background-color: #66798B; }

.dark700-txt             { color:            #4D6378; }
.dark700-brd             { border-color:     #4D6378; }
.dark700-bgd             { background-color: #4D6378; }

.dark800-txt             { color:            #26405A; }
.dark800-brd             { border-color:     #26405A; }
.dark800-bgd             { background-color: #26405A; }

.dark900-txt             { color:            #001F3D; }
.dark900-brd             { border-color:     #001F3D; }
.dark900-bgd             { background-color: #001F3D; }

/* gradient color*/
.gradient400-bgd         { background: linear-gradient(203.96deg, #2F76FF 0%, #2C66D6 7.82%, #2958B4 18.44%, #274B91 33.61%, #243D6F 51.34%, #202737 86.45%); }
.gradient500-bgd         { background: linear-gradient(203.96deg, #2F76FF 0%, #2945EA 25.04%, #2731E2 38.59%, #1B2EBA 60.03%, #152CA5 79.14%); }
.gradient600-gbd         { background: linear-gradient(203.96deg, #FFDB27 5.1%, #F6C61F 39.55%, #F0B81B 68.39%, #EDB118 96.95%); }

/* alert color */
.alert-r500-txt          { color:            #FF0034; }
.alert-r500-bgd          { background-color: #FF0034; }
.alert-r500-brd          { border-color:     #FF0034; }

.alert-r100-txt          { color:            #FFD9E1; }
.alert-r100-bgd          { background-color: #FFD9E1; }
.alert-r100-brd          { border-color:     #FFD9E1; }

.alert-y500-txt          { color:            #FF9700; }
.alert-y500-bgd          { background-color: #FF9700; }
.alert-y500-brd          { border-color:     #FF9700; }

.alert-y100-txt          { color:            #FFEFD9; }
.alert-y100-bgd          { background-color: #FFEFD9; }
.alert-y100-brd          { border-color:     #FFEFD9; }

.alert-g500-txt          { color:            #00DF54; }
.alert-g500-bgd          { background-color: #00DF54; }
.alert-g500-brd          { border-color:     #00DF54; }

.alert-g100-txt          { color:            #D9FAE5; }
.alert-g100-bgd          { background-color: #D9FAE5; }
.alert-g100-brd          { border-color:     #D9FAE5; }
/* end colors */



/* start buttons */

/* button setup */

/* default size */
.button {
    border-radius:              8px;
    border:                     2px solid transparent;
    padding:                    1.063rem 1.875rem 1.125rem 1.875rem;
    display:                    inline-block;
    white-space:                nowrap;
    transition-duration:        0.3s;
    transition-timing-function: ease-in-out;
}

/* big size */
.button.big-button {
    padding:      1.500rem 1.375rem 1.563rem 2.313rem;
}

/* icon size */
.button.button-text .uil {
    font-size:    1.125rem;
    line-height:  1.125rem;
    font-weight:  400;    
}



/* button colors */

/* button primary500 */
/* on */
.button.btn-primary500 {
    background:         #0049FF;
    border-color:       #0049FF;
    color:              #FFFFFF;
    opacity:            1.00;
    -webkit-box-shadow: 0px 5px 20px rgba(0, 73, 255, 0.4);
    -moz-box-shadow:    0px 5px 20px rgba(0, 73, 255, 0.4);
    box-shadow:         0px 5px 20px rgba(0, 73, 255, 0.4);
}

/* hover */
.button.btn-primary500:hover {
    background:         #0049FF;
    border-color:       #0049FF;
    color:              #FFFFFF;
    opacity:            0.85;
    -webkit-box-shadow: 0px 5px 20px rgba(0, 73, 255, 0.4);
    -moz-box-shadow:    0px 5px 20px rgba(0, 73, 255, 0.4);
    box-shadow:         0px 5px 20px rgba(0, 73, 255, 0.4);
}

/* button primary500 outline */
/* on */
.button.btn-primary500-outline {
    background:         transparent;
    border-color:       #0049FF;
    color:              #0049FF;
}

/* hover */
.button.btn-primary500-outline:hover {
    background:         #0049FF;
    border-color:       #0049FF;
    color:              #FFF;
}

/* button dark500 outline */
/* on */
.button.btn-dark500-outline {
    background:         transparent;
    border-color:       #99A5B1;
    color:              #99A5B1;
}

/* hover */
.button.btn-dark500-outline:hover {
    background:         #0049FF;
    border-color:       #0049FF;
    color:              #FFF;
}

/* button dark900 outline */
/* on */
.button.btn-dark900-outline {
    background:         transparent;
    border-color:       #001F3D;
    color:              #001F3D;
}

/* hover */
.button.btn-dark900-outline:hover {
    background:         #001F3D;
    border-color:       #001F3D;
    color:              #FFF;
}

/* button green500 */
/* on */
.button.btn-green500 {
    background:         #00DF54;
    border-color:       #00DF54;
    color:              #FFFFFF;
    opacity:            1.00;
    -webkit-box-shadow: 0px 5px 20px rgba(0,223,84, 0.4);
    -moz-box-shadow:    0px 5px 20px rgba(0,223,84, 0.4);
    box-shadow:         0px 5px 20px rgba(0,223,84, 0.4);
}

/* hover */
.button.btn-green500:hover {
    background:         #00DF54;
    border-color:       #00DF54;
    color:              #FFFFFF;
    opacity:            0.85;
    -webkit-box-shadow: 0px 5px 20px rgba(0,223,84, 0.4);
    -moz-box-shadow:    0px 5px 20px rgba(0,223,84, 0.4);
    box-shadow:         0px 5px 20px rgba(0,223,84, 0.4);
}

/* button green500 text */
/* on */
.button.btn-green500-text {
    background:         transparent;
    border-color:       transparent;
    color:              #00DF54;
    opacity:            1.0;
    border-radius:      0 !important;
    border:             0 !important;
    padding:            0 !important;
}

/* hover */
.button.btn-green500-text:hover {
    background:         transparent;
    border-color:       transparent;
    color:              #00DF54;
    opacity:            0.6;
    border-radius:      0 !important;
    border:             0 !important;
    padding:            0 !important;
}

/* button primary500 text */
/* on */
.button.btn-primary500-text {
    background:         transparent;
    border-color:       transparent;
    color:              #BFC7CE;
    border-radius:      0 !important;
    border:             0 !important;
    padding:            0 !important;
}

/* hover */
.button.btn-primary500-text:hover {
    background:         transparent;
    border-color:       transparent;
    color:              #0049FF;
    border-radius:      0 !important;
    border:             0 !important;
    padding:            0 !important;
}

/* button dark100 text */
/* on */
.button.btn-dark100-text {
    background:         transparent;
    border-color:       transparent;
    color:              #FFFFFF;
    opacity:            1.00;
    border-radius:      0 !important;
    border:             0 !important;
    padding:            0 !important;
}

/* hover */
.button.btn-dark100-text:hover {
    background:         transparent;
    border-color:       transparent;
    color:              #FFFFFF;
    opacity:            0.6;
    border-radius:      none !important;
    border:             none !important;
    padding:            none !important;
}

/* end buttons */

/* end guideline */



/* header */
.logo     { margin: 1.125rem 0; }
.nav-page { background-color: #FFF; box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.05); }

.nav-icon-phone {
    font-size:        2.000rem;
    padding:          0.000rem;
    margin:           0.000rem;
}

.nav-label-phone {
    font-weight:      400;
    font-size:        0.750rem;
    line-height:      0.750rem;
    padding:          0.000rem;
    margin-bottom:    0.188rem;
}

.nav-number-phone {
    font-weight:      500;
    font-size:        1.250rem;
    line-height:      1.250rem;
    padding:          0.000rem;
    margin:           0.000rem;
}



/* menu */
.full-width-pull-menu .link-style-2 ul li a         { color: #001F3D;}
.full-width-pull-menu .link-style-2 ul li a:hover   { color: #0049FF;}



/* nav-padding-lr */
@media ( min-width: 1668px ) { .nav-padding-lr { padding: 0 90px } }
@media ( max-width: 1667px ) { .nav-padding-lr { padding: 0 70px } }
@media ( max-width: 1517px ) { .nav-padding-lr { padding: 0 50px } }
@media ( max-width: 1367px ) { .nav-padding-lr { padding: 0 30px } }
@media ( max-width: 1366px ) { .nav-padding-lr { padding: 0 10px } }

/* nav-hidden */
@media (max-width: 1231px) { .nav-hidden-1230           {display: none;} }
@media (max-width: 1044px) { .nav-hidden-1045           {display: none;} }
@media (max-width:  991px) { .nav-hidden-991            {display: none;} } /* laptop to mobile */
@media (max-width:  799px) { .nav-hidden-800            {display: none;} }
@media (max-width:  767px) { .nav-hidden-767            {display: none;} }
@media (min-width:  576px) { .nav-hidden-576            {display: none;} }



/* float buttons */
.float-phone {
    right:            0.625rem;
    bottom:           6.250rem;
    opacity:          1;
    z-index:          999;
    position:         fixed;
    border-radius:    100%;
    width:            6.250rem;
}

.float-phone:hover {
    right:            0.625rem;
    bottom:           6.250rem;
    opacity:          0.85;
    z-index:          999;
    position:         fixed;
    border-radius:    100%;
    width:            6.250rem;
}

.float-wpp {
    right:            0.625rem;
    bottom:           0.625rem;
    opacity:          1;
    z-index:          999;
    position:         fixed;
    border-radius:    100%;
    width:            6.250rem;
}

.float-wpp:hover {
    right:            0.625rem;
    bottom:           0.625rem;
    opacity:          0.85;
    z-index:          999;
    position:         fixed;
    border-radius:    100%;
    width:            6.250rem;
}

@media (min-width: 992px ) { .btn-float-phone-hidden    {display: none;} }



/* links <a> colors */
a                    { color: inherit; }
a:active, a:focus    { color: #0049FF; }
a:hover, a:active    { color: #0049FF; }



/* dropdown */
.dropdown-box {
    min-width:          18.000rem         !important;
    border:             none              !important;
}

.dropdown-item-custom {
    padding:            0.250rem 0.750rem !important;
    margin:             0                 !important;
}

.dropdown-item-custom:hover {
    background-color:   #FBFBFB;
}

.box-shadow-dropdown {
    box-shadow:         0 0.625rem 0.625rem rgba(0,0,0,.1) !important;
}

.dropdown-position {
    left:               3.125rem    !important;
}

.dropdown-menu-float-phone {
    position:           fixed       !important;
    bottom:             11.250rem    !important;
    right:              4.375rem    !important;
    float:              right       !important;
    left:               auto        !important;
    top:                auto        !important;
}

.dropdown-menu-float-wpp {
    position:           fixed       !important;
    bottom:             5.875rem   !important;
    right:              4.375rem    !important;
    float:              right       !important;
    left:               auto        !important;
    top:                auto        !important;
}



/* slideshow */
.slideshow-background {
    background-image: url('./img/img-banner-bg.jpg');
    position: relative !important;
    background-size: cover !important;
    overflow: hidden !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.slideshow-img-prod     { height: 425px; filter: saturate(1.65); }

@media ( max-width: 991px ) {

    .slideshow-img-prod { height: 290px; margin-top: 40px; }

}

@media ( min-width: 1367px ) { .slideshow-height { height: 100%; } }
@media ( max-width: 1366px ) { .slideshow-height { height: 100%; } }



/* intro */
.intro-background {
    padding: 100px 0 535px 0;
    background-image: url('./img/img-about.jpg');
    position: relative;
    background-size: cover;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
}

@media ( max-width: 991px ) {
    .intro-background {
        padding: 40px 0 350px 0;
        background-position: center right;
    }
}



/* products */
.product-section               { margin-top: -143px; padding: 0; z-index: 9; width: 100%; position: absolute; }
.product-line                  { height: 2px; width: 60px; background-color: red; display: block; margin: 20px auto 15px; }
.product-box                   { padding: 60px 0; text-align: center; }

.box-one                       { background-color: #0049FF; border-radius: 10px 0 0 10px; }
.box-two                       { background-color: #013CF1; border-radius: 0 0 0 0; }
.box-three                     { background-color: #0121D5; border-radius: 0 0 0 0; }
.box-four                      { background-color: #0014C8; border-radius: 0 10px 10px 0;}

@media ( max-width:  991px ) {
    .box-one                   { border-radius: 10px 0 0 0; }
    .box-two                   { border-radius: 0 10px 0 0; }
    .box-three                 { border-radius: 0 0 0 10px; }
    .box-four                  { border-radius: 0 0 10px 0; }
}

@media ( max-width:  575px ) {
    .box-one                   { border-radius: 10px 10px 0 0; }
    .box-two                   { border-radius: 0 0 0 0; }
    .box-three                 { border-radius: 0 0 0 0; }
    .box-four                  { border-radius: 0 0 10px 10px; }
}

@media ( min-width:  992px ) {
    .prod-carousel-padding     { padding: 72px !important; }
}

@media ( min-width:  576px ) {
    .prod-carousel-padding     { padding: 185px; }    
}

@media ( max-width:  575px ) {
    .prod-carousel-padding     { padding: 443px; }    
}

.prod-carousel-box             { text-align: center; padding: 40px 0; }

.prod-carousel-image           { height: 265px; margin: 0 0 20px 0; filter: saturate(1.25); }

.prod-carousel-bullets         { bottom: 0; }

.product-page-tag              { padding: 0.675rem 1.063rem !important; }
.product-page-img              { max-height: 250px; }
.product-text-align            { text-align: left; }
.product-page-cta              { display: none; }
.product-page-cta-button       {display: initial;}

@media ( max-width: 575px ) {
    .product-text-align        { text-align: center; }
    .product-title             { margin-top: 20px; }
}

@media ( max-width: 1199px ) {
    .product-page-cta          { display: initial; }
    .product-page-cta-button   { display: none; }
}


/* license */
.license-brand {
    height: 110px;
    margin-bottom: 5px ;
}



/* infobanner */
.infobanner-padding {
    padding: 89px 0;
}

.infobanner-section {
    margin-top: -177px;
    padding: 0;
    z-index: 9;
    width: 100%;
    position: absolute;
}

.infobanner-box {
    background-image: url('./img/img-transport.jpg');
    position: relative !important;
    background-size: cover !important;
    overflow: hidden !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border-radius: 10px;
}

.infobanner-lens-overlay {
    background: linear-gradient(84.66deg, rgba(0, 31, 61, 0.85) 0%, rgba(0, 31, 61, 0.6) 28.57%, rgba(0, 31, 61, 0.2) 50.18%, rgba(0, 31, 61, 0) 72.53%);
    position: absolute;
    height: 100%;
    width: 100%;
}

@media ( max-width:  991px ) {
    .infobanner-lens-overlay {
        background: linear-gradient(180deg, rgba(0, 31, 61, 0.85) 0%, rgba(0, 31, 61, 0.4) 100%);
    }
}

@media ( max-width:  767px ) {
    .infobanner-box {
        border-radius: 0px;
    }
}



/* footer */
.footer-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-menu li {
    font-size: 1.250rem;
    line-height: 1.750rem;
    color: #4D6378;
    margin-bottom: 30px;
}

.footer-menu li:hover {
    color: #0049FF;
}

.footer-menu-section { padding: 181px 0 0 0; }

@media (max-width: 991px) { .footer-menu-section { padding: 107px 0 0 0; } }
@media (max-width: 767px) { .footer-menu-section { padding: 148px 0 0 0; } }
@media (max-width: 548px) { .footer-menu-section { padding: 178px 0 0 0; } }
@media (max-width: 460px) { .footer-menu-section { padding: 199px 0 0 0; } }

.logo-uebb-footer           { margin-top:-2px; }

@media (max-width: 767px) {
    .logo-uebb-footer       { margin-top:-9px; }
}



/* pagetitle */
.pagetitle-background {
    background-image: url('./img/img-bg-parallax-pagetitle.jpg');
    background-size: cover !important;
    background-position: center center !importatnt;
}





/* input contact form */
textarea.input-bg, input.input-bg, select.input-bg
                                        { font-size: 1.250rem; line-height: 1.500rem; letter-spacing:  0.000rem; }

textarea.input-bg                       { border: 2px solid #E9EAEB; color: #202737; background-color: #FFF; border-radius: 6px; padding: 17px 15px; margin-bottom: 0px; max-height: 180px;}
input.input-bg                          { border: 2px solid #E9EAEB; color: #202737; background-color: #FFF; border-radius: 6px; padding: 17px 15px; margin-bottom: 0px;}
select.input-bg                         { border: 2px solid #E9EAEB; color: #202737; background-color: #FFF; border-radius: 6px; padding: 17px 15px; margin-bottom: 0px;}

input.input-bg:focus,
textarea.input-bg:focus,
select.input-bg:focus                   { border: 2px solid #2F76FF !important; color: #202737; background-color: #FBFBFB; font-weight: 600; }

.input-bg::-webkit-input-placeholder    { color: #A6A9AF; font-size: 1.250rem; line-height: 1.500rem; letter-spacing:  0.000rem; }
.input-bg::-moz-placeholder             { color: #A6A9AF; font-size: 1.250rem; line-height: 1.500rem; letter-spacing:  0.000rem; }
.input-bg:-ms-input-placeholder         { color: #A6A9AF; font-size: 1.250rem; line-height: 1.500rem; letter-spacing:  0.000rem; }



/* mensage send mail */
.wpcf7-response-output {
    border:         none !important;
    background:     #dcffe9 !important;
    text-align:     center !important;
    color:          #00DF54 !important;
    border-radius:  6px !important;
    padding:        25px !important;
    margin:         40px 0 0 0 !important;
}



.grecaptcha-badge {
    display: none !important;
}