/*  D E V E L O P E R   C U S T O M I Z A B L E   S T Y L E S  */
/*  State of Delaware - CLF for GIC 2016  */
/*  Developed by the GIC (Matt Campbell, Ben Kaminski & Julianne Solum)  */
/* ############################################################################################## */

/* ePATHUSA
---------------- */
body.wide .page-content .subheader-section.background-section article h1 {
    line-height: 60px;
}

body.wide .page-content #sections-content h2,
body.wide .page-content #featured-content #feature-icons h2 {
    font-family: 'montserrat', sans-serif !important;
}

body.wide .page-content #featured-content #feature-icons a {
    text-align: center;
    display: block;
}

body.wide .page-content #sections-content h2 {
    font-weight: 800;
}

body.wide .page-content #dltcrp-headings h1 {
    font-family: 'montserrat', sans-serif !important;
    font-weight: 400;
    min-height: 220px;
}

body.wide .page-content #dhss_head {
	display: block !important;
    border-top: 0;
}

body.wide .page-content #dhss_head #main_header {
	display: flex;
  	align-items: center;
}

@media screen and (max-width: 991px) {
	body.wide .page-content #dhss_head {
    	display: block !important;
        border-top: 10px solid #8b0505;
        margin-top: -40px;
    }
    body.wide .page-content #dhss_head #main_header img {
    	display: none !important;
    }
    body.wide .page-content #dhss_head #main_header h1 {
    	font-size: 1.5rem !important;
        line-height: 1.75rem;
        padding: 15px !important;
        margin: 0 !important;
    }
    body.wide .page-content #dhcc-feature #news-section h2 {
    	margin-top: 20px;
    }
    body.wide .page-content .subheader-section.background-section article h1 {
      line-height: 30px;
    }
    body.wide .page-content #dltcrp-headings h1 {
        min-height: auto;
        line-height: 38px;
    }
}

/*  G E N E R A L   S T Y L E S  */

/* Xtra-Small Portrait devices (phones, 400px and up) */
/*
@media (max-width: 767px) {
    body {
      padding-bottom:          850px;
}}
*/
/* Small devices (tablets, 768px and up) */
/*
@media (min-width: 768px) {
    body {
      padding-bottom:          350px;
}}
*/
/* Medium devices (large desktops, 992px and up) */
/*
@media (min-width: 992px) {
    body {
      padding-bottom:          275px;
}}
*/
/* Large devices (tablets, desktops 768px and up) */
/*
@media (min-width: 1200px) {
    body {
      padding-bottom:          250px;
}}
*/

#main_header h1, #main_content h1, #leftCol h1, #sidebar h1 {
  font-family:             'Montserrat', sans-serif;
  font-weight:             700;
  color:                #8b0505;
  font-size:              41px;
}

/* Medium devices (large desktops, 992px and up) */
@media (min-width: 992px) {
    #main_header h1, #main_content h1, #leftCol h1, #sidebar h1 {
      font-size:              40px !important;
}}

#main_header h2, #main_content h2 {
  font-family:            'Open Sans', sans-serif !important;
  font-weight:             400;
  color:                #8b0505;
  font-size:              25px;
  margin-top:              10px;
}

#leftCol h2, #sidebar h2 {
  font-family:            'Open Sans Condensed', sans-serif !important;
  font-weight:             500;
  color:                #8b0505 !important;
  margin-top:              0px;
  font-size:              32px;
}

#main_header h4, #main_content h4 {
  font-family:             'Montserrat', sans-serif;
  font-weight:             700;
  color:                #222222;
  margin-top:              0px;
}

/* @font-face {
    font-family:              'montserratblack';
    src:                  url('montserrat-black-webfont.woff2') format('woff2'),
                          url('montserrat-black-webfont.woff') format('woff');
    font-weight:              normal;
    font-style:              normal;
}

@font-face {
    font-family:              'montserratbold';
    src:                  url('montserrat-bold-webfont.woff2') format('woff2'),
                          url('montserrat-bold-webfont.woff') format('woff');
    font-weight:              normal;
    font-style:              normal;
}

@font-face {
    font-family:              'montserratlight';
    src:                  url('montserrat-light-webfont.woff2') format('woff2'),
                          url('montserrat-light-webfont.woff') format('woff');
    font-weight:              normal;
    font-style:              normal;
}

@font-face {
    font-family:              'montserratregular';
    src:                  url('montserrat-regular-webfont.woff2') format('woff2'),
                          url('montserrat-regular-webfont.woff') format('woff');
    font-weight:             normal;
    font-style:             normal;
}

@font-face {
    font-family:             'montserrathairline';
    src:                 url('montserrat-hairline-webfont.woff2') format('woff2'),
                         url('montserrat-hairline-webfont.woff') format('woff');
    font-weight:             normal;
    font-style:             normal;
} */

.font-black {
  font-family:             'montserratblack', sans-serif;
}

/* For Name Anchors to offset the fixed header functionality */
.anchors { 
  margin-top:              -100px;  /* Size of fixed header */
  padding-bottom:            100px; 
  display:              block; 
}

.float-left {
  float:                 left;
  margin-right:             10px;
}

.indent {
  padding-left:            60px;
}

.nodot-ul {
  list-style-type:           none;
}

.dhss-red {
  color:                #8b0505 !important;
}

hr.thin {
  border:               1px solid #e4e4e4;
  color:                 #e4e4e4;
  width:                 100%;
  margin-top:             5px;
  padding:               0px;
  text-align:              center;
}

#main_content a, #main_content a:link, #main_content a:active, #main_content a:visited, #featured-content a, #featured-content a:link, #featured-content a:active, #featured-content a:visited, #sections-content a, #sections-content a:link, #sections-content a:active, #sections-content a:visited {
  color:                 #8b0505;
  text-decoration:           none;
}

#main_content a:hover, #featured-content a:hover, #sections-content a:hover {
    color:                 #b2aaa4;
    text-decoration:           none;
}

a.agency_nav, a.agency_nav:link, a.agency_nav:active, a.agency_nav:visited {
  color:                 #ffffff;
  text-decoration:           none;
  font-weight:             none;
}

#main_content ul, #main_content ol  {
  font-size:                1.0em;
  line-height:              2.1em;
  margin-top:                1.0em;
  margin-bottom:              1.0em;
}

.agency_map {
  border:               0px; 
  width:                 710px;
  height:               600px;
  margin:               0px;
}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
  .subpage_img {
    width:              300px;
    height:              56px;
    position:            relative;
    margin-top:            8px;
}}
  
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .subpage_img {
    width:              400px;
    height:              75px;
    position:            relative;
    margin-top:            8px;
}}
  
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .subpage_img {
    width:              400px;
    height:              75px;
    position:            relative;
    margin-top:            8px;
}}
  
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .subpage_img {
    width:              400px;
    height:              75px;
    position:            relative;
    margin-top:            8px;
}}


.dltcrp_icons {
  width:                125px;
  height:                125px;
  margin-bottom:            25px;
}

/* ############################################################################################## */





/* DHSS HOMEPAGE HEADER STYLES */

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
  #dhss_head {
    background-color:        #ffffff;
    height:              100%;
    position:            relative;
    z-index:            1000;
    border-top:            10px solid #8b0505;
    border-bottom:          10px solid #8b0505;
}}
  
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  #dhss_head {
    background-color:        #ffffff;
    height:              100%;
    position:            relative;
    z-index:            1000;
    border-top:            10px solid #8b0505;
    border-bottom:          10px solid #8b0505;
}}
  
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  #dhss_head {
    background-color:        #ffffff;
    height:              100%;
    position:            relative;
    z-index:            1000;
    border-top:            10px solid #8b0505;
    border-bottom:          10px solid #8b0505;
}}
  
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  #dhss_head {
    background-color:        #ffffff;
    height:              100%;
    position:            relative;
    z-index:            1000;
    border-top:            10px solid #8b0505;
    border-bottom:          10px solid #8b0505;
}}
/* ############################################################################################## */





/* CAROUSEL STYLES */

#AgencyCarousel {
  border:                         2px solid #8b0505;
}

.carousel-caption {
    right:                 0% !important;
    left:                 0% !important;
    padding-bottom:           30px;
}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
  #AgencyCarousel .carousel-caption h2 {
    font-family:          'montserratlight', sans-serif !important;
      color:              #ffffff !important;
      font-size:            40px;
      display:            inherit;
      font-size:            30px;
      background-color:        rgba(0, 0, 0, 0.8);
    padding:            10px;
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  #AgencyCarousel .carousel-caption h2 {
      font-family:          'montserratlight', sans-serif !important;
      color:              #ffffff !important;
      display:            inherit;
      font-size:            40px;
      background-color:        rgba(0, 0, 0, 0.8);
    padding:            10px;
}}

/* Medium devices (large desktops, 992px and up) */
@media (min-width: 992px) {
  #AgencyCarousel .carousel-caption h2 {
      font-family:          'montserratlight', sans-serif !important;
      color:              #ffffff !important;
      display:            inherit;
      font-size:            40px;
      background-color:        rgba(0, 0, 0, 0.8);
    padding:            10px;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  #AgencyCarousel .carousel-caption h2 {
      font-family:          'montserratlight', sans-serif !important;
      color:              #ffffff !important;
      display:            inherit;
      font-size:            40px;
      background-color:        rgba(0, 0, 0, 0.8);
    padding:            10px;
}}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
    min-height:            475px;    /* Set slide height here */
    max-width:            100%;
    overflow:             hidden;
      object-fit:           cover;
      overflow:             hidden;
}}

.carousel-indicators {
  position:               absolute;
  bottom:               1px;
  left:                 50%;
  z-index:               15;
  width:                 60%;
  padding-left:             0;
  margin-left:             -30%;
  text-align:             center;
  list-style:             none;
}

.carousel-indicators li {
  display:               inline-block;
  width:                 15px;
  height:               15px;
  margin:               2px;
  text-indent:             -999px;
  cursor:               pointer;
  background-color:           #8b0505 \9;
  background-color:           rgba(2, 84, 157, 0);
  border:               1px solid #8b0505;
  border-radius:             10px;
}

.carousel-indicators .active {
  width:                 18px;
  height:               18px;
  margin:               0;
  background-color:           #8b0505;
}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
  .agency_control {
      margin-top:            235px;
      color:              #ffffff;
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .agency_control {
      margin-top:            150px;
      color:              #ffffff;
}}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .agency_control {
      margin-top:            150px;
      color:              #ffffff;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .agency_control {
      margin-top:            180px;
      color:              #ffffff;
}}
/* ############################################################################################## */





/*  A G E N C Y   T O P   N A V   B A R   */

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin:               0;
  padding:               0;
  border:               0;
  list-style:             none;
  line-height:             1;
  display:               block;
  position:               relative;
  -webkit-box-sizing:         border-box;
  -moz-box-sizing:           border-box;
  box-sizing:             border-box;
}

#cssmenuTop {
  width:                 auto;
  font-family:             'Open Sans', sans-serif;
  line-height:             1;
  background:             #ffffff;
  box-shadow:               0 4px 2px -2px rgba(0, 0, 0, 0.3);
  position:              relative;
  z-index:              3000;
}

#cssmenuTop.affix {
  position:               fixed;
    top:                 0;
    width:                 100%;
    z-index:              4000;
}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 874px) {
  #cssmenu {
    width:               auto;
      margin:              auto;
      font-family:           'Open Sans', sans-serif;
      line-height:           1;
      background:           #ffffff;
      z-index:            3000;
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 875px) {
  #cssmenu {
      width:               750px;
      margin:              auto;
      font-family:           'Open Sans', sans-serif;
      line-height:           1;
      background:           #ffffff;
      z-index:            3000;
}}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 1100px) {
  #cssmenu {
      width:               970px;
      margin:              auto;
      font-family:           'Open Sans', sans-serif;
      line-height:           1;
      background:           #ffffff;
      z-index:            3000;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1300px) {
  #cssmenu {
      width:               1170px;
      margin:              auto;
      font-family:           'Open Sans', sans-serif;
      line-height:           1;
      background:           #ffffff;
      z-index:            3000;
}}

#cssmenu:after,
#cssmenu > ul:after {
  content:               '.';
  display:               block;
  clear:                 both;
  visibility:               hidden;
  line-height:             0;
  height:                 0;
}

#cssmenu #menu-button {
  display:               none;
}

.logo_fade {
  position:              absolute;
  margin-left:            -50px;
  margin-top:              -50px;
  opacity:              0;
}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 874px) {
  .delaware_fade {
    position:            absolute;
    margin-left:          58px;
    margin-top:            -45px;
    opacity:            0;
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 875px) {
  .delaware_fade {
    position:            absolute;
    margin-left:          58px;
    margin-top:            -100px;
    opacity:            0;
}}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 1100px) {
  .delaware_fade {
    position:            absolute;
    margin-left:          58px;
    margin-top:            -100px;
    opacity:            0;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1300px) {
  .delaware_fade {
    position:            absolute;
    margin-left:          58px;
    margin-top:            -100px;
    opacity:            0;
}}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 874px) {
  .menu_text {
    position:            absolute;
    margin-left:          60px;
    margin-top:            -44px;
    opacity:            1;
    font-size:            20px;
    font-weight:          bold;
    color:              #8b0505;
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 875px) {
  .menu_text {
    position:            absolute;
    margin-left:          60px;
    margin-top:            -100px;
    opacity:            0;
    font-size:            20px;
    font-weight:          bold;
    color:              #8b0505;
}}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 1100px) {
  .menu_text {
    position:            absolute;
    margin-left:          60px;
    margin-top:            -100px;
    opacity:            0;
    font-size:            20px;
    font-weight:          bold;
    color:              #8b0505;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1300px) {
  .menu_text {
    position:            absolute;
    margin-left:          60px;
    margin-top:            -100px;
    opacity:            0;
    font-size:            20px;
    font-weight:          bold;
    color:              #8b0505;
}}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 874px) {
  .nav_logo {
    width:               25px;
    height               25px;
    margin-top:           -5px;
    display:            none;
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 875px) {
  .nav_logo {
    width:               25px;
    height               25px;
    margin-top:           -5px;
    display:            inherit;
}}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 1100px) {
  .nav_logo {
    width:               25px;
    height               25px;
    margin-top:           -5px;
    display:            inherit;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1300px) {
  .nav_logo {
    width:               25px;
    height               25px;
    margin-top:           -5px;
    display:            inherit;
}}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 874px) {
  .nav_home {
    display:            inherit;
}}

/* Small devices (tablets, 768px and up) */
@media (min-width: 875px) {
  .nav_home {
    display:            none;
}}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 1100px) {
  .nav_home {
    display:            none;
}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1300px) {
  .nav_home {
    display:            none;
}}


.facebook {
  color:                 #3c599f;
  -webkit-transition:         0.5s ease-in-out;
  -moz-transition:           0.5s ease-in-out;
  -o-transition:             0.5s ease-in-out;
  transition:             0.5s ease-in-out;
}

.facebook a:hover {
  color:                 #177cb2;
  text-decoration:          none !important;
}

.twitter {
  color:                 #60d2f6;
  -webkit-transition:         0.5s ease-in-out;
  -moz-transition:           0.5s ease-in-out;
  -o-transition:             0.5s ease-in-out;
  transition:             0.5s ease-in-out;
}

.twitter:hover {
  color:                 #942c1b;
  text-decoration:          none !important;
}

.googleplus {
  color:                 #da4835;
  -webkit-transition:         0.5s ease-in-out;
  -moz-transition:           0.5s ease-in-out;
  -o-transition:             0.5s ease-in-out;
  transition:             0.5s ease-in-out;
}

.googleplus:hover {
  color:                 #942c1b;
  text-decoration:          none !important;
}

.flickr {
  color:                 #ff0084;
  -webkit-transition:         0.5s ease-in-out;
  -moz-transition:           0.5s ease-in-out;
  -o-transition:             0.5s ease-in-out;
  transition:             0.5s ease-in-out;
}

.flickr:hover {
  color:                 #942c1b;
  text-decoration:          none !important;
}

.youtube {
  color:                 #c8312b;
  -webkit-transition:         0.5s ease-in-out;
  -moz-transition:           0.5s ease-in-out;
  -o-transition:             0.5s ease-in-out;
  transition:             0.5s ease-in-out;
}

.youtube:hover {
  color:                 #942c1b;
  text-decoration:          none !important;
}

.instagram {
  color:                 #a27359;
  -webkit-transition:         0.5s ease-in-out;
  -moz-transition:           0.5s ease-in-out;
  -o-transition:             0.5s ease-in-out;
  transition:             0.5s ease-in-out;
}

.instagram:hover {
  color:                 #942c1b;
  text-decoration:          none !important;
}

.linkedin {
  color:                 #007bb6;
  -webkit-transition:         0.5s ease-in-out;
  -moz-transition:           0.5s ease-in-out;
  -o-transition:             0.5s ease-in-out;
  transition:             0.5s ease-in-out;
}

.linkedin:hover {
  color:                 #942c1b;
  text-decoration:          none !important;
}

.pinterest {
  color:                 #ca2128;
  -webkit-transition:         0.5s ease-in-out;
  -moz-transition:           0.5s ease-in-out;
  -o-transition:             0.5s ease-in-out;
  transition:             0.5s ease-in-out;
}

.pinterest:hover {
  color:                 #942c1b;
  text-decoration:          none !important;
}

#menu-line {
  position:               absolute;
  top:                 0;
  left:                 0;
  height:               3px;
  background:             #8b0505;
  -webkit-transition:         all 0.25s ease-out;
  -moz-transition:           all 0.25s ease-out;
  -ms-transition:           all 0.25s ease-out;
  -o-transition:             all 0.25s ease-out;
  transition:             all 0.25s ease-out;
}

#cssmenu > ul > li {
  float:                 left;
}

#cssmenu.align-center > ul {
  font-size:               0;
  text-align:             center;
}

#cssmenu.align-center > ul > li {
  display:               inline-block;
  float:                 none;
}

#cssmenu.align-center ul ul {
  text-align:             left;
}

#cssmenu.align-right > ul > li {
  float:                 right;
}

#cssmenu.align-right ul ul {
  text-align:             right;
}

#cssmenu > ul > li > a {
  padding:               20px;
  font-size:               14px;
  text-decoration:           none;
  text-transform:           uppercase;
  color:                 #000000;
  -webkit-transition:         color .2s ease;
  -moz-transition:           color .2s ease;
  -ms-transition:           color .2s ease;
  -o-transition:             color .2s ease;
  transition:             color .2s ease;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
  color:                 #8b0505;
}

#cssmenu > ul > li.has-sub > a {
  padding-right:             25px;
}

#cssmenu > ul > li.has-sub > a::after {
  position:               absolute;
  top:                 21px;
  right:                 10px;
  width:                 4px;
  height:               4px;
  border-bottom:             1px solid #000000;
  border-right:             1px solid #000000;
  content:               '';
  -webkit-transform:           rotate(45deg);
  -moz-transform:           rotate(45deg);
  -ms-transform:             rotate(45deg);
  -o-transform:            rotate(45deg);
  transform:               rotate(45deg);
  -webkit-transition:         border-color 0.2s ease;
  -moz-transition:           border-color 0.2s ease;
  -ms-transition:           border-color 0.2s ease;
  -o-transition:             border-color 0.2s ease;
  transition:             border-color 0.2s ease;
}

#cssmenu > ul > li.has-sub:hover > a::after {
  border-color:             #7795be;
}

#cssmenu ul ul {
  position:               absolute;
  left:                 -9999px;
  border-top:              6px solid #fff;
}

#cssmenu li:hover > ul {
  left:                 auto;
}

#cssmenu.align-right li:hover > ul {
  right:                 0;
}

#cssmenu ul ul ul {
  margin-left:             100%;
  top:                 0;
}

#cssmenu.align-right ul ul ul {
  margin-left:             0;
  margin-right:             100%;
}

#cssmenu ul ul li {
  height:               0;
  -webkit-transition:         height .2s ease;
  -moz-transition:           height .2s ease;
  -ms-transition:           height .2s ease;
  -o-transition:             height .2s ease;
  transition:             height .2s ease;
  padding-top:             6px;
  background:             #8b0505;
}

#cssmenu ul ul li:last-child {
  padding-bottom:           10px;
}

#cssmenu ul li:hover > ul > li {
  height:               100%;
}

#cssmenu ul ul li a {
  padding:               10px 18px;
  width:                 175px;
  font-size:               13px;
  font-weight:             bold;
  background:             #8b0505;
  text-decoration:          none;
  color:                 #dddddd;
  -webkit-transition:         color .2s ease;
  -moz-transition:           color .2s ease;
  -ms-transition:           color .2s ease;
  -o-transition:             color .2s ease;
  transition:             color .2s ease;
}

#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color:                 #ffffff;
}

#cssmenu ul ul li.has-sub > a::after {
    position:               absolute;
    top:                 13px;
    right:                10px;
    width:                 4px;
    height:                4px;
    border-bottom:             1px solid #dddddd;
    border-right:             1px solid #dddddd;
    content:               '';
    -webkit-transform:           rotate(-45deg);
    -moz-transform:           rotate(-45deg);
    -ms-transform:             rotate(-45deg);
    -o-transform:             rotate(-45deg);
    transform:               rotate(-45deg);
    -webkit-transition:         border-color 0.2s ease;
    -moz-transition:           border-color 0.2s ease;
    -ms-transition:           border-color 0.2s ease;
    -o-transition:             border-color 0.2s ease;
    transition:             border-color 0.2s ease;
}

#cssmenu.align-right ul ul li.has-sub > a::after {
    right:                 auto;
    left:                 10px;
    border-bottom:             0;
    border-right:             0;
    border-top:             1px solid #dddddd;
    border-left:             1px solid #dddddd;
}

#cssmenu ul ul li.has-sub:hover > a::after {
  border-color:             #ffffff;
}

@media all and (max-width: 874px) and (max-width: 1024px) {
  #cssmenu {
      width:               100%;
    }
  
    #cssmenu ul {
      width:               100%;
      display:             none;
  }
  
  #cssmenu.align-center > ul,
    #cssmenu.align-right ul ul {
      text-align:           left;
    }
  
    #cssmenu ul li,
    #cssmenu ul ul li,
    #cssmenu ul li:hover > ul > li {
       width:               100%;
      height:             auto;
      border-top:           1px solid rgba(120, 120, 120, 0.15);
      background:            #fff;
    }
  
    #cssmenu ul li a,
    #cssmenu ul ul li a {
      width:               100%;
    }
  
    #cssmenu > ul > li,
    #cssmenu.align-center > ul > li,
    #cssmenu.align-right > ul > li {
      float:               none;
      display:             block;
    }
  
    #cssmenu ul ul li a {
      padding:             20px 20px 20px 30px;
      font-size:             12px;
      color:               #000000;
      background:           none;
    }
  
    #cssmenu ul ul li:hover > a,
    #cssmenu ul ul li a:hover {
      color:               #000000;
    }
  
    #cssmenu ul ul ul li a {
      padding-left:           40px;
    }
  
    #cssmenu ul ul,
    #cssmenu ul ul ul {
      position:             relative;
      left:               0;
      right:               auto;
      width:               100%;
      margin:             0;
      height:             auto;
      max-height:           200px;
      overflow-x:           hidden;
    }
  
    #cssmenu > ul > li.has-sub > a::after,
    #cssmenu ul ul li.has-sub > a::after {
      display:             none;
    }
  
    #menu-line {
      display:             none;
    }
  
    #cssmenu #menu-button {
      display:             block;
      padding:             20px;
      color:               #942c1b;
      cursor:              pointer;
      font-size:             16px;
      text-transform:         uppercase;
      text-align:            right;
      width:              60px;
    }

    #nav-icon-hamburger {
      width:               30px;
      height:             25px;
    margin-top:            -20px;
      position:             relative;
      -webkit-transform:         rotate(0deg);
      -moz-transform:         rotate(0deg);
    -o-transform:           rotate(0deg);
      transform:             rotate(0deg);
      -webkit-transition:       .5s ease-in-out;
      -moz-transition:         .5s ease-in-out;
    -o-transition:           .5s ease-in-out;
      transition:           .5s ease-in-out;
    cursor:             pointer;
    }

    #nav-icon-hamburger span {
    display:             block;
       position:             absolute;
      height:             3px;
      width:               50%;
      background:           #8b0505;
      opacity:             1;
      -webkit-transform:         rotate(0deg);
      -moz-transform:         rotate(0deg);
      -o-transform:           rotate(0deg);
      transform:             rotate(0deg);
      -webkit-transition:       .25s ease-in-out;
      -moz-transition:         .25s ease-in-out;
      -o-transition:           .25s ease-in-out;
    transition:           .25s ease-in-out;
    }

    #nav-icon-hamburger span:nth-child(even) {
    left:               50%;
    border-radius:           0 9px 9px 0;
    }

    #nav-icon-hamburger span:nth-child(odd) {
    left:              0px;
    border-radius:           9px 0 0 9px;
    }

    #nav-icon-hamburger span:nth-child(1), #nav-icon-hamburger span:nth-child(2) {
      top:               0px;
    }

    #nav-icon-hamburger span:nth-child(3), #nav-icon-hamburger span:nth-child(4) {
      top:               10px;
    }

    #nav-icon-hamburger span:nth-child(5), #nav-icon-hamburger span:nth-child(6) {
      top:               20px;
    }

    #nav-icon-hamburger.menu-opened span:nth-child(1),#nav-icon-hamburger.menu-opened span:nth-child(6) {
      -webkit-transform:         rotate(45deg);
      -moz-transform:         rotate(45deg);
      -o-transform:           rotate(45deg);
      transform:             rotate(45deg);
    }

    #nav-icon-hamburger.menu-opened span:nth-child(2),#nav-icon-hamburger.menu-opened span:nth-child(5) {
      -webkit-transform:         rotate(-45deg);
      -moz-transform:         rotate(-45deg);
      -o-transform:           rotate(-45deg);
      transform:             rotate(-45deg);
    }

    #nav-icon-hamburger.menu-opened span:nth-child(1) {
      left:               5px;
      top:               7px;
    }
  
    #nav-icon-hamburger.menu-opened span:nth-child(2) {
      left:               calc(50% - 5px);
      top:               7px;
    }

    #nav-icon-hamburger.menu-opened span:nth-child(3) {
      left:               -50%;
      opacity:             0;
    }

    #nav-icon-hamburger.menu-opened span:nth-child(4) {
      left:               100%;
      opacity:             0;
    }

    #nav-icon-hamburger.menu-opened span:nth-child(5) {
      left:               5px;
      top:               12px;
    }

    #nav-icon-hamburger.menu-opened span:nth-child(6) {
      left:               calc(50% - 5px);
      top:               12px;
    }

  /* OPERA ONLY */
  x:-o-prefocus, #nav-icon-hamburger.menu-opened span:nth-child(1) {
      left:               3px;
      top:               2px;
    }
  
  x:-o-prefocus, #nav-icon-hamburger.menu-opened span:nth-child(2) {
      left:               calc(50% - 4px);
      top:               2px;
    }

  x:-o-prefocus, #nav-icon-hamburger.menu-opened span:nth-child(3) {
      left:               -50%;
      opacity:             0;
    }

  x:-o-prefocus, #nav-icon-hamburger.menu-opened span:nth-child(4) {
      left:               100%;
      opacity:             0;
    }

  x:-o-prefocus, #nav-icon-hamburger.menu-opened span:nth-child(5) {
      left:               3px;
      top:               13px;
    }

  x:-o-prefocus, #nav-icon-hamburger.menu-opened span:nth-child(6) {
      left:               calc(50% - 4px);
      top:               13px;
    }

    #cssmenu .submenu-button {
      position:             absolute;
       z-index:             10;
      right:               0;
      top:               0;
      display:             block;
      border-left:           1px solid rgba(120, 120, 120, 0.15);
      height:             55px;
      width:               55px;
      cursor:             pointer;
    }

    #cssmenu .submenu-button.submenu-opened {
    height:             60px;
    }

    #cssmenu .submenu-button::after {
      content:             '';
      position:             absolute;
      top:              21px;
      left:               26px;
      display:             block;
      width:               1px;
      height:             11px;
      background:           #000000;
      z-index:             99;
      opacity:            1
      -webkit-transition:       .3s all ease-out;
      transition:           .3s all ease-out;
      -webkit-transform:         rotate(0deg);
      transform:             rotate(0deg);
    }
  
  #cssmenu .submenu-button::before {
      content:             '';
      position:             absolute;
      left:               21px;
      top:               26px;
      display:             block;
      width:               11px;
      height:             1px;
      background:           #000000;
      z-index:             99;
      opacity:            1
      -webkit-transition:       .3s all ease-out;
      transition:           .3s all ease-out;
      -webkit-transform:         rotate(0deg);
      transform:             rotate(0deg);
    }
  
    #cssmenu .submenu-button.submenu-opened:after {
    opacity:            0
      -webkit-transform:         rotate(90deg);
      transform:             rotate(90deg);
}}
/* ############################################################################################## */





/* C L F   S I D E   B A R   N A V I G A T I O N */

#clf_nav {
  background-color:       #ffffff !important;
}

#clf_nav .nav > li > a:hover,
#clf_nav .nav > li > a:focus {
  text-decoration:       none;
  background-color:       #ffffff !important;
}

#clf_nav .nav > li > a {
    display:          block;
    padding:           10px 5px !important;
    position:           relative;
}

#clf_nav .nav .open > a,
#clf_nav .nav .open > a:hover,
#clf_nav .nav .open > a:focus {
  background-color:       #6f1807 !important;
  border-color:         #428bca;
}

#clf_nav .nav .open > a .caret,
#clf_nav .nav .open > a:hover .caret,
#clf_nav .nav .open > a:focus .caret {
  border-top-color:       #2a6496;
  border-bottom-color:     #2a6496;
}

#clf_nav .nav-pills-clf {
  background-color:       #ffffff;
}

#clf_nav .nav-pills-clf > li > a {
  color:            #972f1b;
}

#clf_nav .nav-pills-clf > li.active > a,
#clf_nav .nav-pills-clf > li.active > a:hover,
#clf_nav .nav-pills-clf > li.active > a:focus {
  color:             #972f1b;
  background-color:       #428bca;
}

#clf_nav .nav-pills-clf > li.active > a .caret,
#clf_nav .nav-pills-clf > li.active > a:hover .caret,
#clf_nav .nav-pills-clf > li.active > a:focus .caret {
  border-top-color:       #ffffff;
  border-bottom-color:     #ffffff;
}

#HomeMenu, #ServicesMenu, #InformationMenu, #SocialMenu, #FlagMenu, #QuickMenu, #FeaturedMenu {
  list-style:         none outside none;
}

#HomeMenu > li, #ServicesMenu > li, #InformationMenu > li, #SocialMenu > li, #FlagMenu > li, #QuickMenu > li, #FeaturedMenu > li {
  line-height:        2.2;
  margin-left:        -30px;
}

.featuredpic {
  border:            1px solid #dddddd;
}

.facebook, .facebook a {
  color:             #3c599f;
  -webkit-transition:     0.5s ease-in-out;
  -moz-transition:       0.5s ease-in-out;
  -o-transition:         0.5s ease-in-out;
  transition:         0.5s ease-in-out;
}

.facebook a:hover {
  color:             #8b0505;
  text-decoration:      none !important;
}

.twitter, .twitter a {
  color:             #60d2f6;
  -webkit-transition:     0.5s ease-in-out;
  -moz-transition:       0.5s ease-in-out;
  -o-transition:         0.5s ease-in-out;
  transition:         0.5s ease-in-out;
}

.twitter a:hover {
  color:             #8b0505;
  text-decoration:      none !important;
}

.googleplus, .googleplus a {
  color:             #da4835;
  -webkit-transition:     0.5s ease-in-out;
  -moz-transition:       0.5s ease-in-out;
  -o-transition:         0.5s ease-in-out;
  transition:         0.5s ease-in-out;
}

.googleplus a:hover {
  color:             #8b0505;
  text-decoration:      none !important;
}

.flickr, .flickr a {
  color:             #ff0084;
  -webkit-transition:     0.5s ease-in-out;
  -moz-transition:       0.5s ease-in-out;
  -o-transition:         0.5s ease-in-out;
  transition:         0.5s ease-in-out;
}

.flickr a:hover {
  color:             #8b0505;
  text-decoration:      none !important;
}

.youtube, .youtube a {
  color:             #c8312b;
  -webkit-transition:     0.5s ease-in-out;
  -moz-transition:       0.5s ease-in-out;
  -o-transition:         0.5s ease-in-out;
  transition:         0.5s ease-in-out;
}

.youtube a:hover {
  color:             #8b0505;
  text-decoration:      none !important;
}


.instagram, .instagram a {
  color:             #a27359;
  -webkit-transition:     0.5s ease-in-out;
  -moz-transition:       0.5s ease-in-out;
  -o-transition:         0.5s ease-in-out;
  transition:         0.5s ease-in-out;
}

.instagram a:hover {
  color:             #8b0505;
  text-decoration:      none !important;
}


.linkedin, .linkedin a {
  color:             #007bb6;
  -webkit-transition:     0.5s ease-in-out;
  -moz-transition:       0.5s ease-in-out;
  -o-transition:         0.5s ease-in-out;
  transition:         0.5s ease-in-out;
}

.linkedin a:hover {
  color:             #8b0505;
  text-decoration:      none !important;
}

.pinterest, .pinterest a {
  color:             #ca2128;
  -webkit-transition:     0.5s ease-in-out;
  -moz-transition:       0.5s ease-in-out;
  -o-transition:         0.5s ease-in-out;
  transition:         0.5s ease-in-out;
}

.pinterest a:hover {
  color:             #8b0505;
  text-decoration:      none !important;
}

.sectionmenu_panel {
  background-color:      #ffffff;
  border-color:        #dddddd;
}

.sectionmenu_panel .panel-heading {
  background-color:       #8b0505;
    border-color:         #DDDDDD;
    color:             #FFFFFF;
}


.sectionmenu_panel .panel-title a:link {
    -webkit-transition:     all 0.5s ease-in-out;
  -moz-transition:      all 0.5s ease-in-out;
  -o-transition:        all 0.5s ease-in-out;
  transition:          all 0.5s ease-in-out;
  font-size:          22px;
}

.sectionmenu_panel .panel-title a:hover {
  text-decoration:       none;
  color:             #b2aaa4;
  font-size:          22px;
}
/* ############################################################################################## */
/*  A G E N C Y   F O O T E R   S T Y L E S  */

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
  #agencyFooter {
      background-color:         #8b0505;
      color:              #ffffff;
      font-size:             15px;
      line-height:           1.5em;
       padding-top:              2.0em;
    padding-bottom:            2.0em;
    border-bottom:           10px solid #245194; 
    position:             absolute;
    bottom:             0;
      width:               100%;
      height:             838px;
      z-index:            1029;
}
  /* Opera Only */
  x:-o-prefocus, #agencyFooter {
    height:             500px;
}}
  
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  #agencyFooter {
      background-color:         #8b0505;
     color:              #ffffff;
      font-size:             15px;
      line-height:           1.5em;
       padding-top:              2.0em;
    padding-bottom:            2.0em;
     border-bottom:           10px solid #245194; 
    position:             absolute;
    bottom:             0;
      width:               100%;
      height:             364px;
      z-index:            1029;
}}
  
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  #agencyFooter {
      background-color:         #8b0505;
      color:              #ffffff;
      font-size:             15px;
      line-height:           1.5em;
       padding-top:              2.0em;
    padding-bottom:            2.0em;
    border-bottom:           10px solid #245194; 
    position:             absolute;
    bottom:             0;
      width:               100%;
      height:             320px;
      z-index:            1029;
}}
  
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  #agencyFooter {
      background-color:         #8b0505;
      color:              #ffffff;
      font-size:             15px;
      line-height:           1.5em;
       padding-top:              2.0em;
    padding-bottom:            2.0em;
     border-bottom:           10px solid #245194; 
    position:             absolute;
    bottom:             0;
      width:               100%;
      height:             298px;
      z-index:            1029;
}}

/* Xtra-Small Portrait devices (phones, 400px and up) */
@media (max-width: 767px) {
  @-moz-document url-prefix() { 
    #agencyFooter {
      height:           853px;
    }}}
  
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    @-moz-document url-prefix() { 
      #agencyFooter {
         height:           370px;
    }}}
  
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    @-moz-document url-prefix() { 
      #agencyFooter {
         height:           325px;
    }}}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    @-moz-document url-prefix() { 
      #agencyFooter {
      height:           303px;
    }}}

#agencyFooter a, #agencyFooter a:link, #agencyFooter a:active, #agencyFooter a:visited {
  color:                 #ffffff;
  text-decoration:           none;
}

#agencyFooter a:hover {
  color:                 #ffffff;
  text-decoration:           underline;
}

.agencyFooter_logo {
  width:                 80px;
  height:               80px;
  border:               none;
  text-align:             center;
}
/* ############################################################################################## */





/*  S U B H E A D E R    S E C T I O N    S T Y L E S  */

.subheader-section {
  position:               relative;
  overflow:               hidden;
}

.subheader-section article {
  position:               relative;
  z-index:               5;
  text-align:             left;
  background-color:          rgba(230, 226, 223, 0.8);
  width:                100%;
  padding:              45px;
}

.subheader-section article h1 {
  font-family:             'montserrathariline', sans-serif !important;
  color:                #333333;
  font-weight:            100;
  font-size:              50px !important;
  display:               block;
}

.subheader-section.background-section {
  background-image:           url("../img/dltcrp_hero_image.jpg");
  background-repeat:           no-repeat;
  background-position:         50% 50%;
  -moz-background-size:         cover;
  -o-background-size:         cover;
  -webkit-background-size:       cover;
  background-size:           cover;
 /* -ms-behavior:             url("../js/backgroundsize.htc"); */
  position:               relative;
}

.subheader-section.background-section .container {
  position:               relative;
  height:               100%;
  padding:               0 15px !important;
}

.subheader-section.background-section article {
  position:               absolute;
  left:                 0%;
  top:                 65%;
  -ms-transform:             translate(0, -50%);
  /* IE 9 */
  -webkit-transform:           translate(0, -50%);
  /* Chrome, Safari, Opera */
  transform:               translate(0, -50%);
}

@media (max-width: 768px) {
  .subheader-section {
      position:             relative;
  }

  .subheader-section .container article {
      position:             relative;
      z-index:             5;
      padding:            15px;
  }

  .subheader-section .container article h1 {
      font-size:             20px !important;
      font-weight:          100;
  }

  .subheader-section.background-section article {
      left:               0;
      top:               65% !important;
  }}

@media (max-width: 550px) {
  .subheader-section {
      position:             relative;
  }

  .subheader-section .container article {
      position:             relative;
      z-index:             5;
      padding:            25px;
  }

  .subheader-section.background-section article {
    top:               60% !important;
}

  .subheader-section .container article h1 {
      font-size:             25px !important;
      font-weight:          100;
  }}
/* ############################################################################################## */





/*  F E A T U R E D   C O N T E N T   T E X T   S T Y L E S  */

#featured-content {
  background:           #e6e2df;
  border-top:            12px solid #8b0505;
  border-bottom:          12px solid #8b0505;
}

#featured-content h1, #sections-content h1 {
  font-family:             'montserratlight', sans-serif !important;
  color:                #8b0505;
  font-weight:            300;
  font-size:              35px !important;
  display:               block;
  border:                2px solid #8b0505;
  padding:              20px;
  margin-bottom:            45px;
}

#featured-content h2 {
  font-family:            'montserratregular', sans-serif !important;
  color:                #8b0505;
  font-size:              18px;
  margin-top:              10px;
  margin-bottom:            30px;
}

#sections-content h2 {
  font-family:            'montserratblack', sans-serif !important;
  color:                #333333;
  font-size:              18px;
  margin-top:              10px;
  margin-bottom:            30px;
}
/* ############################################################################################## */