/*
Theme Name: Olos Consultoria 2020
Theme URI: https://uebb.digital
Author: Uébb Digital
Author URI: https://uebb.digital
Description: Website/One Page/Landing Page
Version: 2020
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 ****/

/* start font */
@import url('/wp-content/themes/olos/fonts/eina-typeface/eina-typeface.css');
/* end font */

/* start text */
h1 {font-weight: 600; font-family: 'Eina04', sans-serif; text-transform: none; font-size: 58px; letter-spacing: -0.00em; line-height: 56px; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;}
h2 {font-weight: 600; font-family: 'Eina04', sans-serif; text-transform: none; font-size: 50px; letter-spacing: -0.00em; line-height: 48px; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;}
h3 {font-weight: 600; font-family: 'Eina04', sans-serif; text-transform: none; font-size: 43px; letter-spacing: -0.00em; line-height: 41px; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;}
h4 {font-weight: 600; font-family: 'Eina04', sans-serif; text-transform: none; font-size: 36px; letter-spacing: -0.00em; line-height: 35px; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;}
h5 {font-weight: 600; font-family: 'Eina04', sans-serif; text-transform: none; font-size: 29px; letter-spacing: -0.00em; line-height: 28px; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;}
h6 {font-weight: 600; font-family: 'Eina04', sans-serif; text-transform: none; font-size: 22px; letter-spacing: -0.00em; line-height: 21px; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;}

.header1 {font-weight: 600; font-family: 'Eina04', sans-serif; text-transform: none; font-size: 58px; letter-spacing: -0.00em; line-height: 56px; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;}
.header2 {font-weight: 600; font-family: 'Eina04', sans-serif; text-transform: none; font-size: 50px; letter-spacing: -0.00em; line-height: 48px; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;}
.header3 {font-weight: 600; font-family: 'Eina04', sans-serif; text-transform: none; font-size: 43px; letter-spacing: -0.00em; line-height: 41px; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;}
.header4 {font-weight: 600; font-family: 'Eina04', sans-serif; text-transform: none; font-size: 36px; letter-spacing: -0.00em; line-height: 35px; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;}
.header5 {font-weight: 600; font-family: 'Eina04', sans-serif; text-transform: none; font-size: 29px; letter-spacing: -0.00em; line-height: 28px; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;}
.header6 {font-weight: 600; font-family: 'Eina04', sans-serif; text-transform: none; font-size: 22px; letter-spacing: -0.00em; line-height: 21px; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;}

.subtitle1 {font-weight: 500; font-family: 'Eina04', sans-serif; text-transform: none; font-size: 30px; letter-spacing: 0em; line-height: 38px; -webkit-font-smoothing: antialiased;  font-smoothing: antialiased;}
.subtitle2 {font-weight: 500; font-family: 'Eina04', sans-serif; text-transform: none; font-size: 26px; letter-spacing: 0em; line-height: 34px; -webkit-font-smoothing: antialiased;  font-smoothing: antialiased;}
.body1 {font-weight: 400; font-family: 'Eina01', sans-serif; text-transform: none; font-size: 20px; letter-spacing: 0em; line-height: 24px; -webkit-font-smoothing: antialiased;  font-smoothing: antialiased;}
.body2 {font-weight: 400; font-family: 'Eina01', sans-serif; text-transform: none; font-size: 16px; letter-spacing: 0em; line-height: 22px; -webkit-font-smoothing: antialiased;  font-smoothing: antialiased;}
.button-text {font-weight: 600; font-family: 'Eina04', sans-serif; text-transform: uppercase; font-size: 12px; letter-spacing: 0.15em; line-height: 12px; -webkit-font-smoothing: antialiased;  font-smoothing: antialiased;}
.caption-text {font-weight: 400; font-family: 'Eina01', sans-serif; text-transform: none; font-size: 14px; letter-spacing: 0em; line-height: 18px; -webkit-font-smoothing: antialiased;  font-smoothing: antialiased;}
.overline-text {font-weight: 400; font-family: 'Eina01', sans-serif; text-transform: uppercase; font-size: 11px; letter-spacing: 0.15em; line-height: 14px; -webkit-font-smoothing: antialiased;  font-smoothing: antialiased;}
.txt-italic {font-style: italic;}
.txt-subscribe {font-style: underline;}

body{font-weight: 400; font-family: 'Eina01', sans-serif; padding:0; text-transform: none; font-size: 16px; letter-spacing: 0em; line-height: 22px; -webkit-font-smoothing: antialiased;  font-smoothing: antialiased; color:#24303A;}

@media (max-width: 767px) {

    h1 {font-weight: 600; font-family: 'Eina04', sans-serif; text-transform: none; font-size: 42px !important; letter-spacing: -0.00em; line-height: 40px !important; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;}
    h2 {font-weight: 600; font-family: 'Eina04', sans-serif; text-transform: none; font-size: 38px !important; letter-spacing: -0.00em; line-height: 36px !important; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;}
    h3 {font-weight: 600; font-family: 'Eina04', sans-serif; text-transform: none; font-size: 32px !important; letter-spacing: -0.00em; line-height: 30px !important; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;}
    h4 {font-weight: 600; font-family: 'Eina04', sans-serif; text-transform: none; font-size: 28px !important; letter-spacing: -0.00em; line-height: 26px !important; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;}
    h5 {font-weight: 600; font-family: 'Eina04', sans-serif; text-transform: none; font-size: 24px !important; letter-spacing: -0.00em; line-height: 22px !important; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;}
    h6 {font-weight: 600; font-family: 'Eina04', sans-serif; text-transform: none; font-size: 20px !important; letter-spacing: -0.00em; line-height: 18px !important; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;}

    .header1 {font-weight: 600; font-family: 'Eina04', sans-serif; text-transform: none; font-size: 42px !important; letter-spacing: -0.00em; line-height: 40px !important; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;}
    .header2 {font-weight: 600; font-family: 'Eina04', sans-serif; text-transform: none; font-size: 38px !important; letter-spacing: -0.00em; line-height: 36px !important; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;}
    .header3 {font-weight: 600; font-family: 'Eina04', sans-serif; text-transform: none; font-size: 32px !important; letter-spacing: -0.00em; line-height: 30px !important; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;}
    .header4 {font-weight: 600; font-family: 'Eina04', sans-serif; text-transform: none; font-size: 28px !important; letter-spacing: -0.00em; line-height: 26px !important; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;}
    .header5 {font-weight: 600; font-family: 'Eina04', sans-serif; text-transform: none; font-size: 24px !important; letter-spacing: -0.00em; line-height: 22px !important; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;}
    .header6 {font-weight: 600; font-family: 'Eina04', sans-serif; text-transform: none; font-size: 20px !important; letter-spacing: -0.00em; line-height: 18px !important; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;}

    .subtitle1 {font-weight: 500; font-family: 'Eina04', sans-serif; text-transform: none; font-size: 24px !important; letter-spacing: 0em; line-height: 28px !important; -webkit-font-smoothing: antialiased;  font-smoothing: antialiased;}
    .subtitle2 {font-weight: 500; font-family: 'Eina04', sans-serif; text-transform: none; font-size: 21px !important; letter-spacing: 0em; line-height: 25px !important; -webkit-font-smoothing: antialiased;  font-smoothing: antialiased;}
    .body1 {font-weight: 400; font-family: 'Eina01', sans-serif; text-transform: none; font-size: 18px !important; letter-spacing: 0em; line-height: 22px !important; -webkit-font-smoothing: antialiased;  font-smoothing: antialiased;}
    .body2 {font-weight: 400; font-family: 'Eina01', sans-serif; text-transform: none; font-size: 15px !important; letter-spacing: 0em; line-height: 19px !important; -webkit-font-smoothing: antialiased;  font-smoothing: antialiased;}
    .button-text {font-weight: 600; font-family: 'Eina04', sans-serif; text-transform: uppercase; font-size: 12px !important; letter-spacing: 0.15em; line-height: 12px !important; -webkit-font-smoothing: antialiased;  font-smoothing: antialiased;}
    .caption-text {font-weight: 400; font-family: 'Eina01', sans-serif; text-transform: none; font-size: 12px !important; letter-spacing: 0em; line-height: 18px !important; -webkit-font-smoothing: antialiased;  font-smoothing: antialiased;}
    .overline-text {font-weight: 400; font-family: 'Eina01', sans-serif; text-transform: uppercase; font-size: 11px !important; letter-spacing: 0.15em; line-height: 18px !important; -webkit-font-smoothing: antialiased;  font-smoothing: antialiased;}

    body{font-weight: 400; font-family: 'Eina01', sans-serif; text-transform: none; font-size: 15px; letter-spacing: 0em; line-height: 19px; -webkit-font-smoothing: antialiased;  font-smoothing: antialiased; color:#24303A;}

}
/* end text */

/* start color */

/* grayscale*/
.txt-dark {color: #24303A;}
.bg-dark {background-color: #24303A !important}
.border-dark {border-color: #24303A;}

.txt-dark-gray {color: #656D74;}
.bg-dark-gray {background-color: #656D74;}
.border-dark-gray {border-color: #656D74;}

.txt-medium-gray {color: #91979C;}
.bg-medium-gray {background-color: #91979C;}
.border-medium-gray {border-color: #91979C;}

.txt-clear-gray {color: #BCC0C3;}
.bg-clear-gray {background-color: #BCC0C3;}
.border-clear-gray {border-color: #BCC0C3;}

.txt-light-gray {color: #F3F4F5;}
.bg-light-gray {background-color: #F3F4F5 !important;}
.border-light-gray {border-color: #F3F4F5;}

.txt-white {color: #FFF;}
.bg-white {background-color: #FFF;}
.border-white {border-color: #FFF;}

/* primary color*/
.txt-primary-color {color: #FF8900;}
.bg-primary-color {background-color: #FF8900;}
.border-primary-color {border-color: #FF8900;}

/* primary color hover*/
.txt-primary-color-hover {color: #DE7500;}
.bg-primary-color-hover {background-color: #DE7500;}
.border-primary-color-hover {border-color: #DE7500;}

/* red */
.txt-red {color: #FF0034;}
.bg-red {background-color: #FF0034;}
.border-red {border-color: #FF0034;}

/* red hover */
.txt-red-hover {color: #D9002C;}
.bg-red-hover {background-color: #D9002C;}
.border-red-hover {border-color: #D9002C;}

/* yellow */
.txt-yellow {color: #FFCB3B;}
.bg-yellow {background-color: #FFCB3B;}
.border-yellow {border-color: #FFCB3B;}

/* yellow hover */
.txt-yellow-hover {color: #FF9700;}
.bg-yellow-hover {background-color: #FF9700;}
.border-yellow-hover {border-color: #FF9700;}

/* green */
.txt-green {color: #00EF49;}
.bg-green {background-color: #00EF49;}
.border-green {border-color: #00EF49;}

/* green hover */
.txt-green-hover {color: #00D140;}
.bg-green-hover {background-color: #00D140;}
.border-green-hover {border-color: #00D140;}

/* end color */

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

/* button primary color */
.button.color-primary {
	background: #FF8900;
    border-color: #FF8900;
    color: #24303A; /*
    -webkit-box-shadow: 0px 2px 12px 0px rgba(194,176,111,0.65);
    -moz-box-shadow: 0px 2px 12px 0px rgba(194,176,111,0.65);
    box-shadow: 0px 2px 12px 0px rgba(194,176,111,0.65); */
}

.button.color-primary:hover {
	background: #DE7500;
    border-color: #DE7500;
    color: #24303A; /*
    -webkit-box-shadow: 0px 2px 12px 0px rgba(194,176,111,0.25);
    -moz-box-shadow: 0px 2px 12px 0px rgba(194,176,111,0.25);
    box-shadow: 0px 2px 12px 0px rgba(194,176,111,0.25); */
}

/* button outline primary color */
.button.color-primary-outline {
	background: transparent;
    border-color: #FF8900;
    color: #FF8900;
}

.button.color-primary-outline:hover {
	background: transparent;
    border-color: #DE7500;
    color: #DE7500;
}

/* button text primary color */
.button.color-primary-text {
    background: transparent;
    color: #FF8900;
    border: 0px solid transparent !important;
    padding: 0px !important;
}

.button.color-primary-text:hover {
    background: transparent;
    color: #DE7500;
    border: 0px solid transparent !important;
}

/* button text dark color */
.button.color-dark-text {
    background: transparent;
    color: #24303A;
    border: 0px solid transparent !important;
    padding: 0px !important;
}

.button.color-dark-text:hover {
    background: transparent;
    color: #24303A;
    opacity: 50%;
    border: 0px solid transparent !important;
}

/* button dark */
.button.color-dark {
    background: #24303A;
    border-color: #24303A;
    color: #F3F4F5;
}

.button.color-dark:hover {
    background: #656D74;
    border-color: #656D74;
    color: #F3F4F5;
}

/* button outline dark */
.button.color-dark-outline {
    background: transparent;
    border-color: #24303A;
    color: #24303A;
}

.button.color-dark-outline:hover {
    background: #24303A;
    border-color: #24303A;
    color: #F3F4F5;
}

/* button outline medium gray */
.button.color-medium-gray-outline {
	background: transparent;
    border-color: #91979C;
    color: #91979C;
}

.button.color-medium-gray-outline:hover {
	background: transparent;
    border-color: #656D74;
    color: #656D74;
}

/* button outline white */
.button.color-white-outline {
    background: transparent;
    border-color: #FFFFFF;
    color: #FFFFFF;
}

.button.color-white-outline:hover {
    background: transparent;
    border-color: rgba(255,255,255,0.5);
    color: rgba(255,255,255,0.5);
}

/* button red */
.button.color-red {
	background: #FF0034;
    border-color: #FF0034;
    color: #FFF;
    -webkit-box-shadow: 0px 2px 12px 0px rgba(255,0,52,0.65);
    -moz-box-shadow: 0px 2px 12px 0px rgba(255,0,52,0.65);
    box-shadow: 0px 2px 12px 0px rgba(255,0,52,0.65);
}

.button.color-red:hover {
	background: #D9002C;
    border-color: #D9002C;
    color: #FFF;
    -webkit-box-shadow: 0px 2px 12px 0px rgba(255,0,52,0.25);
    -moz-box-shadow: 0px 2px 12px 0px rgba(255,0,52,0.25);
    box-shadow: 0px 2px 12px 0px rgba(255,0,52,0.25);
}


/* button yellow */
.button.color-yellow {
	background: #FF9700;
    border-color: #FF9700;
    color: #FFF;
    -webkit-box-shadow: 0px 2px 12px 0px rgba(255,151,0,0.65);
    -moz-box-shadow: 0px 2px 12px 0px rgba(255,151,0,0.65);
    box-shadow: 0px 2px 12px 0px rgba(255,151,0,0.65);
}

.button.color-yellow:hover {
	background: #FFCB3B;
    border-color: #FFCB3B;
    color: #FFF;
    -webkit-box-shadow: 0px 2px 12px 0px rgba(255,151,0,0.25);
    -moz-box-shadow: 0px 2px 12px 0px rgba(255,151,0,0.25);
    box-shadow: 0px 2px 12px 0px rgba(255,151,0,0.25);
}

/* box shadow */
.box-shadow-product { box-shadow: 0 4px 4px rgba(0,0,0,.05);}
.box-shadow-form-home { box-shadow: 0 22px 30px rgba(0,0,0,.1);}

/**** END GUIDELINE ****/


/* start header */
.nav-label-phone {
    padding: 0 0 0 5px;
    margin: 0;
}

.nav-icon-phone {
	width: 34px;
    padding: 2px 0 0 0;
}

.nav-number-phone {
    font-family: Eina04, sans-serif;
    font-weight: 600;
    font-size: 24px;
    padding: 14px 0 0 10px;
    margin: 0;
}

@media (max-width: 991px) {

	.md-display-hidden {display:none !important}

	.nav-label-phone {
		font-size: 12px;
	    text-transform: uppercase;
	    letter-spacing: 0.05em;
	    font-weight: 400;
	}

	.nav-icon-phone {
		width: 25px !important;
		padding-top: 8px !important;
	}

	.nav-number-phone {
	    font-family: Eina04, sans-serif;
	    font-weight: 600;
	    font-size: 24px;
	    padding: 10px 0 0 5px;
	}

}

/* start hidden */
@media (min-width: 991px) {

	.lg-display-hidden {display:none !important}

}

@media (min-width: 1199px) {

	.lg-padding-13px-top {padding-top: 13px !important}

}
/* end hidden */

/* start product */
.prod-tag {
    color: #CB0016;
    background: #FFCB3B;
    padding: 9px 21px 7px;
    display: inline-block;
    position: relative;
    float: left;
    margin: -15px 0 0 30%;
}

.prod-image {
    border-radius: 12px 12px 0 0;
}

/* end product */

/* background display */    
.bg-display-dkt {
    background-position: center 150px;
    background-size: cover;
    background-repeat: no-repeat;
}

@media (max-width: 767px) {

    .bg-display-mbl {
        background-position: center 150px !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }

}

/* blog */
img.blog-post-cover {
    border-radius: 12px 12px 0 0;
}

img.blog-post-cover:hover {
    border-radius: 12px 12px 0 0;
    opacity: 0.7;
}

.blog-post-tag {
    padding: 10px 22px;
    display: inline-block;
    position: relative;
    float: right;
    margin-top: -34px;
}

/* footer */
a.item-footer-menu { color: #8C9CA7;}
a.item-footer-menu:hover { color: #0049FF; font-weight: 700; }

a.item-footer-menu-red { color: #FF0034; }
a.item-footer-menu-red:hover { color: #D9002C; }

/* start float buttons */
.float-wpp {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 999;
    opacity: 1;
    border-radius: 100%;
}

.float-wpp:hover {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 999;
    opacity: 0.7;
    border-radius: 100%;
}

.float-phone {
    position: fixed;
    bottom: 100px;
    right: 10px;
    z-index: 999;
    opacity: 1;
    border-radius: 100%; 
}

.float-phone:hover {
    position: fixed;
    bottom: 120px;
    right: 10px;
    z-index: 999;
    opacity: 0.7;
    border-radius: 100%;
}


/* pagetitle */
.padding-pagetitle-dkt {
    padding: 360px 0 120px;
}

@media (max-width: 767px) {

    .padding-pagetitle-mbl {
        padding: 260px 0 60px;
    }

}

/* team */
img.team-member-avatar {
    border-radius: 8px 8px 0 0;
}

/* solution menu */
.item-solution-menu {
    margin-bottom: 20px;
    padding-bottom: 25px;
    border-bottom: 2px solid #CDD6DB;
}

.item-solution-menu:hover {
    margin-bottom: 20px;
    padding-bottom: 25px;
    border-bottom: 2px solid #0049FF;
}

/* slideshow */
.swiper-wrapper-slideshow {
	height:780px !important;
}

.lens-overlay-slideshow {
    background-color: rgb(0,0,0,0.0);
}

@media (max-width: 767px) {

    .lens-overlay-slideshow {
        background-color: rgb(0,0,0,0.4);
    }

}

/* service */

.panel-heading-custom {
    background: #AD61FF;
    padding: 350px 50px 40px;
    border-radius: 8px;
}

.panel-body-custom {
    background: #AD61FF;
    padding: 10px 50px 50px;
    margin-top: -8px;
    border-top: none;
    border-radius: 0 0 8px 8px;

}

@media (max-width: 767px) {

    .panel-heading-custom {
        background: #AD61FF;
        padding: 350px 30px 30px;
        border-radius: 8px;
    }   

    .panel-body-custom {
        background: #AD61FF;
        padding: 0px 30px 40px;
        margin-top: -8px;
        border-top: none;
        border-radius: 0 0 8px 8px;
    }

}

.display-flex-col-center {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.display-flex-row-between {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.wpcf7-mail-sent-ok {
    background-color: #00EF49;
    border: 2px solid #00EF49 !important;
    border-radius: 4px;
    color: #FFFFFF;
    text-align: center;
    padding: 8px !important;
    margin-bottom: 0 !important;
}

.wpcf7-response-output {
    background-color: #00EF49;
    border: 2px solid #00EF49 !important;
    border-radius: 4px;
    color: #FFFFFF;
    text-align: center;
    padding: 8px !important;
    margin-bottom: 0 !important;
}


@media (max-width: 767px) {

    header a.logo img {max-height:44px;}

    .sm-justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
    }

    .display-flex-row-between {
        text-align: center;
    }

}


/* google recaptcha */
.grecaptcha-badge { display:none !important; }