@charset "utf-8";
/****** Initial Style ******/
.ul-bg-yellow .menu-title{display:none;}
.re-nav{display:none;}
/****** Initial Style ******/
.ul-bg-yellow ul.new-nav > li a:hover{cursor:pointer;}
.ul-bg-yellow ul.new-nav > li:hover > ul{display:block; left:0;}
.ul-bg-yellow ul.new-nav > li > ul{display:none;}
#fsmain{float:left; width:100%;}

 @media screen and (max-width: 768px){
/*.bread-crumbs{list-style:none; padding-left:5%; width:95%;}*/
.logo{display:none;}
/*.bread-crumbs{margin-top:100px; line-height:21px;}*/
ul.bread-crumbs li div{display:none;}
ul.bread-crumbs{ background:none; height:0; padding:0;}  
.monetization-main{margin:100px 0 0 0;}
.banner{background:url('../images/header-slide-new.jpg') no-repeat center -120px #000;}
.edu-level .level-right-bar .state-level{width:100%;}
/****** Initial Style ******/
.re-nav{display:block;}
.ul-bg-yellow{display:none;}
.re-menu{display: inline-block;position: fixed;z-index: 999999;width: 100%; top:0;}
.re-menu .menu-main{float:left; width:100%; background-color:#0d0d0d;}
.re-menu .menu-main .menu{float:left; background-color:#ffbb00; margin-right:17px;}
.re-menu .menu-main .menu a{text-decoration:none; display:inline-block; padding:15px; line-height:0;}
.re-menu .menu-main .re-logo{padding-top:9px; float:left;}
.re-menu .menu-main .re-logo a{display:inline-block;}
.re-menu .content-nav{display:block; width:100%; clear:both; background-color:#e5e5e5; border-bottom:1px solid #cccccc; padding:6px 0 7px 0;}
.re-menu .content-nav a{margin:6px 0 7px 15px; text-decoration:none;}
.re-menu .content-nav a img{margin-right:15px;}
.re-menu .content-nav a span{font-size:18px; line-height:36px; color:#0d0d0d; font-family: 'open_sansbold';}
.ul-bg-yellow { height: auto; position: fixed; top: 0; width: 75%; left: -75%; font-family: 'halvettcondensedregular'; font-size:20px; overflow-y:auto; direction:rtl; overflow-x:hidden; text-align:left; background-color:#1a1a1a; height:100%;}
.ul-bg-yellow .menu-title{background-color:#0d0d0d; width:100%; padding:10px 0; display:block;}
.ul-bg-yellow .menu-title span.title{font-size:16px; color:#808080; line-height:25px; font-family: 'helvetica_neuebold'; text-transform:uppercase; margin-left:20px; line-height:30px;}
.ul-bg-yellow ul.new-nav{background-color:#1a1a1a; padding:0;}
.ul-bg-yellow ul.new-nav a{color:#fff;}
.ul-bg-yellow ul.new-nav li{border-bottom: 1px solid #262626; padding: 0 !important; margin-right: 0; float: none; position: relative;}
.ul-bg-yellow ul.new-nav li a{padding: 15px 3% 15px 3%;border-bottom: 1px solid #0d0d0d;cursor: pointer;display: block; width:94%;}
.ul-bg-yellow ul.new-nav li:hover{padding:0 0 0 20px;}
.ul-bg-yellow ul.new-nav li ul.sub-menu{background-color:#0d0d0d; font-size:20px; border-left:2px solid #ffc400; width:auto; display: none; position:relative; left:0; top:0;}
.ul-bg-yellow ul.new-nav li ul.sub-menu li,
.ul-bg-yellow ul.new-nav li ul.sub-menu li a{border-bottom:none; background:none;}
.ul-bg-yellow ul.new-nav li ul.sub-menu li a{padding:18px 0 18px 3% !important; line-height:24px;}
.ul-bg-yellow ul.new-nav li ul.sub-menu li a:hover{background:none;}
.ul-bg-yellow ul.new-nav li a.parent{background:url(../images/responsive-menu/down-arrow.png) no-repeat; background-position:95% 50%;}
.ul-bg-yellow ul.new-nav li.hover a.parent{background-image:url(../images/responsive-menu/up-arrow.png);}

/****** New nav *******/
.re-nav { height: auto; position: fixed; top: 0; width: 75%; left: -75%; font-family: 'halvettcondensedregular'; font-size:20px; overflow-y:auto; direction:rtl; overflow-x:hidden; text-align:left; background-color:#1a1a1a; height:100%;}
.re-nav .menu-title{background-color:#0d0d0d; width:100%; padding:10px 0; display:block; line-height:30px;}
.re-nav .menu-title span.title{font-size:16px; color:#808080; line-height:25px; font-family: 'helvetica_neuebold'; text-transform:uppercase; margin-left:20px;}
.re-nav ul.new-nav{background-color:#1a1a1a; padding:0; width:100% !important;}
.re-nav ul.new-nav a{color:#fff;}
.re-nav ul.new-nav li{border-bottom: 1px solid #262626; padding: 0 !important; margin-right: 0; float: none; position: relative;}
.re-nav ul.new-nav li a{padding: 9px 0 10px 3%;border-bottom: 1px solid #0d0d0d;cursor: pointer;display: block; width:97%;}
.re-nav ul.new-nav li:hover{padding:0 0 0 20px;}
.re-nav ul.new-nav li ul.sub-menu{background-color:#0d0d0d; font-size:20px; border-left:2px solid #ffc400; width:auto; display: none; position:relative; left:0; top:0;}
.re-nav ul.new-nav li ul.sub-menu li,
.re-nav ul.new-nav li ul.sub-menu li a{border-bottom:none; background:none;}
.re-nav ul.new-nav li ul.sub-menu li a{padding:18px 3% 18px 3% !important; line-height:24px; width:94%; direction: ltr; }
.re-nav ul.new-nav li ul.sub-menu li a:hover{background:none;}
.re-nav ul.new-nav li a.parent{background:url(../images/responsive-menu/down-arrow.png) no-repeat; background-position:95% 50%;}
.re-nav ul.new-nav li.hover a.parent{background-image:url(../images/responsive-menu/up-arrow.png);}
.re-nav ul.new-nav ul.sub-menu li.current-menu-item a{ color:#ffc400;}
/****** New nav *******/


#education-page { z-index: 1111; overflow: visible;}

#content-res-menu{position: fixed; top: 0; width:75% !important; height:100%; background:none #fbfbfb !important; left:-75%; overflow-y:auto; direction:rtl; text-align:left;}
#content-res-menu h4{background:none #e5e5e5 !important; margin:0 !important; width:97% !important; padding:15px 0 15px 3% !important; font-size:16px !important; color:#808080; line-height:20px; font-family: 'helvetica_neuebold' !important; text-transform:uppercase;}
#content-res-menu div{padding:0 !important;}
#content-res-menu div a{padding:11px 1% 8px 3% !important; margin:0 !important; width:96% !important; border-bottom:1px solid #cccccc; font-family: "HelveticaNeueRegular"; font-size:16px !important; color:#333 !important; line-height:30px !important;}
#content-res-menu div a span{width:auto !important;float: none !important;display: inline;}
#content-res-menu div a:hover span{text-decoration:none !important;}
#content-res-menu div a:hover {background-color:#f2ba00;}
/****** Initial Style ******/


.ul-bg-yellow ul.new-nav > li:hover > ul{display:none;}
/******** fire-science-degree-programs ********/
#fire-science-degrees-and-programs .degrees-and-programs .left .content_navigation_main .content_navigation#content-res-menu .steps_to_take a{padding:5px 1% 7px 3% !important;}
#fire-science-degrees-and-programs .degrees-and-programs .left .content_navigation_main .content_navigation#content-res-menu .steps_to_take a i.fire-science-degree-schools{height:0; background-position:0 -107px;}
/******** fire-science-degree-programs ********/
/******** online-fire-science-degree-programs ********/
#online_degree_program .online_degree_program_containt .left .content_navigation_main .content_navigation#content-res-menu .degrees-and-programs-side-menu a{padding:7px 1% 3px 3% !important; width:96% !important;}
#online_degree_program .online_degree_program_containt .left .content_navigation_main .content_navigation#content-res-menu .degrees-and-programs-side-menu a span{line-height:normal;}
/******** online-fire-science-degree-programs ********/
/******** how-to-become-firefighter ********/
#how_to_become_firefighter .how_to_become_contait .left .content_navigation_main .content_navigation#content-res-menu div#how-to-bocome-side-menu a span{float:left; direction:ltr;}
#how_to_become_firefighter .how_to_become_contait .left .content_navigation_main .content_navigation#content-res-menu div#how-to-bocome-side-menu a i{margin-right:8px;}
#how_to_become_firefighter .how_to_become_contait .left .content_navigation_main .content_navigation#content-res-menu div#how-to-bocome-side-menu a{float:left;}
/******** how-to-become-firefighter ********/
/****** fire-investigation-training *****/
.fire-protection-training-programs .investigation-training-left .content_navigation_main .content_navigation .steps_to_take a i{margin:0 7px 0 0;}
/****** fire-investigation-training *****/

/********************** fs-menu **********************/
/*** Homeland ***/
#firescience_homeland_securty_college .homeland_securty_college .left .content_navigation_main .content_navigation .steps_to_take a.two i{margin-top:0;}
#firescience_homeland_securty_college .homeland_securty_college .left .content_navigation_main .content_navigation .steps_to_take a{width:100% !important;}
#firescience_homeland_securty_college .homeland_securty_college .left .content_navigation_main .content_navigation#content-res-menu .steps_to_take a{padding-left:1% !important; box-sizing:border-box; margin:0;}
#firescience_homeland_securty_college .homeland_securty_college .left .content_navigation_main .content_navigation .steps_to_take a.three i{margin-top:0px;}
/*** Homeland ***/

/***** forestry ****/
#firescience_homeland_securty_college .homeland_securty_college .left .content_navigation_main .content_navigation.forestry-nav .steps_to_take a.online i{margin-top:0px;}
/***** forestry ****/
/** state **/
#state_new_design #content-res-menu div a{padding:9px 1% 5px 3% !important;}
#state_new_design .state_new_design_containt .left .content_navigation_main .content_navigation{padding-left:0;}
/** state **/
/********************** fs-menu **********************/
 }
 
@media screen and (max-width: 640px){
/********************** fs-menu **********************/
/***** Paramedic ****/
#firescience_homeland_securty_college .homeland_securty_college .left .content_navigation_main .content_navigation.paramedic-nav .steps_to_take a span{width:80% !important;}
/***** Paramedic ****/
/***** emergency management ****/
#firescience_homeland_securty_college .homeland_securty_college .left .content_navigation_main .content_navigation.emergency-nav .steps_to_take a span{width:80% !important;}
/***** emergency management ****/
/***** Criminal Justice ****/
#firescience_homeland_securty_college .homeland_securty_college .left .content_navigation_main .content_navigation.criminal-nav .steps_to_take a span{width:80% !important;}
#firescience_homeland_securty_college .homeland_securty_college .left .content_navigation_main .content_navigation.criminal-nav .steps_to_take a.three i{margin-top:13px;}
/***** Criminal Justice ****/

/********************** fs-menu **********************/
}
 
 
@media screen and (max-width: 598px){
/********************** fs-menu **********************/
/***** Paramedic ****/
#firescience_homeland_securty_college .homeland_securty_college .left .content_navigation_main .content_navigation.paramedic-nav .steps_to_take a.online i{margin-top:10px;}
/***** Paramedic ****/
/***** public Administration ****/
#firescience_homeland_securty_college .homeland_securty_college .left .content_navigation_main .content_navigation.public-nav .steps_to_take a.online span{width:80% !important;}
#firescience_homeland_securty_college .homeland_securty_college .left .content_navigation_main .content_navigation.public-nav .steps_to_take a.online i{margin-top:7px;}
/***** public Administration ****/
/********************** fs-menu **********************/
}
 
 
@media screen and (max-width: 480px){
/********************** fs-menu **********************/
/*** Homeland ***/
#firescience_homeland_securty_college .homeland_securty_college .left .content_navigation_main .content_navigation .steps_to_take a.two i{margin-top:7px;}
#firescience_homeland_securty_college .homeland_securty_college .left .content_navigation_main .content_navigation .steps_to_take a.two span{width:80% !important;}
/*** Homeland ***/

/***** forestry ****/
#firescience_homeland_securty_college .homeland_securty_college .left .content_navigation_main .content_navigation.forestry-nav .steps_to_take a.online i{margin-top:7px;}
/***** forestry ****/
/********************** fs-menu **********************/

/****** fire-investigation-training *****/
.fire-protection-training-programs .investigation-training-left .content_navigation_main .content_navigation#content-res-menu .steps_to_take a span,
#fire-science-degrees-and-programs .degrees-and-programs .left .content_navigation_main .content_navigation#content-res-menu .steps_to_take a span{width:86% !important;}
/****** fire-investigation-training *****/
      
/****** Initial Style ******/
.re-menu .menu-main .re-logo a img{width:240px;}
.re-menu .menu-main .re-logo{padding-top:14px;}

.re-nav ul.new-nav li ul.sub-menu,
.re-nav{font-size:18px;}
/****** Initial Style ******/
/******** how-to-become-firefighter ********/
#how_to_become_firefighter .how_to_become_contait .left .content_navigation_main .content_navigation#content-res-menu{height:100%;}
#how_to_become_firefighter .how_to_become_contait .left .content_navigation_main .content_navigation#content-res-menu div#how-to-bocome-side-menu a span{width:90% !important; line-height:20px;}
/******** how-to-become-firefighter ********/
  }
  
@media screen and (max-width: 360px){
/********************** fs-menu **********************/
/***** emergency management ****/
#firescience_homeland_securty_college .homeland_securty_college .left .content_navigation_main .content_navigation.emergency-nav .steps_to_take a.three i{margin-top:24px;}
/***** emergency management ****/
/****** fire-investigation-training *****/
.fire-protection-training-programs .investigation-training-left .content_navigation_main .content_navigation#content-res-menu .steps_to_take a span,
#fire-science-degrees-and-programs .degrees-and-programs .left .content_navigation_main .content_navigation#content-res-menu .steps_to_take a span{width:76% !important; line-height:20px;}
/****** fire-investigation-training *****/
/********************** fs-menu **********************/


/****** Initial Style ******/
.re-menu .menu-main .re-logo a img{width:220px;}
#content-res-menu div a{font-size:14px !important;}
/****** Initial Style ******/
/******** how-to-become-firefighter ********/
#how_to_become_firefighter .how_to_become_contait .left .content_navigation_main .content_navigation#content-res-menu div#how-to-bocome-side-menu a span{float: right;width: 88% !important;text-align: left; font-size:14px;}
/******** how-to-become-firefighter ********/
  }