html, body { width:100%; height:100%; }
body { font-family:'Roboto', sans-serif; font-size:18px; font-weight:400; color: #264b59; line-height:1.333333; background-color:#262626; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }

body.error-page #errorInformation { position:relative; top:100%; }

#body { max-width:1600px; position:absolute; top:0; right:0; bottom:0; left:0; margin-left:auto; margin-right:auto; /* background-color:#1a1a1a; */ }
#body-content { /* background:white; */ }

#masthead { background:white; }

#mainnav-collapse { display:none; }
#mainnav-collapse.open { display:block; }

#mainnav-collapse nav { text-align:left; }
#mainnav-collapse .nav-item { border-bottom:1px solid #bcbbbb; }
#mainnav-collapse .nav-item a { display:block; padding:10px 0; margin-right:24px; color:#264b59; }
#mainnav-collapse .nav-item a:hover { text-decoration:none; color:#a9473c; }
#mainnav-collapse .nav-item .nav-toggle { position:relative; }
#mainnav-collapse .nav-item .nav-toggle button { position:absolute; top:0; right:0; bottom:0; border:0; width:30px; background:transparent url(../images/icons/arrow_drop-menu_up.png) center center no-repeat; }
#mainnav-collapse .nav-item .nav-toggle button.collapsed { background-image:url(../images/icons/arrow_drop-menu_down.png); }

#mainnav-collapse .nav-item .nav-item { border-bottom:none; }

#mainmenu-nav #mainnav-button { display:block; background:transparent; border:0; height:100px; padding:0 30px; transition:background-color .2s; border-left:1px solid #bcbbbb; color:inherit; }
#mainmenu-nav #mainnav-button:hover { background-color:#ece7d0; }
#mainmenu-nav #mainnav-button .button-text { line-height:100px; padding:0 5px; font-weight:700; } 
#mainmenu-nav #mainnav-button .button-image { width:30px; height:100px; background:url(../images/icons/icon_menu.png) no-repeat center center; }

#mainnav-button { position:absolute; top:0; right:0; z-index:101; }

#mainmenu-search { padding:0; }
#mainmenu-search .dropdown-toggle { display:none; }
#mainmenu-search .dropdown-menu { display:block; position:static; top:auto; left:auto; bottom:auto; right:auto; float:none; background:transparent; border:0; box-shadow:none; }
#mainmenu-search .dropdown-menu form { position:relative; } 
#mainmenu-search .dropdown-menu form #search-field {  }
#mainmenu-search .dropdown-menu form button {  }

#masthead-title { float:left; position:relative; z-index:2; }
#masthead-title .brand { }
#masthead-title .brand a { display:block; text-indent:-9999px; background:url(../images/icons/header_thune_small.png) no-repeat center center; width:230px; height:100px; padding:0 20px; transition: background-color .2s; }
#masthead-title .brand a:hover { background-color:#ece7d0; }

#masthead .bottom-border { height:7px; background: #a9473c; }
#masthead .bottom-border div { float: left; height: 7px; }
#masthead .bottom-border .bottom-border-left { width: 22%; background: #a9473c; }
#masthead .bottom-border .bottom-border-middle { width: 33%; background: #6aa2b8; }
#masthead .bottom-border .bottom-border-right { width: 45%; background: #264b59; }

@media (min-width:992px) {
	#masthead .bottom-border { box-shadow:0 5px 5px 1px rgba(0,0,0,0.25); }
}

#social-header { height:60px; }
#social-header a { height:60px; display:block; margin:0 -10px; background-position:center center; background-repeat:no-repeat; box-shadow: -1px 0 rgba(255,255,255,.2) inset; transition: background-color .2s; text-indent:-9999px; }
#social-header .youtube a { background-image:url(../images/icons/social_youtube.png); }
#social-header .youtube a:hover { background-color:#ef4e41; }
#social-header .twitter a { background-image:url(../images/icons/social_twitter.png); }
#social-header .twitter a:hover { background-color:#40bff5; }
#social-header .instagram a { background-image:url(../images/icons/social_instagram.png); }
#social-header .instagram a:hover { background-color:#548bb6; }
#social-header .rss a { background-image:url(../images/icons/social_rss.png); }
#social-header .rss a:hover { background-color:#faa33d; }

#home-content {}
#home-sidebar { background:#6aa2b8; }
#copy { /* background:white; */ }
#sidebar { background:#6aa2b8; }

/* .hide-sidebar { width:105%; } */

#copy-inner { background:white; min-height:100vh; }
#sidebar-inner { padding:20px; }

#copy-content { padding:0 20px 20px; }
#copy-content:before { content: ""; height:0px; display: block; margin-bottom: 20px; }

#page-header { background:black; }
#page-header h1 { margin:0; }
#page-header h1 a { display:block; font-size:36px; line-height:60px; font-weight:900; text-transform:uppercase; color:white; text-shadow: 1px 1px 5px rgba(0,0,0,.5); bottom:15px; text-align:left; padding:0 20px; }
#page-header h1 a:hover { text-decoration:none; }

#page-controls { position:relative; }

#page-controls .breadcrumb { padding:0 20px; margin:0; background:#f8f4e4; color:#595959; font-size:14px; line-height:40px; font-style:italic; border-bottom:1px solid #ccc; } 
#page-controls .breadcrumb a { color:inherit; }
#page-controls .breadcrumb a:hover { color:#a9473c; }

/* #page-controls .pageactions { display:none; } */
#page-controls .pageactions { position:absolute; top:0; right:0; bottom:0; }
#page-controls .pageactions .pageaction { float:left; display:block; border-left:1px solid #d5d5d5; position:relative; }
#page-controls .pageactions a { color:inherit; }
#page-controls .pageactions a:hover { text-decoration:none; }
#page-controls .pageactions .print { display:block; width:40px; height:40px; padding:10px; }
#page-controls .pageactions .print span { display:block; width:20px; height:20px; background:url(../images/icons/icon_print.png) top left no-repeat; text-indent:-9999px; }
#page-controls .pageactions .print:hover span { /* background-position:bottom left; */ }
#page-controls .pageactions .share { display:block; width:40px; height:40px; padding:10px; }
#page-controls .pageactions .share span { display:block; width:20px; height:20px; background:url(../images/icons/icon_share.png) top left no-repeat; text-indent:-9999px; }
#page-controls .pageactions .share:hover span { /* background-position:bottom left; */ }
#page-controls .pageactions .share-buttons { display:none; position:absolute; top:100%; right:0; left:auto; border:1px solid #d2d3d5; padding:10px; background:#fff; z-index:19; box-shadow:3px 3px 3px rgba(0, 0, 0, .25); }
#page-controls .pageactions .share-buttons.is-visible { display:block; }


#page-controls .pageactions .share-link { padding-left:30px; background-repeat:no-repeat; background-position:left center; line-height:20px; }
#page-controls .pageactions .share-link-facebook { background-image:url(../images/icons/icon_share_facebook.png); }
#page-controls .pageactions .share-link-twitter { background-image:url(../images/icons/icon_share_twitter.png); }
#page-controls .pageactions .share-link-email { background-image:url(../images/icons/icon_share_email.png); }

@media (min-width:768px) {
	#page-controls .pageactions .print { width:auto; }
	#page-controls .pageactions .print span { width:auto; text-indent:0; padding-left:30px; }
	#page-controls .pageactions .share { width:auto; }
	#page-controls .pageactions .share span { width:auto; text-indent:0; padding-left:30px; }
}

#related-links {  }
#related-links:before { content:"Related Links"; display:block; font-size: 24px; font-weight: 900; text-transform:uppercase; color:#fff; padding-bottom:15px; border-bottom:3px solid rgba(255,255,255,.5); }
#related-links li { border-bottom:1px dashed rgba(255,255,255,.5); color: #fff; background-position: left 10px center; }
#related-links li a { display:block; line-height:1.2; color:white; padding:20px 5px 20px 30px; background: url('../images/icons/carat_related_links.png') no-repeat left 21px; transition:background-color .2s; }
#related-links li a:hover { background-color:#528497; text-decoration:none; }

@media (max-width:1199px) { 
	#mainmenu { position:relative; }
	#mainnav-collapse { position:absolute; top:107px; width:100%; z-index:100; background:#f8f4e4; padding:20px; box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.35); } 
}

@media (min-width:768px) {
	#mainnav { padding-right:400px; height:100px; } 
	#social-header { position:absolute; top:0; right:0; width:400px; height:100px; }
	#social-header a { height:100px; }
	
	#sidebar-inner { padding:40px; }
}
@media (min-width:1200px) {
	#masthead { position:fixed; top:0; left:0; right:0; z-index:30; }
	#body-inner { /* position:absolute; top:107px; bottom:0; left:0; right:0; */ margin-top:106px }
	
	#mainnav { padding-right:400px; }
	#mainmenu { }
	#mainmenu-nav { display:none; }
	#mainnav-collapse { display:block; float:right; }
	#mainnav-collapse .nav-item { float:left; border-bottom:0; }
	#mainnav-collapse .nav-item a { font-size:14px; text-transform:uppercase; margin-right:0; padding:0; }
	#mainnav-collapse .nav-item .nav-toggle { transition: background-color .2s; }
	#mainnav-collapse .nav-item .nav-toggle a { display:block; height:100px; line-height:100px; font-size:14px; font-weight:bold; padding:0 15px; }
	#mainnav-collapse .nav-item .nav-toggle a:hover { color:inherit; }
	#mainnav-collapse .nav-item .nav-toggle:hover, 	#mainnav-collapse .nav-item .nav-toggle.on { background-color:#ece7d0; }
	#mainnav-collapse .nav-item .nav-toggle button { display:none; }
	#mainnav-collapse .nav-item .nav-panel { box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.35); background:#f8f4e4; padding:15px 30px; min-width:280px; }
	#mainnav-collapse .nav-item .nav-panel .nav-item { float:none; border-top:1px solid #bab7ab; padding:15px 0; font-size:18px }
	#mainnav-collapse .nav-item .nav-panel .nav-item.first { border-top:0; }
	#mainnav-collapse .nav-item .nav-panel .nav-item a { display:block; text-transform:none; font-weight:500;  } 
	#mainnav-collapse .nav-item .nav-panel .nav-item a:hover { color:#aa271d; }
	
	
	#mainnav .nav-item .collapse { position:absolute; top:100%; left:0; z-index:100; padding-top:7px; }
	#mainnav .nav-item .collapse.over { display:block; }
	#mainnav .nav-item .collapse.in { display:none; }
	#mainnav .nav-item .collapse.in.over { display:block; }
	#mainnav .nav-item button { display:none; }
	
	#mainnav-collapse nav { display:block; float:left; }
	#mainnav-collapse #mainmenu-search { display:block; float:right; }
	#mainmenu-search { position:relative; }
	#mainmenu-search .dropdown-toggle { display:block; width:50px; height:100px; padding:40px 15px; transition:background-color .2s; }
	#mainmenu-search .dropdown-toggle span { display:block; width:20px; height:20px; background:url(../images/icons/icon_search.png) center center no-repeat; text-indent:-9999px; }
	#mainmenu-search .dropdown-toggle:hover { background-color:#ece7d0; }
	#mainmenu-search .dropdown-toggle:focus { outline:5px auto -webkit-focus-ring-color; }
	#mainmenu-search .dropdown-menu { display:none; position:absolute; top:107px; right:0; min-width:300px; border-radius:0; margin:0; }
	#mainmenu-search.open .dropdown-menu { display:block; background:white; padding:15px 15px; }
	#mainmenu-search .dropdown-menu form button {  }
	#mainmenu-search .dropdown-menu form #search-field { } 
	
	#home-content { /* position:absolute; top:0; bottom:0; left:0; right:0; */ margin-right:400px; }
	#home-sidebar { position:fixed; right:0; top:106px; z-index:21; bottom:0; width:400px; overflow:hidden; }
	#home-sidebar .scrollable { width:420px; height:100%; overflow-y:scroll; }
	#footer { margin-right:400px; }
	.no-sidebar #footer { margin-right:0; }
	
	#copy { /* position:absolute; top:0; bottom:0; left:0; right:400px; overflow-x:hidden; */ margin-right:400px; overflow-y:auto; }
	.no-sidebar #copy { margin-right:0; }
	/* #copy:before { content:""; position:absolute; top:0; left:0; right:0; z-index:2; box-shadow:0 5px 5px 5px rgba(0,0,0,0.25) } */
	.no-sidebar #copy { right:0; }
	#sidebar { position:fixed; right:0; top:106px; z-index:21; bottom:0; width:400px; overflow:hidden; }
	#sidebar .scrollable { width:420px; height:100%; overflow-y:scroll; }
	
	#page-controls .breadcrumb { padding:0 40px; font-size:16px; line-height:40px; }
	
	#copy-content { padding:0 40px 20px; }
	#copy-content:before { content: ""; height:0px; display: block; margin-bottom: 20px; }
	.pagegroup-title h2 { color:#a9473c; padding-bottom:15px; border-bottom:1px solid #ccc; }
}
@media (min-width:1200px) { 
	#masthead-title { position:absolute; top:0; left:0; }
	
	#mainnav-collapse .nav-item a { font-size:16px; }
	#mainnav-collapse .nav-item .nav-toggle a { font-size:14px; padding: 0 12px; }
	#mainnav-collapse .nav-item .nav-panel { min-width:330px; }
	
	#copy { /* perspective: 1000px; */ /* transform-style: preserve-3d; perspective:1px; */ }
	#copy-inner { /* transform: translateZ(0); */ }
	 
	#page-header { background:transparent; position:relative; transform-style:inherit; }
	#page-header h1 { height:200px; padding-top:140px; position:relative; z-index:3; }
	#page-header h1 a { padding:0 40px; }
	#pageheader-bg { position:absolute; top:0; bottom:0; right:0; left:0; background:url(../images/bg_subpage_01.jpg) top center no-repeat; background-size:cover; /* transform: translateZ(-1px) scale(2); transform-origin: center center 0; */ }
}

@media (min-width:1400px) { 
	#masthead-title .brand a { background-image:url(../images/icons/header_thune.png); width:360px; padding:0 40px; }
	#mainnav-collapse .nav-item .nav-toggle a { font-size: 16px; padding: 0 15px; }
}

@media (min-width:1600px) {
	#masthead { width:1600px; left:auto; right:auto; margin:0 auto; }
	#sidebar { right:auto; margin-left:1200px; }
	#home-sidebar { right:auto; margin-left:1200px; }
}

#social-header { background:#528497; } 

@media print {
	a[href]:after { content:none; }
	.parallax-mirror { display:none; }
	#body { max-width:8in; }
	#body-inner { margin:0; }
	#page-header h1 { height:auto; padding-top:0; }
	#copy { margin-right:0; }
	#copy-content:before { display:none; }
	a, a[href] { text-decoration:underline; }
	h1 a, h1 a[href] { text-decoration:none; }
	#masthead { position:static; }
	#masthead-title { float:none; position:static; }
	#masthead-title .brand img { margin:20px auto; }
	#social-header { display:none; }
	#page-header { display:none; }
	#footer { display:none; }
}