.bottombarhome {
	width:100%;
	height:560px;
	left:0px;
	position:fixed;
	z-index: 999999999;
	overflow:visible;
	background-image: url(../images/box-assine-footer/background.png);
	font-family:'Open Sans', sans-serif;
	bottom: -560px;
}

.bottombarhome .bb-inner {
	width:976px;
	height:560px;
	margin:0 auto;
	position: relative;
	
}
.bottombarhome .header{
	position: absolute;
	z-index: 9999;
}
.bottombarhome.close .bb-inner .gratis{
	padding: 12px 0;
	height: 35px;
    line-height: 35px;
	transition:all 300ms ease-in-out ;
}
.bottombarhome .bb-inner .gratis{
	width: 890px;
	height: 90px;
	line-height: 90px;
	display: inline-block;
	font-family:'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 25px;
	color: #ffffff;
	transition:all 300ms ease-in-out ;
}
.bottombarhome .bb-inner .gratis big{
	font-family:'Open Sans', sans-serif;
	font-weight: 800;
	font-size: 25px;
}
.bottombarhome.open .bb-inner .gratis{
	transition:all 300ms ease-in-out ;
}
.bottombarhome.open .bb-inner .ipad-mac{
	background:url(../images/box-assine-footer/ipad-mac.png) no-repeat;
	position: absolute;
    width: 192px;
    height: 82px;
    top: 4px;
    right: 135px;
    display: block;
    opacity: .5;
    transition:all 300ms ease-in-out ;

}
.bottombarhome.close .bb-inner .ipad-mac{
	background:url(../images/box-assine-footer/ipad-mac.png) no-repeat;
	position: absolute;
    width: 192px;
    height: 82px;
    top: -30px;
    right: 135px;
    display: block;
    opacity: 1;
    transition:all 300ms ease-in-out ;
}
.bottombarhome .bb-inner .assine {
    width: 282px;
    height: 55px;
    border-radius: 8px;
    color: #fff;
    font-size: 27px;
    text-transform: uppercase;
    position: absolute;
    bottom: 40px;
    z-index: 1;
    line-height: 56px;
}
.bottombarhome .bb-inner .assine span {
    background: url(../images/box-assine-footer/sprite-assine.png) 1px 3px no-repeat;
    padding-left: 93px;
    height: 55px;
    display: inline-block;
    font-family:'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 31px;
}
.bottombarhome .bb-inner .seemore.open,
.bottombarhome .bb-inner .seemore.close {
	background: url(../images/box-assine-footer/sprite-assine.png) -3px -62px no-repeat;
    margin: 0;
    position: absolute;
    top: 6px;
    right: 50px;
    width: 50px;
    height: 50px;
    padding: 0;
    z-index: 9999;
    -webkit-transition: transform 300ms ease-in-out;
    transition: transform 300ms ease-in-out;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.bottombarhome .bb-inner .fechar {
	background: url(../images/box-assine-footer/sprite-assine.png) -1px -796px no-repeat;
    margin: 0;
    position: absolute;
    top: 6px;
    right: 0px;
    width: 50px;
    height: 50px;
    padding: 0;
    z-index: 9999;
    -webkit-transition: transform 300ms ease-in-out;
    transition: transform 300ms ease-in-out;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
    /* transição - abrir */
    opacity: 1;
    visibility: visible;
	transition: opacity 0.3s ease-in-out, visibility 0s linear;
	-o-transition: opacity 0.3s ease-in-out, visibility 0s linear;
	-moz-transition: opacity 0.3s ease-in-out, visibility 0s linear;
	-webkit-transition: opacity 0.3s ease-in-out, visibility 0s linear;
}
.bottombarhome.open .bb-inner .fechar {
    /* transição - fechar */
    opacity: 0;
    visibility: hidden;
	transition: opacity 0.3s ease-in-out, visibility 0s linear 0.3s;
	-o-transition: opacity 0.3s ease-in-out, visibility 0s linear 0.3s;
	-moz-transition: opacity 0.3s ease-in-out, visibility 0s linear 0.3s;
	-webkit-transition: opacity 0.3s ease-in-out, visibility 0s linear 0.3s;
}
.bottombarhome .bb-inner .seemore.open{
    transition: transform 300ms ease-in-out;
    transform: rotate(0deg);
}
.bottombarhome.close .bb-inner .content{
	display: none;
}
.bottombarhome.open .bb-inner .content{
	position: absolute;
    top: 110px;
}
.bottombarhome figure{
	display: none;
}
.bottombarhome.open figure{
	padding: 0;
	margin: 0;
	display: block;
}
.bottombarhome .content h2{
    font-size: 21px;
    font-weight: 800;
    padding-bottom: 30px;
}
.bottombarhome .content h3{
	font-size: 20px;
	font-weight: normal;
	padding-top: 10px;
}
.bottombarhome .content h3 big{
	font-size: 30px;
	font-weight: bold;
}
.bottombarhome .content li{
    background: url(../images/box-assine-footer/sprite-assine.png) no-repeat;
    width: 415px;
	padding: 0 30px 20px;
    font-size: 17px;
    font-weight: 400;
}
/* svg */
svg {
	pointer-events: none;
}



.bottombarhome .drawings {
	position: relative;
	max-height: 400px;
}

.bottombarhome .illustration {
	position: absolute;
    top: 68%;
    left: 76%;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 957px;
}

.bottombarhome #assine .show {
	opacity: 1;
}

.bottombarhome #assine .hide {
	opacity: 0;
}

.bottombarhome .line-drawing,
.bottombarhome .illustration {
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.bottombarhome .line-drawing path {
	fill: none;
	stroke: red;
	stroke-width: 3;
}

.bottombarhome path.line-round {
	stroke-linecap: round;
}

.bottombarhome path.stroke-medium {
	stroke-width: 2;
}

.bottombarhome path.stroke-thin {
	stroke-width: 1;
}
.bottombarhome .illustration.show{
	background-repeat: no-repeat;
	background-position: -18px -9px;
	display: block;
}
.news .bottombarhome .bb-inner .assine,
.news .bottombarhome .bb-inner .seemore.open,
.news .bottombarhome .bb-inner .seemore.close,
.news .bottombarhome,
.home .bottombarhome .bb-inner .assine,
.home .bottombarhome .bb-inner .seemore.fechar,
.home .bottombarhome .bb-inner .seemore.open,
.home .bottombarhome .bb-inner .seemore.close,
.home .bottombarhome{background-color: #e40000;}

.news .bottombarhome .content h3,
.home .bottombarhome .content h3{color: #e40000;}
.news .bottombarhome .line-drawing,
.home .bottombarhome .line-drawing path{stroke: #e40000;}
.home .bottombarhome .illustration.show{background-image: url(../images/box-assine-footer/device-svg-news.png);}
.news .bottombarhome .illustration.show{background-image: url(../images/box-assine-footer/device-svg-news.png);}
.news .bottombarhome .content li,
.home .bottombarhome .content li{background-position: -5px -200px;}

.sports .bottombarhome .bb-inner .assine,
.sports .bottombarhome .bb-inner .seemore.open,
.sports .bottombarhome .bb-inner .seemore.close,
.sports .bottombarhome{background-color: #7ac40b;}
.sports .bottombarhome .content h3{color: #7ac40b;}
.sports .bottombarhome .line-drawing path{stroke: #7ac40b;}
.sports .bottombarhome .illustration.show{background-image: url(../images/box-assine-footer/device-svg-sports.png);}
.sports .bottombarhome .content li{background-position: -5px -112px;}

.police .bottombarhome .bb-inner .assine,
.police .bottombarhome .bb-inner .seemore.open,
.police .bottombarhome .bb-inner .seemore.close,
.police .bottombarhome{background-color: #ff7200;}
.police .bottombarhome .content h3{color: #ff7200;}
.police .bottombarhome .line-drawing path{stroke: #ff7200;}
.police .bottombarhome .illustration.show{background-image: url(../images/box-assine-footer/device-svg-police.png);}
.police .bottombarhome .content li{background-position: -5px -280px;}

.jobs .bottombarhome .bb-inner .assine,
.jobs .bottombarhome .bb-inner .seemore.open,
.jobs .bottombarhome .bb-inner .seemore.close,
.jobs .bottombarhome{background-color: #ecb010;}
.jobs .bottombarhome .content h3{color: #ecb010;}
.jobs .bottombarhome .line-drawing path{stroke: #ecb010;}
.jobs .bottombarhome .illustration.show{background-image: url(../images/box-assine-footer/device-svg-jobs.png);}
.jobs .bottombarhome .content li{background-position: -5px -360px;}

.retratos .bottombarhome .bb-inner .assine,
.retratos .bottombarhome .bb-inner .seemore.open,
.retratos .bottombarhome .bb-inner .seemore.close,
.retratos .bottombarhome{background-color: #c722fd;}
.retratos .bottombarhome .content h3{color: #c722fd;}
.retratos .bottombarhome .line-drawing path{stroke: #c722fd;}
.retratos .bottombarhome .illustration.show{background-image: url(../images/box-assine-footer/device-svg-retratos.png);}
.retratos .bottombarhome .content li{background-position: -5px -440px;}

.mulher .bottombarhome .bb-inner .assine,
.mulher .bottombarhome .bb-inner .seemore.open,
.mulher .bottombarhome .bb-inner .seemore.close,
.mulher .bottombarhome{background-color: #ED1B52;}
.mulher .bottombarhome .content h3{color: #ED1B52;}
.mulher .bottombarhome .line-drawing path{stroke: #ED1B52;}
.mulher .bottombarhome .illustration.show{background-image: url(../images/box-assine-footer/device-svg-mulher.png);}
.mulher .bottombarhome .content li{background-position: -5px -520px;}

.tv .bottombarhome .bb-inner .assine,
.tv .bottombarhome .bb-inner .seemore.open,
.tv .bottombarhome .bb-inner .seemore.close,
.tv .bottombarhome{background-color: #0cb7e2;}
.tv .bottombarhome .content h3{color: #0cb7e2;}
.tv .bottombarhome .line-drawing path{stroke: #0cb7e2;}
.tv .bottombarhome .illustration.show{background-image: url(../images/box-assine-footer/device-svg-tv.png);}
.tv .bottombarhome .content li{background-position: -5px -590px;}

.decaronacomelas.infpub .bottombarhome .bb-inner .assine,
.decaronacomelas.infpub .bottombarhome .bb-inner .seemore.open,
.decaronacomelas.infpub .bottombarhome .bb-inner .seemore.close,
.decaronacomelas.infpub .bottombarhome{background-color: #ee0578;}
.decaronacomelas.infpub .bottombarhome .content h3{color: #ee0578;}
.decaronacomelas.infpub .bottombarhome .line-drawing path{stroke: #ee0578;}
.decaronacomelas.infpub .bottombarhome .illustration.show{background-image: url(../images/box-assine-footer/device-svg-decaronacomelas.png);}
.decaronacomelas.infpub .bottombarhome .content li{background-position: -5px -660px;}


.infpub .bottombarhome .bb-inner .assine,
.infpub .bottombarhome .bb-inner .seemore.open,
.infpub .bottombarhome .bb-inner .seemore.close,
.infpub .bottombarhome{background-color: #1D1D1D;}
.infpub .bottombarhome .content h3{color: #1D1D1D;}
.infpub .bottombarhome .line-drawing path{stroke: #1D1D1D;}
.infpub .bottombarhome .illustration.show{background-image: url(../images/box-assine-footer/device-svg-infpub.png);}
.infpub .bottombarhome .content li{background-position: -5px -730px;}