/* This code is only meant for previewing your Reflow design. */
#slides {
    float: left;
    clear: none;
    width: 100%;
    padding: 20px 40px;
}

#slick div img {
    width: 100%;
}

/*#box {
    float: none;
    height: 30px;
    margin-left: auto;
    margin-top: 30px;
    clear: none;
    width: 100%;
    margin-right: auto;
}*/

#ice {
    width: 10%;
    display: inline-block;
}

/*#ncca {
    width: 5%;
    display: inline-block;
}*/

#text14 {
    float: left;
    font-size: 1em;
    width: 24.248439%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0px;
    margin-top: 10px;
    clear: none;
    min-height: 20px;
    margin-right: 0px;
}

#text15 {
    float: right;
    margin-right: 100px;
    margin-top: 40px;
}

#text13 {
    float: left;
    font-size: 1em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 3.470716%;
    margin-top: 42px;
    clear: none;
    min-height: 0px;
}
#genericspacer {
	background-color:#fff;
	 width: 100%;
    height: 250px;
}	
#hcontainer {
	width:100%;
	max-width:1600px;
	/*min-width:1023px;*/
	background-color:rgba(114, 141, 166, 0.20);
	margin-right:auto;
	margin-left:auto;
}
#ctas {
	width:43%;
	display:inline-block;	
	vertical-align:top;
}
#ctas figure {
	width:100%;
	background-color:rgba(114, 141, 166, 0.20);
	vertical-align:top;
	padding:3px;
}
#ctas figure img {
	width:40%;
	height:auto;
	vertical-align:top;
}
#ctas figure figcaption {
	display: inline-block;
	width:55%;
	padding:3px;
	vertical-align:top;
}
#ctas h1 {
	font-size:20px;
	font-weight: bold;
	vertical-align:top;
}
#ctas p {
	font-size:15px;
	vertical-align:top;
}
/*-------------------------------------------  SLIDESHOW----------*/
/* slideshow -- Change width and height to match your graphic  */
#indexslide {
	width:55%;
	height:inherit;
	display: inline-block;
	vertical-align:bottom;

}
ul.slideshow {
	list-style:none;
	width:100%;
	height:600px;
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0;
	
}	

ul.slideshow li {
	position:absolute;
	left:0;
	right:0;
}

ul.slideshow li.show {
	z-index:98;	
}

ul img {
	border:none;
    width:100%;
    height:auto;
}

/*  Change width to match your graphic  */

#slideshow-caption {
	width:100%;
	height:70px;
	position:absolute;
	bottom:0;
	left:0;	
	color:#fff;
	background:#666;
	z-index:98;
}

#slideshow-caption .slideshow-caption-container {
	padding:5px 10px;		
	z-index:99;
}

#slideshow-caption h3 {
	margin:0;
	padding:0;	
	font-size:1em;
}

#slideshow-caption p {
	margin:5px 0 0 0;
	padding:0;
	font-size:1em;
}
/* end of slideshow */

@media only screen and (max-width: 2034px) {
    #text {
        margin-top: -175px;
        margin-left: 36.276417%;
        clear: both;
        font-size: 2em;
        width: 350px;
    }

    #logo {
        margin: 0px;
        clear: none;
        max-width: none;
    }

    #text1 {
        margin-top: -71px;
        margin-left: 36.276417%;
        clear: none;
    }

    #branding {
        width: 48%;
        height: auto;
        margin: 0px;
    }

    #contacnav {
        margin: 2px;
        clear: none;
        float: right;
    }

    #aboutnav {
        margin: 2px;
        float: right;
        clear: none;
    }

    #registrynav {
        margin: 2px;
        clear: none;
        float: right;
    }

    #examnav {
        margin: 2px 5px;
        clear: none;
        float: right;
    }

    #eligibilitynav {
        margin: 2px 5px;
        clear: none;
        float: right;
    }

    #globalNav {
        margin-right: 0%;
        margin-top: 0px;
        clear: none;
    }
}

@media only screen and (max-width: 1024px) {
		ul.slideshow {
	list-style:none;
	width:100%;
	height:420px;
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0;
	
}
    #eligibilitynav {
        margin: 2px 9px 2px 15px;
        clear: none;
    }

    #examnav {
        margin: 2px 17px 2px 15px;
        clear: none;
    }

    #registrynav {
        margin: 2px 8px;
        clear: none;
    }

    #image5 {
        float: left;
        width: auto;
        max-width: 21.636963%;
        height: auto;
        margin-left: 6.643677%;
        margin-top: 34px;
        clear: none;
        color: rgb(0, 0, 0);
    }

    #image6 {
        float: left;
        width: auto;
        max-width: 21.636963%;
        height: auto;
        margin-left: 12.539673%;
        margin-top: 34.5px;
        clear: none;
        color: rgb(0, 0, 0);
        margin-right: 0%;
    }

    #image7 {
        float: left;
        width: auto;
        max-width: 21.601868%;
        height: auto;
        margin-left: 8.450317%;
        margin-top: 34.5px;
        clear: none;
        color: rgb(0, 0, 0);
        margin-right: 0%;
    }

    #text7 {
        float: left;
        font-size: 1.25em;
        width: 21.636963%;
        height: auto;
        text-align: center;
        font-weight: 600;
        line-height: 1em;
        margin-left: 6.643677%;
        margin-top: 0px;
        clear: both;
        min-height: 58px;
    }

    #text8 {
        float: left;
        font-size: 1.25em;
        width: 21.636963%;
        height: auto;
        text-align: center;
        font-weight: 600;
        line-height: 1em;
        margin-left: 12.539673%;
        margin-top: 0px;
        clear: none;
        min-height: 58px;
        margin-right: 0%;
    }

    #branding {
        margin-top: 0px;
        margin-left: 0px;
        clear: none;
    }

    #text9 {
        float: left;
        font-size: 1.25em;
        width: 21.636963%;
        height: auto;
        text-align: center;
        font-weight: 600;
        line-height: 1em;
        margin-left: 8.450317%;
        margin-top: 0px;
        clear: none;
        min-height: 58px;
        margin-right: 0%;
    }

    #text10 {
        float: left;
        font-size: 1em;
        width: 21.636963%;
        height: auto;
        text-align: left;
        font-weight: normal;
        line-height: 1em;
        margin-left: 6.643677%;
        margin-top: 0px;
        clear: both;
        min-height: 58px;
    }

    #text11 {
        float: left;
        font-size: 1em;
        width: 21.636963%;
        height: auto;
        text-align: left;
        font-weight: normal;
        line-height: 1em;
        margin-left: 12.496948%;
        margin-top: 0px;
        clear: none;
        min-height: 58px;
        margin-right: 0%;
    }

    #text12 {
        float: left;
        font-size: 1em;
        width: 21.636963%;
        height: auto;
        text-align: left;
        font-weight: normal;
        line-height: 1em;
        margin-left: 8.493042%;
        margin-top: 0px;
        clear: none;
        min-height: 58px;
        margin-right: 0%;
    }

    #input {
        float: left;
        height: 25px;
        font-size: 1em;
        margin-left: 6.643677%;
        margin-top: 0px;
        clear: both;
        width: 21.636963%;
    }

    #input1 {
        float: left;
        height: 25px;
        font-size: 1em;
        margin-left: 12.496948%;
        margin-top: 0px;
        clear: none;
        width: 21.636963%;
        margin-right: 0%;
    }

    #input2 {
        float: left;
        height: 25px;
        font-size: 1em;
        margin-left: 8.493042%;
        margin-top: 0px;
        clear: none;
        width: 21.636963%;
        margin-right: 0%;
    }

    #text13 {
        float: left;
        font-size: 1em;
        width: auto;
        height: auto;
        text-align: left;
        font-weight: normal;
        line-height: 1em;
        margin-left: 3.470716%;
        margin-top: 42px;
        clear: none;
        min-height: 0px;
    }

   #ice {
        width: 18%;
        display: inline-block;
    }

    #ncca {
        width: 8%;
        display: inline-block;
    }
}

@media only screen and (max-width: 921px) {
		#ctas {
		width:100%;
	}
	#indexslide {
		width:100%;
	}
	ul.slideshow {    
	width: 100%;
    height: 265px;
	}

    #CTA {
        margin-top: 196px;
        clear: none;
    }

    #eligibilitynav {
        margin: 2px 10px 2px 0px;
        clear: none;
    }

    #text {
        font-size: 1.3em;
        height: auto;
        min-height: 49px;
        width: 280.953125px;
        margin-top: -132px;
        margin-left: 36.274616%;
        clear: both;
    }

    #text1 {
        height: auto;
        min-height: 53px;
        width: 280.953125px;
        margin-top: -68px;
        margin-left: 36.407819%;
        clear: none;
    }

    #globalNav {
        margin-right: 0.53101249%;
        margin-top: 5px;
        clear: none;
        width: 48.970209%;
        display: block;
        height: 169px;
        overflow: hidden;
    }

    #examnav {
        margin-right: 22px;
        margin-top: 2px;
        clear: none;
    }

    #branding {
        width: 48.210166%;
    }

    /*#box {
        float: none;
        height: 30px;
        margin-left: auto;
        margin-top: 17px;
        clear: none;
        width: 100%;
        margin-right: auto;
    }*/

    #ice {
        margin-top: 150px;
        width: 18%;
    }

    #text14 {
        float: left;
        font-size: 1em;
        width: 40%;
        height: auto;
        text-align: left;
        font-weight: normal;
        line-height: 1em;
        margin-left: 0%;
        clear: none;
        min-height: 30px;
        margin-right: 0px;
    }

    #text15 {
        float: right;
        font-size: 1em;
        width: 51%;
        height: auto;
        text-align: right;
        font-weight: normal;
        line-height: 1em;
        margin-left: 0px;
        margin-top: 10px;
        clear: none;
        min-height: 20px;
        margin-right: 0%;
        letter-spacing: normal;
    }
}

@media only screen and (max-width: 860px) {
    #globalNav {
        width: 50%;
        overflow: visible;
        margin-right: 0;
    }

        #globalNav p {
            font-size: 11px;
        }

    #image {
        width: 30px;
        height: 30px;
    }

    #contacnav {
        padding: 1px;
        width: 50px;
    }

    #aboutnav {
        padding: 1px;
        width: 50px;
    }

    #registrynav {
        padding: 1px;
        width: 50px;
    }

    #examnav {
        padding: 1px;
        width: 50px;
    }

    #eligibilitynav {
        padding: 1px;
        width: 50px;
    }
}

@media only screen and (max-width: 735px) {
    #globalNav {
        width: 100%;
        height: 135px;
        background-color: #F7F8FA;
    }

        #globalNav div {
            float: left;
            height: 150px;
            margin-left: 1.39484%;
            margin-top: 0px;
            clear: none;
            width: 16.929025%;
            display: block;
            padding: 5px;
            margin-right: 0%;
        }

    #branding p {
        margin-left: 80%;
    }
}

@media only screen and (max-width: 400px) {
    #text15 {
        float: left;
        width: 60%;
    }

    #text14 {
        width: 35%;
    }
}
.cursor-pointer {
    cursor: pointer;
}

/* Code cut & paste from _Layout.cshtml */
.bg {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-image: url(/Content/images/transp_bg.png);
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1000;
}

.center {
    border: 1px solid #000000;
    position: fixed;
    top: 19%;
    left: 50%;
    width: 400px;
    height: 200px;
    margin-left: -175px;
    margin-top: 80px;
    padding: 10px 20px;
    background: #fff;
}

    .center > table {
        height: 100%;
    }

.modal-box {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    background: transparent !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.modal-inner {
    background: #fff;
    min-width: 320px;
}

a.download-link {
    float: right;
    padding: 15px 10px 0 0;
    font-size: 14px;
    color: #00f;
    font-weight: bold;
}
/* Code cut & paste from _Layout.cshtml */