/*
Theme Name: Vitrine de Marcas
Theme URI: https://www.vitrinedemarcas.com.br
Text Domain: vitrinedemarcas
Author: Preciso Web | Devanir Reolon
Author URI: https://www.precisoweb.com.br/
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* montserrat-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/montserrat-v25-latin-300.eot'); /* IE9 Compat Modes */
  src: url('fonts/montserrat-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/montserrat-v25-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/montserrat-v25-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/montserrat-v25-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/montserrat-v25-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/montserrat-v25-latin-500.eot'); /* IE9 Compat Modes */
  src: url('fonts/montserrat-v25-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/montserrat-v25-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/montserrat-v25-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/montserrat-v25-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/montserrat-v25-latin-600.eot'); /* IE9 Compat Modes */
  src: url('fonts/montserrat-v25-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/montserrat-v25-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/montserrat-v25-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/montserrat-v25-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/montserrat-v25-latin-700.eot'); /* IE9 Compat Modes */
  src: url('fonts/montserrat-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/montserrat-v25-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/montserrat-v25-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/montserrat-v25-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}

body, .form-control{font-family: 'Montserrat';font-weight: 300}
body{transition: 0.2s all;font-size: 16px;line-height: 26px}
strong{font-weight: 600;}
p{margin-bottom: 20px;margin-top: 0}
p, ul{color: #1B3D59;margin-bottom: 30px;font-size: 16px;line-height: 30px}
ul li{margin-bottom: 10px;}
h1, h2, h3, h4, h5, h6{color: #1B3D59;margin: 0 0 20px 0;padding: 0;font-weight: 600}
a, .nav-link{color: #1B3D59;transition:all 0.1s;text-decoration: none}
a:hover, a:focus{transition:all 0.1s;text-decoration: none;color: #1B3D59}
.img-fluid{width: 100%;z-index: 2}
.img-fixed{background-size: cover; background-repeat: no-repeat;background-attachment: fixed !important;background-position: center center}
.img-cover{background-size: cover; background-repeat: no-repeat;background-position: center center}
.p404{padding: 150px 0}
.p404 h1{font-size: 120px;}
.padd0{padding: 0}
.padd50{padding-top: 50px;padding-bottom: 50px;}
.padd70{padding-top: 70px;padding-bottom: 70px;}
.bgcolor1{background-color: #1B3D59}
.bgcolor2{background-color: #f1f1f1}
.bgcolor1 p, .bgcolor1 h2, .bgcolor1 h1{color: #fff}

.btt{display: inline-block;}
.btt a{text-transform: uppercase;font-weight: 500;position: relative;padding: 8px 30px;display: inline-block;margin-top: 10px;}
.btt a{color: #fff;background-color: #1B3D59;transform: scale(1.0);}
.btt a:hover{background-color: #999;color: #fff;transform: scale(1.04);}

.title{margin-bottom: 30px;}
.title h2{font-size: 30px;text-transform: uppercase;font-weight: 700;margin-bottom: 10px}
.title h2 strong{font-weight: 300}
.title p{font-size: 18px}

.topo{padding: 10px 0 0}
.topo ul{list-style: none;padding: 0;margin: 0;display: flex;align-items: center;justify-content: flex-end;}
.topo ul li{margin-left: 50px;margin-bottom: 0}
.topo ul li a{font-weight: 300}
.topo i{color: #6E8EC6}

.navbar-toggler{font-weight: 500;color: #1B3D59;padding: 0;border-radius: 0;display: inline-block;font-size: 35px;}
.navbar-toggler:focus{box-shadow: none;}
figure{position: relative;padding: 0;margin: 0;transition: 0.1s all}
figure img{position: relative;height: auto;width: 100%;transition: 0.1s all}
figure.alignright { float: right; margin: 0 0 1em 1em; }
figure.alignleft { float: left; margin: 0 1em 1em 0; }
figure.aligncenter { display: block; margin-left: auto; margin-right: auto; }
figure.wp-block-image.size-large img, figure.wp-block-image.size-full img{width:auto;height: auto;margin-bottom: 30px; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto;text-align: center; }

header{background-color: #fff;}
header .logo img{position: absolute;top: -15px;height: 60px;width: auto}
header .flexxx{display: flex;align-items: center;justify-content: space-between;}
header .menu-principal li{margin: 0}
header .btt a{background-color: #1B3D59;color: #000}
header .btt a:hover{background-color: #fff;color: #000}
.menuheader{padding: 20px 0;}
header .menu-principal .navbar-nav li{margin:0 0 0 70px;}
header .menu-principal .navbar-nav li .nav-link{margin: 0;font-size: 18px;text-transform: uppercase;color: #747474;font-weight: 400;padding: 0;position: relative;}
header .menu-principal .navbar-nav li.active .nav-link{color: #1B3D59;font-weight: 600}
header .menu-principal .navbar-nav li .nav-link:hover{color: #1B3D59;}
header .logo a{display: inline-block;}
header .menu-principal .dropdown-menu li{margin: 0;padding: 2px 10px;display: block;}
header .menu-principal .dropdown-menu{background: rgba(27, 61, 89, 0.9);border:0;border-radius: 10px;padding: 5px 0;position: absolute;left:0px;right:0;top: 40px;margin:auto;left: 50%;transform: translateX(-50%);width: 200px;}
header .menu-principal .dropdown-menu li{margin: 0;padding: 2px 10px;display: block;margin: 0 5px;text-align: center;border-bottom: 1px solid #fff}
header .menu-principal .dropdown-menu li .nav-link{font-size: 13px;color: #fff !important;padding: 5px;line-height: 18px;font-weight: 400 !important} 
header .menu-principal .dropdown-menu li:last-child{border: none !important} 
header .menu-principal .dropdown-menu li .nav-link:hover{background-color: transparent;color: #e1e1e1} 
header .menu-principal .dropdown-menu .current-menu-item .nav-link{color: #fff;}
header.fixed{box-shadow: 0 0 30px 0px rgba(0,0,0,0.1)}
header.fixed .logo img{height: 50px;top: 10px;}

.sobrehome .flexx{display: flex;align-items: center;justify-content: center;}
.sobrehome .flexx .logo{text-align: center;}
.sobrehome .flexx figure{width: 80%;display: inline-block;}
.sobrehome .flexx figure img{width: 100%;}
.sobrehome .flexx .text{width: 50%;padding-right: 100px;}
.sobrehome .btt a{background-color: #fff;color: #000}



.marclogo{padding: 60px 0;background-position: center;background-repeat: no-repeat;background-size: cover;}
.marclogo:before{position:absolute;top: 0;left: 0;background-color: #6E8DC6;width: 100%;height: 100%;content: '';display: block;opacity: 0.7;}
.marclogo figure{width: 30%;margin: auto}

.headtitle h1{color: #fff;font-size: 30px;text-transform: uppercase;}
.headtitle h1 strong{font-weight: 300;font-size: 20px;line-height: 25px;display: block;color: #fff}

.headtitle, .headtitle .flexx{height: 200px;}
.headtitle .flexx{display: flex;align-items: center;justify-content: center;position: relative;}
.headtitle .flexx h1{color: #fff;font-size: 30px;font-weight: 600;text-align: center;margin: 0}
.headtitle .flexx p{color: #fff;margin-bottom: 0;margin-top: 10px}
.headtitle .flexx{color: #fff}
.headtitle{position: relative;background-position: center;background-repeat: no-repeat;background-size: cover;}
.headtitle:before{position:absolute;top: 0;left: 0;background-color: #6E8DC6;width: 100%;height: 100%;content: '';display: block;opacity: 0.7;}


.ulcats{list-style: none;padding: 0;margin: 0}

header.iniciohome .menu-principal .navbar-nav li{margin: 0 50px 0 0}
header.iniciohome .topo ul li{margin: 0 0 0 30px}
header.iniciohome .menu-principal .dropdown-menu li{margin: 0}
header.iniciohome .topo{padding: 0}


.marcas [data-bs-toggle="collapse"] .fa-solid:before {  
  content: "\f068";
}

.marcas [data-bs-toggle="collapse"].collapsed .fa-solid:before {
  content: "\f067";
}
.marcas [data-bs-toggle="collapse"].collapsed{border: 2px solid transparent !important;}
.marcas [data-bs-toggle="collapse"]{border: 2px solid #1B3D59 !important}
.accordion-body{padding: 15px 0}
.accordion-flush .accordion-item{border-bottom: none;box-shadow: 0 0 30px 0px rgba(0,0,0,0.2);padding: 15px;margin-bottom: 20px;cursor: pointer;}
.accordion-flush .accordion-item h3{margin: 0;font-size: 18px;color: #1B3D59;}

.intmarc{list-style: none;padding: 0;margin: 0;flex-wrap: wrap;display: flex;}
.intmarc li{width: 18%;margin: 1%;border: 1px solid #999;position: relative;text-align: center;justify-content: center;}
.intmarc li h4{font-size: 14px;margin: 20px 0}

.marcasdestaque ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;justify-content: center;}
.marcasdestaque ul li{width: 18%;margin: 0 1% 40px;text-align: center;}
.marcasdestaque ul li img{width: 100%;height: auto}

.action{background-color: #6E8EC7}
.action h2, .action p{color: #fff}
.action p{font-size: 20px;}

.catscompra ul{list-style: none;padding: 0;margin: 0;display: flex;justify-content: center;}
.catscompra ul li{width: 40%;margin: 0 2% 0;}
.catscompra ul li a{background-color: #1B3D59;display:block;padding: 30px;text-align: center;margin: 0;transform: scale(1.0);}
.catscompra ul li a:hover{transform: scale(1.02);}
.catscompra ul li.li1 a{background-color: #6E8DC6}
.catscompra ul li a h3, .catscompra ul li a p{color: #fff;}
.catscompra ul li a p{margin-bottom: 0;font-size: 16px;}

.slick-prev:before, .slick-next:before{font-family: "Font Awesome 5 Free" !important;font-weight: 900 !important;background-color: #000 !important;opacity:0.8 !important; color: #fff !important;width: 70px !important;height: 70px !important;display: inline-block !important;line-height: 70px !important;text-align: center !important;margin-top: -10px !important}
.slick-prev{left: 20px !important;}
.slick-next{right: 50px !important;}
.slick-prev:before{content: "\f104" !important;}
.slick-next:before{content: "\f105" !important}
.slick-next, .slick-prev{z-index: 9 !important}


#whatsFixo{position: fixed;bottom: 100px;animation: pulse 2s infinite;right: 30px;z-index: 999;background-color: #1CD741;color: #fff;width: 65px;height: 65px;line-height: 65px;text-align: center;font-size: 40px;border-radius: 50%;}


.post{padding: 20px;}
.post figure img{height: 150px;object-fit: cover;margin-bottom: 20px}
.post h3{font-size: 20px;}
.post p{font-size: 15px;}
.post .sbm{border-bottom: 1px solid #000}
.post:hover{background-color: #f1f1f1}

footer .flexxx{display: flex;padding-top: 30px;justify-content: space-between;flex-wrap: wrap;}
footer .flexxx .logo{align-self: center;}
footer .flexxx h6{color: #000;text-transform: uppercase;}
footer .flexxx .links li a{color: #000;font-weight: 300}
footer .logo img{height: 70px}
footer figure{margin: 0}
footer ul{list-style: none;padding: 0;margin: 0}
footer ul li, footer ul li a{font-size: 14px;line-height: 24px; margin-bottom: 0;color: #000}
footer ul li a:hover{text-decoration: underline;}
footer .contatos li{margin-bottom: 10px}

.direitos{border-top: 1px solid #999}
.direitos p, .direitos a{padding: 20px 0;margin: 0;font-size: 13px;color: #000;line-height: 19px}
.direitos a{text-decoration: underline;}

.form .priv{font-size: 17px;margin-bottom: 0}
.wpcf7-not-valid-tip{padding-left: 10px;font-size: 15px;}
.form{position: relative;}
.form label{padding-left: 10px;font-weight: 600;margin-bottom: 10px;display: block;color: #363435}
.form .form-control{background-color: #fff;margin: 0 0 15px;padding: 12px 15px;border-radius: 4px;border:1px solid #999}
.form textarea.form-control{height: 120px;padding: 15px}
.form .wpcf7-submit{background-color: #1B3D59;color: #fff;font-size: 16px;text-transform: uppercase;border-radius: 4px;display: inline-block;width: auto;padding: 15px 30px;font-weight: 500;border: none}
.form .wpcf7-submit{transform: scale(1);transition: 0.3s all}
.form .wpcf7-submit:hover{transform: scale(1.01);transition: 0.3s all}
.form .file1{margin-bottom: 50px;margin-top: 50px;}
.form .vedewz{color: #305C3B;margin-bottom: 50px;}
.form .margintop{padding-top: 50px;}
.form .wpcf7-submit{width: 100%;}

.wpcf7 form .wpcf7-response-output{color: #dc3545;color: #fff;padding:15px;text-align: center;margin: 0 0 30px;border-radius: 10px}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output{border-color: #dc3545;color:#fff;background-color:#dc3545 }
.wpcf7 form.sent .wpcf7-response-output{border-color: #46b450;color:#fff;background-color: #46b450}
.wpcf7 .wpcf7-not-valid-tip{font-size: 14px;margin-top: -10px;margin-bottom: 10px;color: #dc3545;font-weight: 600}
.wpcf7-spinner{display: block;margin: 0 auto}


.mapa iframe{width: 100%}


@media (max-width : 1400px) {

  header.iniciohome .menu-principal .navbar-nav li{margin: 0 20px 0 0}
  header.iniciohome .menu-principal .navbar-nav li .nav-link{font-size: 16px;}
}

@media (max-width : 1200px) {

  .menuheader{padding: 10px 0}
  .topo{display: none}
  .catscompra ul li{width: 100%}
  header .logo img{position: relative;top: 0;height: 50px;}
  header.fixed .logo img{top: 0}

  .marclogo{padding: 40px 0}
  .marclogo figure{display: none;}
  header.iniciohome .menu-principal .navbar-nav li{margin: 0}
  header .flexxx .logo{display: flex !important;align-items: center;justify-content: space-between;width: 100%}
  header .flexxx{display: flex;align-items: center;flex-wrap: wrap;}
  header .flexxx .mennucol{width: 100%;}

  .navbar-nav{text-align: right;padding-top: 20px;}
  header .menu-principal .navbar-nav li{margin: 0;padding: 5px 0}
  header .menu-principal .navbar-nav li.active .nav-link:before{width: 100%;display: none}
  header .menu-principal .dropdown-menu{position: relative !important;top: 5px;display: block !important;}
  .sobrehome .flexx .text{padding-right: 0}
  footer .flexxx .logo{width: 100%;text-align: center;margin-bottom: 50px}
  footer .flexxx .logo img{width: auto;}
  .intmarc li{width: 23%;}
}


@media (max-width: 991px) {
  footer .logo{width: 100%;margin-bottom: 80px;}
  header .flexxx{display: flex;align-items: center;justify-content: flex-between;flex-wrap: wrap;}
  header .flexxx .logo{margin:0}
  header .container{max-width: 720px}
  header .mennucol{width: 100%}
  footer .infos{text-align: center;}
  .action p br{display: none}
  .sobrehome .flexx .text{width: 80%;}
  .action p, p, ul, .banners p{font-size: 16px;line-height: 22px;}
  .banners h2, .banners h1, .title h2, .title h1{font-size: 28px;}
  .intmarc li{width: 31%;}

}  


@media (max-width : 767px) {
  footer .flexxx{display: block;text-align: center;}
  footer .contatos{margin-bottom: 50px;}
  .container, .container-sm{max-width: 100%;padding-right: 30px;padding-left:30px;}
  .marcasdestaque ul li{width: 48%}

  #menu-footer-1{margin-bottom: 50px}
}


@media (max-width : 580px) {
  footer .flexxx .links li{width: 100%;margin: 0 0 10px}
  header .logo img{height: 40px;}
  .container, .container-fluid{padding-right: 20px;padding-left:20px;}
  footer .flexxx .logo img{width: 90%;height: auto}
  .sobrehome .flexx{display: block;}
  .sobrehome .flexx .text{width: 100%;margin-bottom: 40px;text-align: center;}
  .catscompra ul{display: block;}
  .catscompra ul li{margin:0 0 20px}
  .banners h2, .banners h1, .title h2, .title h1, .action h2, .headtitle .flexx h1{font-size: 20px;}
  .catscompra ul li a h3, .catscompra ul li a p{font-size: 16px;}
  .action p, p, ul, .banners p, .catscompra ul li a p, .title p{font-size: 14px;line-height: 20px;}
  .btt a{padding: 8px 10px}
  .intmarc li{width: 48%;}

}


@media (max-width : 480px) {
  .marcasdestaque ul li{width: 100%;margin-bottom: 20px}
  .intmarc li{width: 100%;}
 
}