@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;900&display=swap');
@import url('utils.css');
:root {
  --primary: #ffd200;
  --secondary: #000000;
  --tertiary: #777777;
}
a{color: var(--secondary)}
a:hover{text-decoration: none;}
.container{width: 100%}
@media(min-width: 1640px){
    .container{max-width: 1640px;}
}

.img-responsive { max-width: 100%; }
.transition{-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}
.clear{width: 100%; clear: both;}
.clear10{width: 100%; height: 10px; clear: both;}
.clear20{width: 100%; height: 20px; clear: both;}
.clear30{width: 100%; height: 30px; clear: both;}
.clear40{width: 100%; height: 40px; clear: both;}
.clear50{width: 100%; height: 50px; clear: both;}
.clear60{width: 100%; height: 60px; clear: both;}
.clear70{width: 100%; height: 70px; clear: both;}
.clear80{width: 100%; height: 80px; clear: both;}
.clear90{width: 100%; height: 90px; clear: both;}
.clear100{width: 100%; height: 100px; clear: both;}

h2{font-size: 45px;}
h2 b{color: var(--primary);}

.pulse {box-shadow: 0 0 0 0 rgba(0, 0, 0, 1); transform: scale(2);}

body {font-family: 'Montserrat', sans-serif; color: #777; font-size: 14px; line-height: 20px; width: 100%; overflow-x: hidden;}
.bg-black{color: #eee; background:#10191D;}

/* ////////// HEADER ///////////*/
#header{position: absolute; top: 0; left: 0; z-index: 1000; width: 100%; min-height: 100vh; background-image: url(../image/shadow.png); background-size: contain; color: #fff; padding-bottom: 40px;}
#header.fixar{position: fixed !important; top: 0; left: 0; height: auto; z-index: 888; min-height: auto; padding-bottom: 0; background-size: auto;}
#header.fixar #header-info{display: none;}
#header.fixar .bottom-header{display: none;}
#header.fixar.relative{background-image: url(../image/shadow.png); background-size: auto;}
#header.fixar.relative #logo img{height: 100px;}

#header #logo{display: none;}
.logo:hover{transform:scale(1.1)}

#header.relative{position: relative; min-height: auto; background: url(../image/bg-header.jpg) center bottom; padding-bottom: 0;}
#header.relative #logo{display: block;}
#header.relative #header-info, #header.relative .bottom-header{display: none;}

@media(max-width:767px){
    #header{background-size: cover;}
}

#blog a { color: #fff; }

.header-account{max-width: 260px; border-radius: 50px; border:solid 1px #eee; padding:10px 20px}
.header-account i{font-size: 40px; margin-right: 15px;}
.header-account a{font-weight: bold; color: var(--primary); margin-right:15px}
.header-account a:hover{color: #fff;}

.header-social a{color: #fff; font-size: 20px; margin:5px 10px;}

.social a{line-height: 56px; width: 56px; height: 56px; text-align: center; color: #fff; border-radius: 50%; border:solid 1px #eee; display: inline-block; margin-right: 20px; }
.social a i{font-size: 25px; line-height: 56px;}
.social a:hover{background: var(--primary); border-color: var(--primary); transform: rotate(-15deg);}
.social a:hover i{color: var(--secondary);}

.search input{border-radius:10px; border-top-right-radius: 0 !important; border-bottom-right-radius:0 !important; border-right: none; font-size: 12px;}
.search .btn{border-radius:50px;  background: transparent; border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; border-color: #ddd;}
.search .btn i{color: var(--primary)}

.icon-cart{width: 55px; height: 55px; background-color: var(--primary); border-radius: 50%; line-height: 55px; text-align: center;}
.icon-cart i{color: var(--secondary); font-size: 30px; line-height: 55px;}

#cart-total{position: relative; cursor: pointer}
#cart-total:hover i{transform: rotate(-15deg);}
#cart-total span{width: 20px; height: 20px; line-height: 20px; text-align: center; background: #fff; color: var(--secondary); position: absolute; bottom: -5px; right: -5px; border-radius:10px; font-weight: bold;}
#cart-total span > span{display: none}
#cart-window{position: fixed; width: 500px; right: -500px; top: 0; height: 100%; background: #fff; z-index:1000; padding: 20px; padding-bottom: 170px; overflow: auto; display: table;}
#cart-window.mostrar,#cart-window .total.mostrar{right: 0;}
#cart-window ul{padding: 0; margin: 0}
#cart-window li{list-style: none;}
#cart-window h3{font-weight: bold; }
#cart-window #cart{overflow-y: auto;}
#cart-window .total{position: absolute; bottom: 0; width: 500px; right: 0; padding: 20px; background: #fff;}

.swiper-slide img{width: 100%;}

#header-info h3{font-size: 32px; font-weight: 100; margin:20px 0 0; padding: 0;}
#header-info h2{font-size: 75px; font-weight: 900; margin: 0; padding: 0; text-transform: uppercase;}
#header-info h2 span{color: var(--primary); }

.bottom-header .line{border-top: solid 1px #eee; width: 100%; margin:0 40px}
.bottom-header .app > *{margin-left: 20px;}
.bottom-header .app h3{font-size: 20px; margin-top:0; margin-bottom: 0;}

@media(max-height:900px){
    #header-info .logo{height: 150px;}
    #header-info h3{font-size: 25px;}
    #header-info h2{font-size: 55px;}
    .social a{line-height: 35px; width: 35px; height: 35px; }
    .social a i{font-size: 16px; line-height: 35px;}
    .bottom-header svg{height: 35px;}
}
@media(max-width:919px){
    #header-info .logo{height: 150px;}
    #header-info h3{font-size: 25px;}
    #header-info h2{font-size: 55px;}
    .social a{line-height: 35px; width: 35px; height: 35px; }
    .social a i{font-size: 16px; line-height: 35px;}
    .bottom-header svg{height: 35px;}
}
@media(max-width:500px){
    #header-info h3{font-size: 18px;}
    #header-info h2{font-size: 30px;}
    .bottom-header .line{margin:0 20px}
    .bottom-header .app h3{display: none;}
}

.header-icons{padding:0; margin:20px 0}
.header-icons li{list-style: none; display: inline-block; margin:10px}
.header-icons .category-thumb{padding:10px; border:solid 1px #fff; margin-bottom: 10px; border-radius: 12px; width: 60px; height: 60px;}
.header-icons a{color: #fff;}
.header-icons a:hover .category-thumb{background:var(--primary); border-color: var(--primary);}

/* MENU */
#menu-categorias{width: 100%; background: var(--secondary); display: none;}
#menu{margin-bottom: 0;}
.menu{list-style: none; padding:0; margin:0; float: left; display: flex; justify-content: center; width: 100%;}
.menu li{position: relative;}
.menu > li > a{float: left; text-transform: uppercase; padding: 25px 15px; color: #fff; }
.menu > li > a .category-thumb{margin-bottom: 10px;}
.menu > li > a > .ball{width: 10px; height: 10px; background:var(--primary); border-radius: 50%; position: absolute; bottom:30px; left:50%; margin-left:-5px; opacity: 0;}
.menu > li > a:hover{color:var(--primary);text-decoration: none}
.menu > li > a:hover .ball{opacity: 1; bottom:10px;}
.menu > li:hover .submenu{
	max-height:1000px; -webkit-transform:perspective(400) rotate3d(0,0,0,0);
}

@media(max-width:1199px){
    .menu > li > a{font-size: 12px; }
}
#menu-categorias .menu > li > a{font-weight: bold; font-size: 12px; padding:20px 20px}

@media(max-width:1350px){
    #menu-categorias .menu li a{padding-left: 10px; padding-right: 10px;}
}

@media(max-width:991px){
    #menu-categorias .coluna{text-align: center; width: 100%;}
    #menu-categorias .search{margin-bottom: 20px;}
    #menu-mobile-content .menu{display: block !important; float: left; width: 100%;}
    #menu-mobile-content .menu li{width: 100%; float: left;}
    #menu-mobile-content .menu li a{padding:10px 0}
}
@media(max-width:767px){
    #menu-categorias .menu{display: none;}
    #menu-categorias .menu li{width: 100%; float: left;}
    #menu-categorias .menu li a{width: 100%; float: left; display: flex; padding-top: 15px; padding-bottom: 0;}
    #menu-categorias .menu > li > a .category-thumb{margin-right: 10px; margin-top: -6px; align-self: center;}
    #menu-categorias .submenu{position:relative; display: none;}
    #menu-categorias .menu li:hover .submenu{display: block;}
    #menu-categorias .menu-father{pointer-events: none;}
}


.submenu{position: absolute; min-width: 160px; top: 100%; margin-top: 2px; background: #fff;left: 0;z-index: 10;max-height:0;overflow:hidden;-webkit-transform:perspective(400) rotate3d(1,0,0,-90deg);-webkit-transform-origin:50% 0;-webkit-transition:350ms;-moz-transition:350ms;-o-transition:350ms;transition:350ms;-webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.05);-moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.05);box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.05); border:solid 1px #ddd; border-radius:10px; padding:15px 15px 20px 15px; opacity: 0;}
.submenu .dropdown-inner{display: flex;}
.submenu ul{min-width: 160px; margin-bottom: 0;}
.submenu ul > li > a.father{font-size:12px;margin-top:5px; font-weight: 700; color: #222}
.submenu ul > li > a{font-size:12px; display: table; font-weight: normal; color: #222; padding: 2px 0}
.submenu ul > li > a:hover{text-decoration: none; color: var(--primary)}
.dropdown:hover .submenu{
	max-height:1000px; -webkit-transform:perspective(400) rotate3d(0,0,0,0); opacity: 1;
}

.menu-icon{font-size:30px; color: #fff; padding: 15px;}
.menu-icon-bar{font-size:30px; color: #fff; padding: 15px;}
.menu-icon-bar span{font-size: 14px; align-self: center; margin-left: 20px;}

#menu-mobile{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1001; background: rgba(0,0,0,0.1); display: none; overflow: hidden;}
#menu-mobile-content.active{left: 0;}
#menu-mobile-content{width: 85%; height: 100%; overflow: auto; padding: 15px; color: #fff; position: fixed; top: 0; left: -100%; z-index:100002; background: var(--secondary)}
#fechar-mobile{float: right; cursor: pointer;}
#fechar-mobile i{color: #fff; font-size: 22px;}
#menu-mobile-content .itens{padding: 15px 0; clear: both; display: table; border-bottom: solid 1px #222;}
#menu-mobile-content .social{ border-bottom: none;}
#menu-mobile-content .social a{margin-right: 15px;}
#menu-mobile-content h4{color: #fff;}
.account a{font-weight: bold; color: var(--primary);}

/* ////////// SLIDE ///////////*/
.swiper-viewport{margin-bottom:0 !important; }
.swiper-pager > div{width: 54px; height: 54px; position: absolute; z-index: 20; top: 50%; margin-top: -27px; text-align: center; border:solid 2px var(--primary); border-radius:10px; line-height: 54px; cursor: pointer;}
.swiper-pager > div:hover{border-color: var(--secondary);}
.swiper-pager > div i{position: relative; color: #fff;}
.swiper-pager > div:before{content: ""; width: 42px; height: 42px; background:var(--primary); border-radius:10px; position: absolute; top: 4px; left: 4px; z-index: 0}
.swiper-pager > .button-prev{left: 20px; }
.swiper-pager > .button-next{right: 20px; }

.heading-title{font-size:30px; font-weight:bold; text-align:center; text-transform: uppercase; margin-top: 50px; margin-bottom: 20px;}


#eventos{width: 100%; padding-bottom: 50px; float: left; background: url(../image/bg-eventos.jpg) top center; position: relative; z-index: 1001;}
#leaf{width: 100%; height: 410px; background:url(../image/leaf.png); position: absolute; top: -40px;}

/* ////////// PRODUCT_THUMB ///////////*/
.product-thumb{text-align: center; margin-bottom: 40px; position: relative; padding:25px 15px; border:solid 1px #484848; margin-top: 200px; background:#10191D}
.product-thumb h4 a{font-size: 25px; color: #fff !important; font-weight: bold; text-transform: uppercase; margin-top: 20px;}
.product-thumb .image{margin-top: -200px;}
/* .product-thumb .product-top{position: relative; z-index:12;} */
.product-thumb .data{color: var(--primary);}
.product-thumb .caption{position: absolute; z-index: 10; top:100%; left: -1px; width:calc(100% + 2px); background:#10191D; border:solid 1px #484848; border-top:none; padding-bottom:15px; color: #ccc;}
.product-thumb .caption > div{opacity: 0; transform:rotate3d(1,0,0,-90deg); max-height:0;}
.product-thumb .caption > div > *{margin:10px 0}
.product-thumb .parcelamento{margin-top: -10px;}
.product-thumb .price{font-size: 20px; font-weight: bold; color: var(--primary);}
.product-thumb .down{position: absolute; bottom:-10px; font-size: 25px; margin-left: -12px; left:50%; color: var(--primary);}
.product-thumb:hover{border-color: var(--primary);}
.product-thumb:hover .caption{border-color: var(--primary); z-index: 20;}
.product-thumb:hover .caption > div{opacity: 1; transform: rotate3d(0,0,0,0); max-height:1000px;}
.product-thumb:hover .down{transform: rotate(180deg);}

@media(max-width:767px){
    .product-thumb{margin-top: 30px;}
    .product-thumb .caption {position: relative; border:none}
    .product-thumb .caption > div{opacity: 1; transform: rotate3d(0,0,0,0); max-height:1000px;}
    .product-thumb .down{display: none;}
}


.product-thumb2{padding:10px; background:#fff; margin-bottom: 30px; margin-top: 30px; border-radius: 20px; text-align: center; border:solid 1px var(--primary); color: var(--secondary);}
.product-thumb2 .price{font-size:40px; margin-bottom: 5px; color: var(--secondary);}
.product-thumb2 .button-group{margin-top: 10px;}
.product-thumb2 h4 a{font-weight: bold; color: var(--secondary); margin:auto; margin-bottom: 20px;  display: table;}

/* ////////// PRODUCT_LIST ///////////*/
.product-list .product-thumb{border-bottom: solid 1px #eee; width: 100%; float: left; padding-bottom: 20px; margin-bottom: 20px; position: relative; display: flex}
.product-list .image{max-width: 250px; margin-right: 20px;}
.product-list .product-thumb .caption{float: left; text-align: left}
.product-list .button-group{opacity: 1; position: relative; top: auto; margin-top: 20px; text-align:left}
.product-list .product-thumb:hover .button-group{top: auto;}
.product-list .product-thumb .description {display: block}
.product-list .product-thumb .price{justify-content: flex-start;}
.product-list .product-thumb .price-old{margin-left: 0}

@media(max-width:767px){
    .product-thumb{text-align: center;}
    .product-thumb .image{text-align: center; float: none; display: table; margin:auto}
    .product-thumb .thumb2{display: none;}
    .product-thumb .caption{width: 100%; text-align: center; padding: 5px}
    .product-thumb .price{flex-wrap: wrap; justify-content: center;}
    .product-thumb .price-old{order:-1; }
}


/* ////////// PRODUCT ///////////*/

#product-product h1{font-size: 30px; font-weight: bold; color: var(--secondary)}
#product-product a{color: var(--secondary)}
#product-product .buttons a{margin-right: 10px; cursor: pointer}
#product-product .buttons i{font-size: 25px;}
#product-product .product-title{margin:0}
#img-primary{display: table;margin:auto;}
#img-primary img{border-radius: 20px;}
#product-thumbnails img{border-radius: 20px;}
#parcelamento{margin-top: 20px; cursor: pointer; background: #fff; color: #777;}
#parcelamento:hover{border-color: var(--primary)}
#parcelamento h4{padding: 0; margin:0; font-size: 12px; font-weight: bold; color: var(--secondary)}
#parcelamento i{color: var(--secondary);}
#parcelamento h3{border-bottom: none; margin-bottom:0; padding-bottom: 0;}
.parcelas{column-count:2; margin-bottom: 0; max-height:0; overflow:hidden; -webkit-transform:perspective(400) rotate3d(1,0,0,-90deg);-webkit-transform-origin:50% 0;}
.parcelas li{font-size: 14px; line-height: 24px;}
#parcelamento.active .parcelas{max-height:1000px; -webkit-transform:perspective(400) rotate3d(0,0,0,0);}
.botoes-quantidade{background:transparent}
#input-quantity{background: none; border:none; text-align: center;}
.variation a{border:solid 2px transparent; display: inline-block;}
.variation a.active{border-color:var(--primary);}
#product-product .info h3{color: var(--secondary);}

@media(max-width:1689px){
    .parcelas li{font-size: 12px;}
    .parcelas li span{display: none}
}
@media(max-width:767px){
    #product-product .product-title{font-size: 40px;}
    .botoes-quantidade{padding:10px 10px !important;}
}

#tab-description iframe,#tab-description img{max-width: 100%}
@media(max-width: 767px){
    .parcelas{column-count:1;}
}

@media(max-width:767px){
    #product{margin-top: 30px;}
}

#description h3{font-weight: bold; color: var(--secondary);}
#description iframe{max-width: 100%;}

/*Vertical thumbnails*/
#product-product .gallery{display: flex;}
#product-thumbnails{max-width: 150px;}

@media(min-width:1200px){
    #product-product .swiper-pager{top: 0; height: 100%; left: 0; width: 100%;}
    #product-product .swiper-pager > .swiper-button-next{top: auto; bottom:0; margin-top: 0; margin-left: -27px; left: 50%; transform: rotate(90deg);}
    #product-product .swiper-pager > .swiper-button-prev{top: 0; bottom:auto; margin-top: 0; margin-left: -27px; left: 50%; transform: rotate(90deg);}
}
@media(max-width:1199px){
    #product-thumbnails{max-width: 100%;}
    #product-product .gallery{flex-direction: column-reverse;}
}
#button-cart{max-width: 220px;}
/* #button-cart{background: #3483fa; border-color: #3483fa} */

/* ////////// SWAL ALERT ///////////*/
.swal2-popup.swal2-toast{box-shadow:0 0 15px rgba(0,0,0,0.5)}
.swal2-popup.swal2-toast .swal2-content{font-size: 16px !important; padding-left: 5px;}
.swal2-popup.swal2-toast .swal2-content a{font-weight: bold}
/* .toast-error{background: #ed0000 !important} */

/* ////////// BREADCRUMB ///////////*/
.breadcrumb{padding: 15px 0;border-radius: 0; margin-bottom: 40px; position: relative;}
.breadcrumb a{font-size: 14px; color: #999}
.breadcrumb li{margin-right: 15px;}
.breadcrumb li:after{content:"/"; margin-left: 15px; color: #ddd}
.breadcrumb li:last-child:after{display: none}
@media(max-width:767px){
    .breadcrumb{margin-bottom: 20px;}
}

/* ////////// BOX ///////////*/
.box{padding:30px; border:solid 1px #eee; margin-bottom: 30px; display: table; width: 100%; border-radius: 10px;}
.box h3{font-size: 16px; font-weight: bold; color: var(--secondary); text-transform: uppercase; margin-top: 0; padding-bottom: 20px; border-bottom: solid 1px var(--primary); margin-bottom: 30px;}
.box-menu{list-style: none; padding: 0; margin:0}
.box-menu > li > a{font-size: 16px; font-weight: 600; color:#999; padding: 5px 0; display: table; }
.box-menu > ul > li > a{ color:#777; padding: 3px 0; display: table;}
.box-menu > ul > ul{background: #eee; padding: 10px; margin:5px 0}
.box-menu > ul > ul > li > a{ color:#777; padding: 3px 0; display: table;}
.box-menu ul{list-style: none; margin-left: 0; padding-left: 20px}
.box-menu a:hover{text-decoration: none; color: var(--primary)}

.box-tabs{display: table; margin-bottom: 0; margin-left: 10px;}
.box-tabs a{font-size: 14px; font-weight: bold; color: var(--tertiary) !important; padding: 20px; display: table;}
.box-tabs .active a{color: var(--secondary) !important; border-bottom:solid 4px var(--primary); }

@media(max-width:767px){
    .show-next + div{display: none}
}

/* ////////// FORMS BUTTONS ///////////*/
.form-control{border:solid 1px #ccc; box-shadow: none; background: transparent; padding:20px 10px !important; border-radius: 50px !important; color: #777;}
.form-control:focus{box-shadow: none; border-color:#ddd}
.form-control::placeholder{color: #ccc;}
button:focus{outline:none !important}
.btn, .form-control{border-radius:10px; padding:10px 20px; height: auto}
.btn.active, .btn:active{box-shadow:none; border:none}
.btn-default{background: #efefef; border-color: #efefef}
.btn-default:active{background: #ddd; border-color: #ddd; }
.input-group-addon{border:none;  background: #ccc}

.btn-primary{background: var(--primary); border-color: var(--primary); color: var(--secondary) !important;}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus{background: var(--secondary) !important; border-color: var(--secondary); color: #fff !important;}

.btn-secondary{padding:10px 20px; border:solid 1px var(--primary); border-radius: 50px; color: var(--primary) !important;}
.btn-secondary:hover{background: var(--primary) !important; color: var(--secondary) !important;}

.line{border-bottom: solid 1px var(--primary); display: table; width: 100%;}
.line-btn .btn{margin:auto 30px}

#quem-somos h2{font-size: 85px; color: var(--primary); font-weight: bold; letter-spacing: -2px; line-height: 80px;}
#quem-somos h3{font-size:60px; font-weight: bold; margin:0}
#quem-somos h4{font-size:23px; font-weight: 100; text-transform: uppercase;  margin:0 0 30px}
#quem-somos .text{border-left: solid 1px #fff; padding-left: 20px;}
#compare-total{color: #777}

.box-checkbox{padding: 10px; border:solid 1px #ddd; display: inline-block; vertical-align: top; margin-right: 6px; margin-bottom: 6px; position: relative; border-radius: 5px;}
.box-checkbox:hover{border-color: var(--primary)}
.box-checkbox input{position: absolute; width: 100%; height: 100%; left: 0; top: 0; margin:0; opacity: 0; cursor: pointer; border:solid 1px transparent;}
.box-checkbox label{font-size: 14px; color:#9C9C9C; font-weight: normal; margin-bottom: 0;}
.box-checkbox.active{background: var(--primary); border-color: var(--primary)}
.box-checkbox.active label{color: #fff;}

.button-cart-fixed{position: fixed; bottom: 0; left:0; width:100%; z-index: 300; text-align: left; border:none; color: var(--secondary);}
.button-cart-fixed h4{font-weight: bold; font-size: 20px; margin:0}
.button-cart-fixed small{font-size: 12px; font-weight: normal; color:var(--secondary);}
.button-cart-fixed-text{font-size: 16px; font-weight: bold; text-transform: uppercase;}

.panel-default>.panel-heading{background: #fff; padding-top:20px; padding-bottom: 20px;}
legend{padding-bottom: 15px; margin-top: 20px;  float: left}

/* ////////// CART ///////////*/
#cart a{color: var(--tertiary); font-weight: bold;}
#table-cart .item{width: 100%; border-bottom: solid 1px #eee;}
#table-cart .item .col-img{padding-right: 20px; min-width: 100px;}
#table-cart .item .flex{flex:1;}
#table-cart .item h4 a{font-size: 14px; font-weight: bold; color:var(--tertiary); }
#table-cart .item h4{ margin-top:0; margin-bottom: 0; font-weight: bold; color: #999; font-size: 14px;}
#table-cart .item > div:last-child{text-align: right;}
#table-cart .item > div{padding: 5px;}
#table-cart .col-total{font-weight: bold; min-width: 110px;}
#table-cart .input-quantity{text-align: center; padding:10px !important}

@media(max-width: 767px){
  #table-cart .item{display: table !important;}
  #table-cart .item .flex{width: 100%;}
}


/* ////////// FOOTER ///////////*/
#contato{padding:80px 0; background: url(../image/bg-footer.jpg) bottom center no-repeat #10191D; min-height: 1277px; color: #eee; margin-top: 80px;}
#contato h3{font-size:20px; color: var(--primary); font-weight: bold; margin-top: 60px;}
@media(max-width:767px){
    #contato{text-align: center;}
}


/* ////////// FOOTER ///////////*/
#footer{border-top: solid 1px #eee; margin-top: 50px; display: none;}

#footer-bar{width: 100%; float: left; background: #eee; padding: 15px 0}
#footer-bar .flex-icons{display: flex;}
#footer-bar h5{font-size: 14px; font-weight: bold; text-transform: uppercase;}
#footer-bar .text{font-size: 12px; max-width: 300px;}
.flex-icons > div:first-child {margin-right: 10px; min-width: 64px;}

@media(max-width: 767px){
    #footer-bar .flex-icons{display: block !important; text-align: center; width: 100%; margin-bottom: 30px}
    #footer-bar .flex-icons img{display: inline-block;}
    #footer-bar .text{margin:auto;}
}

#footer-bar2{background:#fff; padding:40px 0; color: #222; width: 100%; float: left; border-bottom: solid 1px #ddd;}
#footer-bar2 a{color: #222;}
#footer-bar2 h5{color: #222;  font-weight: bold; margin-bottom: 30px;  text-transform: uppercase;}
#footer-bar2 ul li{margin:10px 0}
@media(max-width:767px){
    #footer-bar2 h5{margin-top: 40px;}
}

#footer-bar3{text-align: center; padding:40px 0}
#footer-bar3 a{color: var(--tertiary); font-size: 18px; margin:5px;}