﻿@import url("https://fonts.googleapis.com/css?family=Orbitron:400,500,700,900") screen, projection;

/*@@@@@ DNN styles */
.Normal { font-size: 14px; line-height: 1.428; }
.dnnSortable.ui-sortable, .dnnSortable.ui-droppable { padding: 0 15px 0 15px; }
/*DNN 9 specific styling*/
#dnn_ContentPaneLeft { clear: both; }
#dnn_ContentPaneLeft2 { clear: both; }
#dnn_ContentPaneLeft3 { clear: both; }
/* styling for the Edit Profile and My Account links in User Profiles */
.dnnActions { display: inline-block; }
.dnnActions li { margin-right: 5px; list-style: none; float: left; }
/*override for dnnLabels in the bootstrap */
.form-group .dnnLabel { text-align: left; width: auto; }

.dnnLabel + span { white-space: normal; }

ul.dnnAdminTabNav { height: 40px; border-radius: 0 !important; }

.dnnFormMessage { max-width: none; }
/* admin */
#ControlBar, #ControlBar:before, #ControlBar:after, #ControlBar *:before, #ControlBar *:after,
#ControlBar li, #ControlBar li:before, #ControlBar li:after,
#ControlBar a, #ControlBar a:before, #ControlBar a:after,
.dnn_mact, .dnn_mact:before, .dnn_mact:after, .dnn_mact *:before, .dnn_mact *:after,
.dnn_mact li, .dnn_mact li:before, .dnn_mact li:after { -webkit-box-sizing: content-box !important; /* Safari/Chrome, other WebKit */ -moz-box-sizing: content-box !important; /* Firefox, other Gecko */ box-sizing: content-box !important; /* Opera/IE 8+ */ }

.dnnPrimaryAction:link, .dnnPrimaryAction:visited { color: #fff; }
/* fix for DNN dropdown lists being cut off*/
.dnnDropDownList .selected-item, .dnnDropDownList .selected-item a { height: 35px !important; }
/* fix for coloring on DNN Check boxes */
.dnnCheckbox .mark { background: none; }
/*implement box sizing for DNN digital assets selection toolbar.*/
#dnnModuleDigitalAssetsSelectionToolbar, #dnnModuleDigitalAssetsListViewToolbar, #dnnModuleDigitalAssetsListContainer, .dnnModuleDigitalAssetsGrid > table > thead > tr { box-sizing: content-box; }
/*@@@@@ bootstrap styles */
a.btn-info, a.btn-info:visited, a.btn-info:link, a.btn-primary, a.btn-primary:visited, a.btn-primary:link { color: #fff; }
.btn-primary,
.pagination>.active>a, 
.pagination>.active>span, 
.pagination>.active>a:hover, 
.pagination>.active>span:hover, 
.pagination>.active>a:focus, 
.pagination>.active>span:focus{background-color: #11375c;border:none;}

.btn-primary:hover, .btn-primary:focus, 
.btn-primary.focus, .btn-primary:active, 
.btn-primary.active, .open>.dropdown-toggle.btn-primary{background-color: #15416d;border: none;}

.col-md-12.DNNEmptyPane{min-height:0;}

/*@@@@@ body */
body { background: top center no-repeat #11375c fixed; background-size:cover; }
.wrapper { -webkit-box-shadow: 0px 2px 12px 0px rgba(0,0,0,.5); box-shadow: 0px 2px 12px 0px rgba(0,0,0,.5); background: #e1e1e1; margin: 0 auto; max-width: 1200px; padding:0 15px; }
.blankbreadcrumbwrapper { -webkit-box-shadow: 0px 2px 12px 0px rgba(0,0,0,.5); box-shadow: 0px 2px 12px 0px rgba(0,0,0,.5); background: #e1e1e1; margin: 0 auto; max-width: 100%; padding: 0 45px; }
.nopad { padding:0; }
h1 { font-weight: 700; }
img { max-width: 100%; height: auto; }
a, a:visited, a:link { color: #084476; }
a:hover { text-decoration: none; color: #B41019; }
a:focus { text-decoration: none; }
.blankbreadcrumbcontainer {
    width: 100%;
    padding-left: 15px;
}

/*@@@@@ header */
#header{margin-left:-15px;margin-right:-15px;padding: 0 30px;}
#blankbreadcrumbheader {margin-left: -45px; margin-right: -45px;padding: 0 30px;}
.skin-header-left { width: 75%; float: left; display: flex; flex-wrap: nowrap; align-items: center; min-height: 110px; }
@media all and (-ms-high-contrast:none) { *::-ms-backdrop, .skin-header-left { height:1px; } /* IE11 */}
.skin-header-right { float: left; width: 25%; }
.skin-header { min-height: 110px; }
.skin-header:after{content:'';display:table;clear:both;}
.skin-header-background { background: #11375c;}

/* logo */
.skin-logo { width: 70px; flex-shrink: 0; margin-right: 15px; }
.skin-title { font-variant: small-caps; margin-right: 15px; padding: 10px 0; }
.skin-title a, .skin-title a:hover { text-decoration: none; }
.skin-title .title-text { color: #e8e8e8; line-height: 1.1; margin: 10px 0 0; padding: 0; text-transform: uppercase; font-weight: 500; font-size: 36px; font-family: 'Orbitron', sans-serif; }
.skin-title .withsub { line-height: 32px; }
.skin-title .title-text .title-text-small { font-size: 22px; }
.skin-title .subtitle-text { font-family: 'Times New Roman', Times, serif; font-size: 20px; color: #3399cc; line-height: 20px; display: block; }
/* search */
.skin-search-input { border-radius: 4px; width: 85%; font-size: .9em; padding: 6px 12px; height: 34px; margin: 0; border: solid 2px #dbe1e7; }
.skin-search-go { display: block; width: 15%; float: right; text-align: center; line-height: 32px; }
.skin-search a, .skin-search a:visited, .skin-search a:link { color: #486591; }
.skin-search a:hover { color: #dbe1e7; }
.mobile-search { padding-top: 20px; float: right; }
.mobile-search .search-icon.open:before { content: "\f00d"; background-color: #b9c5d0; padding: 10px; }
.mobile-search .search-icon.closed:before { content: "\f002"; padding: 10px; }
.mobile-search-popup { position: absolute; right: 0; left: 0; background-color: #b9c5d0; padding: 15px 20px 15px 20px; z-index: 100; display: none; margin-top: 10px; }
.desktop-search { border-radius: 8px; margin: 18px 0 12px 0; padding: 1px 6px 2px 0; }

.social-links-header ul { overflow: hidden; margin: 0 -10px 0 0; /*account for margin right on last item before wrap*/ }
.social-links-header li { list-style: none; float: left; margin: 0 10px 10px 0; }
.social-links-header a { font-size: 1.4em; color: rgba(255,255,255,0.5); display: block; width: 35px; height: 35px; text-align: center; }
.social-links-header a:hover { color: rgba(255,255,255,0.75); }
.social-links-header span.fa { width: 35px; height: 35px; line-height: 35px; transition: all .2s ease-in-out; }
.social-links-header span.fa-user-circle{ color:#fff; font-size:1.5em}
.social-links-header span.fa-user-circle:hover { color: rgba(255,255,255,0.75)}

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.header-links ul { margin: 0; }

/*@@@@@ user bar */
.skin-login { font-size: 12px; background-color: #555; color: #fff; width: 100% !important; }
.skin-login.fail { background-color: #900; }
.skin-login-inner { margin: 0 auto; max-width: 1100px; padding-top: 5px; }
.skin-login a { font-size: 12px; }
.skin-login a:hover { text-decoration: none; color: #0f0; }
.skin-login .skin-last-login { padding-top: 4px; }
.skin-login .registerGroup, .skin-login .registerGroup *, .skin-login .loginGroup, .skin-login .loginGroup * { display: block; }
.skin-login .registerGroup, .skin-login .loginGroup { float: right; padding: 0; margin: 0; }
/* Register Group Styles */
.skin-login .registerGroup { border-right: 1px solid #eee; }
.skin-login .registerGroup li { float: left; }
.skin-login .registerGroup .buttonGroup { margin-right: 0; }
.skin-login .registerGroup a, .skin-login .loginGroup a { display: block; position: relative; height: 25px; min-width: 12px; padding: 5px 15px 0 15px; vertical-align: middle; }
.skin-login .registerGroup .userNotifications a, .skin-login .registerGroup .userMessages a { color: #555; }
.skin-login.fail .registerGroup .userNotifications a, .skin-login.fail .registerGroup .userMessages a { color: #900; }
.skin-login .registerGroup a:hover, .skin-login .loginGroup a:hover, .skin-login .registerGroup a:active, .skin-login .loginGroup a:active { color: #555; }
.skin-login .registerGroup a strong, .skin-login .loginGroup a strong { display: block; position: absolute; left: 0; top: 0; width: 100%; overflow: hidden; height: 100%; }
.skin-login .userMessages strong:hover:after { color: #888; }
.skin-login .userMessages strong:after { font-family: FontAwesome; content: ""; position: absolute; top: 0; left: 4px; color: #fff; font-size: 18px; text-align: center; }
.skin-login .userNotifications { border-right: 1px solid #eee; }
.skin-login .userNotifications strong:hover:after { color: #888; }
.skin-login .userNotifications strong:after { font-family: FontAwesome; content: ""; position: absolute; top: 0; left: 4px; color: #fff; font-size: 18px; text-align: center; }
/* Login Group Styles */
/* Number of message next to the message icon*/
.skin-login .userMessages a span, .skin-login .userNotifications a span { display: inline-block; position: absolute; right: 2px; top: -9px; min-width: 7px; margin-top: 9px; font-size: 10px; z-index: 100; background-color: #a00; border-radius: 3px; padding: 1px 2px 1px 2px; font-weight: bold; color: #fff; }
.skin-login .userDisplayName a, .skin-login .loginGroup a { color: #fff; }
.skin-login .userDisplayName a:hover, .skin-login .loginGroup a:hover { color: #888; }

/*@@@@ navigation */
.skin-nav-toggle { background-color: #486591; padding: 6px 8px 6px 8px; margin-top: 13px; color: #fff; }
.otnav { margin:0 -30px;background:#222; }
/* all levels*/
.otnav li a:focus { background-color: #417baf; }
.otnav li:hover > ul { display: inline-table; }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background-color: transparent; }
.dropdown-menu.hang-left { left: auto; right: 0; }
.dropdown-menu.hang-left-sub { left: auto; right: 100%; }
/* top level*/
.otnav ul { margin: 0; }
.otnav li { position: relative; float: left; }
.otnav li a span { padding-left: 5px; color: #fefefe; margin-top: -2px; }
.otnav li li a span { padding-left: 5px; color: #fefefe; margin-top: 0; }
.otnav li a { color: #fff; text-transform: uppercase; text-decoration: none; font-weight: bold; font-size: 12px; }
.otnav li.top-level { border: 1px solid rgba(255,255,255,.1); border-width: 0 1px 0 0;  margin: 0 0 -2px; top: -2px;}
.otnav li.top-level > a { font-family: 'Orbitron', sans-serif; text-transform: uppercase; color: #fefefe; font-size: 15px; padding-bottom:8px;}
.otnav li.top-level:hover > a { color: #fff; }
.otnav li.top-level.active > a { color: #fefefe; background: #11375c; 
background: -moz-linear-gradient(top, #0f4569 0%, #11375c 100%); 
background: -webkit-linear-gradient(top, #0f4569 0%,#11375c 100%); 
background: linear-gradient(top, #0f4569 0%,#11375c 100%);

}
.otnav li li a { color: #fff; text-transform: none; text-decoration: none; font-weight: normal; }
/* second level*/
.otnav li li { float: none; }
.otnav ul li a:hover, .otnav ul li:hover { color: #fff;
background: #11375c; 
background: -moz-linear-gradient(top, #0f4569 0%, #11375c 100%); 
background: -webkit-linear-gradient(top, #0f4569 0%,#11375c 100%); 
background: linear-gradient(top, #0f4569 0%,#11375c 100%);  }
.otnav ul ul { padding: 5px; border-top-left-radius: 0; border-top-right-radius: 0; 
background: #11375c; 
/*background: -moz-linear-gradient(top, #175f90 0%, #11375c 100%); 
background: -webkit-linear-gradient(top, #175f90 0%,#11375c 100%); 
background: linear-gradient(top, #175f90 0%,#11375c 100%); margin: 0; border: 0;*/ 

}
.otnav ul ul li a { color: #fff; padding: 8px 30px 8px 5px; margin: 0 3px 0 3px; }
/* third+ levels*/
.otnav ul ul ul { left: 100%; top: 0; margin: -5px 0 0 0; }
/* second+ levels*/
.otnav ul ul li a:hover { background-color: #133c6a; color: #fff; }
.otnav ul ul li a span {  position: absolute; right: 10px; float: right; }
.otnav ul ul li:hover { background-color: #133c6a; color: #fff; }

/* breadcrumbs */
.skin-breadcrumb-container { margin: 10px 15px; }
.skin-breadcrumb { text-transform: uppercase; font-weight: 400; font-size: 12px; }
.skin-breadcrumb-separator { color: #80aff5; padding: 0px 6px; }
.skin-first-row { padding-top: 8px; }
.skin-addpad { padding-left: 30px; padding-right: 30px; display: block; }
.skin-addpad .skin-breadcrumb-container { margin-left: 0px; }

.nav-main .hover { display: inline-table; }
.kb-open { color: #fff !important; background: #417baf !important; }

#dnn_CarouselPane{margin:0 -30px;}

/*@@@@@ footer */
#site-footer{margin: 0 -15px;}
#site-blankbreadcrumb-footer { margin: 0 -15px 0 -45px; }
.skin-footer-background { min-height: 100px; padding: 20px 0px 0; border-top: 1px solid #ababab; background: #b7b7b7; background: -moz-linear-gradient(top, #b7b7b7 0%, #d4d4d4 50%, #b7b7b7 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #b7b7b7 0%,#d4d4d4 50%,#b7b7b7 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #b7b7b7 0%,#d4d4d4 50%,#b7b7b7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
footer ul { list-style: none !important; list-style-type: none; margin: 0; }
footer h3 {
    display: block;
    text-transform: uppercase;
    font-size: 22px;
    font-family: 'Orbitron', sans-serif;
    color: #333;
    border-bottom: 1px solid #b9b9b9;
    margin: 0 0 10px;
    padding: 0 0 5px;
    box-shadow: 0 1px 0px rgba(255,255,255,.1);
}
.social-links, .footer-links { padding: 0 0 20px; }
.social-links ul { overflow: hidden; margin: 0; }
.social-links li { list-style: none; float: left; margin: 0 10px 10px 0; }
.social-links a { font-size: 1.4em; color: #fff; display: block; width: 35px; height: 35px; text-align: center; }
.social-links span.fa { background: rgba(34, 76, 121,.3); display: block; width: 35px; height: 35px; border-radius: 20px; transition: all .2s ease-in-out; line-height: 35px; }
.social-links span.fa:hover { background: rgba(34, 76, 121,1); }
.social-links span.fa-facebook:hover { background: #3B5998; }
.social-links span.fa-youtube:hover { background: #C4302B; }
.social-links span.fa-twitter:hover { background: #00A0D1; }
.social-links span.fa-rss:hover { background: #FA9B39; }
.social-links span.fa-comments:hover { background: #FA9B39; }
.social-links span.fa-pinterist:hover { background: #910101; }
.social-links span.fa-instagram:hover { background: #4E433C; }
.social-links span.fa-email:hover { background: #eceec4; }
.social-links span.fa-widget:hover { background: #205D7A; }
.social-links span.fa-podcast:hover { background: #34526F; }
.social-links span.fa-flickr:hover { background: #FE0883; }
.social-links span.fa-linkedin:hover { background: #007bb5; }
.social-links span.fa-snapchat:hover { background: #FFFC00; }

.social-links .text { display: none; }

.footer-links { }
.footer-links ul { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; }
.footer-links li { margin: 0 0 5px; }
.footer-links li a { color: #337ab7; }
#site-footer .logo-wrap { padding: 10px 0 30px; text-align: center; }
#site-footer .logo-wrap img { width: 50px; margin: 0 auto 5px; display: block; }
#site-footer .logo-wrap span { font: bold 11px/1 sans-serif; color: #224c79; }
#site-footer .flex-row { display: flex; }
#site-footer .blue-block { background: #11375c; margin-top: -20px; right:-15px;}
#site-footer .blue-block .logo-wrap { }
#site-footer .blue-block .logo-wrap img { width: 60px; margin: 10px auto 10px; }
#site-footer .blue-block .logo-wrap span { color: #fff; }
#site-footer .blue-block .joinText { color: #fff; }
#site-footer .blue-block .mailSubmit input { top: 0; }
#site-footer .blue-block .mailSubmit button { border: 1px solid #fff; border-width: 1px 1px 1px 0; padding: 5px 12px 4px; }
#site-blankbreadcrumb-footer .logo-wrap{padding:10px 0 30px;text-align:center}
#site-blankbreadcrumb-footer .logo-wrap img{width:50px;margin:0 auto 5px;display:block}
#site-blankbreadcrumb-footer .logo-wrap span{font:bold 11px/1 sans-serif;color:#224c79}
#site-blankbreadcrumb-footer .flex-row{display:flex}
#site-blankbreadcrumb-footer .blue-block{background:#11375c;margin-top:-20px;right:-15px}
#site-blankbreadcrumb-footer .blue-block .logo-wrap img{width:60px;margin:10px auto}
#site-blankbreadcrumb-footer .blue-block .logo-wrap span{color:#fff}
#site-blankbreadcrumb-footer .blue-block .joinText{color:#fff}
#site-blankbreadcrumb-footer .blue-block .mailSubmit input{top:0}
#site-blankbreadcrumb-footer .blue-block .mailSubmit button{border:1px solid #fff;border-width:1px 1px 1px 0;padding:5px 12px 4px}


.wrapper .afAccordionMenu div.afAccordionRootNode { 
  min-height:32px; color:#fff; 
  text-transform:uppercase; background: #11375c ;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  background:#11375c;
  padding: 10px;
  font-size: 16px;
}
.afAccordionMenu div.afAccordionRootNode a{
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}


@media all and (-ms-high-contrast:none) {
  *::-ms-backdrop, #site-footer .blue-block .mailSubmit button { padding: 3px 12px 2px; } /* IE11 */
}

@media (max-width: 1199px) {
  .wrapper{max-width:970px;padding:0;}
  #header{margin:0;padding: 0 15px;}
  .otnav{margin:0 -15px;}
  #dnn_CarouselPane{margin:0 -15px;}
  #site-footer{margin:0;}
  #site-footer .blue-block{right:auto;}
  .blankbreadcrumbcontainer {width: 100%;}
}
@media (max-width: 991px) {
  .wrapper{max-width:750px;}
  footer .social-links { padding-top: 25px; }
  .otnav li a { font-size: 11px; padding: 10px 5px 10px 5px; }
  #site-footer .flex-row { display: block; }
}

@media (max-width: 767px) {
  .wrapper{max-width:100%;}
  .skin-header-left { width: 90%; min-height: 0; height:100%;}
  .skin-header-right { width: 10%; }
  .skin-logo { width: 55px; padding: 5px 10px 5px 0; margin: 0; }
  .skin-logo img { }
  .skin-header { height: 60px; min-height: 0; min-height: unset; }
  .skin-title { padding: 0; font-variant: small-caps; overflow: hidden; text-overflow: ellipsis;max-height:40px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
  .skin-title .title-text { font-size: 20px; margin:0;}
  .desktop-search { padding-top: 13px; padding-right: 20px; }
  .otnav { background: #133C6A; }
  /* all levels*/
  .otnav li a { font-size: 13px; }
  .otnav li.top-level > a { color: #fff; }
  .otnav li { clear: both; float: none; border-bottom: solid 1px #113052; }
  .otnav li:last-child { border-bottom: none; }
  .otnav ul li:hover > ul { display: none; }
  .otnav ul { margin: 0; padding: 20px; }
  .otnav ul ul { margin-left: 20px; float: none; clear: both; position: relative; background-color: transparent; padding: 0; }
  .otnav ul ul ul { top: 0; left: 0; background-color: transparent; margin-left: 20px; }
  .otnav a span, .otnav ul li li a span, .otnav ul li li li a span, .otnav li a span { position: absolute; right: 0; top: 0; padding: 15px; z-index: 1001; font-size: 24px; margin-top: -8px; }
  .container > .navbar-collapse { margin: 0; }
  .otnav ul li a:hover, .otnav ul li:hover { background-color: transparent; }
  .dropdown-menu { -webkit-box-shadow: none; box-shadow: none; padding: 0; }
  .dropdown-menu.hang-left-sub, .dropdown-menu.hang-right-sub { left: auto; right: auto; }
  .nav > li > a:hover, .nav > li > a:focus { background-color: transparent; }
  .otnav ul ul li:hover a, .otnav ul ul li:hover { background-color: transparent; }
  .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #fff; }
  .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; background-color: transparent; }
  .skin-addpad { padding-left: 15px; padding-right: 15px; }
  .social-links { margin-bottom: 20px; }
  .footer-links ul { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }
}
/* media max767 */


