:root{

    --c-1-orange: #ec4e2b;
    --c-1-blue: #01365e;
    --c-2-blue: #004a82;

}


@media (min-width: 1366px) { .container {max-width: 1240px;} }
/* @media (min-width: 1600px) { .container {max-width: 1360px;} } */
/* html{ padding: 0px;} */

/* configuracoes de fonts -------------------------------------------------- */

@font-face {
    font-family:'Futura';
    src: url('../fonts/FuturaHeavy.eot');
	src: url('../fonts/FuturaHeavy.eot?#iefix') format('embedded-opentype'),
		url('../fonts/FuturaHeavy.woff2') format('woff2'),
		url('../fonts/FuturaHeavy.woff') format('woff'),
		url('../fonts/FuturaHeavy.svg#Futura') format('svg');
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family:'Futura';
    src: url('../fonts/FuturaLight.eot');
	src: url('../fonts/FuturaLight.eot?#iefix') format('embedded-opentype'),
		url('../fonts/FuturaLight.woff2') format('woff2'),
		url('../fonts/FuturaLight.woff') format('woff'),
		url('../fonts/FuturaLight.svg#Futura') format('svg');
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
}


/* Padronização ------------------------------------------------------------ */



body{margin: 0; font-family: 'Futura'; font-weight: 300; font-size: 18px; line-height: normal; color: #373737; min-width: 360px;}
*{box-sizing: border-box; outline: none!important;}
* p:last-child{margin-bottom: 0;}
a{text-decoration: none!important; color: #373737; transition: .2s;}
a:hover{color: #707070;}
img{max-width: 100%;}
input:focus, select:focus, textarea:focus, button:focus{outline: none!important; box-shadow: none!important; }
strong{font-weight: 900;}

.c-blue-1{color: var(--c-1-blue);}
.c-blue-2{color: var(--c-2-blue);}
.c-orange-1{color: var(--c-1-orange);}

a.c-blue-1:hover{color: var(--c-1-orange);}
a.c-blue-2:hover{color: var(--c-1-orange);}
a.c-orange-1:hover{color: var(--c-2-blue);}



.header .header-top .row-custom{height: 100px; display: flex; justify-content: space-between; align-items: center;}
.header .header-top .m{width: 580px; position: relative;}
.header .header-top .m .search-bt{position: absolute; right: 0; top: 0; bottom: 0; width: 45px; border: 0; background: url(../img/h-icon-lupa.png) center center no-repeat;  cursor: pointer}
.header .header-top .m .search{width: 100%; height: 33px; padding: 5px 60px 5px 15px; border: 1px solid var(--c-1-blue); border-radius: 20px; background-color: #fff; transition: .2s;}
.header .header-top .m .search:focus{background-color: #f5f5f5;}
.header .header-top .r .lks-mini-cart{display: flex;}
.header .header-top .r .lks-mini-cart .lk{font-size: 12px; height: 33px; display: flex; align-items: center; padding-left: 40px; position: relative;}
.header .header-top .r .lks-mini-cart .lk a{color: var(--c-1-blue); font-weight: 900;}
.header .header-top .r .lks-mini-cart .lk a span{color: var(--c-1-orange);}
.header .header-top .r .lks-mini-cart .lk::before{content: ''; position: absolute; left: 0; width: 33px; height: 33px; border: 1px solid var(--c-1-orange); background: url(../img/h-icon-cadeado.png) center center no-repeat; border-radius: 50%; transition: .2s;}
.header .header-top .r .lks-mini-cart .lk:hover::before{background-color: #eee;}
.header .header-top .r .lks-mini-cart .mini-cart{width: 172px; height: 33px; padding-left: 50px; margin-left: 15px; position: relative; display: flex; align-items: center; color: #fff; background: var(--c-1-orange) url(../img/h-icon-cart.png) left 10px center no-repeat; border-radius: 20px; border: 0;}
.header .header-top .r .lks-mini-cart .mini-cart::after{content: ''; width: 22px; height: 22px; position: absolute; right: 10px; background: url(../img/h-icon-arrow-down.png) center center no-repeat;}
.header .header-menu{background-color: var(--c-1-blue); border-bottom: 2px solid var(--c-1-orange);}
.header .header-menu .menu ul{justify-content: space-between;}
.header .header-menu .menu ul li a{margin: 0 5px;  padding: 10px 0; color: #fff; font-size: 10px; font-weight: 900; line-height: 14px; text-align: center;}
.header .header-menu .menu li a span{display: block; color: var(--c-1-orange);}
.header .header-menu .menu ul li ul li a{padding: 8px 15px; font-size: 12px; color: #122845;}

.header .sh-mn-resp{display: inline-block; width: 40px; height: 33px; background-color: var(--c-1-blue); color: #fff!important; justify-content: center; align-items: center; border-radius: 17px; margin-left: 15px; display: none;}


.header .header-top .r .lks-mini-cart .c-mini-cart{width: 210px; margin: 8px 0 0 -19px; padding: 0; border: 0; overflow: hidden; border: 2px solid var(--c-1-orange); border-radius: 10px; background-color: #fff;}
.header .header-top .r .lks-mini-cart .c-mini-cart .items{padding: 10px;}
.header .header-top .r .lks-mini-cart .c-mini-cart .items .item{margin-bottom: 15px; padding-left: 28px; font-size: 12px; position: relative;}
.header .header-top .r .lks-mini-cart .c-mini-cart .items .item.nenhum{border: 1px dashed #bbb; text-align: center; padding: 10px; border-radius: 8px;}
.header .header-top .r .lks-mini-cart .c-mini-cart .items .item .remove{position: absolute; left: 0; top: -3px; width: 20px; height: 20px; border-radius: 50%; background-color: var(--c-1-orange); display: flex; align-items: center; justify-content: center; color: #fff;}
.header .header-top .r .lks-mini-cart .c-mini-cart .items .item .title{margin-bottom: 3px; color: var(--c-1-blue);}
.header .header-top .r .lks-mini-cart .c-mini-cart .items .item .price{font-weight: 900; color: var(--c-1-orange);}
.header .header-top .r .lks-mini-cart .c-mini-cart .subtotal{display: flex; width: 100%; align-items: center; margin-bottom: 20px;}
.header .header-top .r .lks-mini-cart .c-mini-cart .subtotal .lab{font-size: 13px; color: var(--c-1-blue); padding: 0 10px 0 12px;}
.header .header-top .r .lks-mini-cart .c-mini-cart .subtotal .val{flex-grow: 1; padding: 8px 15px; color: #fff; font-size: 15px; font-weight: 900; border-top-left-radius: 20px; border-bottom-left-radius: 20px; background-color: var(--c-1-blue);}
.header .header-top .r .lks-mini-cart .c-mini-cart .bts{padding: 10px; text-transform: uppercase;}
.header .header-top .r .lks-mini-cart .c-mini-cart .bts a{display: block; padding: 8px; font-size: 14px; font-weight: 900; color: #fff; border-radius: 10px; background-color: var(--c-1-orange); background-position: right 10px center; background-repeat: no-repeat;}
.header .header-top .r .lks-mini-cart .c-mini-cart .bts a.icon-checkout{background-image: url(../img/h-icon-cadeado-2.png);}



.sld-home-main{position: relative; background-color: #f9f9f9; overflow: hidden;}
.sld-home-main .slide{margin: 0!important; padding: 0; list-style: none;}
.sld-home-main .slide li{height: 375px; position: relative;}
.sld-home-main .sld-pg{ height: auto; position: absolute; bottom: 8px; left: 0; right: 15px; z-index: 20; text-align: right;}
.sld-home-main .sld-pg .slick-dots{position: relative; bottom: 0px; margin: 0; padding: 0; list-style: none; width: auto; display: inline-block; line-height: 0;}
.sld-home-main .sld-pg .slick-dots li{display: inline-block; margin: 0 2px;}
.sld-home-main .sld-pg .slick-dots li button{width: 14px; height: 14px; padding: 0; background: transparent; border: 2px solid var(--c-1-orange); overflow: hidden; text-indent: -1000px; margin: 0 2px; -webkit-transform: translateZ(0); transition: 0.4s ease; border-radius: 50%;}
.sld-home-main .sld-pg .slick-dots li button:hover{background-color: #fff;}
.sld-home-main .sld-pg .slick-dots li.slick-active button{background: var(--c-1-orange);}
.sld-home-main .area-text{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 9;}
.sld-home-main .area-text .container{position: relative;}
.sld-home-main .area-text .container, .sld-home-main .area-text .row, .sld-home-main .area-text .cols{height: 100%;}
.sld-home-main .area-text .col-l{background: url(../img/slide-principal-mask.png) right center no-repeat;}
.sld-home-main .js-r-side{background: url(../img/slide-principal-mask-ltr.png);}

.sld-home-main .i-txt .item-txt{height: 100%; display: none;}
.sld-home-main .i-txt{position: relative; z-index: 10; height: 100%; margin-bottom: 30px;}
.sld-home-main .i-txt .item{display: flex; align-items: center; width: 100%; height: 100%; text-transform: uppercase; position: relative;}
.sld-home-main .i-txt .item .link{position: absolute; width: 100%; bottom: 40px;padding: 7px 15px;}
.sld-home-main .i-txt .item .link a{color: #fff; font-size: 16px; font-weight: 900; position: relative; z-index: 9; display: block;}
.sld-home-main .i-txt .item .link::before{content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 100vh; background-color: var(--c-1-orange); border-top-left-radius: 20px; border-bottom-left-radius: 20px;}
.sld-home-main .i-txt .item .text{margin-bottom: 30px; }
.sld-home-main .i-txt .item .title{font-size: 26px; line-height: 30px; font-weight: 900; color: #fff; margin-bottom: 15px;}
.sld-home-main .i-txt .item .title span{color: var(--c-1-orange);}
.sld-home-main .i-txt .item .summary{font-size: 14px; color: #fff;}




.sld-home-products-md-1 .container{position: relative;}
.sld-home-products-md-1 .container::before{content: ''; position: absolute; top: 470px; bottom: 0; right: 0; width: 100px; border-top: 4px solid; border-right: 4px solid; border-color: var(--c-2-blue);}
.sld-home-products-md-1 .container::after{content: ''; position: absolute; top: 45px; bottom: 135px; left: 0; width: 50px; border-top: 4px solid; border-bottom: 4px solid; border-left: 4px solid; border-color: var(--c-2-blue);}
.sld-home-products-md-1 .cols{position: relative; margin-bottom: 40px; z-index: 5;} 
.sld-home-products-md-1 .title-section{font-size: 24px; font-weight: 900; height: 50px; display: flex; align-items: center; justify-content: center; color: var(--c-1-orange);}
.sld-home-products-md-1 .card{height: 450px; overflow: hidden; position: relative; display: flex; flex-direction: column; justify-content: flex-end; border-radius: 25px; border: 0;}
.sld-home-products-md-1 .card .img{position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #eee; overflow: hidden;}
.sld-home-products-md-1 .card .title{height: 185px; padding: 15px 15px 30px 15px; display: flex; align-items: center; justify-content: center; text-align: center; position: relative; z-index: 1; font-size: 16px; font-weight: 600; color: #fff; background-color: var(--c-1-blue);}
.sld-home-products-md-1 .np{width: 40px; height: 40px; position: absolute; z-index: 6; bottom: -20px; border: 3px solid var(--c-1-blue); border-radius: 20px; background-color: #fff;  background-repeat: no-repeat; background-position: center; cursor: pointer; transition: .2s;}
.sld-home-products-md-1 .np:hover{background-color: #eee;}
.sld-home-products-md-1 .prev{left: 38px;  background-image: url(../img/sld-prev-01.png);}
.sld-home-products-md-1 .next{right: 38px; background-image: url(../img/sld-next-01.png);}
.sld-home-products-md-1 .link{width: 170px; left: 50%; margin-left: -85px; display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--c-2-blue);}
.sld-home-products-md-1 .title-ball-h.dif{padding-top: 0;}
.sld-home-products-md-1 .title-ball-h.dif .icon{top: -20px; margin-top: 0;}
.sld-home-products-md-1 .title-ball-h.dif .text{margin-top: 15px;}


.list-products .cols{margin-bottom: 50px;}
.list-products .item{margin: 0 0; position: relative; padding-bottom: 55px; height: 100%;}
.list-products .item .img{width: 220px; height: 220px; border: 4px solid var(--c-2-blue); border-radius: 50%; margin: 0 auto 15px auto; background-color: #eee;}
.list-products .item .title{font-size: 14px; text-align: center; color: var(--c-2-blue); font-weight: 900; padding: 0 15px; text-transform: uppercase;}
.list-products .item .title span{color: var(--c-1-orange);}
.list-products .item .lk{margin-top: 15px; height: 38px; padding: 0 20px; position: absolute; bottom: 0; left: 0; right: 0;}
.list-products .item .lk .btn{display: block; color: #fff; font-weight: 900; background-color: var(--c-1-orange); border-radius: 30px;}



.list-products-2 .cols{margin-bottom: 60px;}
.list-products-2 .item{margin: 0 10px; padding-bottom: 56px; position: relative; height: 100%; text-transform: uppercase;}
.list-products-2 .item .img{width: 160px; height: 160px; border: 4px solid var(--c-1-blue); border-radius: 50%; margin: 0 auto 15px auto; background-color: #eee;}
.list-products-2 .item .title{display: flex; justify-content: center; align-items: center; text-align: center; font-size: 16px; color: var(--c-2-blue); font-weight: 900; margin-bottom: 30px;}
.list-products-2 .item .title span{color: var(--c-1-orange);}
.list-products-2 .item .base{position: absolute; bottom: 0; left: 0; right: 0;}
.list-products-2 .item .label-tag{height: 27px; overflow: hidden; font-size: 16px; font-weight: 900; padding: 1px 15px; text-align: center; color: var(--c-1-orange); border: 2px solid var(--c-1-blue); border-radius: 40px; margin-bottom: 7px;}
.list-products-2 .item .bts{display: flex;}
.list-products-2 .item .bts a{display: inline-block; height: 27px; padding: 6px 15px 6px 30px; border-radius: 40px; color: #fff; font-size: 12px; font-weight: 900; text-align: right;}
.list-products-2 .item .bts a.view{background: var(--c-2-blue) url(../img/bt-ico-eyes.png) left 10px center no-repeat;}
.list-products-2 .item .bts a.add{background: var(--c-1-orange) url(../img/bt-ico-cart.png) left 10px center no-repeat; flex-grow: 1; margin-left: 5px;}
.list-products-2 .item .flag{position: absolute; top: 20px; left: 0; min-width: 82px; height: 24px; padding: 2px 3px; font-size: 11px; text-align: center; border: 3px solid #fff; border-radius: 20px; background-color: #eee;}
.list-products-2 .item .flag.off{background-color: var(--c-1-orange); color: #fff;}
.list-products-2 .item .flag.new{background-color: var(--c-1-blue); color: #fff;}


.list-products-2.md-panel .item .img{border: 0; background-color: #fff;}
.list-products-2.md-panel .item{margin: 0 0; padding-bottom: 28px;}
.list-products-2.md-panel .item .title{margin-bottom: 20px;}



.list-links .item{text-align: center;}
.list-links .item .img{height: 110px; border-radius: 60px; overflow: hidden; border: 4px solid var(--c-1-orange); margin-bottom: 15px;}
.list-links .item .title{font-size: 18px; color: var(--c-1-orange); margin-bottom: 15px; font-weight: 900;}
.list-links .item .summary{font-size: 12px; color: #6c6c6c;}

.list-links.items-col-mg .cols{margin-bottom: 50px;}



.base-text .faixa{background-color: #eee; position: relative;}
.base-text .faixa .cols{background-color: var(--c-1-orange);}
.base-text .faixa .cols .text{display: flex; align-items: center; justify-content: space-between; color: #fff; padding: 30px 0; position: relative; z-index: 1;}
.base-text .faixa .cols .text .t-big{font-size: 75px; padding-right: 15px; font-weight: 900;}
.base-text .faixa .cols .text .t-small{font-size: 12px;}
.base-text .faixa .cols .js-l-side{background: url(../img/faixa-ltr.png);}
.base-text .faixa .cols .js-l-side::after{content: ''; position: absolute; right: -124px; top: 0px; bottom: 0px; width: 125px; background: url(../img/barra-wide-02-back-ltr.png) left bottom no-repeat; background-size: auto 100%;}
.base-text .faixa .faixa-img{position: absolute; top: 0; bottom: 0; right: 0; width: 60%;}

.base-text .text-base{position: relative; padding: 60px 0 60px 25px; margin-left: 62px; border-left: 4px solid var(--c-2-blue);}
.base-text .text-base::before{content: ''; position: absolute; top: -20px; left: -22px; width: 40px; height: 40px; border-radius: 50%; border: 4px solid var(--c-2-blue); background-color: #fff;}



.footer{background-color: #09385d; padding: 25px 0;}
.footer .container{position: relative; padding-left: 160px;}
.footer .container .icon-tpl{position: absolute; left: 15px; top: 0; margin-top: -50px; width: 125px; height: 125px; display: flex; justify-content: center; align-items: center; border: 4px solid var(--c-2-blue); border-radius: 50%; background-color: #fff;}
.footer .cols{display: flex; align-items: center; color: #fff;}
.footer .col-l .text .title{font-size: 33px; margin-bottom: 25px; font-weight: 900;}
.footer .col-l .text .description{font-size: 18px;}
.footer .col-m{justify-content: center;}
.footer .col-m .phone{text-align: center; font-size: 16px; font-weight: 900; line-height: 26px;}
.footer .col-r{justify-content: flex-end;}
.footer .col-r .ico-social{margin: 0; padding: 0; list-style: none; display: inline-block}
.footer .col-r .ico-social li{display: inline-block; margin: 0 4px;}
.footer .col-r .ico-social li a{display: block; text-align: center; border: 2px solid #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; color: #fff; overflow: hidden}
.footer .col-r .ico-social li a i{display: block; width: 100%; height: 100%; width: 48px; height: 48px; line-height: 48px; font-size: 22px;}
.footer .col-r .ico-social li a:hover i{background-color: #fff; color: var(--c-1-orange); font-size: 24px;}
.footer .col-m{ border-left: 1px solid #fff; border-right: 1px solid #fff;}



.home-s-list-products{overflow: hidden;}
.home-s-list-products .container{padding-bottom:0px; position: relative;}
.home-s-list-products .container::before{content: ''; position: absolute; top: 0; bottom: 0; right: 0; width: 4px; background-color: var(--c-2-blue);}
.home-s-list-products .title-ball-h{margin-right: -75px;}



.sld-home-banner .container{padding-top:40px;  padding-bottom:40px; position: relative;}
.sld-home-banner .container::before{content: ''; position: absolute; top: 0; bottom: 50%; right: 0; width: 50%; border-bottom: 4px solid; border-right: 4px solid; border-color: var(--c-2-blue);}
.sld-home-banner .row{display: flex; }
.sld-home-banner .cols{position: relative;}
.sld-home-banner .js-l-side{background-color: #eee; margin-right: -20px; border-top: 3px solid var(--c-2-blue); border-bottom: 3px solid var(--c-2-blue);}
.sld-home-banner .js-l-side::after{content: ''; position: absolute; top: 0; bottom: 0; right: 0; width: 150px; background: url(../img/barra-wide-01-ltr.png) left top no-repeat;}
.sld-home-banner .text{height: 125px; display: flex; align-items: center; justify-content: end; font-size: 24px; font-weight: 900; color: #fff; text-align: right; background: url(../img/barra-wide-01-bg.png); padding: 10px 60px 10px 0; border-top-right-radius: 70px; border-bottom-right-radius: 70px; border: 3px solid var(--c-2-blue); border-left-color: transparent; }
.sld-home-banner .col-l{display: flex; align-items: center;}
.sld-home-banner .col-l .link{padding: 5px 20px; width: 300px; display: block; margin-left: 45px; font-size: 20px; text-transform: uppercase; color: #fff; font-weight: 900; background-color: var(--c-1-orange); position: relative; z-index: 5; border-radius: 30px;} 



.sld-home-products-md-2{margin: 0 0;}
.sld-home-products-md-2 .area-dif{margin: 0 60px 0 105px; position: relative;}
.sld-home-products-md-2 .np{width: 40px; height: 40px; position: absolute; z-index: 9; top: 35px; border: 4px solid var(--c-2-blue); border-radius: 20px; background-color: #fff;  background-repeat: no-repeat; background-position: center; cursor: pointer;  transition: .2s;}
.sld-home-products-md-2 .np:hover{background-color: #eee;}
.sld-home-products-md-2 .prev{left: -61px;  background-image: url(../img/sld-prev-01.png);}
.sld-home-products-md-2 .next{right: -60px; background-image: url(../img/sld-next-01.png);}
.sld-home-products-md-2 .linha-layout-l{position: absolute; top: -100px; height: 150px; left: -42px; width: 4px; background-color: var(--c-2-blue);}
.sld-home-products-md-2 .linha-layout-r{position: absolute; top: 45px; bottom: 0; right: -42px; width: 4px; background-color: var(--c-2-blue);}
.sld-home-products-md-2 .linha-layout-r::after{content: ''; position: absolute; bottom: -62px; left: -62px; width: 125px; height: 125px; border-radius: 50%; border: 4px solid var(--c-2-blue); background: #fff url(../img/h-ico-10.png) center center no-repeat; z-index: 1;}
.sld-home-products-md-2 .item{min-height: 300px; margin-bottom: 40px;}
.sld-home-products-md-2 .item .title{min-height: 46px;}
.sld-home-products-md-2 .title-ball-h .icon::before{content: ''; position: absolute; z-index: 0; bottom: 100%; right: 50%; margin-right: -5px; width: 4px; height: 80px; background-color: var(--c-2-blue);}
.sld-home-products-md-2 .title-ball-h .icon::after{content: ''; position: absolute; top: 0; margin-top: calc(-100%  - -8px); left: 50%; margin-left: -18px; width: 40px; height: 40px; border-radius: 50%; border: 4px solid var(--c-2-blue); background-color: #fff;}



.title-ball-h{display: flex; align-items: center; position: relative; padding: 70px 0;}
.title-ball-h .icon{position: absolute; top: 50%; left: 0px; margin-top: -62px; width: 125px; height: 125px; border-radius: 50%; border: 4px solid var(--c-2-blue); background-color: #fff; z-index: 99; display: flex; align-items: center; justify-content: center;}
.title-ball-h .text{font-size: 28px; line-height: 28px; font-weight: 900; padding-left: 140px; color: var(--c-1-blue); text-transform: uppercase;}
.title-ball-h .text span{color: var(--c-1-orange);}

.title-ball-h.md-r{justify-content: flex-end;}
.title-ball-h.md-r .icon{left: auto; right: 0;}
.title-ball-h.md-r .text{padding-left: 0; padding-right: 140px; text-align: right;}


/* Page -------------------------------------------------------------------- */

.area-overflow{overflow: hidden;}

.page-top{height: 275px; border-bottom: 4px solid var(--c-1-orange); background-color: #eee; }


.page-top-title{margin-top: -84px;}
.page-top-title .area{width: 800px; position: relative; display: inline-block; text-transform: uppercase;}
.page-top-title .area .text{height: 160px; background-color: var(--c-1-blue); display: flex; align-items: center; padding: 0 50px 0 145px; border-top-right-radius: 80px; border-bottom-right-radius: 80px; position: relative;}
.page-top-title .area .text .icon{position: absolute; left: 0; top: 50%; margin-top: -62.5px; width: 125px; height: 125px; display: flex; justify-content: center; align-items: center; border: 4px solid var(--c-2-blue); border-radius: 50%; background-color: #fff;}
.page-top-title .area .text .icon img{max-width: 80px;}
.page-top-title .area .text .title{font-size: 24px; line-height: 28px; font-weight: 900; color: var(--c-1-orange); margin: 0;}
.page-top-title .area .text .title span{color: #fff;}
.page-top-title .area .text .breadcrumb{background: none; padding: 0; margin: 5px 0 0 0; color: #fff; font-size: 11px;}
.page-top-title .area .text .breadcrumb a{color: #fff; display: inline-block; margin: 0 5px;}
.page-top-title .area .text .breadcrumb a:first-child{margin-left: 0;}
.page-top-title .area .js-l-side{background-color: var(--c-1-blue); margin-right: 85px;}


.page-space{padding: 80px 0;}


.content-numbered{overflow: hidden;}
.content-numbered .section{padding: 30px 0 10px 50px; }
/* margin-left: 62px; border-left: 4px solid var(--c-2-blue);} */
.content-numbered .section:last-child{padding-bottom: 40px;}
.content-numbered .section .s-title{font-size: 32px; font-weight: 900; color: var(--c-1-orange); margin-bottom: 20px; position: relative; text-transform: uppercase;}
.content-numbered .section .s-title .ball{position: absolute; left: -90px; top: -20px; width: 70px; height: 70px; font-size: 38px; color: var(--c-2-blue); display: flex; justify-content: center; align-items: center; border-radius: 50%; border: 4px solid var(--c-2-blue); background-color: #fff;}
.content-numbered .section .s-title .ball.active{color: #fff; border-color: transparent; background-color: var(--c-1-orange);}
.content-numbered .section .s-text.foco{font-weight: 900;}
.content-numbered .section .top-infos{display: flex;}
.content-numbered .section .top-infos .item{display: flex; margin-right: 20px;}
.content-numbered .section .top-infos .item .icon{max-width: 60px; height: 42px; margin-right: 15px;}
.content-numbered .section .top-infos .item .text{font-size: 19px; color: var(--c-1-blue); font-weight: 900; text-transform: uppercase; }
.content-numbered .section .top-infos .item .text span{color: var(--c-1-orange);}



.foco ul{margin: 20px 0 40px 0; padding-left: 0; list-style: none;}
.foco ul li{margin-bottom: 6px; font-size: 16px; padding-left: 15px; position: relative;}
.foco ul li::before{content: ''; position: absolute; top: 4px; left: -0px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid var(--c-1-orange);}


.product-image-price{padding: 20px 0;}
.product-image-price .row{display: flex; align-items: center;}
.product-image-price .text-ltr{margin-right: 40px;}
.product-image-price .img{height: 390px; position: relative; margin-right: 40px;}
.product-image-price .img .js-l-side{background-color: #eee; left: -116px; border-top-right-radius: 30px; border-bottom-right-radius: 30px;}
.product-image-price .price{text-transform: uppercase; padding-left: 30px;}
.product-image-price .price .max-price{font-size: 16px; color: var(--c-1-blue); text-decoration: line-through;}
.product-image-price .price .low-price{font-size: 32px; font-weight: 900; color: var(--c-1-orange);}
.product-image-price .price .condition-price{font-size: 14px; font-weight: 900; color: var(--c-1-blue);}
.product-image-price .price .btn-1{display: block; padding: 15px 30px; margin: 30px 0 0 -30px; width: 50vw; font-size: 24px; font-weight: 900; background-color: var(--c-1-orange); color: #fff; border-top-left-radius: 30px; border-bottom-left-radius: 30px;}


#modal-mini-cv .modal-content{background-color: transparent!important; border: 0!important;}
#modal-mini-cv .area-modal-mini-cv{border: 3px solid #f05123; border-radius: 30px; padding: 30px; position: relative; background: #fff; margin-top: 0px;}
#modal-mini-cv .area-modal-mini-cv .photo{ width: 180px; height: 180px; margin: -120px auto 15px auto; border-radius: 50%; border: 2px solid #f05123; background: #f9f9f9; overflow: hidden;}
#modal-mini-cv .area-modal-mini-cv .name{font-size: 32px; text-align: center; color: #005999; font-weight: 900; text-transform: uppercase;}
#modal-mini-cv .area-modal-mini-cv .description{margin-top: 30px; margin-bottom: 10px; font-size: 14px; color: #005999;}
#modal-mini-cv .area-modal-mini-cv .close_x{width: 50px; height: 50px; position: absolute; bottom: 0; left: 50%; margin: 0 0 -27px -27px; border-radius: 50%; color: #f05123; border: 2px solid #f05123; background-color: rgb(249, 249, 249); cursor: pointer; font-size: 22px;}


.list-categories .cols{margin-bottom: 50px;}
.list-categories .item{margin: 0 10px;}
.list-categories .item .img{height: 172px; border: 3px solid var(--c-1-blue); border-radius: 25px; background-color: #eee; transition: .2s;}
.list-categories .item .icon{width: 70px; height: 70px; display: flex; justify-content: center; align-items: center; margin: -35px auto 15px auto; border-radius: 50%; border: 3px solid #fff; background-color: var(--c-1-blue); transition: .2s;}
.list-categories .item .icon img{max-width: 60%;}
.list-categories .item .title{font-size: 18px; font-weight: 900; text-transform: uppercase; text-align: center; color: var(--c-1-blue); }
.list-categories .item .title span{color: var(--c-1-orange);}
.list-categories .item:hover .img{border-color: var(--c-1-orange);}
.list-categories .item:hover .icon{background-color: var(--c-1-orange);}



.list-people .cols{margin-bottom: 40px;}
.list-people .item{margin: 0 10px; padding-bottom: 37px; position: relative; height: 100%; text-transform: uppercase;}
.list-people .item .img{width: 220px; height: 220px; border: 2px solid var(--c-1-blue); border-radius: 50%; margin: 0 auto 15px auto; background-color: #eee;}
.list-people .item .name{text-align: center; font-size: 20px; color: var(--c-2-blue); font-weight: 900; margin-bottom: 15px;}
.list-people .item .base{position: absolute; bottom: 0; left: 0; right: 0;}
.list-people .item .base .btn{width: auto; display: block; margin: auto; height: 36px; font-size: 16px; font-weight: 900; padding: 4px 15px; text-align: center; color: var(--c-1-orange); border: 2px solid var(--c-1-orange); border-radius: 40px;}



.area-sld-parceiros{padding: 0 30px;}
.sld-parceiros .item{margin: 0 15px; border: 10px solid #eeeeee40; height: 200px; padding: 10px; border-radius: 20px; display: flex!important; align-items: center; overflow: hidden;}
.sld-parceiros .slick-track{display: flex; align-items: center;}
.sld-parceiros .slick-arrow{position: absolute; top: 50%; margin-top: -13px; width: 26px; height: 26px; padding: 0; border-radius: 50%; overflow: hidden; background-color: var(--c-1-orange); border: 0;}
.sld-parceiros .slick-prev{left: -30px;}
.sld-parceiros .slick-prev::before, .sld-parceiros .slick-next::before{position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; font-family: "Font Awesome 5 Free"; font-size: 14px; font-weight: 900; color: #fff;}
.sld-parceiros .slick-prev::before{ content: "\f053";}
.sld-parceiros .slick-next::before{ content: "\f054"; padding-left: 2px;}
.sld-parceiros .slick-next{right: -30px;}




/* account ----------------------------------------------------------------- */

.area-login-v1{width: 495px; margin: 80px auto; font-size: 16px;}
.area-login-v1 .info{margin-bottom: 30px;}
.area-login-v1 .input-group{margin-bottom: 15px; position: relative;}
.area-login-v1 .input-group.f-border{border: 2px solid var(--c-1-blue); padding: 8px; border-radius: 30px;}
.area-login-v1 .input-group.f-border .input-group-prepend{width: 42px; height: 42px; border: 2px solid var(--c-1-blue); border-radius: 30px; justify-content: center; align-items: center; color: var(--c-1-blue); font-size: 20px;}
.area-login-v1 .input-group .ltr{position: absolute; left: 100%; top: 0; bottom: 0; display: flex; align-items: center; margin-left: 10px; width: 150px;}
.area-login-v1 .input-group .ltr .text{font-size: 14px;}
.area-login-v1 .form-control{border: transparent; margin-left: 3px; border-radius: 30px!important; height: 42px; transition: .2s;}
.area-login-v1 .form-control:focus{background-color: #eee;}
.area-login-v1 .text-base{margin: 40px 0; text-align: center;}
.area-login-v1 a{color: var(--c-1-orange);}



.btn-m1{height: 62px; display: flex; align-items: center; width: 100%; padding: 10px 20px; text-align: left; text-transform: uppercase; font-size: 24px; font-weight: 900; color: #fff; background-color: var(--c-1-orange); border-radius: 30px; border: 0; position: relative; transition: .2s;}
.btn-m1:hover{color: #fff; opacity: .8;}

.btn-m1 i.icon{position: absolute; display: block; width: 42px; height: 42px; top: 50%; margin-top: -21px; border-radius: 30px; background-color: #fff; display: flex; justify-content: center; align-items: center; color: var(--c-1-orange); text-align: center;}
.btn-m1 i.icon{right: 15px; }
.btn-m1.txt-r{text-align: right; justify-content: right;}
.btn-m1.txt-r i.icon{right: auto; left: 15px; }
.btn-m1.no-bg{background-color: transparent; border: 2px solid var(--c-1-orange); color: var(--c-1-orange);}
.btn-m1.no-bg i.icon{background-color: var(--c-1-orange); color: #fff;}
.btn-m1:disabled{cursor: no-drop; opacity: .3;}


/* cart -------------------------------------------------------------------- */


.table-cart tbody tr td span{position: relative; z-index: 10;}
.table-cart tbody tr td{position: relative; height: 60px; vertical-align: middle;}
.table-cart{border-collapse: separate; border-spacing: 0 15px;}
.table-cart.table-striped tbody tr:nth-of-type(2n+1){background-color: #ebebeb;}
.table-cart.table-striped tbody tr:nth-of-type(2n+1) td:first-child::before{content: ''; position: absolute; width: 40px; top: 0; bottom: 0; left: 0; background-color: #fff;}
.table-cart.table-striped tbody tr:nth-of-type(2n+1) td:first-child::after{content: ''; position: absolute; width: 40px; top: 0; bottom: 0; left: 0; background-color: #ebebeb; border-top-left-radius: 30px; border-bottom-left-radius: 30px;} 
.table-cart.table-striped tbody tr:nth-of-type(2n+1) td:last-child::before{content: ''; position: absolute; width: 40px; top: 0; bottom: 0; right: 0; background-color: #fff;}
.table-cart.table-striped tbody tr:nth-of-type(2n+1) td:last-child::after{content: ''; position: absolute; width: 40px; top: 0; bottom: 0; right: 0; background-color: #ebebeb; border-top-right-radius: 30px; border-bottom-right-radius: 30px;} 
.table-cart .ball{width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; overflow: hidden; border: 2px solid var(--c-1-blue); border-radius: 50%; background-color: #eee; position: relative; z-index: 5; color: var(--c-1-blue)}
.table-cart .ball:hover{background-color: #ddd;}
.table-cart .min-photo, .table-cart .min-remove{width: 40px;}
.table-cart .min-price{ text-align: right;}
.table-cart .min-price span.price-max{text-decoration: line-through; color: red; font-size: 12px;}


.table-cart .row-cupom{color: green;}
.table-cart .row-cupom .ball{border-color: green; color: green;}


.table-orders thead tr td{font-size: 14px;}
.table-orders tbody tr td span{position: relative; z-index: 10;}
.table-orders tbody tr td{position: relative; height: auto; vertical-align: middle; font-size: 14px;}
.table-orders{border-collapse: separate; border-spacing: 0 15px;}
.table-orders.table-striped tbody tr:nth-of-type(2n+1){background-color: #ebebeb;}
.table-orders.table-striped tbody tr:nth-of-type(2n+1) td:first-child::before{content: ''; position: absolute; width: 40px; top: 0; bottom: 0; left: 0; background-color: #f5f5f5;}
.table-orders.table-striped tbody tr:nth-of-type(2n+1) td:first-child::after{content: ''; position: absolute; width: 40px; top: 0; bottom: 0; left: 0; background-color: #ebebeb; border-top-left-radius: 30px; border-bottom-left-radius: 30px;} 
.table-orders.table-striped tbody tr:nth-of-type(2n+1) td:last-child::before{content: ''; position: absolute; width: 40px; top: 0; bottom: 0; right: 0; background-color: #f5f5f5;}
.table-orders.table-striped tbody tr:nth-of-type(2n+1) td:last-child::after{content: ''; position: absolute; width: 40px; top: 0; bottom: 0; right: 0; background-color: #ebebeb; border-top-right-radius: 30px; border-bottom-right-radius: 30px;} 

.table-orders .btn{border-radius: 15px; height: 30px; width: 30px; display: flex; align-items: center; padding: 0; justify-content: center; font-size: 14px; border: 0;}





.cart-base{margin: 0px 0 80px 0;}
.cart-base .total{height: 62px; width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 10px 12px 10px 20px; text-transform: uppercase; font-size: 24px; font-weight: 900; color: #fff; background-color: var(--c-1-blue); border-radius: 30px; border: 0; position: relative;}
.cart-base .input-group form{width: 100%;}
.cart-base .input-group.f-cupom{border: 2px solid var(--c-1-blue); padding: 8px 158px 8px 8px; border-radius: 30px; position: relative; margin-bottom: 10px;}
.cart-base .input-group.f-cupom .form-control{border: transparent; margin-left: 3px; border-radius: 30px!important; height: 42px; transition: .2s;}
.cart-base .input-group.f-cupom .form-control:focus{background-color: #eee;}
.cart-base .input-group.f-cupom .bt{position: absolute; right: 8px; top: 50%; margin-top: -21px; width: 135px; height: 42px; background-color: var(--c-1-blue); border-radius: 30px; border: 0; justify-content: center; align-items: center; color: #fff; font-size: 16px; font-weight: 900; text-transform: uppercase; transition: .2s;}
.cart-base .input-group.f-cupom .bt:hover{background-color: var(--c-1-orange);}
.cart-base .text-condition{color: var(--c-1-blue); text-align: right; font-size: 14px;}


.title-s-cart{font-size: 28px; font-weight: 900; text-align: center; color: var(--c-1-orange); text-transform: uppercase; position: relative; padding-bottom: 20px; margin-bottom: 50px;}
.title-s-cart .mini-link{font-size: 12px; color: #202020; margin: 10px 0 0 0; display: block;}
.title-s-cart::after{content: ''; height: 1px; width: 420px; position: absolute; left: 50%; margin-left: -210px; bottom: 0; background-color: #afafaf; }


.list-payment-option .item{height: 100px; background-color: #bbb; border-radius: 25px; display: flex; align-items: center; padding: 20px 20px 20px 90px; margin-bottom: 60px; position: relative; transition: .2s; opacity: .7; cursor: pointer;}
.list-payment-option .item .icon{width: 81px; height: 57px; background: url(../img/ico-pay.png) 81px 81px no-repeat; margin-right: 20px;}
.list-payment-option .item .text{text-transform: uppercase; color: #000;}
.list-payment-option .item .text .title{font-size: 24px; font-weight: 900;}
.list-payment-option .item .text .lab{font-size: 16px;}
.list-payment-option .item.payment-boleto .icon{background-position: 0 0;}
.list-payment-option .item.payment-credit-card .icon{background-position:  0px -57px;}
.list-payment-option .item.active{background-color: var(--c-1-orange); opacity: 1;}
.list-payment-option .item.active .text{color: #fff;}
.list-payment-option .item.active.payment-boleto .icon{background-position: -81px 0;}
.list-payment-option .item.active.payment-credit-card .icon{background-position:  -81px -57px;}

.list-payment-option label.item {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.list-payment-option label.item input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.list-payment-option label.item .checkmark{position: absolute; left: 20px; top: 50%; margin-top: -17px; height: 34px; width: 34px; border: 3px solid #fff; background-color: transparent; border-radius: 50%;}
.list-payment-option label.item input:checked ~ .checkmark {background-color: var(--c-1-orange);}
.list-payment-option label.item .checkmark:after {content: ""; position: absolute; display: none;}
.list-payment-option label.item input:checked ~ .checkmark:after {display: block;}


.list-payment-option.v2 .item{height: 80px; border-radius: 18px; padding: 20px 20px 20px 70px; margin-bottom: 0;}
.list-payment-option.v2 .item .text .title{font-size: 18px;}


/* ------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- */

.list-payment-option-2 .item{height: 100px; background-color: #bbb; border-radius: 25px; display: flex; align-items: center; padding: 20px 90px 20px 20px; margin-bottom: 20px; position: relative;}
.list-payment-option-2 .item .icon{width: 81px; height: 57px; background: url(../img/ico-pay.png) 81px 81px no-repeat; margin-right: 20px;}
.list-payment-option-2 .item .text{text-transform: uppercase; color: #000;}
.list-payment-option-2 .item .text .title{font-size: 18px; font-weight: 900;}
.list-payment-option-2 .item.payment-boleto .icon{background-position: 0 0;}
.list-payment-option-2 .item.payment-credit-card .icon{background-position:  0px -57px;}
.list-payment-option-2 .item.conctrato .icon{background-position: -162px 0;}
.list-payment-option-2 .item.document .icon{background-position:  -162px -57px;}
.list-payment-option-2 .item.active{background-color: #6e9d24;}
.list-payment-option-2 .item.active .text{color: #fff;}
.list-payment-option-2 .item.active.payment-boleto .icon{background-position: -81px 0;}
.list-payment-option-2 .item.active.payment-credit-card .icon{background-position:  -81px -57px;}
.list-payment-option-2 .item.active.conctrato .icon{background-position: -243px 0;}
.list-payment-option-2 .item.active.document .icon{background-position:  -243px -57px;}
.list-payment-option-2 .checkmark{position: absolute; display: flex; align-items: center; right: 20px; top: 50%; margin-top: -17px; height: 34px; width: 34px; border: 3px solid #fff; background-color: rgba(255,255,255,0.2); border-radius: 50%;}
.list-payment-option-2 .checkmark span{position: absolute; right: 40px; font-weight: 900;}
.list-payment-option-2 .active .checkmark::before{content: ''; position: absolute; width: 7px; height: 12px; left: 10px; top: 7px; border-bottom: 3px solid #fff; border-right: 3px solid #fff; transform: rotate(45deg);}
.list-payment-option-2 .active .checkmark{background-color: transparent; color: #fff;}

.list-payment-option-2 .cols{margin-bottom: 30px;}

.a-link-act{display: block; position: relative; background-color: var(--c-1-orange); color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 900; border-radius: 30px; padding: 5px 10px;}
.a-link-act i{position: absolute; right: 5px; top: 5px; width: 20px; height: 20px; font-size: 14px; display: flex; justify-content: center; align-items: center; background-color: #fff; color: var(--c-1-orange); border-radius: 20px; text-indent: 2px;}
.a-link-act:hover{color: #000; background-color: #6e9d24;}
.a-link-act:hover i{color: #6e9d24;}


/* ------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- */


.order-aceite{font-size: 16px; margin-bottom: 60px;}
.order-aceite .custom-checkbox-1 {font-size: 15px; line-height: 17px; color: #6c6c6c;}
.order-aceite.v2 .custom-checkbox-1 {font-size: 11px;}



.tpl-form-1 .form-control{height: 40px; border: 2px solid var(--c-1-blue); border-radius: 20px; padding-left: 15px; padding-right: 15px; transition: .2s;}
.tpl-form-1 .form-control:focus{background-color: #eee;}
.tpl-form-1 .form-control:disabled{color: #818181;}
.tpl-form-1 .form-control:disabled:hover{opacity: .5;}
.tpl-form-1 textarea.form-control{height: auto; resize: none;}

.tpl-form-1 label{font-size: 16px; padding-left: 15px;}





.custom-checkbox-1 {display: block; position: relative; padding-left: 45px; cursor: pointer; font-size: 16px; color: #000; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.custom-checkbox-1 input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.custom-checkbox-1 .checkmark{position: absolute; top: 0; left: 0; height: 34px; width: 34px; border: 3px solid var(--c-1-blue); background-color: transparent; border-radius: 6px;}
.custom-checkbox-1.radio .checkmark{border-radius: 50%;}
.custom-checkbox-1 input:checked ~ .checkmark {background-color: var(--c-1-orange);}
.custom-checkbox-1 .checkmark:after {content: ""; position: absolute; display: none;}
.custom-checkbox-1 input:checked ~ .checkmark:after {display: block;}
.custom-checkbox-1 .checkmark:after {top: 4px; left: 10px; height: 15px; width: 7px; border: solid #eee; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.custom-checkbox-1 .checkmark.radio:after{top: 4px; left: 10px; height: 15px; width: 7px; border: 0; border-radius: 50%; background-color: #fff;}






.account_panel .account-menu{background-color: #f5f5f5; border-radius: 20px; padding: 20px;}
.account_panel .account-menu ul{margin: 0; padding: 0; list-style: none;}
.account_panel .account-menu ul li{margin: 7px 0;}
.account_panel .account-menu ul li a{font-size: 16px; padding: 0 10px; display: block;}
.account_panel .account-menu ul li a.mn-section{padding-top: 15px; padding-bottom: 15px; font-size: 24px!important; font-weight: 900; position: relative; text-transform: uppercase;}
.account_panel .account-menu ul li a.mn-section i{position: absolute; left: -42px; top: 50%; margin-top: -22px; width: 40px; height: 40px; border: 4px solid #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; background-color: #f5f5f5;}
.account_panel .account-menu ul li a.active{color: var(--c-1-orange);}



i.ico-m1::before{content: ''; width: 22px; height: 22px; background: url(../img/account-icon-mn.png) -22px -22px no-repeat;}
i.ico-m1.ico-1::before{background-position: 0 0!important;}
i.ico-m1.ico-2::before{background-position: 0 -22px!important;}
i.ico-m1.ico-3::before{background-position: 0 -44px!important;}
i.ico-m1.ico-4::before{background-position: 0 -66px!important;}
i.ico-m1.ico-5::before{background-position: 0 -88px!important;}
i.ico-m1.ico-6::before{background-position: 0 -112px!important;}


.account_panel .account-body h5{font-weight: bold; text-transform: uppercase; margin: 0;}
.account_panel .account-body{background-color: #f5f5f5; border-radius: 20px; padding: 20px;}
.account_panel .account-body.h-min{min-height: 100%;}






/* posts ------------------------------------------------------------------- */
.ltr-box-categories{text-transform: uppercase;}
.ltr-box-categories .title{font-size: 24px; color: var(--c-1-orange); font-weight: 900; margin-bottom: 10px;}
.ltr-box-categories .menu-categories ul{margin: 0; padding: 0; list-style: none;}
.ltr-box-categories .menu-categories ul li{ padding: 8px; margin: 10px 0;}
.ltr-box-categories .menu-categories > ul > li{background-color: #f5f5f5; border-radius: 15px;}
.ltr-box-categories .menu-categories ul li a{font-size: 14px;}
.ltr-box-categories .menu-categories ul li > ul > li{margin-top: 0; position: relative;}
.ltr-box-categories .menu-categories ul li > ul > li::before{content: ''; position: absolute; left: 0; width: 5px; height: 12px; border-left: 1px dotted #585858; border-bottom: 1px dotted #585858;}


/* uteis ------------------------------------------------------------------- */

.js-l-side, .js-r-side{position: absolute; left: 0; top: 0; bottom: 0; right: 0;}

.img-wide{background-repeat: no-repeat; background-attachment:scroll; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-position: center center;}

.no-click{cursor: no-drop;}

.w-1{width: 1px;}


/* ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------- */



.alert{border-radius: 20px; padding: 5px 15px; opacity: .6;}



/* tooltips ---------------------------------------------------------------- */
.tooltip .tooltip-inner{ text-align: left;}
.tooltip-inner {background-color: #373737}
.tooltip.bs-tooltip-right .arrow:before {border-right-color: #373737 !important;}
.tooltip.bs-tooltip-left .arrow:before {border-left-color: #373737 !important;}
.tooltip.bs-tooltip-bottom .arrow:before {border-bottom-color: #373737 !important;}
.tooltip.bs-tooltip-top .arrow:before {border-top-color: #373737 !important;}


/* datepiker ---------------------------------------------------------------- */
.datepicker-dropdown{padding: 15px!important; box-shadow: 0 0 5px rgba(0,0,0,0.2); }
.datepicker-dropdown .table-condensed{font-weight: 400; font-size: 11px;}
.datepicker-dropdown .table-condensed thead{color: var(--color-blue-20)!important;}
.datepicker-dropdown .table-condensed thead .datepicker-switch{font-weight: 400!important;}
.datepicker-dropdown .table-condensed thead .prev{font-size: 14px; display: flex; align-items: center; justify-content: center; padding-left: 3px;}
.datepicker-dropdown .table-condensed thead .prev i{width: 6px; height: 6px; display: block; border-left: 1px solid; border-top: 1px solid; border-color: var(--color-blue-20); transform-origin: center; transform: rotate(-45deg);}
.datepicker-dropdown .table-condensed thead .next{font-size: 14px; display: flex; align-items: center; justify-content: center; padding-right: 3px;}
.datepicker-dropdown .table-condensed thead .next i{width: 6px; height: 6px; display: block; border-right: 1px solid; border-bottom: 1px solid; border-color: var(--color-blue-20); transform-origin: center; transform: rotate(-45deg);}
.datepicker-dropdown .day.old, .datepicker-dropdown .day.new{opacity: .8; color: #bbb!important;}
.datepicker-dropdown .day{color: var(--color-blue-20)!important;}
.datepicker-dropdown .day.active{color: #fff!important; background-color: var(--color-blue-20)!important;}



/* Fix slide slick ---------------------------------------------------------- */
.fixsld{ visibility:hidden; opacity:0; transition: opacity 1s; margin: 0; padding: 0; list-style: none;}
.fixsld.slick-initialized{visibility:visible; opacity:1;}
.fixsld .item{display: none; }
.fixsld .item:first-child{display: block; visibility:hidden;} 
.fixsld.slick-initialized .item{display:block; visibility:visible!important; }




.alert button.close{display: none!important;}


.overlay{position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.4); z-index: 9999; display: none;}
.overlay .load{position: absolute; top: 50%; left: 50%; width: 100px; height: 15px; margin: -7px 0 0 -50px; background: #fff url(../img/overlay-load.gif) center center no-repeat; background-size: 100%; display: none; border-radius: 5px; opacity: 0.6; border: 3px solid #fff;}


/*
.cart-base .input-group.f-cupom .form-control {
    width: 300px;
}
*/

.btn-m1.txt-r {
    
    padding-left: 70px;
}



.txt-m-form-ltr{padding: 48px 30px 0 0;}

.form-ltr{padding: 30px; position: relative;}
.form-ltr .js-r-side{background-color: var(--c-1-orange); border-top-left-radius: 45px; border-bottom-left-radius: 45px;}
.form-ltr form{position: relative; z-index: 1;}
.form-ltr form label{color: #fff;}
.form-ltr form .form-control{border: 0;}
.form-ltr .t{ font-weight: bold; color: #fff; padding-left: 15px; text-transform: uppercase;}
.form-ltr .t .t1{font-size: 22px; margin-top: 20px; margin-bottom: 5px; position: relative;}
.form-ltr .t .t1 .ico{position: absolute; left: -85px; top: -23px; width: 80px; height: 80px; border: 4px solid var(--c-1-orange); background-color: #fff; border-radius: 50%;}
.form-ltr .t .d1{font-size: 14px;  margin-bottom: 20px;}
.form-ltr .btn-m1{background-color: #fff; color: var(--c-1-orange);}
.form-ltr .btn-m1 i.icon{background-color: var(--c-1-orange); color: #fff;}


.item-transaction{background-color: rgba(255,255,255, .7); margin: 5px 0; border-radius: 10px; padding: 20px; font-size: 14px;}



/* FIX ################################################################################################ */
/* #################################################################################################### */

/* fix inicialização do slick slide */
.f-sld{ visibility:hidden; opacity:0; transition: opacity 1s;}
.f-sld.slick-initialized{visibility:visible; opacity:1;}
.f-sld .item{display: none; }
.f-sld .item:first-child{display: block; visibility:hidden;} 
.f-sld.slick-initialized .item{display:block; visibility:visible!important; }



/* CURSOS ############################################################################################# */
/* #################################################################################################### */

.account_panel .account-title.mt{margin-top: 45px; padding-top: 20px;}
.account_panel .account-title{display: flex; justify-content: space-between; height: 0px; align-items: flex-end;}
.account_panel .account-title .title{padding: 0  0 0 75px; position: relative; font-size: 24px; font-weight: 900; text-transform: uppercase;}
.account_panel .account-title .title i{position: absolute; z-index: 99; left: 25px; bottom: -20px; width: 40px; height: 40px; border: 3px solid #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; background-color: #f5f5f5; color: #8c8c8c; font-size: 16px;}
.account_panel .account-title .title i.bg-blue-1{background-color: var(--c-1-blue);}
.account_panel .account-title .title i.bg-blue-2{background-color: var(--c-2-blue); color: #fff;}


.list-c01 .cols{margin: 25px 0;}
.list-c01 .item{margin: 0 5px;}
.list-c01 .item .img{height: 130px; border: 3px solid var(--c-1-blue); border-radius: 25px; background-color: #eee; transition: .2s;}
.list-c01 .item .icon{width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; margin: -25px auto 15px auto; border-radius: 50%; border: 2px solid #fff; background-color: var(--c-1-blue); transition: .2s; color:#FFF; font-size: 18px;}
.list-c01 .item .icon img{max-width: 60%;}
.list-c01 .item .title{font-size: 16px; font-weight: 900; text-transform: uppercase; text-align: center; color: var(--c-1-blue); overflow: hidden;}
.list-c01 .item .title span{color: var(--c-1-orange);}
.list-c01 .item .t-lab-1{text-transform: uppercase; font-size: 12px; font-weight: 900; text-align: center; margin: 10px 0; color: var(--c-1-blue);}
.list-c01 .item .data-f{text-transform: uppercase; font-size: 10px; text-align: center; margin: 10px 0; color: #6c6c6c;}
.list-c01 .item:hover .img{border-color: var(--c-1-orange);}
.list-c01 .item:hover .icon{background-color: var(--c-1-orange);}
.list-c01 .item .progress{height: 7px; margin: 10px 0;}
.list-c01 .item .progress .progress-bar.bg-laranja{background: rgb(255,145,5); background: linear-gradient(90deg, rgba(255,145,5,1) 0%, rgba(255,224,15,1) 100%);}
.list-c01 .item a.bts, .list-c01 .item span.bts{display: block; height: 22px; padding: 5px 15px 5px 30px; margin: 4px 0; border-radius: 40px; color: #fff; font-size: 10px; text-align: right; text-transform: uppercase;}
.list-c01 .item a.bts.ok, .list-c01 .item span.bts.ok{background: #327700 url(../img/ico-btn-check.png) left 10px center no-repeat;}
.list-c01 .item a.bts.pendente, .list-c01 .item span.bts.pendente{background: var(--c-1-orange)!important;}
.list-c01 .item a.bts.down, .list-c01 .item span.bts.down{background: var(--c-1-orange) url(../img/ico-btn-down.png) left 10px center no-repeat;;}

.list-c01 .item.blocked{opacity: .5;}


.list-c02{padding: 15px;}
.list-c02 .item{margin: 10px 5px 50px 5px; padding: 20px; position: relative; background-color: rgba(255,255,255,1); border-radius: 10px;}
.list-c02 .item::before{content: ''; position: absolute; left: 50%; bottom: -30px; height: 1px; width: 200px; margin-left: -100px; background-color: #ccc;}
.list-c02 .item .title{font-size: 18px; font-weight: 600; color: #575757; margin-bottom: 15px;}
.list-c02 .item .description{font-size: 14px; color: #575757;}
.list-c02 .item:last-child{margin-bottom: 0;}
.list-c02 .item:last-child::before{display: none;}

.bar-nivel{padding: 10px 0; display: flex; justify-content: space-between; align-items: center; position: relative; text-transform: uppercase;}
.bar-nivel .label{text-align: center; color: #000; font-weight: 900; font-size: 24px; line-height: 26px; width: 80px;}
.bar-nivel .progress{width: 660px; height: 18px; border-radius: 10px;}
.bar-nivel .progress .progress-bar{background: rgb(58,197,255); background: linear-gradient(90deg, rgba(58,197,255,1) 0%, rgba(123,245,255,1) 100%);}
.bar-nivel .label-base{position: absolute; bottom: calc(-20px - 18px); right: 100px; background-color: var(--c-1-blue); height: 36px; padding: 0 30px; border-radius: 18px; font-size: 18px; color: #fff; font-weight: 900; display: flex; align-items: center; }


.course-message{position: relative; padding: 30px 20px; background-color: var(--c-2-blue); color: #fff; border-radius: 15px; margin-bottom: 65px;}
.course-message .close-1{position: absolute; right: 20px; top: -20px; height: 35px; width: 35px; border: 2px solid #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; background-color: var(--c-1-blue); font-size: 14px;}
.course-message .title{font-size: 22px; margin-bottom: 10px; font-weight: bold;}
.course-message .text{font-size: 14px;  margin-bottom: 20px;}
.course-message .down-material{padding: 8px 20px 8px 150px; position: absolute; bottom: -20px; right: 20px; background-color: var(--c-2-blue); border-radius: 15px; font-weight: bold; color: #fff; border: 2px solid #fff;}
.course-message .down-material i{position: absolute; top: 10px; font-size: 20px; left: 17px;}
.course-message .down-material:hover{color: #f2f2f2; background-color: #000;}


.course-sld-message{padding: 30px 75px; background-color: var(--c-2-blue); color: #fff; border-radius: 15px; margin-bottom: 10px; position: relative;}
.course-sld-message .item .title{font-size: 22px; margin-bottom: 10px; font-weight: bold;}
.course-sld-message .item .summary{font-size: 14px;  margin-bottom: 20px;}
.course-sld-message button.slick-arrow{position: absolute; top: 50%; margin-top: -20px; width: 30px; height: 40px; background-color: transparent!important; font-size: 25px; color: #fff; transform: .2!important; border: 0;}
.course-sld-message button.slick-prev{left: 20px;}
.course-sld-message button.slick-next{right: 20px;}
.course-sld-message button.slick-disabled{opacity: .3;}
.course-sld-message .slick-dots{height: 1px; margin: 0; padding: 0; list-style: none; display: flex; justify-content: center; position: absolute; bottom: -20px; left: 0; right: 0;}
.course-sld-message .slick-dots li{margin: 0 5px;}
.course-sld-message .slick-dots li button{overflow: hidden; text-indent: 100px; width: 12px; height: 12px; border: 0; padding: 0; background-color: #787878; border-radius: 50%; transition: .2s;}
.course-sld-message .slick-dots li.slick-active button{background-color: var(--c-1-blue);}


.course-view-details{margin-bottom: 40px; display: flex;}
.course-view-details .thumb{width: 300px;}
.course-view-details .thumb .image{border: 2px solid var(--c-1-blue); width: 300px; height: 205px; border-radius: 15px; overflow: hidden; background-color: #f5f5f5;}
.course-view-details .text{flex-grow: 1; padding-left: 20px; display: flex; flex-direction: column; justify-content: space-between; }
.course-view-details .text .title{font-size: 22px; font-weight: bold; text-transform: uppercase; color: var(--c-1-blue); margin-bottom: 15px;}
.course-view-details .text .title span{color: var(--c-1-orange);}
.course-view-details .text .title span.local{color: #939393;}
.course-view-details .text .people{ color: #939393; font-size: 13px; margin-bottom: 15px;}
.course-view-details .text .base{display: flex;}
.course-view-details .text .base .di{display: flex; align-items: center;}
.course-view-details .text .base .di .i img{max-width: 100%;}
.course-view-details .text .base .di .lab{font-size: 18px; color: var(--c-1-blue); font-weight: bold; line-height: 18px; padding: 0 20px 0 10px;}
.course-view-details .text .base .di:last-child .lab{padding-right: 0;}
/*.course-view-details .text .base .di .lab span{display: block; color: var(--c-1-orange);}*/


.course-details .classes{margin-bottom: 20px;}
.course-details .classes .module{position: relative; padding: 20px;  background-color: #f5f5f5; border-radius: 15px; text-transform: uppercase; cursor: pointer;}
.course-details .classes .module .titulo{font-size: 18px; color: #898989; font-weight: bold;}
.course-details .classes .module .bar{display: flex; justify-content: space-between; align-items: center;}
.course-details .classes .module .bar .bar-lab{font-size: 10px; margin-right: 10px;}
.course-details .classes .module .bar .progress{width: 260px;}
.course-details .classes .module .bar .progress{height: 7px; margin: 10px 60px 10px 0;}
.course-details .classes .module .bar .progress .progress-bar.bg-laranja{background: rgb(255,145,5); background: linear-gradient(90deg, rgba(255,145,5,1) 0%, rgba(255,224,15,1) 100%);}
.course-details .classes .module .up-down{position: absolute; top: 16px; right: 20px; height: 35px; width: 35px; border: 2px solid #898989; display: flex; justify-content: center; align-items: center; border-radius: 50%; color: #898989; transition: .2s;}

.course-details .classes.active .module .bar .bar-lab{color: #fff;}
.course-details .classes.active .module{background-color: var(--c-1-orange);}
.course-details .classes.active .module .titulo{color: #fff;}
.course-details .classes.active .module .up-down{transform: rotate(180deg); border-color: #fff; color: #fff;}

.course-details .list-lesson{padding: 5px 0; margin-top: 10px; display: none;}
.course-details .list-lesson ul{display: flex; justify-content: space-between; align-items: class; margin: 4px 0; padding: 0; list-style: none; border-radius: 6px; transition: .2s; cursor: pointer;}
.course-details .list-lesson ul:hover{background-color: #f5f5f5;}
.course-details .list-lesson ul li{font-size: 14px; position: relative; padding: 10px 5px;}
.course-details .list-lesson ul li.lesson{width: 495px;  padding-left: 40px; margin-right: 10px;}
.course-details .list-lesson ul li.lesson i{position: absolute; top: 3px; left: 5px; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border: 1px solid #898989; border-radius: 50%; font-size: 13px;}
.course-details .list-lesson ul li.teacher{width: 200px;}
.course-details .list-lesson ul li.time{width: 80px;}
.course-details .list-lesson ul li.calendar{width: 280px;}
.course-details .list-lesson ul li.status{width: 110px;}
.course-details .list-lesson ul li.status span{display: block; border-radius: 5px; background-color: #898989; text-align: center; font-size: 8px; color: #fff; padding: 4px;}
.course-details .list-lesson ul li.status span.status-0{background-color: var(--c-1-orange);}
.course-details .list-lesson ul li.status span.status-1{background-color: #327700;}
.course-details .list-lesson ul li.status span.status-2{background-color: #33a4f0;}

.course-details .list-lesson ul li.m-i{padding-left: 20px;}
.course-details .list-lesson ul li.m-i i{position: absolute; left: 2px;}

.course-details .list-lesson ul.disabled{opacity: .5; cursor: no-drop; border: 1px dashed #202020; background-color: #f5f5f5;}


.btn-big-1{padding: 15px 20px; display: flex; justify-content: end; align-items: center; position: relative; background-color: var(--c-1-orange); border-radius: 15px; font-weight: bold; color: #fff; border: 0; width: 100%;}
.btn-big-1 i{position: absolute; display: flex; justify-content: center; align-items: center; font-size: 28px; left: 10px; width: 40px; height: 40px;}
.btn-big-1:hover{color: #f2f2f2; background-color: #000;}
.btn-big-1.disable{background-color: #f5f5f5; color: #ccc; cursor: no-drop;}


.player-m-cnt{position: relative; border: 1px solid var(--c-1-blue); border-radius: 40px; background-color: #fff;}
.player-m-cnt .mp-header{padding: 40px 0 0 0;}
.player-m-cnt .mp-header .txt{position: relative; padding: 0 150px 0 40px; font-weight: 900; font-size: 22px; text-transform: uppercase; color: var(--c-2-blue);}
.player-m-cnt .mp-header .txt .title{position: relative;}
.player-m-cnt .mp-header .txt .title i.icon{position: absolute; left: -67px; top: 0px; width: 55px; height: 55px; display: flex; align-items: center; padding-left: 4px; justify-content: center; border: 2px solid var(--c-2-blue); border-radius: 50%; background-color: #fff;}
.player-m-cnt .mp-header .txt .time{position: absolute; right: 40px; top: 20px; font-size: 14px; padding: 0 0 0 50px;}
.player-m-cnt .mp-header .txt .time::before{content: ''; position: absolute; top: 50%; margin-top: -21px; left: 0; height: 42px; width: 42px; background: url(../img/p-top-icon-clock.png) center center no-repeat; background-size: 100% auto;}
.player-m-cnt .mp-body{padding: 40px 40px;}
.player-m-cnt .ct-player{background-color: #eee;}
.player-m-cnt .mp-footer{padding: 0 40px 0 40px;}
.player-m-cnt .mp-footer .btns{display: flex; justify-content: space-between; position: relative;}
.player-m-cnt .mp-footer .btns .btn{position: relative; width: 240px; height: 35px; display: flex; align-items: center; justify-content: end; padding: 0 15px; font-size: 16px; color: #fff; font-weight: 900; background-color: #eee; border-radius: 13px; border: 2px solid #fff; margin-bottom: -15px;}
.player-m-cnt .mp-footer .btns .btn i{position: absolute; left: 10px;}
.player-m-cnt .mp-footer .btns .bt-1{background-color: #bbb;}
.player-m-cnt .mp-footer .btns .bt-2{background-color: var(--c-2-blue);}
.player-m-cnt .mp-footer .btns .bt-3{background-color: var(--c-1-orange);}

#modal-player .modal-content{background-color: transparent!important; border: none;}


/* #################################################################################################### */
/* #################################################################################################### */


.mini-price-boleto{display: block; font-size: 12px;}
.lk-contrato-cart{font-size: 12px; font-weight: bold;}





#form_card{display: none;}

.custom-radio.v_02{padding-left: 0; min-height: auto;}
.custom-radio.v_02 .custom-control-label::before {top: 0; left: 3px; width: 25px; height: 25px;}
.custom-radio.v_02 .custom-control-label::after {top: 0; left: 3px; width: 25px; height: 25px;}
.custom-radio.v_02 .custom-control-input:checked ~ .custom-control-label::before { border-color: #ec4e2b; background-color: #ec4e2b;}
.custom-radio.v_02 label{display: block; padding: 5px 5px 5px 33px; margin: 3px 0; cursor: pointer;}



.paginacao{display: block; margin: 0 -2px; text-align: center; font-size: 12px;}
.paginacao a, .paginacao strong{color: black; display:inline-block; padding: 5px 12px; text-decoration: none; border-radius: 20px; border: 1px solid #cbcbcb; margin: 2px; }
.paginacao strong{background-color: #eee;  color: #ec4e2b;}