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


:root{
    --HeaderFontColor: #E98B19; /* #3D65B8;   #F79622; */

    --blueColor: #234093; 

    --MyBg-color: #F79622;

    --FontColor: #333;

    --MenuFontColor: #fff  ; /* #bbb; #0c0c0c ; */

    --MenuHoverFontColor: #bbb;

    --MenuBgColor: #0c0c0c ; /* #f0f0f0;   #fff ; #414141 ;  #005960; */

    --MenuLineColor: #ccffff;
}


img{
	max-width:100%;
}

*{
	margin:0px;
	padding: 0px;
}

table{
	width: 100%;
	text-align: center;
	

}

body{
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
}
hr{
	color:#E1E1E1;
}
a:link,a:visited,a:hover,a:active {
	text-decoration: none;
}
a:active{
color: blue;
}




#Contener{
	left: 0%;
	right: 0%;
	max-width: 2900px;
	width:100%;
	height:auto;
	clear:both;
	text-align:justify;
	background-color: #fff;
	margin: 0px;
	padding: 0px;
}
#ContentBody{
	max-width: 2300px;
	width:100%;
	min-height: 480px;
	height:auto;
	float:left;
	padding-left:30px;
}
#Content{
	max-width: 2900px;
	width:100%;
	height:auto;
	margin-top:2px;
	margin-right:0px;
	border-bottom: none;
	float:left;
	background-color:#fff;
	text-align:justify;	
	/*box-shadow: 0 4px 10px rgba(0,0,0,0.5);*/
}


#Content a{
	text-decoration: none;
}

#SideNavLeftContanar{
	max-width: 250px;
	width:15%;
	min-height: 480px;
	height: auto;
	background-color:#F8F8F8;
	float:left;
	padding-left:8px;
	margin-top: 64px;
	margin-left: 10px;
	padding-bottom:10px;
}

#SideNavLeft{
	/*position:fixed;
	top:0%; */
	max-width: 250px;
	width:19%;
	min-height: 200px;
	height: auto;
	float:left;
	color: #2A2E5B;
	background-color: #fff;
	margin-top:0px; 
	margin-left: 10px;
	/*border-right: #EEEEEE 1px solid;
	box-shadow: 0 4px 10px rgba(0,0,0,0.5);*/
}

#SideNavLeftSub{
	max-width: 500px;
	width:99%;
	height: auto;
	float:left;
	background-color:#fff;
	margin-top: 15px;
	margin-left: 0px;
	padding-left:auto;
	padding-right:auto;
	padding-bottom:10px;
	box-shadow: 0 4px 10px rgba(0,0,0,0.5);
}
#SideNavLeftSub a{
	color: blue;
}

#SideNavRight{
	position:fixed;
	top:0%;
	right: 0%; 
	width:20%;
	height: auto;
	float:right;
	padding-top:0px;
	background-color:#F8F8F8;
	margin-top:0px;
	/*box-shadow: 0 4px 10px rgba(0,0,0,0.5);*/
}
#Footer{
	max-width: 2900px;
	width:100%;
	min-height: 100px;
	height: auto;
	clear:both;
	text-align:center;
	color:#000;
}
@media only screen and (max-width: 1227px){
	#SideNavRight{
	position:absolute;
	}
}
@media only screen and (max-width: 990px){

#SideNavRight{
	position:inherit;
	max-width: 900px;
	width: 90%;
	float: left;
	background-color:#F8F8F8;
	margin-top: 5px;
	margin-left: 10px;
	
	}

#SideNavLeftContanar{
	max-width: 900px;
	width:99%;
	float:left;
	background-color:#fff;
	border: none;
	padding-left:0px;
	margin-top: 56px;
}
#SideNavLeftSub{
	width:95%;
}
#ContentBody{
	max-width: 900px;
	width:90%;
	float:left;
	background-color:#fff;
	border: none;
	padding-left:10px;
	margin-top: 10px;
	
}

#Content{
	width:96%;
	margin-left:0px;
	padding-left: 2%;
	padding-right: 3%;
	padding-top: 20px;
	margin-top:0px;
	
	}
	#Contener{
		width: 99.1%;
		background-color: #fff;
		margin: 0px;
		padding: 0px;
	}

#Content a{
	text-decoration: none;
	color: blue;
}

#SideNavLeft{
	display:none; 
	max-width: 990px;
	width:90%;
	height: auto;
	float:left;
	background-color:#fff;
	margin-left: 10px;
}

#Footer{
	padding-left: 0%;
	
}

#Contener{
	width:97%;
	
}

}

@media only screen and (max-width: 350px){


}





/*FAQs*/

 .faq_section{
    --main-color: red;
  }

  .faq_section{
    min-height: 50vh;
    width: 96%;
    padding-left: 2%;
    margin: 10px auto;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .title{
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #ccffff;
    color: var(--main-color);
  }
  .faq{
    width: 100%;
    margin-top: 2px;
    padding-bottom: 5px;
    border-bottom: 1px thin #ccffff;
    cursor: pointer;
  }

  .question{
    width: 95%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    color: #fff;
    padding-left:20px;
  }


  .noQ{
    width: 100%;
    margin-left: -25px;
    color: #fff;
  }


  .question .questionCon{
   
    float: left;
    font-size: 0.9em;
  }

  .question .questionArrow{
    float: right;
  }

  .answer{
    max-height: 0;
    overflow: hidden;
    transition:  max-height 1.4s ease;
    color: #fff;
  }
  .answer p{
    padding-top: 1rem;
    line-height: 1.6;
    font-size: 1rem;
  }

  .faq.active .answer{
    max-height: 300px;
    animation: fade1s ease-in-out;
  }

  .faq.active .question{
    color: var(--main-color);
  }

  .faq.active svg{
    transform: rotate(180deg);
    color: var(--main-color);
  }

  svg{
    transition: transform 0.5s ease-in;
  }

  @keyframes fade{
    from {
      opacity: 0;
      transform: translateY(-10px);
    }
    to {
      opacity: 1;
      transform: translateY(0px);
    }
  }
/*end FAQs*/