/*
Theme Name: Nuytsite
Theme URI: http://underscores.me
Author: Nick Wilkinson
Author URI: http://nickwilkinson.net/
Description: This is a Wordpress theme developed for Nuytco Research's nuytco.com website. It's based on _s, from underscores.me.
Version: 0.1
License: GNU General Public License
License URI: license.txt
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Find out more at Underscores.me.

Where possible, as much of the nuytco.com prototype code (by Nick Wilkinson, based on HTML5 Boilplate) has been used here.

*/


/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html {height:100%;}

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */
html {position:relative; overflow-y: scroll; height:100%;}
body { position:relative; width: 100%; background-image: url('img/background.png'); background-repeat: repeat; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; height:100%; padding-bottom:1px;}

.wrapper {width:100%; min-height:100%;}
.container {width: 1140px; margin: 0 auto; padding: 0 10px;}
h1 {width: 100%; font-weight: 200; font-size: 33px; margin:0; padding:0; border-bottom: 1px solid #666666;}
h2 {font-weight: 600; font-size: 20px; margin:10px 0 10px 0; padding:0;}
.red {color: rgb(186,37,19);}

header {width:100%; background-color: black;}
/* #page {min-height:100%; height:100%; position:relative; z-index: 10;} */
#main { min-height: 100%; height: auto; height: 100%; margin: 0 auto -265px auto;overflow: hidden;}
.push {height:265px; width:100%; display: block;}
#masthead {height:65px; background-color: black; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 20px; color: white;}
#nuytco_logo {width: 266px; height: 50px; margin-top:8px;}
.hide { position: absolute; top: -9999px; left: -9999px; }

/* ---------- MENU ---------- */
.navigation-main { clear: both; display: block; float: right; margin-top: 13px; z-index: 1000!important;}
.navigation-main ul { list-style: none; margin: 0; padding-left: 0; z-index: 1000!important;}
.navigation-main li { float: left; position: relative; padding: 5px 10px; z-index: 1000!important;}
.navigation-main a { display: block; text-decoration: none; color:white; }
.navigation-main ul ul {
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0 3px 3px rgba(0, 0, 0, 0.2);
	box-shadow:         0 3px 3px rgba(0, 0, 0, 0.2);
	background-color: black; display: none; float: left; position: absolute; top: 1.5em; left: 0; z-index: 99999; }
.navigation-main ul ul ul { left: 100%; top: 0; }
.navigation-main ul ul a { width: 200px; }
.navigation-main ul ul li {}
.navigation-main li:hover > a { color: rgb(209,0,19); }
.navigation-main ul ul :hover > a {}
.navigation-main ul ul a:hover {}
.navigation-main ul li:hover > ul { display: block; }

.navigation-main li.page_item a {color: rgb(209,0,19);}
.navigation-main li.current_page_parent a {color: rgb(209,0,19);}
.navigation-main .sub-menu li a {color: white;}
.navigation-main .sub-menu li a:hover {color: rgb(209,0,19);}
.navigation-main .sub-menu li.page_item a {color: rgb(209,0,19);}
#menu-item-1604.menu-item.menu-item-type-custom.menu-item-object-custom.current-menu-item.menu-item-1604 a {color: rgb(209,0,19);}

.navigation-main li.current_page_item a,
.navigation-main li.current-menu-item a,
.navigation-main li.current_page_parent a { }

/* Small menu */
.menu-toggle { display: none; cursor: pointer; }
.main-small-navigation ul { display: none; }

@media screen and (max-width: 600px) {
	.menu-toggle, .main-small-navigation ul.nav-menu.toggled-on { display: block; }
	.navigation-main ul { display: none; }
}

/* ---------- HOME PAGE ---------- */
#top_wrapper {position:relative; max-width: 100%; margin: 0 auto; overflow:hidden; background-color: black;}
#home_bxslider{ width:100%; position:relative; left:50%; margin-left:-960px; margin-top:0; padding:0;}
.slide img { display:block; width: 1920px; }

#slides {position: relative; width: 100%; height: 499px; overflow: hidden; text-align: center;}

/*
video#bgvid { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url('video/first.jpg') no-repeat;
    background-size: cover; 
}
*/
/*
#video_content { 
	position: relative;
	width: 100%;
	height: 500px;
	margin: 0 auto;
	overflow: hidden;
}
*/


#slides video {position: relative; width: 1300px; height: auto; top:-150px; z-index: 10;}
/* #slides video {display: none;} */

.slide_banners {position: relative; display:inline-block; width: 10000px; left: 50%; top: -1237px; height: 500px; margin: 0 0 0 -5000px; text-align: center; z-index: 20;}
.slide_banners img {width: 1920px; height: 500px; }
#banner0 {opacity: 100; z-index: 21;}
#banner2 {opacity: 0; z-index: 22;}
#banner3 {opacity: 0; z-index: 23; top:-1736px;}
#banner4 {opacity: 0; z-index: 24; top:-2236px;}
#banner5 {opacity: 0; z-index: 25; top:-2736px;}


.newtrov_overlay {top:-750px;}
.newtrov_overlay_text {width:1300px; height:auto; margin:0 auto; text-align: left;}
.newtrov_overlay_text img {position:absolute; width: 550px; height: 100px; margin-left:110px; margin-top:-85px;}
.newtrov_overlay_text p {margin:0; padding:0; margin-left: 110px; line-height: 125%; color: white; font-weight: 800; font-size: 23px; margin-top:375px; background-color: black; width: 365px; padding: 10px 10px 10px 5px;}
.newtrov_overlay_text a {display:block; margin:0; padding:0; margin-left: 110px; color: rgb(186,37,19); text-decoration: none; background-color: black; padding:8px 10px; margin-top:3px; font-weight: 800; font-size: 18px; width:95px;}


.img_overlay {position: absolute; display:inline; width: auto; height: 100px; bottom:80px; margin-left: -1500px; text-align: left;}
.about_overlay {bottom: 95px;}
.exosuit_overlay {bottom:40px;}
.operations_overlay {bottom: 124px;}
.nuytten_overlay {bottom: 96px;}
.img_overlay_text {background-color: black; padding:10px 10px 10px 5px;}
.img_overlay p {line-height: 125%; color: white; margin:0; padding:0; font-weight: 800; font-size: 23px;}
.img_overlay a {display:block; color: rgb(186,37,19); background-color: black; font-weight: 800; font-size: 18px; text-decoration: none; padding: 8px 10px; margin-top:3px; width: 95px;}

#mobile_check {display:none;}
#banner0 {margin-top:14px; display:none;}
/* if viewing on mobile */
@media only screen and (max-device-width:961px)  {
	#mobile_check {display: inline;}
	#banner0 {display: inline-block; margin-top:-9px; }
	video {display:none;}
	#banner2 {margin-top:42px;}
	.newtrov_overlay_text p {margin-top:580px; }
}


/*
#video_overlay {position: absolute; display:inline; text-align: left; width: 1300px; height:500px; top:0; left:0;}
#video_overlay img {width: 550px; height: 100px;}
#video_overlay p {color: white; font-weight: bold; font-size: 1.5em; margin:-12px 0 23px 3px;}
#video_overlay a {color: rgb(209, 0, 19); font-size: 1em; margin:0; padding:0; text-decoration: none; background-color: black; padding: 12px 20px; padding-bottom:15px; font-weight: bold; margin-left:3px;}
*/

/* #slide_info {position:absolute; display: inline; left:65px; bottom:50px;} */

/*
#slide_control {position: absolute; display: inline; right:0; top:0; width: 250px; height:500px; background: url('video/slide_control_overlay.png');}
#slide_control .slide_option {height:100px; width: 250px; border-left: 1px solid grey; text-align: center; border-top:1px solid grey;}
#slide_control .slide_option:hover {background-color: black; cursor: pointer;}
#slide_control .slide_option img {width: 225px; height: 41px; margin-top:30px;}
#slide_control .slide_option img.smaller {width: 180px; height: 32px; margin-top:34px;}
#slide_control .slide_option a {display:block; width: 250px; height: 100px; background: none; color: white; font-size: 1.3em; margin:0; padding:0; padding-top: 30px;}
*/


/* #video_content .product_banners {width: 100%; text-align: center;} */
/* #video_content .product_banners img {width: 1300px; height: 500px;} */




.slide_content_wrapper {position:absolute; width: 1140px; height: 500px; top:0; margin-left: 390px; display:inline-block; font-weight:800; font-size: 18px;}
.slide_txt_box {position:absolute; display:inline-block; min-width: 200px; max-width: 345px; bottom:93px; left:5px; background-color: black; text-align: left; z-index: 1000; color:white; font-size:23px; padding:5px; line-height: 125%;}
.slide_nav_boxes {position:absolute; display:inline-block; width: 40px; height:40px; bottom:50px; left:0; background-color: black; text-align: center; z-index: 1000; line-height:40px; cursor: pointer;}
.slide_nav_boxes img {width: 40px; height:40px;}
.slide_left {left:5px;}
.slide_right {left: 48px;}
.read_more_box {position:absolute; display: inline-block; width: 120px; height: 40px; bottom:50px; left:91px; background-color: black; color: rgb(186,37,19); text-align: center; z-index: 1000; line-height:40px;}
.read_more_box a {color: rgb(209,0,19); text-decoration: none;}

#home_content {width: 1140px; margin: 0 auto; margin-top: 30px;}
.see_all_link {position:relative; float:right; font-weight: 400; color: rgb(186,37,19); text-decoration: underline; top:-30px;}
.see_all_link a {color: rgb(186,37,19);}
#product_slider {position: relative; width: 1140px; height: 380px; margin:0 auto; margin-top:10px; margin-bottom: 30px;}
.half_sections {width: 550px;margin-bottom: 30px;}
.half_sections p {margin-top: 10px; margin-bottom:0;}
.sec_left {float:left;}
.sec_right {float: right;}
.feature_box {width: 550px; height: 185px; margin-top: 10px;}
#client_banner {width: 1140px; height: 70px; margin: 0 auto; margin-top: 5px; margin-bottom:10px;}

.jcarousel { position: relative; overflow: hidden; width: 1070px; height: 380px; margin:0 auto; margin-left: 36px;}
.jcarousel ul { width: 20000em; position: absolute; list-style: none; margin: 0; padding: 0; margin-left:2px;}
.jcarousel li { float: left; }
.jcarousel a {height: 377px; width: 265px; display:block; border:1px solid white;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align: center; text-decoration: none;}
.jcarousel a:hover {border: 1px solid #999999;}
.prod_divider {width: 253px; height:1px; border-bottom:1px solid #999999;margin:0 auto;}
.prod_bullets p {margin:0; margin-top: 7px;color:black; font-weight:800; font-size: 15px;}
p.last_prod_bullet {margin-bottom:3px;}
.jcarousel-prev {position:absolute; width: 35px; height: 80px; left:0; top:135px; cursor:pointer;}
.jcarousel-next {position:absolute; width: 35px; height: 80px; right:0; top:135px;cursor:pointer;}


/* ---------- FOOTER ---------- */
#colophon {position:relative; width: 100%; height: 300px; background-color: black; margin-top: -265px; clear:both;}
#footer_content {position:relative; width: 1140px; height:300px; margin:0 auto;}
.footer_section {width: 284px; height: 222px; float:left; border-right: 1px solid #666666; margin-top:5px;}
.last_section {border-right:0; }
.footer_heading {font-size: 18px; font-weight: 800; color: rgb(186,37,19); margin:10px;}
.footer_txt {font-size: 16px; font-weight: 400; color: #E6E6E6; margin:10px;}
.footer_section ul {color: #E6E6E6; margin:0; margin-left:-8px;}
#form_img {position:relative; display:block; width: 264px; height:179px; margin:0 auto;}
.contact_deets {font-weight: 800; color:white; }
#copyright {position:relative; width: 410px; text-align: center; color: #7F7F7F; top:15px; font-size: 14px; clear:both; margin:0 auto;}
#copyright a {color: #7F7F7F;}
.footer_menu a {color:#E6E6E6; text-decoration: none;}
.footer_menu a:hover {text-decoration: underline;}
a[href^=tel]{ color:inherit; text-decoration:underline; }
form p {margin:0 0 4px 0; padding:0;}
input[type="email"], textarea { background-color: #444; color: #fff; width: 260px; outline:none; border:1px solid black; border-radius: 5px; margin:0 0 0 12px; padding:0; padding-left:5px;}
input[type="email"] {height: 35px;}
textarea {height:90px; font-size: 15px;}
input[type="submit"] {width:140px; height:36px; margin-left:12px; background-color: #666; border:1px solid black; border-radius: 5px; text-align:center; line-height:31px; color:white; font-size: 15px; font-weight:bold; outline: none; text-shadow: black 0 2px;}
div.wpcf7-response-output {margin:0; margin-top:-5px; border-radius: 5px; color:#f56e28; font-size: 14px; line-height: 110%;}

/* ---------- PRODUCTS ---------- */
#top_banner {width: 100%; height: 200px; border-bottom: 1px solid black;}
.prod_text_wrapper {display:block; margin-bottom: 20px;}
#product_details_wrapper {position: relative; width: 100%; margin:20px 0 40px 0;}
#product_details_wrapper p {margin-top: 20px;}
#product_logo_big {width: 550px; height:auto;}
#main_prod_shot_container {width: 550px; margin-left:40px; margin-bottom:20px; clear:right;}
#main_prod_shot {width: 550px; height: 400px; border: 1px solid #666666;}
#spec_sheet_wrapper {text-align: center; margin-top: 20px;}
#spec_sheet_wrapper a {color:rgb(186,37,19);}
#product_specs, #tabbed_content {min-height: 300px;}
#product_specs h2, #tabbed_content h2 {border-bottom: 1px solid #666666;}
#photos_tab, #videos_tab, #dl_tab {cursor: pointer;}

#prod_bottom_half {clear:both;margin-top:40px;}
#prod_bottom_half h2 {padding-top:0; margin-top:0;}
#bottom_spacer {width: 100%; height: 50px!important; clear:both!important;}
#accordion ul {margin: 0 0 0 20px; padding-top:0; padding-bottom:10px;}
#accordion ul li {margin-bottom:10px;}

#accordion ul ul {margin:10px 0 0 0; padding-bottom:0; list-style: square;}
#tabs-1, #tabs-2, #tabs-3 {width:550px; padding:0; padding-left:4px; margin-top:25px;}
#tabs-1 img {width: 128px; height: 128px; margin-bottom: 5px;}
#tabs-2 iframe {margin-bottom:20px;}
.prod_gallery {width: 128px; height: 128px; display:inline-block; border:1px solid #999999; margin: 0 2px 4px 2px;}
#tabs ul {margin-bottom:0;list-style: none; line-height:40%; border-bottom: 1px solid #666666; border-radius: 0; margin-top:-2px;padding-top:0;}
#tabs ul li a {outline: none; font-size: 20px; font-weight: 600; padding-left:0;}
.half_sections a {outline:none;}
a.dl_files {color: rgb(186,37,19);}
h4 {font-size: 40px; line-height: 100%; margin:0; padding:0; margin-bottom:-15px;}

/* ---------- ABOUT ---------- */
.about_title {text-transform: uppercase;}
#about_text {margin-top:30px; margin-bottom: 40px;}
#about_text p {line-height: 125%; padding-bottom:5px; margin-right:0; padding-right: 0;color:#222;}
#about_slideshow {margin:30px 0 5px 20px;}
#about_slider {width: 550px!important; margin:0; padding:0; }
#about_slider li {width: 550px; height: 544px;}
#about_slider li img {width: 548px; height: 480px; border: 1px solid #666666;}
.caption_wrapper {text-align: center;}
.img_caption { display:inline-block; width: 420px; height: 40px; line-height: 40px; margin:0 auto; margin-top:9px; text-align: center; color:#222; }
.img_caption span {display: inline-block; vertical-align: middle; line-height: 20px;}
.caption_arrows {font-size: 50px; margin-top:-8px; cursor: pointer;}
.caption_arrow_left {float:left; }
.caption_arrow_right {float:right;}

.error_txt {font-size: 20px;}
.error_ul {font-size: 18px; line-height: 200%;}
.error_ul a {color: rgb(186,37,19);}


/* ---------- ALL PRODUCTS ---------- */
#products_showcase_wrapper_wrapper {width:100%; overflow: hidden;}
#products_showcase_wrapper {width: 100%; margin:0 auto; margin-top:30px;}
#prod_tabs {width: 100%; margin:0; padding:0;}
#prod_tabs ul { list-style: none; margin:0; padding:0;}
#prod_tabs ul li a {margin:0; padding:0; margin-right: 30px; outline: none; font-size: 20px; font-weight: 200;}

.product_tab_content {width:1100px; margin:0 auto; padding:0;}
.product_tab_content a {color: #222;}
.product_tab_content a:hover {color: rgb(186,37,19);}
.all_prod_container {position:relative; width: 220px; height: 260px; margin:0; padding:0; margin-top: 10px; text-align: center; float:left;}
.all_prod_img {width: 200px; height: 200px; margin:0 auto; border:1px solid #999999; background-color: white!important; overflow: hidden;}
.all_prod_img img {height: 170px; margin-left: -17px; margin-top:15px;}
.all_prod_name {position:absolute; display:table; width: 220px; height: 60px; margin:0;font-size: 16px;}
.all_prod_name p {display: table-cell; vertical-align: middle; text-align: center;}


/* ---------- HISTORY ---------- */
#history_wrapper_all {width: 100%; margin:0; margin-top:30px; text-align: left;}
#history_wrapper {width: 100%; margin:0; padding:0; }
#history_tabs {line-height:125%; padding:0; margin:0; margin-bottom:30px;}
#history_tabs a {font-size: 20px; text-decoration: none; color:#666; margin-right:20px; font-weight: 200;}
#history_tabs a:hover {color:#222;}
#history_tabs a.history_active {color: rgb(186,37,19);}
#history_text {margin-bottom:40px;}
.history_tab_content {width:100%; margin:20px 0 0 0!important; padding:0!important; }
.history_heading {font-weight: 800;}
.history_tab_videos {text-align: center;}
.video_row {position:relative; display:block; width:100%; margin:0; padding:0; margin-bottom:10px; clear:both;}
.history_video_wrapper {position:relative; display:inline-block; width: 540px; padding:0; margin: 10px 10px 20px 10px!important; text-align: left; /* z-index: -1!important; */}
.history_video_wrapper iframe {/* z-index: -1!important; */}
/* .history_video_wrapper_caption {position:relative; left:0;} */
.vid_left {float:left;}
.vid_right {float:right;}
.video_title {font-weight: bold;}
#video_bottom_spacer {width: 100%; height: 50px; clear:both;}
#history_slideshow {width: 550px; height: 550px; margin:0 0 0 20px; }
#history_slideshow img {width: 550px; height: 480px; border:1px solid #666666;}

#timeline_tab {margin-bottom:40px!important;}
#timeline-embed {height:500px!important;}


/* ---------- RESEARCH ---------- */
#research_txt {margin-top:30px;}
#research_projects {margin-top: 30px; padding-top:25px; border-top:1px solid #B1B1B1;}
.research_item_title {font-weight: bold; font-size: 18px;}
.research_item_title {text-transform: uppercase;}
.research_item_photo img {width:550px; height:300px; border:1px solid #666;}


/* ---------- CONTACT ---------- */
#contact_wrapper {position:relative; width: 100%; height: 300px; margin-top:50px;}
#contact_deets_box { position:absolute; font-size:18px;}
.contact_page_deets {color:#222!important; font-weight: bold;}
#contact_map {float: right; width:760px; height: 300px; border:1px solid #666; text-align: right; margin-bottom:40px;}


/* ---------- SERVICES ---------- */
.services_desc {margin:0; margin-bottom:35px;}
.services_container {width:100%; margin-bottom:20px; padding-top:20px;border-top: 1px solid #666666; clear:both;}
.services_title {margin:0; padding:0; font-weight: bold; }
.services_container p {margin:0; padding:0;}
.services_container img {float:right; margin-left:20px; margin-bottom:20px; /* padding-top:5px; */ width: 550px; height:auto;}
p a {color: rgb(186,37,19);}
#bottom_spacer_services {width: 100%; height: 40px; clear:both;}

p.research_info_sheet_wrapper {text-align: center;}
img.research_info_sheet {float: none; margin:0; padding:0; width: 65px; height:65px;}
.services_container a {color: rgb(186,37,19);}


/* ---------- LINKS ---------- */
.links_list {list-style: none; margin:0; margin-top:30px; padding:0;}
.links_list li {margin: 40px 0;}
.links_list li a {color: rgb(186,37,19);}

/* ---------- NEWS ---------- */
.news_tabs {width:1140px; margin:0; padding:0;}
.news_tab_content {width:1140px; margin:0; margin-top:20px; padding:0!important; }
.news_block {position:relative; display: inline-block; margin:0; padding:0; margin:8px 8px; width: 550px; height:auto;}
.news_img_block {position: relative; width: 550px; height: 300px;}
.news_img_block .news_thumb {position:absolute; top:0; left:0; width: 550px; height:300px;}
.news_img_block .news_shadow {position:absolute; top:0; left:0; width: 550px; height:300px;}

.news_title {font-weight: bold; text-transform: uppercase;}
.news_block_txt {position: absolute; width: 500px; line-height:125%; bottom:10px; right:10px; font-size: 18px; color:white; text-align: right; filter: progid:DXImageTransform.Microsoft.Shadow(color=#333333,direction=135); text-shadow: black 0 0 5px;}
.news_block_txt p {margin:0; padding:0; margin-bottom:10px;}
.news_block_txt a {color: rgb(255,47,28); font-weight: bold;}

#online_tab {margin-top:-15px;}
.news_tab_content .links_list {font-size: 18px;}
.news_tab_content .links_list a {font-size: 16px!important;}


/* ---------- DOWNLOADS ---------- */
.download_heading {margin-bottom:20px;}
#wp_container_wrapper {width: 1140px; text-align: center;}
#wp_container_wrapper a {margin: 20px; line-height: 200%; color: rgb(186,37,19);}


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media only screen and (max-width: 1425px) {
	.last-item .sub-menu {left:-130px;text-align: right;}
}


@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}