
/* About our Program */
	#blk_mask {

		position: fixed;

		width:100%;

		height:100%;

		left:0;

		top:0;

		background:rgba(0,0,0,.6);

		z-index: 100000;

		display:none;

	}

	

	#program-wrapper {
		font-family: arial;
		position: fixed;
		z-index: 99999999;
		box-sizing: border-box;
		/*height:80vh;
		bottom:-80vh;*/
		height: 36vw;
		bottom: -36vw;
		transition:all ease-out .3s;
		transition-delay: .2s;
		overflow: hidden;
		width:calc(100% - 30px);
		left: 15px;

	}

	

	#program-wrapper.on {

		bottom: 0;

	}

	

	#about-program {
		background: #EAEAEA;;

		border-radius: 1.3333vw 1.3333vw 0 0;

		position: relative;

        padding-top: 0;

        padding-bottom:0;

		/*transition-delay: 1s;*/

        overflow: hidden;

		transition:all ease-out .3s;

		top:0;
		box-sizing: border-box;


	}
    

    .on #feature-inner {        

        background: rgba(243,244,246);

    }

    

	#exit_icon {

		position: absolute;

		top: 0;

		right: 0;

		width:10.5vw;

		height:10.5vw;

		display: flex;

		flex-direction: column;

		justify-content: center;

		text-align: center;

		cursor: pointer;

		z-index: 10000000;

		

	}

	

	#exit_icon img {

		width:3.5vw;
		height: 3.5vw;
		margin: auto;

	}

    .sub-title {

        font-style: normal;

        font-weight: 500;

        font-size:4vw;

        line-height:140%;

        text-align: center;

        color: #525252;

        margin: 0;

        position: relative;

        padding-bottom:0;

        margin-bottom: 3.5333vw;

    }



	#program-wrapper.on .sub-title:before {

		opacity:0;

	}



    #p-requirements {

            text-align: justify;

            color: #525252;

            padding-bottom:0;

            position: relative;

    		/*height: 76vh;*/
			height:36vw;

    		overflow: auto;

    		box-sizing:border-box;

    		opacity:0;

    		transition:all ease-out .55s;

            padding-top:8vw;
			box-sizing: border-box;

        }  

        

        #p-requirements > div {

            margin: auto;

            width: 82%;

        }

        #p-requirements a {
            color: #525252;

        }

        #p-requirements * {
            

             font-size: 2.9333vw !important;

            line-height: 140%; 

            letter-spacing: 0 !important;

			color:#808080;

        }

        

        #p-requirements ul, #p-requirements li {

            padding:0;

            list-style:none;

            font-size: 3.467vw;

        }

        

        #p-requirements > center > span {

            text-decoration: underline;

            font-weight: 500;

            font-size: 3.467vw;

            display: inline-block;

            margin-bottom: 7vw;

             color: #525252;

            cursor: pointer;

        }

        #p-requirements p {

            font-style: normal;

            font-weight: normal;

             font-size: 3.467vw;

            text-align: justify;

            margin: 0;

            padding-bottom: 4vw;

            color: #525252;

        }

	#p-requirements > div.info-btn {

    display: block;
    line-height: 11vw;
    width: 15vw;
    float: right;
    margin: 10px 9%;
    text-align: center;
    font-style: normal;
    font-weight: normal;
    font-size: 17px !important;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
    border-radius: 0;
    background: #3A559F;
    }

@media all and (min-width:600px) {
   	#program-wrapper {

		height: 180px;
		bottom: -180px;
		width:calc(100% - 30px);
		left: 15px;

	}


	#about-program {

		border-radius: 5px 5px 0 0;

	}
    
	#exit_icon {

		width:40px;

		height:40px;
        
        right:20px;

	

	}

	

	#exit_icon img {

		width:15px;
		height: 15px;
		margin: auto;

	}

    .sub-title {


        font-size:15px;

        margin-bottom: 15px;

    }


    #p-requirements {

			height:180px;
            padding-top:30px;

        }  

 #p-requirements * {
            

             font-size: 13px !important;

            line-height: 140%; 

            letter-spacing: 0 !important;

			color:#808080;

        }

        

        #p-requirements ul, #p-requirements li {

            padding:0;

            list-style:none;

            font-size: 13px;

        }

        

        #p-requirements > center > span {

            text-decoration: underline;

            font-weight: 500;

            font-size: 13px;

            display: inline-block;

            margin-bottom: 27vw;

             color: #525252;

            cursor: pointer;

        }

        #p-requirements p {

            font-style: normal;

            font-weight: normal;

             font-size: 13px;

            text-align: justify;

            margin: 0;

            padding-bottom: 14px;

            color: #525252;

        }

	#p-requirements > div.info-btn {

    display: block;
    line-height:57px;
    width: 120px;
    float: right;
    margin: 10px 9%;
    text-align: center;
    font-style: normal;
    font-weight: normal;
    font-size: 17px !important;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
    border-radius: 0;
    background: #3A559F;
    } 
}