@charset "utf-8";
/* CSS Document */


.panel-title{
	color: #fff;
	font-family: 'Nunito-Black';
	font-size: 4rem;
	line-height: 110%;
	text-align: left;
}
.panel-title p.linea1 {
    display: inline-block;
    font-size: 5rem;
    position: absolute;
    left: 10.5%;
    top: 36px;
}
.panel-title p.linea2 {
    display: inline-block;
    font-size: 5rem;
    position: absolute;
    left: 10.5%;
	top: 60px;
}
.panel-title p.linea3 {
    display: inline-block;
    font-size: 5rem;
    position: absolute;
    left: 10.5%;
    top: 73px;
}
.panel-title p.linea4 {
    display: inline-block;
    font-size: 5rem;
    position: absolute;
    left: 10.5%;
	top: 97px;
}


.panel-title2{
	color: #CA011E;
	font-family: 'Nunito-Black';
	font-size: 4rem;
	text-align: left;
	padding: 3% 2% 0 2%;
}
.panel-title2 a{
	color: #CA011E;
}
.panel-title2 img{
	width: 15%;
	margin-right: 2%
}
.panel-title2 a span{
	position: relative;
	top:6px;
}
.panel-title2 a:hover{
	text-decoration: none;
}

.panel-default{ 
	border-color: transparent;
}

.panel-default>.panel-heading,.panel{
	border:0 none;  
	box-shadow:none;
}

	
.panel .bg1{  
	background-color: #F0BE3F;   
}
.panel .bg2{  
	background-color: #EDA600;   
}
.panel .bg3{  
	background-color: #A7C048;   
}
.panel .bg4{  
	background-color: #97A221;   
}

.panel .bg5{  
	background-color: #136D2E;   
}
.panel .bg6{  
	background-color: #0E5328;   
}

.panel .bg7{  
	background-color: #D12634;   
}
.panel .bg8{  
	background-color: #AF1923;   
}


.panel-default>.panel-heading+.panel-collapse .panel-body{ 
	background: #fff;  
	color: #858586;
	font-size: 1.7rem; 
	text-align: left;
	
}

.panel-body{ 
	padding:20px 15% 20px 11%;	
}

.panel-group .panel+.panel{  
	margin-top: 0;  
	border-top: none;
}

.panel-group .panel{  
	border-radius: 0;
}

.panel-heading{  
	border-radius: 0;
	position: relative;
	padding: 1% 20% 1% 15%;
}
.panel-heading a{
	padding: 10px 15px;
	text-decoration: none;
}
.panel-heading a:hover{
	text-decoration: none;
}
.panel-body-btt{
	margin-bottom: 3%;
	padding: 0;
}

.panel-heading.active{  
	background: #007D4B; 
	border:2px solid #34B82F;
}

.panel-heading.active .panel-title>a{ 
	color:#fff;
}

.panel-heading.active {
	background: #8EC74A none repeat scroll 0 0;  
	border: 2px solid #8EC74A;
}

.panel-heading.active .panel-title > a {
	color: #fff;
}

.panel-title > a { 
	color: #fff; 
	font-size: 2rem;
}

a.accordion-toggle  i{ 
	width: 45px;
	line-height: 41px; 
	font-size: 20px;  
	margin-top: -12px;  
	text-align: center; 
	margin-right: -15px;
  background: #c9c9c9;
}

.panel-heading.active a.accordion-toggle i{  
	background: #34B82F;  
	color: #fff;
}

.panel-heading.active a.accordion-toggle.collapsed i{ 
	background: #c52d2f; 
	color: #fff;
}

.panel-heading a::after{
	content:url("../images/main/arrowcollapse2..png"); 
	right: 10%;
	position: absolute;
	top: 77px;
}
.panel-heading a.collapsed::after{
	content:url("../images/main/arrowcollapse2..png");
	right: 10%;
	position: absolute;
	top: 77px;
}
.panel-heading2 a::after{
	content:url("../images/main/arrowcollapse.png"); 
	right: 10%;
	position: absolute;
	top: 77px;
}

/*------ RESPONSIVE  -----*/

@media screen and (min-width:300px) and (max-width:479px){
	
	.panel-title{
		font-size: 2rem;
	}
	.panel-title p.linea2{
		font-size: 3rem;
		left: 6.5%;
	}
	.panel-title p.linea4{
		font-size: 3rem;
		left: 6.5%;
	}
	.panel-title p.linea3{
		font-size: 3rem;
		left: 6.5%;
	}
	.panel-heading a::after{
		right: 7%;
	}
	.panel-heading a.collapsed::after{
		right: 7%;
	}
	
	
}

@media screen and (min-width:480px) and (max-width:599px){
	
	.panel-title{
		font-size: 2.5rem;
	}
	.panel-title p.linea2{
		font-size: 3rem;
		left: 6.5%;
	}
	.panel-title p.linea4{
		font-size: 3rem;
		left: 6.5%;
	}
	.panel-title p.linea3{
		font-size: 3rem;
		left: 6.5%;
	}
	.panel-heading a::after{
		right: 7%;
	}
	.panel-heading a.collapsed::after{
		right: 7%;
	}
	
}

@media screen and (min-width:600px) and (max-width:767px){
	
	.panel-title{
		font-size: 2.5rem;
	}
	.panel-title p.linea2{
		font-size: 3rem;
		left: 6.5%;
	}
	.panel-title p.linea4{
		font-size: 3rem;
		left: 6.5%;
	}
	.panel-title p.linea3{
		font-size: 3rem;
		left: 6.5%;
	}
	.panel-heading a::after{
		right: 7%;
	}
	.panel-heading a.collapsed::after{
		right: 7%;
	}
	
}

@media screen and (min-width:768px) and (max-width:799px){
	
	.panel-title{
		font-size: 2.5rem;
	}
	.panel-title p.linea2{
		font-size: 3rem;
		left: 6.5%;
		top: 40px;
	}
	.panel-title p.linea4{
		font-size: 3rem;
		left: 6.5%;
	}
	.panel-title p.linea3{
		font-size: 3rem;
		left: 6.5%;
	}
	.panel-heading a::after{
		right: 7%;
	}
	.panel-heading a.collapsed::after{
		right: 7%;
	}
	
	
}

@media screen and (min-width:800px) and (max-width:1023px){
	
	
	.panel-title{
		font-size: 2.7rem;
	}
	.panel-title2{
		font-size: 2.7rem;
		padding: 3% 2% 0 20%;
	}
	
	
}

@media screen and (min-width:1024px) and (max-width:1279px){
	
	.panel-title{
		font-size: 3rem;
	}
	
	.panel-title p.linea2{
		font-size: 4rem;
		top: 45px;
	}
	.panel-title p.linea3{
		font-size: 4rem;
		top: 55px;
	}
	.panel-title p.linea4{
		font-size: 4rem;
		top: 74px;
	}
	.panel-heading a::after{
		top: 49px;
	}
	.panel-heading a.collapsed::after{
		top: 49px;
	}
	
}


@media screen and (min-width:1280px) and (max-width:1359px){
	
	.panel-title{
		font-size: 3rem;
	}
	
	.panel-title p.linea2{
		font-size: 4rem;
		top: 45px;
	}
	.panel-title p.linea3{
		font-size: 4rem;
		top: 55px;
	}
	.panel-title p.linea4{
		font-size: 4rem;
		top: 74px;
	}
	.panel-heading a::after{
		top: 49px;
	}
	.panel-heading a.collapsed::after{
		top: 49px;
	}
	
}

@media screen and (min-width:1360px) and (max-width:1439px){
	
	.panel-title{
		font-size: 3rem;
	}
	
	.panel-title p.linea2{
		font-size: 4rem;
		top: 45px;
	}
	.panel-title p.linea3{
		font-size: 4rem;
		top: 55px;
	}
	.panel-title p.linea4{
		font-size: 4rem;
		top: 74px;
	}
	.panel-heading a::after{
		top: 49px;
	}
	.panel-heading a.collapsed::after{
		top: 49px;
	}
	
	
	
	
}

@media screen and (min-width:1440px) and (max-width:1599px){
	
	.panel-title{
		font-size: 3rem;
	}
	
	.panel-title p.linea2{
		font-size: 4rem;
		top: 45px;
	}
	.panel-title p.linea3{
		font-size: 4rem;
		top: 55px;
	}
	.panel-title p.linea4{
		font-size: 4rem;
		top: 74px;
	}
	.panel-heading a::after{
		top: 49px;
	}
	.panel-heading a.collapsed::after{
		top: 49px;
	}
	
	
}

@media screen and (min-width:1600px) and (max-width:1679px){
	
	.panel-title{
		font-size: 3rem;
	}
	
	.panel-title p.linea2{
		font-size: 4rem;
		top: 45px;
	}
	.panel-title p.linea3{
		font-size: 4rem;
		top: 55px;
	}
	.panel-title p.linea4{
		font-size: 4rem;
		top: 74px;
	}
	.panel-heading a::after{
		top: 49px;
	}
	.panel-heading a.collapsed::after{
		top: 49px;
	}
	
	
}

@media screen and (min-width:1680px) and (max-width:1919px){
	
	.panel-title{
		font-size: 3.5rem;
	}
	
	.panel-title p.linea2{
		font-size: 4.5rem;
		top: 45px;
	}
	.panel-title p.linea3{
		font-size: 4.5rem;
		top: 55px;
	}
	.panel-title p.linea4{
		font-size: 4.5rem;
		top: 74px;
	}
	.panel-heading a::after{
		top: 49px;
	}
	.panel-heading a.collapsed::after{
		top: 49px;
	}
	
	
}