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

@font-face {
	font-family: 'Conv_Gotham-Medium';
	src: url('fonts/Gotham-Medium.eot');
	src: local('☺'), url('fonts/Gotham-Medium.woff') format('woff'), url('fonts/Gotham-Medium.ttf') format('truetype'), url('fonts/Gotham-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_Gotham-Light';
	src: url('fonts/Gotham-Light.eot');
	src: local('☺'), url('fonts/Gotham-Light.woff') format('woff'), url('fonts/Gotham-Light.ttf') format('truetype'), url('fonts/Gotham-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_Gotham-Book';
	src: url('fonts/Gotham-Book.eot');
	src: local('☺'), url('fonts/Gotham-Book.woff') format('woff'), url('fonts/Gotham-Book.ttf') format('truetype'), url('fonts/Gotham-Book.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_Gotham-Bold';
	src: url('fonts/Gotham-Bold.eot');
	src: local('☺'), url('fonts/Gotham-Bold.woff') format('woff'), url('fonts/Gotham-Bold.ttf') format('truetype'), url('fonts/Gotham-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}






.clearfix:after { content: "."; display: block;	clear: both; visibility: hidden; line-height: 0; }

html[xmlns] .clearfix {	display: block; }
 
* html .clearfix { height: 1%; }

pre { color:rgba(0,0,51,1); font-family:"Lucida Console", Monaco, monospace; font-size:10px; background:rgba(204,204,204,1); border:rgba(102,102,102,1) solid 1px;}

.floatLeft { float:left; }

.floatRight { float:right; }

* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

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;
}



/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body { font-family: 'Conv_Gotham-Book'; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }

.blackBG { background-color: #000; margin-top: -90px; text-align: center; }

.header-container { background-color: #ffdd00; border-bottom: 2px solid #e6c700; margin-bottom: 90px; }

.header-container .wrapper { width: 100%; max-width: 1200px; height: 90px; margin: 0px auto; }

.header-container .wrapper .spacer { float: left; width: 15%; display: block; }

.header-container ul { float: left; width: 90%; list-style: none; margin: 0px 5%; padding: 0px; }

.header-container ul li { float: left; width: 20%; text-align: center; font-size: 14px; padding-top: 12px; text-transform: uppercase; font-family: 'Conv_Gotham-Bold'; }

.header-container ul li a { color: inherit; text-decoration: inherit; }

.header-container ul li a:hover { text-decoration: underline; }

.header-container ul .logo { padding-top: 0px; }

.header-container ul .logo img { width: 100%; max-width: 160px; }

.mobile-header { display: none; }

.mobile-header .header-fixed { background-color: #ffdd00; border-bottom: 2px solid #e6c700; height: 60px; }

.mobile-header .header-fixed div { float: left; width: 33.33%; }

.mobile-header .header-fixed .logo { padding: 5px; text-align: center; }

.mobile-header .header-fixed .logo img { width: 100px; }

.mobile-header .header-fixed .menu { text-align: right; font-size: 30px; padding: 10px 20px 0px 0px; }

.mobile-header .header-fixed .menu a { color: #000; }

.mobile-header .header-slide { background-color: #000; color: #fff; width: 100%; padding: 35px 0px 20px 0px; -webkit-transition: all .3s ease-in-out; /* For Safari 3.1 to 6.0 */
transition: all .3s ease-in-out; display: none; }

.mobile-header .header-slide ul { float: none; }

.mobile-header .header-slide ul li { float: none; width: 100%; font-size: 20px; font-family: 'Conv_Gotham-Light'; }

.mobile-header .header-slide-open { display: block; }



@media screen and (max-width: 855px) {

	.header-container { background-color: none; border: none; margin-bottom: 50px;  }

	.header-container .wrapper { height: auto; }

	.mobile-header { display: block; }
	
	.desktop-header { display: none; }

}


.main-container {  }

.main-container .wrapper { width: 100%; max-width: 1200px; margin: 2em auto 6em auto; position: relative; }

.main-container .wrapper-fullwidth { max-width: none; }

.main-container .wrapper .main-title { width: 200px; font-size: 16px; font-family: 'Conv_Gotham-Bold'; padding: 6px 0px 4px 0px; border-top: 2px solid #2a2621; border-bottom: 2px solid #2a2621; margin: 0px auto; text-align: center; text-transform: uppercase; }

.main-container .wrapper .hero { width: 100%; }

.main-container .wrapper .hero { position: relative; overflow: auto; }

.main-container .wrapper .hero li { list-style: none; margin: 0px; padding: 0px; }

.main-container .wrapper .hero ul li { float: left; }

.main-container .wrapper .hero ul li img { width: 100%; }

.main-container .wrapper .timeline { margin: 5em 0px; }

.swiper-container { height: 440px; width: 100%; position: relative; margin-top: 3em; cursor: url(../img/cursor2.png), auto; }

.swiper-container .line_grad { position: absolute; top: 32%; width: 100%; height: 4px; background-color: #f4dc0e; }

.swiper-container .gradient-left, .swiper-container .gradient-right {   position: absolute; width: 100px; height: 100%; top: 0px; z-index: 1000; }

.swiper-container .gradient-left { background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); left: 0px; }
 
.swiper-container .gradient-right { background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); right: 0px; }

.swiper-container .swiper-slide { width: 300px;}

.swiper-container .swiper-slide .slide { text-align: center; padding: 0px 15%; }

.swiper-container .swiper-slide .slide .date { font-size: 28px; font-family: 'Conv_Gotham-Bold'; color: #f4ca21; margin-bottom: .5em; }

.swiper-container .swiper-slide .slide .thumb { margin-bottom: 1em; }

.swiper-container .swiper-slide .slide .title { font-size: 16px; font-family: 'Conv_Gotham-Medium'; color: #2a2621; height: 2em; margin-bottom: 1em; }

.swiper-container .swiper-slide .slide .desc { font-size: 12px; font-family: 'Conv_Gotham-Light'; color: #616161; }



.social { position: relative; }

.social .title {}

.social .line_grad { position: absolute; width: 100%; top:6em; margin-left: 0px; height: 4px; background-color: #f4dc0e; }

.social .gradient-left, .social .gradient-right {   position: absolute; width: 100px; height: 4px; top: 0px; z-index: 1000; }

.social .gradient-left { background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); left: 0px; }

.social .gradient-right { background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); right: 0px; }

.social .social-row { margin-top: 2em; }

.social .social-row .social-title { margin-bottom: 2em; font-size: 16px; font-family: 'Conv_Gotham-Bold'; text-transform: uppercase; color: #2a2621; }

.social .social-row .social-col { width: 40%; margin: 0px 5%; float: left; }

.social .social-row .social-col.social-fb { width: 30%; }

.social .social-row .social-col.social-ig { width: 50%; }

.social .social-row .social-facebook, .social .social-row .title-facebook { width: 100%; float: right; }

.social .social-row .social-instagram, .social .social-row .title-instagram { width: 100%; float: left; }

.social .social-row .title-facebook { padding: 0px; }

.social .social-row .title-instagram { padding-left: 6.5%; }

/* FACEBOOK */

.fb_post { width: 100%; padding: 0px; }

.fb_post .fb_details { }

.fb_post .fb_details .time, .fb_post .fb_details .link { float: left; width: 50%; }

.fb_post .fb_details .time { font-size: 12px; font-family: 'Conv_Gotham-Book'; color: #c0c0c0; }

.fb_post .fb_details .link { text-align: right; }

.fb_post .fb_details .link a i { color: #c0c0c0; }

.fb_post .fb_details .link a:hover i { color: #363636; }

.fb_post .fb_text { padding: 1em 0px; color: #2a2621; font-size: 12px; font-family: 'Conv_Gotham-Light'; }

.fb_post .fb_attachment { width: 100%; }

.fb_post .fb_attachment img { width: 100%; }


/* INSTAGRAM */

.social-instagram { padding-left: 5%; }

.social-instagram ul { list-style: none; padding: 0px; margin: 0px; }

.social-instagram ul li { float: left; width: 18%; margin: 0px 0px 2% 2%; position: relative; }

.social-instagram ul li .frame { position: absolute; top: 0; left: 0px; background-color: rgba(0,0,0,.6); width: 100%; height: 100%; opacity: 0; -webkit-transition: 1s; /* For Safari 3.1 to 6.0 */ transition: 1s; padding: 5px; text-align: right; }

.social-instagram ul li .frame i { color: #ffffff; }

.social-instagram ul li:hover .frame { opacity: 1; }

.social-instagram ul li img { width: 100%;}


/* GAMA DE PRODUTOS */

.main-container .products { width: 100%; max-width: 1200px; margin: 0px auto; position: relative; margin-bottom: 6em; overflow: hidden; }

.products .title { width: 200px; font-size: 16px; font-family: 'Conv_Gotham-Bold'; padding: 6px 0px 4px 0px; border-top: 2px solid #2a2621; border-bottom: 2px solid #2a2621; margin: 5em auto 1em auto; text-align: center; text-transform: uppercase; }

.products .row { width: 100%; clear: both; }

.products .row3 { margin: 0px 12.5%; }

.products .row2 { margin: 0px 25%; }

.products .row .item { float: left; width: 23%; margin: 1%; background-repeat: no-repeat; background-size: contain; background-position: center center; text-align: center; }

.products .row .item img { width: 100%; max-width: 221px; opacity: 0; -webkit-transition: all .3s ease-in-out; /* For Safari 3.1 to 6.0 */
transition: all .3s ease-in-out; transform: rotate(-400deg); -webkit-transform: rotate(-400deg); }

.products .row .item img:hover { opacity: 1; cursor: pointer; transform: rotate(0deg); -webkit-transform: rotate(0deg); }

/* PRODUTO */

.main-container .product { width: 100%; max-width: 1000px; margin: 0px auto; position: relative; margin-bottom: 6em; }

.product .back { float: left; width: 35px; height: 35px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border: 3px solid #000; color: #000; text-align: center; font-size: 20px; padding: 5px 2px 0px 0px; -webkit-transition: all .1s ease-in-out; /* For Safari 3.1 to 6.0 */ transition: all .1s ease-in-out; margin-left: 10px; }

.product .back:hover { border: 3px solid #fff; }

.product .title { width: 400px; font-size: 26px; font-family: 'Conv_Gotham-Bold'; padding: 6px 0px 4px 0px; border-top: 2px solid #2a2621; border-bottom: 2px solid #2a2621; margin: 3em auto 1em auto; text-align: center; text-transform: uppercase; }

.product .subtitle { width: 200px; margin: 1em auto; }

.product .product-container { position: relative; width: 100%; clear: both; margin-top: 4em; }

.product .product-container .image { float: right; width: 50%; padding: 1%; }

.product .product-container .image img { width: 100%; }

.product .product-container .copy { float: left; width: 50%; padding: 1%; font-size: 32px; line-height: 38px; font-family: 'Conv_Gotham-Light'; }

.product .product-container .social { float: left; width: 50%; margin-top: 2em; padding: 1%; }

.product .product-container .social .fa-facebook-square { color: #204385; }
.product .product-container .social .fa-twitter-square { color: #2aa9e0; }
.product .product-container .social .fa-google-plus-square { color: #d3492c; }
.product .product-container .social .fa-pinterest-square { color: #ca2128; }


.recipe_wrap { background-color: #231f20; padding-bottom: 3em; position: relative; }

.recipe_wrap .arrow { position: absolute; bottom: 34%; cursor: pointer; }

.recipe_wrap .arrow-left { left: 50%; margin-left: -550px; }
.recipe_wrap .arrow-right { right: 50%; margin-right: -550px; }

.pagination { text-align: center; margin: 3em 0px 0px 0px; }

.swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: rgba(255, 255, 255, 0.5); margin-right: 5px; opacity: 0.8; border: 1px solid #ccc; cursor: pointer; }

.swiper-visible-switch { background: #fff; }

.swiper-active-switch { background: #ccc; }

.recipe_wrap .recipe-title { }

.recipe_wrap .recipe-title .logo { width: 80%; max-width: 150px; margin: 0px auto; padding: 3em 0px 1em 0px; }

.recipe_wrap .recipe-title .title { color: #fff; text-align: center; text-transform: uppercase; font-family: 'Conv_Gotham-Bold'; font-size: 1.5em; }

.recipe_wrap .swiper-container { max-width: 900px; width: 90%; margin: 2em auto 0px auto; height: auto !important; cursor: inherit; }

.recipe_wrap .swiper-wrapper { }

.recipe_wrap .swiper-slide { max-width: 900px; width: 100%; }

.recipe_wrap .recipe-container { max-width: 900px; width: 100%; margin: 3em auto 0px auto; }

.recipe-container .recipe-left { float: left; width: 30%; margin-right: 10%; }

.recipe_wrap .recipe-left .image { width: 100%; text-align: center; }

.recipe_wrap .recipe-left .image img { width: 100%; }

.recipe_wrap .recipe-right { float: left; width: 60%; }

.recipe_wrap .recipe-right .name { color: #fbdc17; font-size: 3em; font-family: 'Conv_Gotham-Light'; text-transform: uppercase; }

.recipe_wrap .recipe-right .mini-title { color: #fbdc17; font-family: 'Conv_Gotham-Bold'; text-transform: uppercase; font-size: 1em; margin-top: 2em; margin-bottom: .3em; }

.recipe_wrap .recipe-right .copy { color: #fff; }




	/* VIDEO LEMON DRY */
	
	.video-gallery { width: 100%; min-height: 1000px; background-image: url(../img/lemondry_bg.jpg); background-position: center center; background-size: cover; }
	
	.video-gallery .video-container { width: 100%; max-width: 1000px; margin: 0px auto; position: relative; }
	
	.video-gallery .video-container .video-header { width: 100%; margin-top: -75px; }
	
	.video-gallery .video-container .video-header .iggy { float: left; width: 30%; }
	
	.video-gallery .video-container .video-header .iggy img { width: 100%; max-width: 266px; margin-top: -30px; }
	
	.video-gallery .video-container .video-header .byschweppes { width: 20%; float: left; margin-top: 160px; }
	
	.video-gallery .video-container .video-header .iggy-title { width: 50%; float: left; margin-top: 90px; text-align: right; }
	
	
	
	.video-gallery .video-container .player-container { width: 100%; text-align: center; }
	
	.player-container {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
	}
	
	.player-container iframe,  
	.player-container object,  
	.player-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	.video-gallery .video-container .thumbs { width: 100%; margin: 1em 0px; }
	
	.video-gallery .video-container .thumbs .thumb { float: left; width: 21%; margin: 0px 2%; border: #348c95 3px solid; cursor: pointer; }

	.video-gallery .video-container .thumbs .thumb img { width: 100%; }
	
	.video-gallery .video-container .video-footer { text-align: right; width: 100%; padding: 2em 0px; }
	
@media screen and (max-width: 700px) {
}
	
	

/* FOOTER */

.footer-container { background-color: #ffdd00; border-top: 2px solid #e6c700; height: 65px; }

.footer-container .wrapper { width: 100%; max-width: 1200px; margin: 0px auto; }

.footer-container .wrapper a { color: inherit; text-decoration: inherit; }

.footer-container .wrapper .left { float: left; }

.footer-container .wrapper .right { float: right; }

.footer-container .wrapper .copy_footer { margin-right: 20px; font-size: 12px;  margin-top: 25px; font-family: 'Conv_Gotham-Book'; }

.footer-container .wrapper .copy_footer span { font-family: 'Conv_Gotham-Light'; }

.footer-container .wrapper .right .social, .footer-container .wrapper .right .copy_footer { float: right; }

.footer-container .wrapper .right .copy_footer a { color: inherit; text-decoration: inherit; font-family: 'Conv_Gotham-Book'; }

.footer-container .wrapper .right .social { margin-top: 23px; margin-left: 30px; }

.footer-container .wrapper .right .social i { opacity: .7; margin: 0px 3px; }

.footer-container .wrapper .right .social a i { color: #000; }



.videoWrapper {
	position: relative;
	padding-bottom: 39.4%; /* 16:9 56.25%*/
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



@media only screen and (max-width: 800px){
	
	.social .line_grad { display: none; }
	
	.social .social-row .social-fb, .social .social-row .social-ig { width: 90% !important; margin: 0px 5%; float: none; }
	
	.social .social-row .social-ig { margin-top: 4em; }
	
	.social .social-row .title-instagram { padding-left: 0px; }
	
	.social-instagram { padding-left: 0px; }
	
	.social-instagram ul li { width: 30%; margin: 0px 0px 1.5% 1.5%;  }
	
	.social-instagram ul li:nth-child(-n+6) { display: none; }
	
	.recipe_wrap .arrow { bottom: 1.5em; }
	
	.recipe_wrap .arrow-left { left: 3em; margin-left: 0px; }
	.recipe_wrap .arrow-right { right: 3em; margin-right: 0px; }
}


@media screen and (max-width: 730px) {
	
	.footer-container { height: auto; }
	
	.footer-container .wrapper .left, .footer-container .wrapper .right, .footer-container .wrapper .right div { float: none; clear: both; }
	
	.footer-container .wrapper .left .copy_footer { text-align: center; margin-top: 20px; width: 100%; }
	
	.footer-container .wrapper .right .social { float: none; width: 100%; margin: 20px 0px 15px 0px; text-align: center; font-size: 20px; }
	
	.footer-container .wrapper .right .social i { margin: 0px 20px; }
	
	.footer-container .wrapper .right .copy_footer { float: none; width: 100%; text-align: center; margin: 5px 0px; }
	
}


@media screen and (max-width: 550px) {

	.product .back { float: none; margin-bottom: 2em; }

	.product .title { width: 90%; margin: 0px 5%; }

	.product .product-container .image, .product .product-container .copy { width: 90%; margin: 0px 5%; float: none; font-size: 20px; line-height: 24px; }
	
	.video-gallery { width: 100%; min-height: 0px;}
	
	.video-gallery .video-container .video-header .iggy, .byschweppes { display: none; }
	
	.video-gallery .video-container .video-header .iggy-title { width: 100%; text-align: right; float: none; padding: 2em 1em; margin: 0px; }
	
	.video-gallery .video-container .video-header .iggy-title img { width: 80%; }
	
	.video-gallery .video-container .video-footer { text-align: center; padding: 3em 0px; }
	
	.recipe-container .recipe-left, .recipe-container .recipe-right { width: 100%; float: none; margin: 0px; }
	
	.recipe-container .recipe-left .image img { width: 100%; }
	
	.recipe_wrap .recipe-right .name { font-size: 2em; }
	
	.recipe_wrap .recipe-right .name, .recipe_wrap .recipe-right .mini-title, .recipe_wrap .recipe-right .copy { text-align: center; }
	
	.recipe_wrap .arrow { bottom: 55%; }
	.recipe_wrap .arrow-left { left: 1em; margin-left: 0px; }
	.recipe_wrap .arrow-right { right: 1em; margin-right: 0px; }
	
	.recipe_wrap .swiper-container { margin: 2em auto 0px auto; }
	
}


/* ==========================================================================
   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;
    }
}