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


:root{
    --HeaderFontColor: #F15F22;

    --blueColor: #1594CB; 

    --MyBg-color: #6C164A ; /* #F15F22; */

    --FontColor: #ccffff;

    --MenuFontColor: #ccffff ; /* #808080  ;  #bbb; #0c0c0c ; */

    --MenuHoverFontColor: #bbb;

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

    --MenuLinkColor: #F15F22 ; /* #ccffff; */

    --MenuActiveFontColor: #F15F22;

    --MyBg-shallow-color: rgba(0,0,5,.5);

    --shollowBg-FontColor: #fff;
}


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%;
	line-height: 25px;
	background-color: var(--MyBg-color);
}
hr{
	color:#E1E1E1;
}
a:link,a:visited,a:hover,a:active {
	text-decoration: none;
}
a:active{
color: blue;
}

button{
	background-image: linear-gradient(to left,  var(--MyBg-color), var(--MyBg-color), #6699FF);
	border: none;
	padding: 10px;
	color: var(--FontColor);
	cursor: pointer;
	border-radius: 3px;
}

button:hover{
	background-image: linear-gradient(to right,  var(--MenuBgColor), var(--MenuBgColor), #6699FF);
}



#Contener{
	left: 0%;
	right: 0%;
	max-width: 2900px;
	width:100%;
	height:auto;
	clear:both;
	text-align:justify;
	background-color: var(--MyBg-color);
	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: var(--MyBg-color);
	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;
}


.oneColumnCenter{
	float: left;
	width: 60%;
	margin-left: 20%;
	clear:both;
	padding: 2%;
}

.twoColumn{
	float: left;
	width: 40%;
	margin-left: 9%;
}

.twoColumnCenter{
	float: left;
	width: 30%;
	margin-left: 15%;
}

.twoColumnCenter:nth-child(2){
	margin-left: 10%;
}

.twoColumn p{
	padding-top: 10px;
	color: #808080;
}

.twoColumn ul, li{
	padding-top: 1px;
	color: #808080;
	list-style-type: circle;
}

.twoColumn ul{
	padding-left: 30px;
}
 
.threeColumn{
	float: left;
	width: 30%;
	margin-left: 2%;
}

.threeColumnTight{
	float: left;
	width: 31.556%;
}


.desktopOnly{
	display: block;
}

.mobileOnly{
	display: none;
}


.ListingContener{
	    width:99%;
	    float:left;
	    border: 1px #808080 solid;
	    border-radius: 6px;
	}
	.Listing{
	    width:100%;
	    overflow:auto;
	}

	/* Hide scrollbar for Chrome, Safari and Opera */
	.Listing::-webkit-scrollbar {
	  display: none;
	}

	/* Hide scrollbar for IE, Edge and Firefox */
	.Listing {
	  -ms-overflow-style: none;  /* IE and Edge */
	  scrollbar-width: none;  /* Firefox */
	}



	/*::::::::::::::::CUSTOM FILE UPLOAD */
        .form-div{

            margin-top: 15px; margin-left: 120px; 
            overflow: hidden;

            float: left;
        }

        .form-div:first-child{

            margin-top: 15px; 
            margin-left: 5%;
            
        }



        .input-label{
            background-color:transparent;
            color: #0079FE;
            padding: 30px 0px 0px 30px;
            transition: 0.6s;
            position: absolute;
                    
        }
        .form-div img{
            position: absolute; 
            width: 100px; height: 100px;
            border:1px #bbb solid;
            border-radius: 6px;
            padding:2px;
            color:gray;
            font-size: 0.7em;

        }

        .input-label:hover{
                    
            color:#F1890E;
            cursor: pointer;
        }

        .fa{
            font-size: 2.5em;
        }
        .text-danger{
            font-size: 0.8em;
        }
        .form-group label{
            font-size: 0.9em;
            font-weight: bold;
        }
        .form-control{
            font-size: 0.9em;
        }

        .outer {
          width: 95%;
          min-height: 150px;
          margin: 0 0 10px 0;
         
          overflow-x: auto;
          overflow-y: hidden;
        }

        .inner {
          width: 99%;
          position: relative;
        }

        /* ::::::::::::::END CUSTOM FILE UPLOAD*/


@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: 750px){

	.tcm{
		margin-top: 30px;
	}

	.oneColumnCenter{
		width: 92%;
		margin-left: 2%;
	}

	.twoColumn{
		width: 96%;
		margin-left: 2%;
	}

	.twoColumnCenter{
		width: 96%;
		margin-left: 2%;
	}

	.threeColumn{
		width: 96%;
		margin-left: 2%;
	}

	.desktopOnly{
		display: none;
	}

	.mobileOnly{
		display: block;
	}
}





/*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*/