@charset "utf-8";

#homeBanner {
	margin-top:-25px;
}

#applySection, #checkStatusSection {
    width:100%;
    position:relative;
	margin:0 auto;
}
/*#checkStatusSection {
    background:url(images/Check-Status-Section_00.jpg) no-repeat;
	background-size:100%;
}*/
#applySectionBackground {
    background:url("images/Apply-Section.jpg") no-repeat;
}
#applySectionBackground #highlighted {
	background:url(images/Apply-Section_Highlighted.jpg) no-repeat;
    position:absolute;
    opacity:0;
    bottom:0;left:0;right:0;top:0;
    -webkit-transition:0.6s;
    -webkit-transition:0.3s;
    -moz-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
    width:614px;
}

.secondaryImage {
    margin-top:15px;
}

#checkStatusSection #highlighted {
    background:url(images/Check-Status-Section_Highlighted.png) no-repeat;
    position:absolute;
    opacity:0;
    bottom:0;left:0;right:0;top:0;
    -webkit-transition:0.6s;
    -webkit-transition:0.3s;
    -moz-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
    width:614px;
	z-index:500;	
}
/*	
#applySection #highlighted, #checkStatusSection #highlighted {
    position:absolute;
    opacity:0;
    bottom:0;left:0;right:0;top:0;
    -webkit-transition:0.6s;
    -webkit-transition:0.3s;
    -moz-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
    width:614px;
}
*/
#applySection #highlighted:hover,
#checkStatusSection #highlighted:hover {
    opacity:1;
}

.col-section .howtoButton {
    width:189px;
    float:left;
    margin-left:11px;
}
.col-section .howtoButton:first-child {
    margin:0;
}
.col-section .howtoButton .image {
    border-top:1px solid #636386;
    border-right:1px solid #636386;
    border-left:1px solid #636386;
    border-bottom:6px solid #636386;
    width:100%;
    height:100px;
    overflow:hidden;
    /*background:url(/Content/Images/How-to-File-button.jpg) no-repeat;*/
    position:relative;
    margin:0;
}

.col-section .howtoButton .image .image_popup {
    font-size: 3em;
    font-weight:bold;
    line-height: 1em;
    color: white;
    font-family:'Roboto', 'Segoe UI', Arial, sans-serif;
    background: rgba(77, 55, 0, 0.6);
    position:absolute;
    text-align:center;
    opacity:0;
    bottom:0;left:0;right:0;top:0;
    -webkit-transition:0.3s;
    -moz-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}

.col-section .howtoButton .image .image_popup small {
    font-size:.8em;
    margin-top:-3px;
    display:block
}

.col-section .howtoButton .image .image_popup:hover {
    opacity: 1;
}

.col-section .howtoButton .text {
    margin:0;
    color:white;
    font-family: 'EB Garamond', Georgia, 'Times New Roman', Times, serif;
    text-align:center;
    font-size:1.3em;
    padding:4px 4px 8px 4px;
    width:189px;
    background-color:#192857;
    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
    line-height:1em;
    height:67px;
    display:table-cell;
    vertical-align:middle;
}

.col-section .howtoButton a:hover {
	color:white !important;
}

span.myAlaska {
    font-family:'Segoe UI', Arial, sans-serif;
    font-size:.8em;
}

.counter_character {
	display: inline;
	float: left;
	position: relative;
	/*top: -35px;*/
	margin-left: 1px;
	margin-right: 1px;
	
}

.counter_character_left {
	margin-left: 0px;
	margin-right: 1px;
}

.counter_character_inner {
	margin-left: 1px;
	margin-right: 1px;
}

.counter_character_right {
	margin-left: 1px;
	margin-right: 0px;
}

.counter_marker {
	position: relative;
	z-index: 10;
}

#season_counter {
    position: absolute;
    top: 90px;
    right: 27px;
    margin: 0 auto;
    -moz-border-radius: 5px;
    z-index: 3;
}

.counter_text {
  color: #000;
  font-size: 2.1em;
  position: absolute;
  right: 29px;
  top: 140px;
  z-index:100;
}

.applySectionSmall {
    display:none;
}

#AppCount {
    font-family: 'Roboto', Arial, sans-serif;
}
#small_counter {
    font-size:1.4em;
}
#text_wrapper {display:none}

@media only screen and (max-width: 768px) {
    /* line 162, ../sass/home.scss */
    #applySection, #checkStatusSection {
        max-width:100%;
        background-size:100% auto; /* Ensures background image scales to fill its container */
        margin:0 auto;
    }
/*
    #applySection #highlighted, #checkStatusSection #highlighted {
        background-size:100% auto; 
        position:absolute;
        opacity:0;
        bottom:0;left:0;right:0;top:0;
        -webkit-transition:0.3s;
        -moz-transition:0.3s;
        -o-transition:0.3s;
        transition:0.3s;
        max-width:100%;
    }
*/	
    .col-section .howtoButton {
        width: 100%;
        float:none;
        margin:11px auto 0 auto;
    }
    .col-section .howtoButton .image {
        max-width:100%;
        width:100%;
        height:150px;
        background-size:100% auto;
        margin:0 auto;
        text-align:center;
    }
    .col-section .howtoButton .image .image_popup {
        font-size: 7em;
    }
    .col-section .howtoButton .text {
        font-size:1.5em;
        height:auto;
        display:block;
        width:100%;
    }
    .col-section .howtoButton:first-child {
        margin:0 0 10px 0;
    }
    #desktopFilingBanner  {
        display:none;
    }
    .applySectionSmall {
        text-align:center;
        color:white;
        font-family: 'EB Garamond', Georgia, 'Times New Roman', Times, serif;
        background: #000026 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABaCAIAAAD2PqvqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjg3M0UxMEJFMEYwMDExRTVCRjRDRjdEQ0YyQ0RDMkQyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjg3M0UxMEJGMEYwMDExRTVCRjRDRjdEQ0YyQ0RDMkQyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODczRTEwQkMwRjAwMTFFNUJGNENGN0RDRjJDREMyRDIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODczRTEwQkQwRjAwMTFFNUJGNENGN0RDRjJDREMyRDIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz49aE4MAAAAR0lEQVR42mKQkKhievHiIxMDw38oZoDi/1jE/qHJobP/4dD7H4fYPyx6/6HZh00PNjkGLOaR6gZi3Y1NDFeY/WeSkBABCDAAzIE/HHzrbQ0AAAAASUVORK5CYII=") repeat-x scroll 0 0;
        display: block;     
		padding-bottom: 6px;	
    }
    .applySectionSmall a,
    .applySectionSmall a:hover {
        text-transform:none;
        text-decoration:none !important;
        color:white !important;
    }

    .applySectionSmall .titleBar {
        width:100%;
        margin:0;
        font-size:1.8em;
        padding:6px;
        line-height:1em;
    }
    .myPFDMobile {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5a5aff+0,c3c3ff+50,0000c9+53,3030ff+93 */
		background: #5a5aff; /* Old browsers */
		background: -moz-linear-gradient(top,  #5a5aff 0%, #c3c3ff 50%, #0000c9 53%, #3030ff 93%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5a5aff), color-stop(50%,#c3c3ff), color-stop(53%,#0000c9), color-stop(93%,#3030ff)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #5a5aff 0%,#c3c3ff 50%,#0000c9 53%,#3030ff 93%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #5a5aff 0%,#c3c3ff 50%,#0000c9 53%,#3030ff 93%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #5a5aff 0%,#c3c3ff 50%,#0000c9 53%,#3030ff 93%); /* IE10+ */
		background: linear-gradient(to bottom,  #5a5aff 0%,#c3c3ff 50%,#0000c9 53%,#3030ff 93%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a5aff', endColorstr='#3030ff',GradientType=0 ); /* IE6-9 */
        font-family:'Roboto', Arial, sans-serif;
        font-size:.8em;
        padding:8px 10px 10px 10px;
        width:80%;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        display:block;
        text-shadow: -1px 1px 3px #020297, 1px 0 6px #000087, 0 -1px 3px #020297, 0 1px 3px #020297;
        margin:10px auto 8px auto;
        line-height:1em;

    }
    .myPFDMobile:hover {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7777ff+0,dbdbff+50,4343e0+53,5151ff+93 */
		background: #7777ff; /* Old browsers */
		background: -moz-linear-gradient(top,  #7777ff 0%, #dbdbff 50%, #4343e0 53%, #5151ff 93%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7777ff), color-stop(50%,#dbdbff), color-stop(53%,#4343e0), color-stop(93%,#5151ff)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #7777ff 0%,#dbdbff 50%,#4343e0 53%,#5151ff 93%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #7777ff 0%,#dbdbff 50%,#4343e0 53%,#5151ff 93%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #7777ff 0%,#dbdbff 50%,#4343e0 53%,#5151ff 93%); /* IE10+ */
		background: linear-gradient(to bottom,  #7777ff 0%,#dbdbff 50%,#4343e0 53%,#5151ff 93%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7777ff', endColorstr='#5151ff',GradientType=0 ); /* IE6-9 */
    }	
	#text_wrapper {display:block}
	
	.slideshow {display:none}
}

@media only screen and (max-width: 500px) {
    .col-section .howtoButton .image .image_popup {
        font-size: 4em;
    }
    
}