i[class^="icon"]{position: relative; display: inline-block; width: 70px; height: 70px; background: url(../Images/sprite.png) no-repeat;}
i.icon-card{background-position: 0 0;}
i.icon-contact{background-position: 0 -70px;}
i.icon-location{background-position: 0 -140px;}
i.icon-service{background-position: 0 -210px;}
i.icon-gift{background-position: 0 -280px;}
i.icon-cart{background-position: 0 -350px;}
i.icon-fac{background-position: 0 -420px;}
i.icon-occ{background-position: 0 -490px;}
i.icon-note{background-position: 0 -560px;}
i.icon-news{background-position: 0 -630px;}
i.icon-gar{background-position: 0 -700px;}
i.icon-prot{background-position: 0 -770px;}
i.icon-news2{background-position: 0 -840px;}
i.icon-down{background-position: 0 -910px;}
i.icon-acao{background-position: 0 -980px;}
i.icon-ideo{background-position: 0 -1050px;}
i.icon-camp{background-position: 0 -1120px;}
i.icon-done{background-position: 0 -1190px;}
@media(max-width: 799px) {
    i[class^="icon"]{width: 40px; height: 40px; background-size: 100%;}
    i.icon-contact{background-position: 0 -40px;}
    i.icon-location{background-position: 0 -80px;}
    i.icon-service{background-position: 0 -120px;}
    i.icon-gift{background-position: 0 -160px;}
    i.icon-cart{background-position: 0 -200px;}
    i.icon-fac{background-position: 0 -240px;}
    i.icon-occ{background-position: 0 -280px;}
    i.icon-note{background-position: 0 -320px;}
    i.icon-news{background-position: 0 -360px;}
    i.icon-gar{background-position: 0 -400px;}
    i.icon-prot{background-position: 0 -440px;}
    i.icon-news2{background-position: 0 -480px;}
    i.icon-down{background-position: 0 -520px;}
    i.icon-acao{background-position: 0 -560px;}
    i.icon-ideo{background-position: 0 -600px;}
    i.icon-camp{background-position: 0 -640px;}
    i.icon-done{background-position: 0 -680px;}
}

.input{position: relative; float: left; width: 100%; margin-bottom: 20px;}
.input fieldset{float: left; width: 100%; margin-top: 4px;}
.input input{float: left; width: 75%; height: 40px; line-height: 40px; padding: 0 10px; border: 1px solid #B3B3BF; font-size: 1.05em;}
.input .btn{width: 25%; border: 1px solid #cfba7d; box-shadow: none; margin: 0;}
.input .empty{background: #fff4f4;}
.show-pass{position: absolute; right: 4px; top: 22px; font-size: 1.5em; color: #789;}

.access-menu{max-width: 1000px; margin: 35px auto;}
.access-menu a{display: table; float: left; height: 140px; margin-right: 0.25%; padding: 0 10px; text-align: center; background: #f2f2f2;}
.access-menu a div{display: table-cell; vertical-align: middle;}
.access-menu a h5{margin: 10px 0 5px; font-size: 1em;}
.access-menu a.active,
.access-menu a:hover{background: #fce295;}

.access-menu.col2{max-width: 500px;}
.access-menu.col2 a{width: 49.5%;}
.access-menu.col3{max-width: 750px;}
.access-menu.col3 a{width: 33.16%;}
.access-menu.col3 a:nth-child(3n){margin-right: 0;}
.access-menu.col5{}
/*.access-menu.col5 a{width: 19.75%;}*/
.access-menu.col5 a{width: 24.00%;}

.stores a.stores,
.sac a.sac,
.crm a.crm,
.order a.order,
.service a.service,
.news-page a.news-page,
.clipping a.clipping,
.download a.download{background: #fce295;}

/*.lhdef{line-height: 1.2em;}*/
.page-title{margin-bottom: 10px; font-size: 1.6em; font-weight: 600;}
.page-sub-title{margin-bottom: 10px; font-size: 1.333em;}
.arrow-title{position: relative; line-height: 2em; background: #01265d; color: #FFF; z-index: 1;}
.arrow-title .arrow{top: 30px; left: 10px; border: none; z-index: -1;}
.back{position: absolute; left: 10px; top: 5px; padding: 3px 10px 0 0; font-size: 1.4em; color: #01265d;}
.date{color: #666; font-style: italic; font-size: 0.933em;}

.default.home{}
.home .top-img{display: none; margin: 0 auto 15px; max-width: 799px; text-align: center;}
.home .top-img img{max-width: 100%; padding: 4px 0; border: solid #c2c2c2; border-width: 1px 0;}
.home .slider{float: left; width: 100%; margin-bottom: 50px; background: #EEE;}
.home .slider .bx-wrapper{margin-bottom: 0;}
.home .links{float: left; width: 70%; padding-bottom: 30px;}
.home .links a{display: table; float: left; width: 32.1%; height: 175px; margin: 0 0.33% 2px 0; padding: 0 10px; text-align: center; background: #f2f2f2;}
.home .links a div{display: table-cell; vertical-align: middle;}
.home .links a:hover{background: #fce295;}
.home .links a h5{margin: 10px 0; font-size: 1.067em;}
.home .links a p{font-size: 0.933em;}
.home .hvn-card{float: right; width: 30%; padding-bottom: 30px;} 
.home .hvn-card .hvn-form{margin: 0; padding-top: 67px; background: url(../Images/cartao-havan-novo-f.png) top center no-repeat; background-size: 230px;}

.home .hvn-card .hvn-form fieldset{padding: 0; background: #FFF; border: none;}
.home .hvn-card .hvn-form fieldset label{padding: 4px 0 2px; height: auto;}
/*.home .hvn-card img{display: block; width: 195px; margin: 0 auto 10px;}*/
.home .news{float: left; width: 68%; padding-bottom: 30px; color: #123;}
.home .news img{float: left; margin: 0 10px 15px 0;}
.home .news h6{font-weight: 600;}
.home .news em{display: block; margin-bottom: 6px;}
.home .news-wrp{padding: 20px 0;}
.home .news-main{float: left; width: 35%; margin: 0 5% 15px 0;}
.home .news-main img{display: block; width: 100%;}
.home .news-list{float: left; width: 60%;}
.home .news-list .news-item{float: left; width: 100%; margin-bottom: 15px; border-bottom: 1px solid #DDD;}
.home .news-list .news-item img{ float:left; width:180px; height:100px; object-fit:cover; }
.home .youtube{float: right; width: 30%; padding-bottom: 30px;}
.home .youtube iframe{width: 100%; margin: 20px 0 10px;}
.home .youtube h6{font-weight: 600;}

.default.stores{}
.stores select{text-transform: capitalize;}
.stores .hvn-form fieldset{padding: 15px 20px 10px 10px;}
.stores .uf,
.stores .result{float: left; width: 100%;}

.stores .uf{margin: 10px 0;}
.stores .uf ul{float: left; width: 101%;}
.stores .uf li{float: left; width: 16.1%; height: 45px; margin: 5px 0.5% 0 0; padding: 0 5px; text-align: center; background: #0066a3; background-image: linear-gradient(to bottom, #0074ba, #0066a3); color: #FFF; border-radius: 2px;}
.stores .uf li:hover{background: #0074ba; }
.stores .uf li a{display: table-cell; height: 3em; width: 1%; line-height: 18px; padding: 0 0.5%; text-align: center; vertical-align: middle;}
.stores .uf li a span{float: left; width: 100%; font-weight: bold;}
.stores .uf li a p.small{font-size: 75%; line-height: 15px; margin: 0; text-transform: capitalize;}

.stores .result{font-size: 0.9em; }
.stores .result .filial{float: left; width: 100%; padding: 10px 10px 5px; margin: 15px 0 0; border-bottom: 1px solid #e8e8ef;}
/*.stores .result .image{position: relative; float: left; width: 225px; height: 120px; text-align: center;}
.stores .result .image img{display: block; margin: 0 auto; max-width: 100%; max-height: 120px; outline: 1px solid #678;}
.stores .result .image img:hover{outline-width: 2px;}
.stores .result .image span{display: none; position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; margin: -15px 0 0 -15px; font-size: 2.1em; color: #FFF; text-shadow: 0 0 2px #000;}
.stores .result .image a:hover span{display: block;}*/
.stores .result .info{float: left; width: 75%; margin-left: 15px; line-height: normal;}
.stores .result .info h4{float: left; margin: -2px 0 5px; font-size: 1.35em; line-height: 0.7em; color: #123;}
.stores .result .info p,
.stores .result .info .fone{float: left; width: 100%; margin: 2px 0 0; color: #456;}
.stores .result .info > address{float: left; width: 100%; margin-top: 5px; color: #789; text-transform: capitalize;}

.stores .result .image{position: relative; float: left;  width: 160px; height: 110px; margin-bottom: 10px; outline: 1px solid #789; box-shadow: -1px 1px 2px rgba(0,0,0,0.5); overflow: hidden;}
.stores .result .image img{position: absolute; left: 50%; top: 50%; height: 100%; width: auto; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.stores .result .image span{display: none; position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; margin: -15px 0 0 -15px; font-size: 2.1em; color: #FFF; text-shadow: 0 0 2px #000; z-index: 100;}
.stores .result .image a:hover span{display: block;}

.order{}
.order .input.via-cpf input{float: left; width: 44%;}
.order .input.via-cpf input.cpf,
.order .input.via-cpf input.cnpj{width: 30%; margin-right: 1%;}
.order .input.via-cpf input.btn{width: 25%;}
.order .hidden-form{display: none; width: 100%;}
.order .visible-forms{float: left; width: 100%; margin-bottom: 25px; padding: 15px 20px 0; background: #F2F2F2; border-bottom: 1px solid #d0d3d7;}
.order .order-items{float: left; width: 100%; margin-top: 10px;}
.order .order-items .hvn-grid{display: none;}

.default.crm-info{}
.crm-info .client,
.crm-info .grid{float: left; width: 49%; height: 200px; background: #efefef; border: 1px solid #CCC;}
.crm-info .client{margin-right: 2%; padding: 10px;}
.crm-info .grid h5{margin: 5px 0 2px 5px;}
.crm-info .grid a{display: none;}
.crm-info .grid .hvn-grid{height: 165px; margin-top: 5px; overflow: auto;}

.crm-info .crm-detail{float: left; width: 100%; padding-top: 20px;}
.crm-info .crm-detail p{line-height: normal;}
.crm-info .crm-detail div.info{float: left; width: 100%; margin-bottom: 5px; padding:  10px; background: #f4f5ff; outline: 1px solid #CCC; }
.crm-info .crm-detail div.info:first-child{background: #eef8ff; }
.crm-info .crm-detail .attach{float: left; line-height: 20px; margin-bottom: 5px;}

.img-wrp{display: none; float: left; max-width: 150px; padding: 4px; background: #FFF; outline: 1px solid #AAA;}

.info-box{float: left; width: 100%; margin-top: 10px; padding: 15px 0 10px; background: #F6F6F6; outline: 1px solid #DDD;}
.info-box .info{float: left; width: 50%; margin: 0; padding: 0 10px; overflow: hidden; background: transparent; color: #1F426B;}
.info-box .info:first-child{border-right: 1px solid #CCC;}
.info-box .info li{float: left; width: 100%; margin: 0 0 5px;}
.info-box .info label{float: left; width: 100%; line-height: 15px; font-size: 0.8em; color: #789;}
.info-box .info span{float: left; width: 100%;}
.info-box .info span.status{width: 100%; padding: 6px 10px; background: #00ADEF; color: #FFF; font-size: 1.1em;}
.info-box .edit{float: left; width: 100%; margin: 10px 0 0;}
.info-box .edit fieldset{display: none;}
.info-box .edit [data-sendtoken]{width: auto;}

.nfe{float: left; width: 100%; padding: 10px; margin: 20px 0 0; outline: 1px solid #DDD;}

.activity{float: left; width: 100%; margin: 20px 0 10px; border: 1px solid #00ADEF;}
.activity caption{padding: 10px; background: #00ADEF; color: #FFF;}
.activity tr{border-bottom: 1px dotted #CDE;}
.activity td{padding: 25px 10px 20px;}
.activity td:first-child{text-align: right; padding-left: 0;}
.activity tr:first-child + tr{color: #00ADEF;}
.activity td span{float: left; width: 12px; height: 12px; margin: 0 0 0 -8px; background: #00ADEF; border-radius: 50%; border: 2px solid #FFF;}
.activity .timeline{width: 0; padding: 0; border-left: 4px solid #00ADEF; border-radius: 10px;}

.default.sac{}
.sac .topics{margin-bottom: 20px;}
.sac .topics ul.lev1{float: left; width: 98%;}
.sac .topics ul.lev1 li{float: left; width: 100%; border-bottom: 1px solid #DDD; background: #f2f2f2;}
.sac .topics ul.lev1 li:hover{background: #EEE; }
.sac .topics ul.lev1 li a{display: block; padding: 15px 10px;}
.sac .topics ul.lev1 li a i:first-child{font-size: 1.5em; line-height: normal;}
.sac .topics ul.lev1 li i.hicon-down{float: right; margin-top: 7px;}
.sac .topics ul.lev1 li .email-wrp{float: left; width: 100%; padding: 10px; background: #eaf7ff;} 
.sac .topics ul.lev1 li .email-wrp .open-email{display: inline-block; padding: 0; color: #006bea;}
.sac .topics ul.lev2{float: left; width: 100%;}
.sac .topics ul.lev2 li{background: #FFF; border-bottom: 1px solid #EEE;}
.sac .topics ul.lev2 li:hover{background: #FFF; }
.sac .topics ul.lev2 li a{padding: 15px 5px 15px 25px;}
.sac .topics ul.lev2 li a i:first-child{float: left; margin: 3px 4px 0 -10px; font-size: 0.45em;}
.sac .topics ul.lev2 li div{display: none; margin: -8px 0 0 25px; padding-bottom: 10px;}
.sac .topics ul.lev2 li div a.close{float: right; margin: -26px -5px 0 0; font-size: 1.8em; color: #000;}
.sac .email-wrp > div{padding: 15px; background: #f2f2f2;}
.sac .email-wrp > div div{padding: 10px 0;}

.default.service{}
.service ul.lev1{float: left; margin-top: 20px;}
.service ul.lev1 li{float: left; width: 100%; border-bottom: 1px solid #DDD; background: #f2f2f2;}
.service ul.lev1 li a{display: block; padding: 20px 10px; text-transform: capitalize;}
.service ul.lev1 li i.hicon-down{float: right;}

.service ul.lev2{display: none;}
.service ul.lev2 li{text-transform: none; background: #FFF;  border-bottom: 1px solid #EEE;}
.service ul.lev2 li a{padding: 15px 10px;}
.service ul.lev2 li a.toggle i.hicon-pointr{float: left; margin: 4px 4px 0 0; font-size: 0.45em;}

.service ul.lev3{display: none;}
.service ul.lev3 li{padding: 10px 0; border-bottom: 1px solid #eef7ff; font-variant: normal; text-transform: capitalize;}
.service ul.lev3 h5{padding-left: 20px; colo}
.service ul.lev3 p{line-height: normal; margin: 5px 0 5px 20px;}

.default.card-info{margin-top: -40px; color: #1f467d;}
.card-info > div{position: relative; float: left; width: 100%;}
.card-info h5{font-weight: 600; font-style: italic;}

.card-info .card-header{background: url(../Images/CardInfo/card-header-bg2.png) bottom right no-repeat, url(../Images/CardInfo/card-header-bg1.png) left top no-repeat, #0081c6;}
.card-info .card-header .text{float: left; width: 40%; color: #FFF; text-align: right; font-style: italic;}
.card-info .card-header .text div{float: right; width: 380px; margin: 100px -20px 0;}
.card-info .card-header .text ul{margin-top: 25px;}
.card-info .card-header .text li{margin-top: 8px;}
.card-info .card-header .text .li-1{margin-right: 4px;}
.card-info .card-header .text .li-2{margin-right: 6px;}
.card-info .card-header .text .li-3{margin-right: 10px;}
.card-info .card-header .text .li-4{margin-right: 13px;}
.card-info .card-header .imgs{float: right; width: 60%; height: 460px; background: url(../Images/CardInfo/card-header-bg3.png) center left no-repeat, url(../Images/CardInfo/card-header-bg4.png) 190px 100px no-repeat;}
.card-info .card-header .imgs .logo{float: right; margin: 40px 40px 0;}
.card-info .card-header .get-app{float: left; width: 100%; padding: 120px 0 0 230px;}
.card-info .card-header .get-app .qr-code{float: left; width: 140px; text-align: center;}
.card-info .card-header .get-app .qr-code img{width: 100px; margin-bottom: 10px;}
.card-info .card-header .get-app .qr-code a{display: block;}
.card-info .card-header .get-app .qr-code a img{width: 90px;}

.card-info .card-video{margin: 50px 0 70px;}
.card-info .card-video div{float: left; width: 50%; height: 275px; text-align: center;}
.card-info .card-video .img img{padding-top: 35px;}
.card-info .card-video .youtube iframe{width: 480px; min-height: 275px;}

.card-info .card-detail{}
.card-info .card-detail div{float: left; width: 33.333%; padding: 0 25px; text-align: center;}
.card-info .card-detail h5{margin: 10px 0 20px;}
.card-info .card-detail ul{text-align: left;}
.card-info .card-detail li{margin: 10px 0; list-style-image: url(../Images/CardInfo/plus-icon.png);}

.card-info .card-terms{margin: 60px 0;}
.card-info .card-terms div{margin: 0 auto; max-width: 1053px; min-height: 483px; padding: 40px 450px 40px 0;  background: url(../Images/CardInfo/card-detail-bg1.png) right bottom no-repeat, url(../Images/CardInfo/card-detail-bg2.png) top center no-repeat, url(../Images/CardInfo/card-detail-bg2.png) bottom center no-repeat;}
.card-info .card-terms h5{margin: 25px 0 20px;}
.card-info .card-terms ul li{margin: 10px 0 0 12px; list-style-image: url(../Images/CardInfo/plus-icon.png);}

.card-info .card-login{}
.card-info .card-login > div{float: none; margin: 0 auto; max-width: 1053px; padding-bottom: 30px;}
.card-info .card-login fieldset{background: none; border: none; padding: 10px 0 0;}
.card-info .card-login span{padding: 0 10px 0 0;}
.card-info .card-login .show-pass{padding-right: 10px;}

.cpf-premiado .wt50{}
.cpf-premiado .login{float: none; margin: 20px auto 0; max-width: 90%;}
.cpf-premiado .login fieldset{padding: 30px 20px;}
.cpf-premiado .radio strong{float: left;}
.cpf-premiado .hvn-form .radio label{margin: 0 0 20px 10px;}
.cpf-premiado .fone{display: none;}
.cpf-premiado .token{display: none;}
.modal-win .term .text{height: 300px; padding: 20px; overflow-y: scroll; border: 1px solid #789;}
.modal-win .term .hvn-form{margin: 0;}
.modal-win .term .hvn-form .check{margin: 0 0 10px -8px;}

.default.pagina-servico{}
.pagina-servico .hvn-form fieldset{margin: 10px 0 30px;}
.pagina-servico img{max-width: 100%; max-height: 100%;}
.pagina-servico ul{list-style-type: disc; padding-left: 16px;}
.pagina-servico ol{list-style-type: decimal; padding-left: 16px;}
.pagina-servico td{vertical-align: top;}
.pagina-servico .options,
.pagina-servico .token,
.pagina-servico .birth{display: none;}
.pagina-servico .hvn-form span.radio label{float: none; margin: 10px 10px 15px 10px;}

.grecaptcha-badge {display: none;}

.default.events{}
.events .event-box{height: 265px;}
.events .info{float: left;width: 100%;padding: 6px 10px;}
.events dl{float: left;margin-right: 8px;padding-right: 8px;text-align: center;border-right: 1px solid;}
.events dl dt{font-size: 2.4em; font-weight: 600; line-height: 0.85em;}
.events dl dd{font-size: 1.6em; line-height: 1em;}
.events p{line-height: normal; overflow: hidden;}

.default.complete-news{}
.complete-news .img{max-width: 640px; margin: 10px auto;}
.complete-news .img img{width: 100%;}

.default.clipping{}
.clipping .clipp{height: 320px;}

.default.campanhas{}
.campanhas .video{float: left; width: 49%; height: 440px; margin: 20px 2% 0 0; background: #f2f2f2; box-shadow: -1px 1px 3px #CCC;}
.campanhas .video:nth-child(2n){margin-right: 0;}
.campanhas iframe{float: left; width: 100%; min-height: 320px;}
.campanhas .text{float: left; width: 100%; padding: 10px;}

.default.about{}
.about section{display: block; margin: 10px 0 30px;}
.about iframe{width: 80%;}
.about .links{padding: 25px 0 0 40px;}
.about .perfil{float: left;}
.about .perfil img{float: left; max-width: 100%;}
.about .links li{float: left; width: 100%; margin-top: 20px;}
.about .links li a{float: left; width: 100%; height: 90px; padding: 10px 0px; background: #073895; color: #FFF; border-radius: 10px; }
.about .links div{float: left; width: 66%; margin-top: 10px; text-align: center;}
.about .links i{float: left;}

.timeline-bg{background: #F2F2F2; border-bottom: 2px solid #DDD;}
.timeline-container{position: relative; width: 799px; margin: 0 auto; padding: 15px 0 10px;}
.timeline{width: 100%;}
.timeline-list{position: relative; width: 100%; overflow: hidden;}
.timeline-list-wrap{position: relative; display: block; top: 0; left: 0; transform: translate3d(0, 0, 0); transition: transform 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);}
.timeline-item{float: left; width: 799px;}
.timeline .slide{display: none;}
.timeline > div .img{position: relative; float: left; height: 220px; margin-left: 4px; z-index: 1;}
.timeline > div .img img{float: left;  max-width: 200px; max-height: 200px;border: 4px solid #fff; box-shadow: 1px 3px 10px -5px #666;}
.timeline > div .text{position: relative; float: left; margin-left: 20px;}
.timeline > div .text h3{display: block; max-width: 500px;}
.timeline > div .text p{display: block; max-width: 500px; padding-bottom: 10px; font-size: 1.1em; line-height: normal;}
.timeline-dots-wrap{width: 100%; height: 45px; top: 270px; overflow: hidden; background: #FFF;}
.timeline-dots{margin: 0; padding: 0; position: relative; width: 100%; height: 100%; transition: transform 1s cubic-bezier(0.455, 0.03, 0.515, 0.955);}
.timeline-dots li{float: left; width: 70px; text-align: center; transition: all 1s cubic-bezier(0.455, 0.03, 0.515, 0.955); overflow: hidden;}
.timeline-dots button{padding: 12px; cursor: pointer; border: none; outline: none; color: #073895; font-size: 1.25em; transition: all 1s cubic-bezier(0.455, 0.03, 0.515, 0.955); background: none;}
.timeline-dots li.slide-active button{padding: 6px 4px; font-weight: 600; font-size: 1.85em; color: #1452c7; border-top: 2px solid #1452c7;}

.default.extrato{}
.extrato .hvn-grid{display: none; margin: 0 0 6px; font-size: 0.85em;}
.extrato .bill-wrp{position: relative; float: left; width: 100%; padding: 8px 10px 10px; border-bottom: 1px solid #DDD;}
.extrato .bill-wrp:first-child{margin-top: 10px; border-top: 1px solid #DDD;}
.extrato .bill-wrp.selected{background: #eaf7ff; border: 1px solid #00ADEF; box-shadow: 0 0 6px #000;}
.extrato .showdetail{position: absolute; line-height: 30px; bottom: 8px; right: 10px; font-size: 0.933em;}
.extrato .btn-wrp{float: left; width: 385px;}
.extrato .btn-wrp span{display: block; margin-bottom: 4px;}
.extrato .btn-wrp .btn{padding: 0.367em 0.67em; font-size: 0.933em;}
.extrato .val-wrp{float: right; width: 260px; margin:  18px 90px 0 0;}
.extrato .val-wrp span{float: left; width: 33%; text-align: right;}
.extrato .val-wrp small{display: block;}
.extrato .val-wrp var{font-weight: 600;}

.hvn-cards{}
.hvn-cards .hvn-card{float: left; width: 33.33%; height: 201px; margin: 15px 0 15px;}
.hvn-cards .hvn-card div{position: relative; margin: 0 auto; width: 310px; height: 201px; background: url(../Images/hvn-card.jpg) no-repeat;}
.hvn-cards .hvn-card div p{position: absolute; bottom: 8px; left: 14px; line-height: 1.4em; color: #FFF;}

.default.download{}
.download .event-box{height: 295px;}

.defulat.ideology{}
.ideology h5{margin: 15px 0 0; font-weight: 600;}

.default.perfil{}
.perfil h5{margin-top: 20px; font-weight: 600;}

.chat-wrp{display: block; position: fixed; bottom: 0; left: 20px; width: 260px; box-shadow: 0 0 6px #000; border: 1px solid #666; z-index: 199;}
.chat-wrp span.btn{position: absolute; top: -40px; left: -1px; right: -1px; margin: 0; box-shadow: 0 0 6px #000;}
.chat-wrp .chat-content{display: none; float: left; width: 100%; padding: 10px 15px 20px; background: #FFF;}
.chat-wrp .btns{display: block; margin-top: 10px;}

/*.chat-online{position: fixed; bottom: 0; right: 20px; width: 320px; height: 300px; margin-bottom: -300px; box-shadow: 0 0 6px rgba(0,0,0,0.5); border: 1px solid #789; transition: 0.5s; z-index: 199; background: #FFF url(../Images/estatua-atendente.png) no-repeat left bottom;}
.chat-online p{float: left; width: 100%; padding: 10px; background: #018000; background: linear-gradient(to bottom,#018f00,#018000); color: #FFF;}
.chat-online p i{float: right;}
.chat-online .chat-content{float: left; width: 100%; height: 100%; padding: 20px 15px 0;}
.chat-online .chat-content h6{float: right; width: 200px; margin-bottom: 10px; text-align: right; line-height: normal;}
.chat-online .chat-content span var{padding: 5px 10px; border-radius: 4px; background: rgba(255,255,255,0.65);}
.chat-online .chat-content li{float: left; width: 100%; margin-bottom: 5px; padding-top: 5px;}
.chat-online .chat-content span{float: left; width: 195px; margin: 12px 0 0 0; line-height: 1.10; text-align: right;}
.chat-online .chat-content a{float: right; width: 40px; margin-left: 4px; padding: 10px; font-size: 1.19em; line-height: 1em; border-radius: 4px;}*/


/*********ALTERACAO CHAT 05082019**********/
.chat-online {position: absolute;bottom: 0;right: 20px; width: 320px;height: 300px;margin-bottom: -300px;box-shadow: 0 0 6px rgba(0,0,0,0.5);border: 1px solid #789;transition: 0.5s;z-index: 199;left: 35%;background: #FFF url(../Images/estatua-atendente.png) no-repeat left bottom;}
.chat-online p {float: left;width: 100%;padding: 10px;background: linear-gradient(55deg, rgba(0,212,255,1) 20%, rgba(13,97,212,1) 70%, rgba(3,3,190,1) 100%);color: #FFF;}
.chat-online p i {float: right;}
.chat-online .chat-content {float: left;width: 100%;height: 100%;padding: 20px 15px 0;position: relative}
.chat-online .chat-content h6 {float: right;width: 200px;margin-bottom: 10px;text-align: right;line-height: normal}
.chat-online .chat-content span var {padding: 5px 10px;border-radius: 4px;background: rgba(255,255,255,0.65);}
.chat-online .chat-content li {float: left;width: 100%;margin-bottom: 5px;padding-top: 5px;}
.chat-online .chat-content span {float: left;width: 195px;margin: 12px 0 0 0;line-height: 1.10;text-align: right;}
.chat-online .chat-content a {float: right;width: 40px;margin-left: 4px;padding: 10px;font-size: 1.19em;line-height: 1em;border-radius: 4px;}

.liberdade-app {position: absolute;border-top-left-radius: 5px;border-top-right-radius: 5px;right: 0px;top: 80px;width: 190px;height: 80px;background: transparent;z-index: 9999;}
.liberdade-app > .text-liberdade-canal {background: transparent;color: #0516c2;position: relative;top: -20px;left: 22px;}
.liberdade-app > .liberdade-whats-chat {position: absolute;top: 0px;right: 150px;}
.liberdade-app > .liberdade-whats-chat > div {width: 30px; height: 30px;border-radius: 50%;background: #4CCA5A;padding: 5px;top: 13px;left: 17px;position: absolute;box-shadow: 2px 1px 2px #222; border: solid 2px #eee; box-sizing:content-box}
.liberdade-app a {float: none !important;margin-left: unset !important;padding: unset !important;}
.liberdade-app .liberdade-whats-chat img {width: 28px !important;height: 28px !important; margin-top: 1px; margin-left: 2px}
.liberdade-app .text-liberdade {position: absolute;top: 10px;left: 35px;color: #FFFFFF}
.liberdade-app .text-chat-liberdade {position: absolute;bottom: 2px;right: 25px;color: #FFFFFF;font-size: 10px;}
.liberdade-app .liberdade-whats-chat > p {position: absolute;top: 50px;right: -24px;color: #0516c2;font-size: 10px;background: transparent}
.liberdade-app > .liberdade-chat-whats {position: absolute;top: 0px;right: 70px;}
.liberdade-app > .liberdade-chat-whats > div {width: 30px; height: 30px;border-radius: 50%;background: #f7ce09;padding: 5px;top: 15px;position: absolute;box-shadow: 2px 1px 2px #222; border: solid 2px #eee; box-sizing:content-box}
.liberdade-app .liberdade-chat-whats img {width: 23px !important;height: 23px !important; margin: 4px 0 0 5px}
.liberdade-app .text-liberdade {position: absolute;top: 10px;left: 35px;color: #FFFFFF}
.liberdade-app .text-chat-liberdade {position: absolute;bottom: 2px;right: 25px;color: #FFFFFF;font-size: 10px;}
.liberdade-app .liberdade-chat-whats > p {position: absolute;top: 53px;right: -22px;color: #0516c2;font-size: 10px;background: transparent}

/*.chat-online{position: fixed; bottom: 0; right: 20px; width: 320px; height: 300px; margin-bottom: -300px; box-shadow: 0 0 6px rgba(0,0,0,0.5); border: 1px solid #789; transition: 0.5s; z-index: 199; background: #FFF url(../Images/estatua-atendente.png) no-repeat center bottom;}
.chat-online p{float: left; width: 100%; padding: 10px; background: #018000; background: linear-gradient(to bottom,#018f00,#018000); color: #FFF;}
.chat-online p i{float: right;}
.chat-online .chat-content{float: left; width: 100%; height: 100%; padding: 200px 15px 0; bottom: 0;}
.chat-online .chat-content h6{float: right; width: 200px; margin-bottom: 10px; text-align: right; line-height: normal;}
.chat-online .chat-content span var{padding: 5px 10px; border-radius: 4px; background: rgba(255,255,255,0.65);}
.chat-online .chat-content li{float: left; width: 100%; margin-bottom: 5px; padding-top: 5px;}
.chat-online .chat-content span{float: left; width: 240px; margin: 12px 0 0 0; line-height: 1.10; text-align: right;}
.chat-online .chat-content a{float: right; width: 40px; margin-left: 4px; padding: 10px; font-size: 1.19em; line-height: 1em; border-radius: 4px;}*/

.modal-quest{max-width: 584px; margin: 0 auto; padding: 25px 0 10px;}
.modal-quest .rate{height: 60px; margin: 50px auto 0;}
.modal-quest .rate a{position: relative; float: left; width: 50px; height: 50px; margin: 0 1.5px; padding-top: 22px; color: #FFF; font-weight: 600; border-radius: 5px; box-shadow: -1px 1px 2px rgba(0,0,0,0.25); text-decoration: none; text-shadow: -1px 1px 2px #000;}
.modal-quest .rate a:before{content: ""; position: absolute; top: -17px; left: 50%; margin-left: -17px; width: 34px; height: 34px; z-index: 1;}
.modal-quest .hvn-form span{padding: 20px 0 0;}
.modal-quest .nps0{background: #B22222; }
.modal-quest .nps0:before{background: url(../Images/Emojis/emoji-nps-0.svg) no-repeat;}
.modal-quest .nps1{ background: #D62027; }
.modal-quest .nps1:before{background: url(../Images/Emojis/emoji-nps-1.svg) no-repeat;}
.modal-quest .nps2{ background: #F05223; }
.modal-quest .nps2:before{background: url(../Images/Emojis/emoji-nps-2.svg) no-repeat;}
.modal-quest .nps3{ background: #F36F21; }
.modal-quest .nps3:before{background: url(../Images/Emojis/emoji-nps-3.svg) no-repeat;}
.modal-quest .nps4{ background: #FAA823; }
.modal-quest .nps4:before{background: url(../Images/Emojis/emoji-nps-4.svg) no-repeat;}
.modal-quest .nps5{ background: #FFCA27; }
.modal-quest .nps5:before{background: url(../Images/Emojis/emoji-nps-5.svg) no-repeat;}
.modal-quest .nps6{ background: #ECDB12; }
.modal-quest .nps6:before{background: url(../Images/Emojis/emoji-nps-6.svg) no-repeat;}
.modal-quest .nps7{ background: #E8E73D; }
.modal-quest .nps7:before{background: url(../Images/Emojis/emoji-nps-7.svg) no-repeat;}
.modal-quest .nps8{ background: #C5D92D; }
.modal-quest .nps8:before{background: url(../Images/Emojis/emoji-nps-8.svg) no-repeat;}
.modal-quest .nps9{ background: #AFD136; }
.modal-quest .nps9:before{background: url(../Images/Emojis/emoji-nps-9.svg) no-repeat;}
.modal-quest .nps10{ background: #64B64D; }
.modal-quest .nps10:before{background: url(../Images/Emojis/emoji-nps-10.svg) no-repeat;}
.modal-quest .rate a.selecionado{color:#234; font-size: 1.2rem; text-shadow: none;}
.modal-quest .rate a.selecionado:after{content: ''; position: absolute; width: 53px; height: 75px; left: -3px; top: -21px; border:#345 solid 1.5px; border-radius: 5px;}

.moblegend{display:none;}
.mob .moblegend{margin-top:20px; display:block}

.desklegend{margin-top:10px;}
.mob .desklegend{margin-top:20px; display:none}


.mob .modal-quest .gradientlegend {
    height: 10px;
    margin-top:10px;
    background: linear-gradient(90deg, rgba(178,34,34,1) 0%, rgba(214,32,39,1) 10%, rgba(240,82,35,1) 20%, rgba(243,111,33,1) 30%, rgba(250,168,35,1) 40%, rgba(255,202,39,1) 50%, rgba(236,219,18,1) 60%, rgba(232,231,61,1) 70%, rgba(197,217,45,1) 80%, rgba(175,209,54,1) 90%, rgba(100,182,77,1) 100%);
}

.mob .modal-quest .rate a{margin: 22px 5px 5px; width: 65px; height: 65px; padding-top: 25px; font-size: 1.2rem;}
.mob .modal-quest .rate a:before{top: -19px; margin-left: -19px; width: 38px; height: 38px;}
.mob .modal-quest .rate a.selecionado{font-size: 1.4rem;}
.mob .modal-quest .rate a.selecionado:after{width: 71px; height: 93px; left: -5px; top: -23px;}


.default.promo-wa{}
.promo-wa div{margin: 0 auto; max-width: 1000px; min-height: 350px; padding-top: 50px; background: url(../Images/promo-wa.png) top right no-repeat;}
.promo-wa div h1{display: table; max-width: 480px; color:#075E54; font-weight: 800;}
.promo-wa div .btn{width: 300px; margin-top: 40px; padding: 0.867em 1.067em; background: #075E54; color: #FFF;}

.social-box{float: left; width: 100%; margin: 10px 0 0;}
.social-box > div{float: left; height: 28px; min-height: 28px; margin: 0 6px 10px 0;}
.social-box .fb{line-height: 24px; background: #4267b2;}
.social-box .tw{padding-top: 4px; background: #1b95e0;}
.social-box .in{padding-top: 3px; background: #0077b5;}
.social-box .pi{background: #bd081c;}
.social-box .pi span{font-weight: 500 !important;}
.social-box .wa .btn{height: 28px; line-height: normal; font-size: 1em; box-shadow: none;}

.event-box{position: relative;float: left;width: 23.85%;height: 330px;margin: 5px 1.5% 25px 0;background: #f2f2f2;box-shadow: -1px 1px 3px #CCC;}
.event-box:nth-child(4n){margin-right: 0;}
.event-box .img{width: 100%;height: 200px;overflow: hidden;position: relative;}
.event-box .img img{max-width: 100%;min-height: 100%;display: block;position: absolute;top: 50%;transform: translateY(-50%);width: 100%;height: auto; background: #AAA}
.event-box .text{width: 100%;padding: 12px 10px;}
.event-box .text h5{margin: 4px 0 6px;}
.event-box .text p{color: #234;}

@media(max-width: 1200px) {
   .card-info .card-header{margin-left: -10px; padding: 0 10px; box-sizing: content-box;}
 }
@media(max-width: 999px){
    .home .links,
    .home .hvn-card,
    .home .news,
    .home .youtube{width: 50%;}
    .home .links a{width: 49.75%; margin: 0 0.5% 2px 0;}
    .home .links a:nth-child(odd){margin-right: 0;}
    .home .news-main,
    .home .news-list{width: 100%;}
    .stores .result .info{width: 69%;}

    .card-info .card-header{background-image: url(../Images/CardInfo/Mob/card-header-bg2.png), url(../Images/CardInfo/Mob/card-header-bg1.png);}
    .card-info .card-header .text{width: 45%;}
    .card-info .card-header .text div{margin-top: 65px;}
    .card-info .card-header .imgs{width: 55%; height: 380px; background: url(../Images/CardInfo/Mob/card-header-bg3.png) center left no-repeat, url(../Images/CardInfo/Mob/card-header-bg4.png) 150px 100px no-repeat;}
    .card-info .card-header .imgs .logo{width: 85px; margin: 15px 15px 0;}
    .card-info .card-header .get-app{padding: 120px 0 0 175px;}
    .card-info .card-header .get-app .qr-code{width: 118px; margin-right: 2px;}
    .card-info .card-video .img img{width: 300px; padding-top: 50px;}
    .card-info .card-video .youtube iframe{width: 100%;}

    .event-box{width: 32.33%;}
    .event-box:nth-child(4n){margin-right: 1.5%;}
    .event-box:nth-child(3n){margin-right: 0;}
    .campanhas .video{height: 470px;}
    .hvn-cards .hvn-card{width: 50%;}
}
@media(max-width: 799px){
    .access-menu a{height: 90px;}
    .access-menu a h5{font-size: 0.933em;}
    .pagina-servico .access-menu.col2 a{height: 140px; }
    .home .top-img{display: block;}
    .home .slider{margin-bottom: 0;}
    .home .links,
    .home .hvn-card,
    .home .news,
    .home .youtube{width: 100%;}
    .home .links a{height: 120px;}
    .home .hvn-card .hvn-form fieldset{padding: 25px 20px 20px; background: #f2f2f2; border-bottom: solid #d0d3d7; border-width: 1px 0;}
    .home .hvn-card .hvn-form{padding-top: 0; background: none;}
    .stores .uf li{width: 19.4%;}
    .stores .result .info{width: 61%;}

    .card-info .card-header{background: url(../Images/CardInfo/Mob/card-header-bg2.png) bottom right no-repeat, url(../Images/CardInfo/Mob/card-header-bg1.png) left top repeat-y, #0081c6;}
    .card-info .card-header .text{width: 100%; text-align: left;}
    .card-info .card-header .text div{width: 100%; margin: 0; padding: 20px 0 60px 20px;}
    .card-info .card-header .imgs{width: 100%; min-height: 380px; background: url(../Images/CardInfo/Mob/card-header-bg3.png) 10% center no-repeat, url(../Images/CardInfo/Mob/card-header-bg4.png) 200px 100px no-repeat;}
    .card-info .card-header .get-app{padding: 160px 0 0 240px;}
    .card-info .card-header .get-app .qr-code a img{width: 120px;}
    .card-info .card-header .get-app .qr-code .dsk{display: none;}
    .card-info .card-video{margin-bottom: 40px;}
    .card-info .card-detail div{width: 100%; padding: 20px 25px;}
    .card-info .card-terms div{padding: 40px 325px 40px 0;  background-image: url(../Images/CardInfo/Mob/card-detail-bg1.png), url(../Images/CardInfo/card-detail-bg2.png), url(../Images/CardInfo/card-detail-bg2.png);}

    .sac .topics ul.lev1{width: 100%;}
    .order .input{width: 100%;}
    .crm-info .client,
    .crm-info .grid{width: 100%; height: auto;}
    .crm-info .grid{margin-top: 15px;}
    .crm-info .grid .hvn-grid{height: auto;}
    .crm-info .grid h5{display: none;}
    .crm-info .grid a{display: block; width: 100%; margin-left: 5px; height: 2em; line-height: 2em;  font-variant: small-caps;}
    .activity{font-size: 0.95em;}
    .activity td{font-weight: normal;}
    .activity td span{margin: 0 0 0 -8px;}
    .event-box{width: 49.25%;}
    .event-box:nth-child(3n){margin-right: 1.5%;}
    .event-box:nth-child(2n){margin-right: 0;}
    .campanhas .video{width: 100%; height: auto; margin: 20px 0 0 0;}
    .campanhas .video:nth-child(2n){margin-right: 0;}
    .about .links{padding: 25px 20px;}
    .about .links li a{width: 50%; height: 65px;}
    .about .links div{margin-top: 0;}
    .about iframe{width: 100%;}
    .timeline-container{width: 639px;}
    .timeline-item{width: 639px;}
    .timeline > div .img{width: 100%;}
    .timeline > div .img img{float: none;}
    .extrato .bill-wrp{padding: 10px 4px 6px;}
    .extrato .showdetail{right: 2px; bottom: 4px; text-align: center; line-height: normal;}
    .extrato .showdetail i{display: block;}
    .extrato .btn-wrp{width: 100%;}
    .extrato .val-wrp{float: left; width: 100%; margin: 0;}
    .extrato .val-wrp span{width: auto; margin: 5px 20px 0 0;}
    .chat-wrp{bottom: 0; left: auto; right: 5px; width: 230px;}
    .chat-wrp span.btn{top: -35px; font-size: 1em;}
}
@media (max-width: 639px) {
    .input input,
    .order .input.via-cpf input,
    .order .input.via-cpf input:first-child{width: 100%;}
    .order .input.via-cpf input:first-child{margin-bottom: 10px;}
    .order .visible-forms{padding: 15px 10px 0;}
    .pagina-servico .hvn-form span.radio label{margin: 15px 0 25px 0;}
    .input .btn,
    .order .input .btn,
    .order .input.via-cpf input.btn{width: auto; height: auto; margin: 10px 0 25px; padding: 0.633em 1.067em; line-height: normal; border: none; font-size: 1.133em;  box-shadow: -1px 1px 1px #999;}
    .access-menu.col5 a{width: 49.75%; margin: 0 0.5% 2px 0;}
    .access-menu.col5 a:nth-child(2n){margin-right: 0;}
    .access-menu.col5 a.service{width: 100%; margin: 0 0.5% 2px 0;}
    .stores .uf li{width: 24.5%;}
    .stores .result .info{width: 100%; margin: 10px 0;}

    .card-info .card-header{margin-top: 9px;}
    .card-info .card-header .text div{padding-left: 0;}
    .card-info .card-header .imgs{background: url(../Images/CardInfo/Mob/card-header-bg3.png) 0 center no-repeat, url(../Images/CardInfo/Mob/card-header-bg4.png) 150px 110px no-repeat;}
    .card-info .card-header .get-app{padding: 160px 0 0 180px;}
    .card-info .card-video div{width: 100%;}
    .card-info .card-video .img{height: auto;}
    .card-info .card-video .img img{padding:0 0 50px;}
    .card-info .card-video .youtube iframe{width: 90%;}

    .card-info .card-detail div{padding: 15px 15px;}
    .card-info .card-terms{margin: 20px 0 40px;}
    .card-info .card-terms div{padding: 40px 0 345px 0; background-image: url(../Images/CardInfo/Mob/card-detail-bg1.png), url(../Images/CardInfo/card-detail-bg2.png), url(../Images/CardInfo/card-detail-bg2.png);}

    .info-box{padding: 0; background: none; outline: none;}
    .info-box .info{width: 100%; margin: 10px 0 0; padding: 5px; background: #F6F6F6; outline: 1px solid #DDD;}
    .info-box .info:first-child{border-right: none;}
    .about .links li a{width: 100%;}
    .timeline-container{width: 479px; font-size: 0.8em;}
    .timeline-item{width: 479px;}
    .timeline > div .text{width: 98%; margin-left: 5px;}
    .extrato .btn-wrp .btn{margin: 0;}
    .extrato .hicon-more{font-size: 1.333em; padding: 2px;}
    .hvn-cards .hvn-card{width: 100%;}
    .promo-wa div h1{padding: 5px 0 5px 10px; background: rgba(255,255,255,0.6); border-radius: 10px; border: 1px solid #EEE; text-shadow: -2px 2px 0 #FFF;}
}
@media(max-width: 479px){
    .home .links a{height: 155px;}
    .sac .topics ul.lev2 li a{padding: 15px 5px 15px 10px;}
    .sac .topics ul.lev2 li div{margin: -8px 0 0 10px;}
    .stores .uf li{width: 49.3%;}

    .card-info .card-header .imgs{background: url(../Images/CardInfo/Mob/card-header-bg3.png) -10px center no-repeat, url(../Images/CardInfo/Mob/card-header-bg4.png) 128px 90px no-repeat; background-size: 185px;}
    .card-info .card-header .imgs .logo{margin: 10px 5px 0;}
    .card-info .card-header .get-app{padding: 140px 0 0 180px;}
    .card-info .card-video .youtube{box-sizing: content-box; margin-left: -10px; padding: 0 10px; overflow: hidden;}
    .card-info .card-video .youtube iframe{width: 108%; margin-left: -10px;}

    .modal-quest .rate{width: 100%;}
    .clipping .clipp{height: auto;}
    .event-box{width: 100%; height: auto; min-height: 0; margin: 5px 0 25px;}
    .event-box:nth-child(3n){margin-right: 0;}
    .timeline-container{width: 310px;}
    .timeline-item{width: 310px;}
    .chat-online{right: 5px;}
    .chat-online .btn{margin-bottom: 0;}
    .promo-wa div{background-image: url(../Images/promo-wa-r.png);}
    .promo-wa div h1{font-size: 1.9em; line-height: 1.167em;}
    .promo-wa div .btn{width: 90%; margin: 90px 5% 0;}
}

.default.print-info{}
.print-info dl{float: left; width: 100%; margin: 5px 0 40px;}
.print-info dt{padding: 5px 10px; background: #FFF; border: 1px solid #CDE;}
.print-info dd{margin: 10px 0 50px;}
.print-info dd img{box-shadow: 0 0 6px #000;}

.default.extrato-acesso{}
.extrato-acesso .hvn-form .opt-card,
.extrato-acesso .hvn-form .opt-pass,
.extrato-acesso .hvn-form .opt-toke,
.extrato-acesso .hvn-form .opt{display: none;}
.extrato-acesso .hvn-form .txt{color: #0084dc; margin: 0 0 10px 5px; padding: 6px 10px; border: 1px solid #abdeff; background: #FFF;}
.extrato-acesso .hvn-form span.radio{width: 100%; height: auto; margin-bottom: 15px;}
.extrato-acesso .hvn-form span.radio label{float: left; margin: 15px 20px 0 0;}
.extrato-acesso .hvn-form span input[type="radio"]{float: left; width: auto; height: auto; padding: 0; margin: 0.5px 6px 0; border: none; background: none;}
.extrato-acesso .hvn-card{text-align: center; padding-top: 30px;}
.extrato-acesso .hvn-card img{width: 275px;}

.png-shadow{-webkit-filter: drop-shadow(-4px 4px 2px rgba(0,0,0,0.2)); filter: drop-shadow(-4px 4px 2px rgba(0,0,0,0.2));}
.rotate{transform: rotate(10deg);}

/*Romaneio da Pré Venda*/
.romaneio-main {
    background-color: #002a5d;
    padding: 20px;
    width: 300px;
    display: table;
    margin: 0 auto;
    margin-top: 20px;
}

.romaneio-main .romaneio-barcode {
    background-color: white;
    padding: 20px;
    margin-top: 10px;
    text-align: center;
    color: black
}

.romaneio-main .romaneio-img {
    margin-left: 80px
}

.romaneio-main .romaneio-barcode .romaneio-label {
    font-size: 1.5em
}

.romaneio-download {
    display: table;
    margin: 0 auto;
    margin-top: 20px;
    text-align: center;
}
.facebook {
    display: none;
    background: #3b5998;
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}    
.facebook:hover{
    background: #324c84;
    text-decoration: none;
}
.facebook:focus {
        background: #324c84;
        text-decoration: none;
}
.google {
    display: none;
    background: #DD4B39;
    border: none;
    color: white;
    text-align: center;
    text-decoration: double;
    display: inline-block;
}
    .google:hover {
        background: #c13a2e;
        text-decoration: double;
    }

    .google:focus {
        background: #c13a2e;
        text-decoration: double;
    }

.division {
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden;
    text-align: center;
}

    .division:before,
    .division:after {
        background-color: #CCC;
        content: "";
        display: inline-block;
        height: 1px;
        position: relative;
        vertical-align: middle;
        width: 50%;
    }

    .division:before {
        right: 0.5em;
        margin-left: -50%;
    }

.division:after {
    left: 0.5em;
    margin-right: -50%;
}
.hicon-social {
    height: 20px; 
    width: 20px; 
    float: left;
}
.padding-tp13 a{
    font-size: 13px;
    padding-top: 10px !important;
}