p,
h2{
	font-family: 'Open Sans', sans-serif;
}
.box-topo{display:none; position: relative; float: left; width: 100%; background: #ecf0f1; line-height: 69px; min-height: 69px;}
.box-topo h3{position: relative; display: inline-block; width: auto; vertical-align: middle; font-size: 14px; line-height: 18px; color: #4f565c; font-family: 'robotomedium'; text-align: left; margin: 0 0;}
.box-topo h3 span{position: relative; display: inline-block; vertical-align: top; margin: 0 5px 0 0;}
.box-topo h3 a{color: #4f565c; text-decoration: none; display: inline-block; vertical-align: top; margin-right: 5px;}
.box-topo h3 i{color: #a6a6a6; margin-right: 10px;}
/**/
.content h2{position: relative; float: none; text-align: center; width: 100%; font-size: 24px; line-height: 28px; color: #4f565c; font-family: 'Open Sans', sans-serif; font-weight: bold; text-transform: none; border:0; padding-bottom: 15px; margin: 42px 0 10px 0;}
.content h2 span{position: absolute; left: 0; bottom: -1px; width: 43px; height: 7px; background: #4f565c; overflow: hidden;}
.content .box{position: relative; float: left; width: 100%;}
.col-xs-6{padding: 0 25px 25px 0; background: #fff; overflow: hidden; min-height: 1035px;}
/**/
.assine{min-height: 801px; margin-bottom: 40px;}
.assine .middle{overflow: visible;}
.assine .bg{position: absolute; top: 0; right: -372px; width: 950px; min-height: 1135px; overflow: hidden; background: url('../images/bg-assine.jpg') 0 0 no-repeat; background-size:cover; }
.assine h2{font-size: 30px; line-height: 34px; color: #4f565c; text-transform: uppercase; margin: 0 0; letter-spacing: -1px; padding-bottom: 0; border-bottom: none;}
.assine h2 strong{color: #d9090f; font-family: 'robotobold'; font-size: 65px; line-height: 65px; letter-spacing: -2px;}
.assine h3{position: relative; float: left; width: 100%; letter-spacing: 14px; font-size: 35px; line-height: 39px; font-family: 'robotolight'; color: #4f565c; text-transform: uppercase; margin: 0 0;  border-bottom: none;}
/**/
.box-color{position: relative; float: left; width: 100%; background: #4f565c; line-height: 51px; font-family: 'robotolight'; font-size: 20px; color: #fff; text-align: center; text-transform: uppercase; margin: 15px 0;}
.box-color strong{font-family: 'robotomedium';}
.box .form{position: relative; float: left; width: 100%;}
.box .form input{position: relative; float: left; width: 100%; height: 40px; border: solid 1px #dde4e6; line-height: 40px; font-size: 14px; color: #4f565c; padding-left: 8px; margin-bottom: 9px;}
.box .form h4, .box .form label{ position: relative; float: left; width: 100%; font-family: 'robotomedium'; font-size: 16px; line-height: 20px; margin: 20px 0 10px 0;}
.box .form .linha-check{position: relative; float: left; width: auto; margin: 0 0;}
.box .form .linha-check label{font-family: 'robotolight'; width: auto; vertical-align: top; margin: 0 0;}
.box .form .linha-check input[type="checkbox"]{width: 16px; height: 16px; padding-left: 0; line-height: 16px; margin: 4px 5px 0 0; vertical-align: top;}
.box .form .button{position: relative; float: right; border:none; background: #cf050e; height: 40px; width: auto; padding: 0 15px; text-align: center; font-family: 'robotolight'; font-size: 16px; line-height: 40px; text-decoration: none; text-transform: uppercase; color: #fff;}
.box .form .button:focus, .box .form .button:hover{outline: none; text-decoration: none; opacity: 0.6;}
/**/
.box .form .linha{position: relative; float: left; width: 100%; }
.box .form .linha label{position: absolute; top: 10px; left: 10px; background: #fff; font-family: 'robotolight'; font-size: 16px; line-height: 20px; z-index: 99; margin: 0; width: auto; transition: all 0.1s ease 0s; padding: 0 5px;}
.box .form .linha.focus label{position: absolute; top: -9px; background: #fff; font-family: 'robotomedium';}
/**/
.box-termos{position: relative; float: left; width:100%; height: 79px; border: solid 1px #dde4e6; padding: 10px 10px; font-size: 12px; line-height: 16px; color: #4f565c; overflow-y: scroll; margin-bottom: 20px;}
.box-checkbox{position: relative; float: left; width:100%; height: 144px; border: solid 1px #dde4e6; padding: 10px 10px; font-size: 12px; line-height: 16px; color: #4f565c; overflow-y: scroll;}
.box-checkbox p{position: relative; float: left; width: 50%; margin-bottom: 5px;}
.box-checkbox p label{line-height: 15px !important; vertical-align: top;}
.box-checkbox input[type="checkbox"]{position: relative; display: inline-block; width: 15px !important; height: 15px !important; margin: 0 5px 0 0;}
.box-checkbox label{position: relative; width: auto !important; float: none !important; display: inline; font-family: 'robotolight' !important; margin: 0 0; font-size: 14px; line-height: 16px; color: #666;}
.box .form h4{ position: relative; float: left; width: 100%; font-family: 'robotomedium'; font-size: 16px; line-height: 20px; margin: 10px 0;}

.box-checkbox#lista_segmentos{height: 200px;}
.box-checkbox#lista_segmentos p{width: 100%; line-height: 15px;}

#lista_segmentos .segmentos-filho{padding-left: 20px;}

.box .form h4 span{position: relative; float: right; width: auto;}
.box .form h4 input[type="checkbox"]{position: relative; display: inline-block; width: 15px !important; height: 15px !important; margin-right: 5px;}
.box .form h4 label{position: relative; width: auto !important; float: none !important; display: inline; font-family: 'robotolight' !important; margin: 0 0; font-size: 12px; line-height: 16px; color: #666;}
.img-responsive{margin-bottom: 20px;}

.w50{width: calc(50% - 5px) !important;}
.margin-right{margin-right: 10px;}

.bg-form-assine {
    background-color: #ecf0f1;
    float: left;
    padding: 60px;
}
.img-topo{
	margin-top: -80px;
	float: left;
	width: 100%;
	background: url('../images/banner-assine1.jpg') center center no-repeat;
	background-size: cover;
	font-family: 'Open Sans', sans-serif;
	color: #fff;
}
.img-topo img{
	margin-bottom: 0;
	max-width: 200px;
		margin-top: 60px;
}
.img-topo h1 {
	margin-top: 130px;			    
	font-weight: bold;	
	margin-bottom: 5px;		    
}
.img-topo h1 span{
	font-weight: 600;
}
.img-topo p{
	font-weight: bold;
	font-size: 22px;
}
/**/


@media (min-width: 960px) and (max-width: 1175px){
	.assine h2{font-size: 24px; line-height: 28px;}
	.assine h2 strong{font-size: 53px; line-height: 56px;}
	.assine h3{font-size: 30px; line-height: 34px; letter-spacing: 10px;}
}
@media (max-width: 959px){
	.col-xs-6{padding: 0 20px 25px 0; min-width: 400px;}
	.assine .bg{right: -470px;}
	/**/
	.assine h2{font-size: 20px; line-height: 24px;}
	.assine h2 strong{font-size: 44px; line-height: 46px;}
	.assine h3{font-size: 24px; line-height: 28px; letter-spacing: 9px;}
	/**/
	.box-color{line-height: 24px; padding: 12px 0;}
	.box-color strong{float: left; width: 100%;}
}
@media (max-width: 767px){
	.assine .bg{display: none;}
	.col-xs-6{width: 100%; padding: 0 0; min-width: 0;}
	/**/
	.assine h3,	.assine h2 {text-align: center;}
	.assine h2 strong{font-size: 35px; line-height: 39px;}
	.assine h3{letter-spacing: 6px;}
	.img-topo{ margin-top: 0; }

	.bg-form-assine {
	    background-color: #ecf0f1;
	    float: left;
	    padding: 5px;
	}
	.img-topo h1 {
	    margin-top: 30px;
	    font-size: 1.2em;
	}
	.img-topo p{
		font-size: 1em;
	}
	.img-topo img{
		max-width: 100%;
		margin-top: 30px;
	}
	.w50{
		width: 100% !important;
	}

}