:root {
    --alert:2px solid #ed1c24;
    --bema-red: #ed1c24;
    --bema-pale-red: #ffe6e6;
    --bema-blue: #2e1c7c;/* #1c104e;*/
    --bema-light-blue: #2ea3f2;
    --bema-pale-blue: #d1e3ef;
    --bema-yellow: #fab005;
    --bema-dark-grey: #333333;
    --bema-light-grey: #e5e5e5;
    --plastcril-grey: #666666;
    --plastcril-red: #c11a2a;
    --plastcril-blue:#102851;
}
* { box-sizing: border-box; margin: 0; padding: 0}

html {
    font-family: sans-serif;
    font-family: 'Archivo',Helvetica,Arial,Lucida,sans-serif!important;
    font-size: calc(14px + 0.4vw)!important;
    /*line-height: 1.15;*/
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    /*scroll-behavior: smooth;*/
    /*height:100%;*/
}
p {
	font-size: 1em;
}
body {
    /*height: 100%;*/
    background: #fff;
    color: #4a4a4a;
    font-family: 'Archivo',Helvetica,Arial,Lucida,sans-serif!important;
    font-smooth: always;
    -webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
    height:100%;
}

.grecaptcha-badge {
    display:none !important;
    /*
    z-index: 99999;
    display:block !important;*/
 }

div#page-container {
    overflow-y: initial!important;
}

/* search form header */
span#et_search_icon,span.et_close_search_field,.et-search-form input {color:white} .et-search-form input::placeholder {color:var(--bema-light-blue)}


.btn-download {text-transform:uppercase;letter-spacing:1px;background-color:var(--bema-dark-grey);color:#fff;padding:8px 16px;border:1px solid #333;font-size:11px}
.btn-download:hover {opacity:0.7;cursor:pointer;}


.btn-open {text-transform:uppercase;letter-spacing:1px;background-color:var(--bema-blue);color:#fff;padding:8px 16px;border:1px solid #333;font-size:11px}
.btn-open:hover {opacity:0.7;cursor:pointer;}

.btn-delete {text-transform:uppercase;letter-spacing:1px;background-color:var(--bema-red);color:#fff;padding:8px 16px;border:1px solid #333;font-size:11px}
.btn-delete:hover {opacity:0.7;cursor:pointer;}

.box-link-setup {width:150px;height:55px;text-transform:uppercase;}

.text-column-2 {
-webkit-columns:250px 2;
columns: 250px 2;
-webkit-column-gap: 25px;
-moz-column-gap: 25px;
column-gap: 25px;
line-height:1.27em;
font-size:1em;
}
.text-column-3 {
-webkit-columns:250px 3;
columns: 250px 3;
-webkit-column-gap: 25px;
-moz-column-gap: 25px;
column-gap: 25px;
line-height:1.27em;
font-size:1em;
}

.button-edit{
    position:absolute;
    bottom:15px;
    left:0;
    right:0;
    border: none;
    font-size: 16px;
    color: #707070;
    padding: 8px 16px;
    background-color: #e8e8e8;
    border-radius: 4px;
    margin: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
  }
  
  .button-edit:hover{
    background: opacity(0.5);
  }
.box-home {
    min-width:220px;
}
.box-categoria {
    min-width:360px;
}
#imagem {
    text-align:center;
}

.tag-destaque {
    position: absolute;
    top: 44px;
    right:-34px;
    width: 135px;
    rotate: -90deg;    
    padding:7px 16px;
    z-index: 999;
    color: white!important;
    text-transform:uppercase;
    font-size:10px;
    letter-spacing:2px;
    font-weight: bold;
    border-right:4px solid var(--bema-red);
    border-radius: 12px 5px;
    /*background-color: var(--bema-blue)!important;*/
    background: linear-gradient(-45deg, #110156, #301082, #bb2727);
    background-size: 300% 300%;
    /*animation: gradient 15s ease infinite;*/
    animation: flashing 1.5s linear infinite;  
}

.tag-destaque-produto {
    rotate: 0deg;    
    padding:5px 12px;
    z-index: 999;
    color: white!important;
    text-transform:uppercase;
    font-size:10px;
    letter-spacing:2px;
    font-weight: bold;
    text-align:center;
    border-right:4px solid var(--bema-red);
    border-radius: 12px 5px;
    /*background-color: var(--bema-blue)!important;*/
    background: linear-gradient(-45deg, #110156, #301082, #bb2727);
    background-size: 300% 300%;
    /*animation: gradient 15s ease infinite;*/
    animation: flashing 1.5s linear infinite;
    margin-bottom: 10px;
}
@keyframes flashing { 85% { opacity: 0; } }

.tag-fispq-boletim {
    rotate: 0deg;    
    padding:7px 15px;
    z-index: 999;
    color: var(--bema-dark-grey)!important;
    text-transform:uppercase;
    font-size:10px;
    letter-spacing:2px;
    font-weight: bold;
    text-align:center;
    border-right:4px solid var(--bema-yellow);
    border-radius: 12px 5px;
    background-color: #eee;  
}
.tag-fispq-boletim:hover {
opacity: 0.85;
cursor: pointer;
}

.tag-embalagem {
    rotate: 0deg;    
    padding:10px 15px;
    z-index: 999;
    background-color: #eee;
    color: var(--bema-dark-grey);
    text-transform:uppercase;
    font-size:10px;
    letter-spacing:2px;
    font-weight: bold;
    text-align:center;
    border-right:4px solid var(--bema-red);
    border-radius: 12px 5px;
}
.tag-embalagem:hover {
opacity: 0.85;
cursor: pointer;
}
/*
.tag-embalagem:focus {
    background-color:#333!important;
    color: #fff!important;
}
*/

/* bootstrap icons - bs-icons */
.bi-div {
    display:inline-block;
    padding: 10px;
    width: 28px;
    height: 28px;
    border: 2px solid;
    border-radius: 50%;
    position:relative;
    vertical-align:middle;
}
.bi-div-download {
    position: relative;
    top: -2px;
    left: 0;
    margin-right:10px;
    transform: translate(-50%, -50%);
}
.bi { /* bootstrap icons */
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.bi-clock-history,
.bi-bucket,
.bi-bar-chart-fill,
.bi-paint-bucket,
.bi-calculator,
.bi-telephone-outbound {
    width: 17px;
    height: 17px; 
}

/*produto page*/
#intro {color:#fff!important;}
.info-prod { width:100%!important;display:inline-block; }
.info-prod div { margin-top:8px;display:inline-block;margin-left:5px;}
.info-prod div span { padding: 0px 18px 18px 0px;text-transform:uppercase;font-size:11px;letter-spacing:1px;font-weight:bold;color:#fff; }
/*.random-banner{min-height:320px;background-attachment:fixed;background-position:center top;background-repeat:no-repeat;background-size:cover; }*/
.random-banner{
    min-height:240px;
    background: linear-gradient(-45deg, #110156, #301082, #bb2727);
    background-size: 200% 200%;
    animation: gradient 10s ease infinite;
}
#form-filter {
    margin-bottom:20px;
}
.produto {
    box-sizing:border-box;
    width:260px;
    height:260px;
    max-width:100%;
    position: relative;
    text-align:center!important;
    background: linear-gradient(180deg, var(--bema-light-grey) 50%, transparent 50%);
}
.produto-edit {
    box-sizing:border-box;
    width:260px;
    height:260px;
    max-width:100%;
    position: relative;
    text-align:center!important;
    background: linear-gradient(180deg, var(--bema-pale-blue) 50%, transparent 50%);
}
.produto-copy {
    box-sizing:border-box;
    width:260px;
    height:260px;
    max-width:100%;
    position: relative;
    text-align:center!important;
    background: linear-gradient(180deg, var(--bema-pale-red) 50%, transparent 50%);
}
.produto:hover {
opacity: 0.7;
cursor: pointer;
}
.produto-edit:hover {
    opacity: 0.7;
    cursor: pointer;
}
.produto-content {
    margin: 0;
    position: absolute;
    top: 0;
    width: 260px;
    height:260px;
    max-width:100%;
}
.produto-imagem {
    position: absolute;
    bottom:85px;
    left:0;
    right:0;
}
.produto-legenda {
    position: absolute;
    left:0;
    right:0;
    top: 185px;
}
@media (min-width: 768px) {
    .grid_1 { display: block; width: 100%!important; }    
    .grid_2 { display: grid; grid-template-columns: 45% auto; gap:20px; }
    .grid_1_2 { display: grid; grid-template-columns: 15% auto; gap:20px; }
    .grid_3 { display: grid; grid-template-columns: 32% 32% auto; gap:20px; }
    .grid_4 { display: grid; grid-template-columns: 24% 24% 24% auto; gap:20px; } 
    .grid_5 { display: grid; grid-template-columns: 19% 19% 19% 19% auto; gap:15px; }
    .grid_6 { display: grid; grid-template-columns: 16% 16% 16% 16% 16% auto; gap:15px; }
}
.card {display:flex;flex-wrap:wrap;gap:10px}
.cart-item-260 {flex:1 0 260px;}
.cart-item-100 {flex:1 0 100px;}

.nome-data {
    background-color:#e5e5e5;
    padding:20px;
    color:#444;
    margin-bottom: 15px;
}
.nome-data.title {
    text-transform:uppercase;
}
.uppercase {
    text-transform: uppercase;
}
.lowercase {
    text-transform: lowercase;
}

::-webkit-input-placeholder { /* WebKit browsers */ text-transform: none; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ text-transform: none; }
::-moz-placeholder { /* Mozilla Firefox 19+ */ text-transform: none; }
:-ms-input-placeholder { /* Internet Explorer 10+ */ text-transform: none; }
::placeholder { /* Recent browsers */ text-transform: none; }

h1,h2,h3,h4,h5,p,li,blockquote,small,input,div {
    font-family: 'Archivo',Helvetica,Arial,Lucida,sans-serif!important;
}

header#main-header {background-color: var(--bema-blue);}

div#et-top-navigation { padding-top: 27px!important;}
.container.clearfix.et_menu_container { height:84px!important; }
img#logo {
    width: 125px!important; /*110*/
    height:74px!important; /*65*/
}
/*.et_header_style_left #et-top-navigation .mobile_menu_bar {
    padding-bottom:0px;
}*/
@media (max-width: 980px) {
.et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_left #et-top-navigation {
    padding-top: 14px;
    display: block;
}
}
nav#top-menu-nav {
    margin-top: 6px;
}
#top-menu { background-color: var(--bema-blue); color: #fff;font-size:22px}
#top-menu a { font-size:22px;letter-spacing: 1px; color:#fff }
#top-menu li a {font-size:16px!important;font-weight:400;}
#top-menu li li a { color:#333;font-size:11px;}
.nav li ul { background-color:#fff;}
.et_mobile_menu li a:hover, .nav ul li a:hover { background-color: #e5e5e5; opacity: .85; }
.et_mobile_menu li a {font-weight:400}



#top-header { background: linear-gradient(-45deg, #110156, #301082, #bb2727); background-size: 400% 400%; animation: gradient 30s ease infinite;}
@keyframes gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
.top-header-social { float:right; }
#top-header-link { padding:0px; display: inline-block; }
@media (max-width: 980px) {
    #et-secondary-nav, #et-secondary-menu {
        display: block!important;
    }
    .top-header-social { float:unset;padding-top:0.75em;padding-bottom:0.75em }
}



.page-container {
    margin-top: 0;
}
.et_pb_slide.et_pb_slide_0.et_pb_bg_layout_dark.et_pb_media_alignment_center.et-pb-active-slide {
    margin-top: 0;
}


.picture-circle {
    width:150px;
    height:150px;
    border-radius:50%;
}
#footer-links {
	display: inline-block;
}




#et_pb_contact_searchrepresentante_0 {
border:0px;
width:100%;
padding:16px;
font-size:1.7em;
background-color:rgb(90 90 90 / 43%);
color:rgba(255, 255, 255, 0.705);
}



.center { text-align:center; } 
.center-content { margin:0 auto; }

#representante-profile {
	text-align:center;
	margin:0 auto;
}
#searchRepresentante {
    width:100%;
    padding:15px 25px;
    background-color:transparent;
    border:1px solid grey;
    color: white;
    font-size:x-large;
}

.representante-box {
    background-color:#222;
    padding:40px 10px;
    font-size:1.3em;
}
.representante-box:hover {
    opacity: 0.75;
    cursor: pointer;
}
.et_pb_button_module_wrapper>a {
    display: inline-block;
}

.svg-pulse-whatsapp {
    animation: svg-pulse-whatsapp 2.1s infinite;
  }
  @keyframes svg-pulse-whatsapp {
        0% {transform: scale(0.9);box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);}
       70% {transform: scale(1);box-shadow: 0 0 0 20px rgba(37, 211, 102, 0);}
      100% {transform: scale(0.9);box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);}
  }
  @-moz-keyframes svg-pulse-whatsapp { 
      0% {transform: scale(0.9);box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);}
       70% {transform: scale(1);box-shadow: 0 0 0 20px rgba(37, 211, 102, 0);}
      100% {transform: scale(0.9);box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);}
  }
  @-webkit-keyframes svg-pulse-whatsapp { 
      0% {transform: scale(0.9);box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);}
       70% {transform: scale(1);box-shadow: 0 0 0 20px rgba(37, 211, 102, 0);}
      100% {transform: scale(0.9);box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);}
  }
  



input[type=email], input[type=password], input[type=tel], input[type=text], input[type=number], input[type=button], select, textarea {
    background-color: #f0f0f0;
    width: 100%;
    border-radius: 3px;
    color: #3e3e3e;
    font-size: 14px;
    padding:0.85em;
    margin: 0px 0px 10px 0px;
}
input[type=number] {
    border: 1px solid #bbb;
}
option { background-color: #ffffff; }
textarea { white-space: pre-line; overflow-y: hidden;}
input[type=checkbox] { width: 20px!important; height: 20px!important; vertical-align: middle; }

input:active,select:active,textarea:active {border:2px solid var(--bema-blue);}

#get-categoria {
    color: #4e4e4e;
    font-size: 14px;
    background-color:#f0f0f0;
    padding:16px;
    width:100%!important;
    border-width: 0;
    border-radius: 3px;
    position:relative;
    margin:0px 10px 10px 10px;
}

.label-checkbox {
    vertical-align: middle;
    padding-left: 10px;    
    font-size: 16px;
}
.div-checkbox {
    display:inline-table;
    padding: 20px;
}
/*
button[type=submit] {
    float: right;
    position: relative;
}
*/
/* input type="file" */
.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 0.82rem;
    font-weight: 400;
    line-height: 1.5;
    color: #444;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.075);
}

.submit  {
    font-family: 'Rubik',Helvetica,Arial,Lucida,sans-serif!important;
    text-transform: uppercase!important; 
    font-size: 1em;
    letter-spacing: 3px;
    font-weight: 700!important;
    line-height: 1.7em!important;
    text-align:center;
    
    padding: 9px 18px!important;
    margin: 18px 18px;

    border: 2px solid;
    border-radius: 3px;
    border-width: 3px!important;
    border-color: var(--bema-red);

    color: var(--bema-red);
    background-color: transparent;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;

    position: relative;
} 
   
.submit:hover{ color: #ffffff; background-color: var(--bema-red); border: 2px solid transparent; cursor: pointer; }
.submit.update { background-color: var(--bema-blue); color: #ffffff; border-color: var(--bema-blue); }
.submit.update:hover { background-color: #ffffff; color: var(--bema-blue); cursor: pointer; }
.submit.update:active { color: #ffffff; background-color: var(--bema-blue); }
.submit.delete { background-color: var(--bema-red); color: #ffffff; border-color: var(--bema-red); }
.submit.delete:hover { background-color: #ffffff; color: var(--bema-red); cursor: pointer; }
.submit.delete:active { color: #ffffff; background-color: var(--bema-red); }


.invisible { font-size:0px; color:transparent; }


.fa-icon {
	color: #ffffff;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 400;
    margin: 0px 14px;
    font-size:20px;
}


.custom-file { margin-left:10px; padding-left:10px; }
.input-file { padding:9px 18px; }
.box-color { display:inline-block; width:100px; height:80px; padding:5px; margin:10px }
.plain-color { display: inline-block; margin: 0px; padding:10px 50px; border:1px solid #c5c5c5; }
.name-color { font-size:10px; line-height:12px; padding: 0px 10px; }
.texture-color { display: inline-block; margin: 0px; padding:10px 50px; border:1px solid #c5c5c5; background-repeat: repeat;background-size:70px 70px }
.label-box-color { display:flex; position:relative; padding-left:7px; font-size:10px; line-height:11px; text-align:left; }
.left { float:left; }
.right {float:right;}
.label-box-superficie,.label-box-tipo {display:table-cell;padding-left:5px;font-size:10px;line-height:14px;text-align:left;}
.block {display:block;}
.inline-block {display:inline-block;}

option[selected] {
    background-color:var(--bema-blue);color:#ffffff;
}

/*AMP STYLES*/
/*Classes*/
.row { display: flex; flex-wrap: wrap; }
.box { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }

/*align*/
.center-content { margin: 0 auto; }
.align-baseline { vertical-align: baseline; }
.align-top { vertical-align: top; }
.align-middle { vertical-align: middle; }
.align-bottom { vertical-align: bottom; }

/* margin */
.m0 { margin: 0; }
.mt0 { margin-top: 0; }
.mt1 { margin-top: 0.5rem; }
.mt2 { margin-top: 1rem; }
.mt3 { margin-top: 1.5rem; }
.mt4 { margin-top: 2rem; }
.mt5 { margin-top: 5rem; }

.mr0 { margin-right: 0; }
.mb0 { margin-bottom: 0; }
.ml0 { margin-left: 0; }
.mx0 { margin-right: 0; margin-left: 0;}
.my0 { margin-top: 0; margin-bottom: 0; } 
.m1 { margin: 0.5rem; }

.mr1 { margin-right: 0.5rem; }
.mb1 { margin-bottom: 0.5rem; }
.ml1 { margin-left: 0.5rem; }
.mx1 { margin-right: 0.5rem; margin-left: 0.5rem; }
.my1 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
.m2 { margin: 1rem; }

.mr2 { margin-right: 1rem; }
.mb2 { margin-bottom: 1rem; }
.ml2 { margin-left: 1rem; }
.mx2 { margin-right: 1rem; margin-left: 1rem; }
.my2 { margin-top: 1rem; margin-bottom: 1rem; }
.m3 { margin: 1.5rem; }

.mr3 { margin-right: 1.5rem; }
.mb3 { margin-bottom: 1.5rem; }
.ml3 { margin-left: 1.5rem; }
.mx3 { margin-right: 1.5rem; margin-left: 1.5rem}
.my3 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.m4 { margin: 2rem; }

.mr4 { margin-right: 2rem; }
.mb4 { margin-bottom: 2rem; }
.ml4, .mx4 { margin-left: 2rem; }
.mx4 { margin-right: 2rem; }
.my4 { margin-top: 2rem; margin-bottom: 2rem; }
.mxn1 { margin-left: calc(0.5rem * -1); margin-right: calc(0.5rem * -1); }
.mxn2 { margin-left: calc(1rem * -1); margin-right: calc(1rem * -1); }
.mxn3 { margin-left: calc(1.5rem * -1); margin-right: calc(1.5rem * -1); }
.mxn4 { margin-left: calc(2rem * -1); margin-right: calc(2rem * -1); }
.m-auto { margin: auto; }
.mt-auto { margin-top: auto; }
.mr-auto { margin-right: auto; }
.mb-auto { margin-bottom: auto; }
.ml-auto, .mx-auto { margin-left: auto; }
.mx-auto { margin-right: auto; }
.my-auto { margin-top: auto; margin-bottom: auto; }

/* padding */
.p0  { padding: 0; }
.pt0 { padding-top: 0; }
.pr0 { padding-right: 0; }
.pb0 { padding-bottom: 0; }
.pl0, .px0 { padding-left: 0; }
.px0 { padding-right: 0; }
.py0 { padding-top: 0; padding-bottom: 0; }
.p1  { padding: 0.5rem; }
.pt1 { padding-top: 0.5rem; }
.pr1 { padding-right: 0.5rem; }
.pb1 { padding-bottom: 0.5rem; }
.pl1 { padding-left: 0.5rem; }
.py1 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.px1 { padding-left: 0.5rem; padding-right: 0.5rem; }
.p2  { padding: 1rem; }
.pt2 { padding-top: 1rem; }
.pr2 { padding-right: 1rem; }
.pb2 { padding-bottom: 1rem; }
.pl2 { padding-left: 1rem; }
.py2 { padding-top: 1rem; padding-bottom: 1rem; }
.px2 { padding-left: 1rem; padding-right: 1rem; }
.p3  { padding: 1.5rem; }
.pt3 { padding-top: 1.5rem; }
.pr3 { padding-right: 1.5rem; }
.pb3 { padding-bottom: 1.5rem; }
.pl3 { padding-left: 1.5rem; }
.py3 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.px3 { padding-left: 1.5rem; padding-right: 1.5rem; }
.p4  { padding: 2rem; }
.pt4 { padding-top: 4rem; }
.pt5 { padding-top: 5rem; }
.pt6 { padding-top: 6rem; }
.pt7 { padding-top: 7rem; }
.pr4 { padding-right: 2rem; }
.pb4 { padding-bottom: 2rem; }
.pl4 { padding-left: 2rem; }
.py4 { padding-top: 2rem; padding-bottom: 2rem; }
.py5 { padding-top: 5rem; padding-bottom: 5rem; }
.py6 { padding-top: 6rem; padding-bottom: 6rem; }
.py7 { padding-top: 7rem; padding-bottom: 7rem; }
.px4 { padding-left: 2rem; padding-right: 2rem; }


/*flex*/
.flex { display: -ms-flexbox; display: flex; }
.flex-column { -ms-flex-direction: column; flex-direction: column; }
.flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }

/*width*/
.col { float: left; }
.col, .col-right { box-sizing: border-box; }
.col-right { float: right; }
.col-1 { width: 8.33333%; }
.col-2 { width: 16.66667%; }
.col-3 { width: 25%; }
.col-4 { width: 33.33333%; }
.col-5 { width: 41.66667%; }
.col-6 { width: 50%; }
.col-7 { width: 58.33333%; }
.col-8 { width: 66.66667%; }
.col-9 { width: 75%; }
.col-10 { width: 83.33333%; }
.col-11 { width: 91.66667%; }
.col-12 { width: 100%; }

h1 {font-size: 42px!important;}
h2 {font-size: 28px!important;}
h1,h2,h3,h4,h5,h6,p,div {font-weight:400!important}
/* mobile */
@media screen and (max-width:640px) {
    /*font-size
    .h1, h1 {font-size: 10vw;}
    .h2, h2 {font-size: 9vw;}
    .h3, h3 {font-size: 8vw;}
    .h4, h4 {font-size: 7.5vw;}
    .h5, h5 {font-size: 7vw;}
    .h6, h6 {font-size: 6.5vw;}
*/

    .desktop { display: none; }

}

/* desktop and tablet */
/*@media (min-width: 1024px) {*/
@media screen and (min-width: 641px) {
    /*font-size
    .h1, h1 {font-size: 8vw;}
    .h2, h2 {font-size: 6.4vw;}
    .h3, h3 {font-size: 5.2vw;}
    .h4, h4 {font-size: 4vw;}
    .h5, h5 {font-size: 3.5vw;}
    .h6, h6 {font-size: 2.6vw;}
*/
    .mobile { display: none; }

    .col-11 { width: 75%; }
    .sm-col { float: left; box-sizing: border-box;}
    .sm-col-right { float: right; box-sizing: border-box;}
    .sm-col-1 { width: 8.33333%; }
    .sm-col-2 { width: 16.66667%; }
    .sm-col-3 { width: 25%; }
    .sm-col-4 { width: 33.33333%; }
    .sm-col-5 { width: 41.66667%; }
    .sm-col-6 { width: 50%; }
    .sm-col-7 { width: 58.33333%; }
    .sm-col-8 { width: 66.66667%; }
    .sm-col-9 { width: 75%; }
    .sm-col-10 { width: 83.33333%; }
    .sm-col-11 { width: 91.66667%; }
    .sm-col-12 { width: 100%; }
    .sm-flex { display: -ms-flexbox; display: flex;}
    .sm-hide { display: none;}
}
/* tablet */
/*
@media screen and (min-width:768px) and (max-width:1024px){
  
}
*/
@media (min-width:320px)  { /* smartphones, iPhone, portrait 480x320 phones */ }
@media (min-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
@media (min-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@media (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }

@media (max-width: 980px) {
.et_pb_column .et_pb_row_inner, .et_pb_row {
    padding: 0px!important;
}
}

/* SIMULADOR */
.label-box-color-simulador { display:flex; position:relative; padding-left:7px; font-size:12px; line-height:20px; text-align:left; }

/* BANNER HOME */


@media (max-width:450px){
    #banner-home-desktop,#banner-unlink-desktop{display:none;}
    /*.et_pb_slider_container_inner {
        position: absolute;
        top: 10vw;
    }*/
}
@media (min-width:451px){
    #banner-home-mobile,#banner-unlink-mobile{display:none;}
    
}



@media (max-width:640px)  { /* smartphones, iPhone, portrait 480x320 phones */
    
	.box-color-simulador-ref { display:inline-block; width:120px; height:90px; padding:5px; margin:0px; }
	.plain-color-simulador-ref { display: inline-block; margin: 0px; padding:20px 50px; border:1px solid #c5c5c5; background-repeat: repeat;background-size:70px 70px}
	.label-box-color-simulador-ref { display:flex; position:relative; padding-left:5px; font-size:10px; line-height:11px; text-align:left; }	
		
	.box-color-simulador {width:24px; height:24px; display:inline-block; padding:0px; margin:7px;}
	.plain-color-simulador { padding:16px 16px;display: inline-block; margin: 0px; border:1px solid #c5c5c5;border-radius:50%; } 
	#div-circle { position: -webkit-sticky; position: sticky; top: 40px; background-color: #ffffff;padding:15px;}
}


@media (min-width: 641px) {	/* DESKTOP */
	.box-color-simulador-ref { display:inline-block; width:240px; height:90px; padding:5px; margin:15px 7px; }
	.plain-color-simulador-ref { display: inline-block; margin: 0px; padding:35px 100px; border:1px solid #c5c5c5; background-repeat: repeat;background-size:70px 70px}
	.label-box-color-simulador-ref { display:flex; position:relative; padding-left:7px; font-size:12px; line-height:20px; text-align:left; }

	.box-color-simulador {width:60px; height:60px; display:inline-block; padding:0px; margin:7px;}
	.plain-color-simulador { padding:30px 30px; display: inline-block; margin: 0px; border:1px solid #c5c5c5;border-radius:50%; background-repeat: repeat;background-size:45px 45px}
	#div-imagem div, #div-circle { position: -webkit-sticky; position: sticky; top: 130px; } 
    .img-produto img {
        position: absolute;
        bottom: -32px;
        left: 50%;
        transform: translate(-50%, 0);
    }
    
}

.img-produto {
    z-index: 999;
    position: relative;
    bottom:-32px;
    margin-bottom: 15px;
}



@media (min-width: 981px) {
    #top-header .container { max-width: 1120px!important;}
    
}
img.simula-fundo { background-color: #ffffff; background-repeat: repeat; background-size:100px 100px}

hr.wp-block-separator.has-alpha-channel-opacity {
    margin: 25px 0px 25px 0px;
    width: 100%!important;
}
.published {display:none}