/*!---------- PLACE YOUR CUSTOM STYLES AND OVERRIDES HERE ----------*/
.nav-container, nav {min-height: 125px;}

.flex-container{display:flex;}
.flex-children{align-items: center;}
.flex-jc-center{justify-content: center;}
.flex-jc-space-between{justify-content: space-between;}
.flex-jc-space-around{justify-content: space-around;}
.flex-direction-column{flex-direction: column;}

a:focus, a:hover { color: #888; opacity: .5}
.img-auto{ margin: 0 auto; }
.grayscale{ filter: grayscale(100%);}
/** #confia img:hover{filter: grayscale(0);}**/
.carousel-control.left,
.carousel-control.right{ background: transparent !important;}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{ color: #000; }
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{ margin-left: -100px }
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{  margin-right: -100px  }
.carousel {    min-height: 160px;}


.card-legenda { position: absolute; width: 100%; margin-top: 200px; }
.btn-vantagens { text-transform: uppercase; background: transparent; width: 100%; color: #fff; border: 2px #fff solid; text-align: center; padding-top: 10px; padding-bottom: 10px; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
.mb-62{    margin-bottom: 62px;}
.btn-vantagens:hover{background: #fff; color: #E08B20;}
.main-container, nav { max-width: 100% !important; background-color: #fff; }
#super { background-color: #F7C115; padding: 50px 0; }
#vest { background-color: #FF7657; padding: 50px 0; }
#dist { background-color: #EF5354; padding: 50px 0; }
#ferra { background-color: #F38630; padding: 50px 0; }
footer i { color: #fa6900; }
footer .list-inline { font-size: 15px; }
footer .il { padding: 28px 0; }
.icon-2 { max-height: 80px; }
.ft-13 { font-size: 13px; }
.pd-100 { padding: 100px 0; }
.mt-60 { margin-top: 60px; }
.mt-n-20 { margin-top: -20px; }
.pd-90 { padding: 90px 0; }
.pd-106 { padding: 166px 0; }
.bg-cs { background: #EEEEEE; }
.pd-48 { padding: 48px 0; }
.pd-110 { padding: 110px 0; }
.pd-50 { padding-top: 50px; }
.pd-30 { padding-top: 30px; }
.pd-80 { padding-top: 80px; }
.btn-custom-2 { width: 100%; background: #fff; border: 1px solid #fff; color: #F96502; padding: 10px; font-size: 20px; }
.btn-custom-2:hover { background: transparent; color: #fff; }
.btn-custom { text-transform: uppercase; height: 54px !important; }
.btn-custom-3 { background-color: #EF5354; border-color: #EF5354; color: #fff; }
.btn-custom-3:hover { background-color: #EF5354; border-color: #EF5354; }
.btn-custom-4 { background-color: #FF7657; border-color: #FF7657; color: #fff; }
.btn-custom-4:hover { background-color: #FF7657; border-color: #FF7657; }
.color-br { color: white; }
.color-bl { color: #464646; }
.color-custom { color: #464646; }
.mb-30 { margin-bottom: 30px; }
.mt-15 { margin-top: 15px; }
.mb-15 { margin-bottom: 15px; }
.color-lj { color: #F96502; }
.color-rs { color: #EF5354; }
.color-sl { color: #ff7657; }
.color-az { color: #69D2E7; }
.ft-39 { font-size: 39px; }
.detals { padding: 40px 0; background: #333333; height: 380px; }
.detals:hover { -webkit-box-shadow: inset 0 -5px 0 0 #fa6900; box-shadow: inset 0 -5px 0 0 #fa6900; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
.detals2 { padding: 40px 0; background: #333333; height: 380px; }
.detals2:hover { -webkit-box-shadow: inset 0 -5px 0 0 #EF5354; box-shadow: inset 0 -5px 0 0 #EF5354; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
.detals3 { padding: 40px 0; background: #333333; height: 380px; }
.detals3:hover { -webkit-box-shadow: inset 0 -5px 0 0 #69D2E7; box-shadow: inset 0 -5px 0 0 #69D2E7; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
.detals4 { padding: 40px 0; background: #333333; height: 340px; }
.detals4:hover { -webkit-box-shadow: inset 0 -5px 0 0 #ff7657; box-shadow: inset 0 -5px 0 0 #ff7657; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
.bg-lj { background: #F96502; }
.pd-20 { padding: 20px; }
.pd-custom { padding: 20px 0 80px 0; }
.pd-40 { padding: 140px 0; }
.mb-40 { margin-bottom: 40px !important; }
.mb0 { margin-bottom: 0px; }
.mb-15 { margin-bottom: 15px; }
.pdtp235 { padding-top: 235px; }
footer { background: #333233; padding: 10px; }
.ft { font-size: 20px; }
.ft-13 { font-size: 13px; }
.ft-31 { font-size: 31px; }
.ft-15 { font-size: 15px; }
.mx { max-height: 75px; }
b { font-family: Lato; }
.ft-family { font-family: Lato; }
.ft-family-2 { font-family: Lato; }
.btn-custom-nav { font-size: 14px !important; height: inherit;  !important; }
@media screen and (max-width:1199px) {
	.mt-n-20 { margin-top: -100px; }
}
@media screen and (max-width:990px) {
	.pd-106 { padding: 30px; }
	.pd-40 { padding: 50px 0; }
	.separador { margin-bottom: 30px; }
	.pd-150 { padding: 30px 0; }
	.ft { font-size: 17px; }
	.pd-110 { padding: 30px 0; }
	h5 { margin-bottom: 0 !important; }
	.mt-60 { margin-top: 0; }
}
@media screen and (max-width:769px) {
	.text-mobile { margin-top: 10px; text-align: center; }
	.mobile-mb-15 { margin-bottom: 15px; }
	.btn-custom { border: 1px solid #fff; }
	.btn-custom:hover { background: #fff; color: #F96502; }
	.pd-100 { padding: 0 0; }
	.mt-m-20 { margin-top: 20px; }
}
@media screen and (max-width:480px) {
	.img-xs-auto{margin: 0 auto;}
	.flex-xs-direction-column{flex-direction: column;}
	.mb-xs-30{margin-bottom: 30px}
	.pd-tp-100{ padding-top: 30px !important;}
	.navbar-link{    margin-left: 38%;}
	.card-legenda { margin-top: 180px; }
	.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {margin-right: -30px;}
	.carousel-control .glyphicon-chevron-left, .carousel-control .icon-next {margin-left: -30px;}
}

footer a { color: inherit; text-decoration: none; }
footer a:hover { color: inherit; text-decoration: none; }
* { font-family: "Lato", sans-serif; }
nav { background-color: #fff !important; }
.row-card a { text-decoration: none; }
#home { background-image: url('Assets/bg-home.png'); background-position: right; background-size: cover; padding-top: 200px; padding-bottom: 200px; color: #ffffff; }
.titulo1 { font-size: 3em; margin-bottom: 15px; }
.pd-icon { margin-left: 10px; }
.mg-top-15 { margin-top: 15px; }
.font-size-30 { font-size: 1.5em; }
#solucoes { background-image: url('Assets/bg-solucoes.png'); background-size: cover; background-position: right; padding-top: 100px; padding-bottom: 100px; color: #ffffff; }
.color-orange { color: #FC9C22; }
.mg-card { margin-top: 30px; padding: 0; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
.mg-card:hover { transform: scale(1.05); -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
.card-shadow { -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.75); }
.card-icon { position: absolute; right: 0; }
.mg-card-icon { margin-top: 10px; margin-right: 10px; }
.card-name { position: absolute; top: 40%; left: 25%; }
.card-btn { color: #fff !important; border: 2px #fff solid; font-size: 2.0em; text-align: center; padding-top: 10px; padding-bottom: 10px; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
.row-card { position: absolute; width: 40%; bottom: 0; margin-left: 30%; margin-bottom: 5%; }
@media (max-width:768px) {
    .mg-card-icon { width: 50%; margin-left: 40%; }
    .card-btn { font-size: 1.1em; }
}
.btn-supermercados:hover, .btn-supermercados:focus, .btn-supermercados:active { color: #e76100 !important; background-color: #ffffff !important; }
.btn-vestuario:hover, .btn-vestuario:focus, .btn-vestuario:active { color: #2278C5 !important; background-color: #ffffff !important; }
.btn-distribuidoras:hover, .btn-distribuidoras:focus, .btn-distribuidoras:active { color: #52C7BD !important; background-color: #ffffff !important; }
.btn-ferragens:hover, .btn-ferragens:focus, .btn-ferragens:active { color: #269FC7 !important; background-color: #ffffff !important; }
#elevati { background-image: url('Assets/bg-elevati.png'); padding-top: 100px; padding-bottom: 100px; color: #ffffff; background-repeat: no-repeat; background-size: cover; background-position: right; }
#confia { padding-top: 50px; padding-bottom: 50px; }
.font-size-25 { font-size: 1.3em; }
.pd-tp-30 { padding-top: 30px; }
.pd-tp-60 { padding-top: 60px; }
.pd-tp-100 { padding-top: 100px; }
#contato { background-color: #eeeeee; color: #444444; padding-top: 25px; padding-bottom: 25px; }
.pd-tp-15 { padding-top: 15px; }
.form-custom { border-radius: 0; border: 0; height: 45px; }
.btn-custom { width: 100%; border-radius: 0; border-color: #FC9C22; background-color: #FC9C22; color: #fff; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; height: 40px; }
.btn-custom:hover, .btn-custom:focus, .btn-custom:active { color: #fff; background: #E08B20; }
#footer { padding-top: 25px; padding-bottom: 25px; background-color: #333333; color: #fff; }
.cor-footer { color: #888888 !important; }
.cor-laranja { color: #FC9C22 !important; }
.pd-rt-15 { padding-right: 15px; }
nav.navbar.shrink { -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
nav.navbar.expand { display: inline-block !important; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
.navbar-center { border: 0; display: inline-block; vertical-align: top; float: none; min-height: 70px; }
.pdtgnav { top: 15px; }
@media (min-width:768px) {
    .navbar-center { min-height: 105px; padding-top: 5px; }
}
.nav-elemento { margin-top: 20px; }
.btn-nav { margin-top: 23px; width: 150px; color: #FC9C22; }
.hide { display: none; }
#navbar2 { display: none; }
.nav-elemento-mid { margin-top: 5px; }
.nav-item { -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; margin-right: 10px; margin-left: 10px; list-style-type: none; position: inherit; margin-bottom: 10px; }
.btn-nav-mid { margin-top: 8px; width: 150px; }
.navbar-center-mid { border: 0; display: inline-block; vertical-align: top; float: none; min-height: 70px; }
@media (min-width:769px) {
    .navbar-center-mid { padding-top: 5px; }
}
.btn-custom-nav { width: 100%; border-radius: 0; border: 1px #FC9C22 solid !important; color: #FC9C22 !important; font-weight: bold; padding-top: 10px !important; padding-bottom: 10px !important; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
.btn-custom-nav:hover, .btn-custom-nav:focus, .btn-custom-nav:active, .btn-custom-nav:hover:focus, .btn-custom-nav:focus:hover { background-color: #FC9C22 !important; color: #FFF !important; }
.mg-left-nav { margin-left: 250px; }
.mg-nav-social { margin-right: 15px; }
.cor-preto { color: #000000 !important; }
.efeito-nav:hover { border-bottom: 2px #FC9C22 solid; }
.social-nav { padding-top: 10px !important; padding-bottom: 10px !important; }
#widget-layout input[type=text] { border-radius: 0 !important; }
#widget-layout .form-group { border-radius: 0 !important; }
.btn-group>.btn:first-child { border-radius: 0 !important; background-color: #FC9C22 !important; color: #fff !important; border: 0 !important; }
.navbar-collapse { border: 0; }
@media (max-width:768px) {
    .nav-elemento { margin-top: 20px; }
    .btn-nav { margin-top: 28px; }
}
@media (width:768px) {
    .navbar-center-mid { min-height: 130px; padding-top: 10px; }
}
.chat { position: fixed; bottom: 30px; right: 30px; z-index: 15000; }
.cor-branca { color: #fff; }
.chat2 { position: fixed; bottom: 44px; right: 39px; z-index: 15000; }

