/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * C#a02126it left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

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

html {
    font-size: 1em;
    line-height: 1.4;
   	background-color:#f9e7b9;
    font-family: 'lato';
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

/* fonty mercedes - corporateA */
/* Webfont: Lato-Light */
@font-face {
    font-family: 'LatoLight';
    src: url('Lato-Light.eot'); /* IE9 Compat Modes */
    src: url('Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('Lato-Light.woff') format('woff'), /* Modern Browsers */
         url('Lato-Light.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
/* Webfont: Lato-Regular */@font-face {
    font-family: 'Lato';
    src: url('Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('Lato-Regular.woff') format('woff'), /* Modern Browsers */
         url('Lato-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}


/* koniec fontow */

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

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

/*
 * A better looking default horizontal rule
 */

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

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

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

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

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

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
  body{
  	background-image:url('../img/bg.png');
  	background-repeat:repeat-x;
  	background-color:#f9e7b9;
  	font-family: 'Lato', 'Arial' sans-serif;
  }
/* menu */
#menu{
	width:945px;
	height:45px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:black;
	border:1px solid #252424;

	position:relative;
	background:white;
	left:0px;
	/*top:104px;*/
	top:15px;
	z-index:10;
	margin-left:25px;
	font-size:13px;
	font-weight:400;

}

.menu_list {

	margin-left:0;
	padding-left:0;



}
.menu_list > li{
	list-style:none;
	display:inline;
	padding:16px 25px 16px 25px;
	height:49px;

	position:relative;


}
#link_do_pobrania {
	width:100%;
	text-align:center;
	font-size:2em;
	display:none;
}
.active2{
	list-style:none;
	display:inline;
	padding:16px 25px 16px 25px;
	height:49px;
	/* aktywny el menu wybrany*/
	position:relative;
	background:none;
	border:none;
	margin-right:0;
	color:#a02126;



}

.menu_list > li:hover{
	color:#a02126;



}


.menu_sublist li{
	list-style: none;
	/* color submenu */
	background:url('../img/li_el.png') repeat-x;
	height:23px;
	padding:5px 25px 1px 25px;
	min-width:140px;
	box-shadow: 3px 6px 14px rgba(0, 0, 0, 0.29);
    -moz-box-shadow: 3px 6px 14px rgba(0, 0, 0, 0.29);
    -webkit-box-shadow: 3px 6px 14px rgba(0, 0, 0, 0.29);
}

.menu_sublist li a{
    white-space:nowrap;
}
.menu_sublist li:hover{







}
.menu_sublist{
	position:absolute;
	margin-left:0px;
	padding-left:0px;
	margin-top:0px;
	display:none;
	left:0;
	z-index:9998;
}
.menu_list li:hover .menu_sublist {
 display:block;
}

.menu_link:link, .menu_link:active, .menu_link:visited, .menu_link2:link, .menu_link2:active, .menu_link2:visited{
	color:black;
	text-decoration:none;
}
.menu_link:hover{
	color:#a02126;
}
.menu_link_active:link, .menu_link_active:active, .menu_link_active:visited{
	color:#a02126;
	text-decoration:none;
}
.menu_link2:hover{
	color:#a02126;
	text-decoration:none;
}
.input{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color:black;
	border:1px solid #a02126;
	width:330px;
	color:#a02126;
	font-size:15px;
	margin:10px 0 10px 0;
}
.lina{
	width:400px;
	height:2px;
	background:#a02126;
	margin: 3px 0 10px 0;
}
button, .button{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background:#a02126;
	color:white;
	border:1px solid #black;
	border:none;
}
button:hover,.button:hover{

	background:#red;
	color:white;
	border:1px solid #black;
}
/************************************************
 * koniec menu
 ***********************************************/
#flash_obj{
	position:relative;
	width:606px;
	height:80px;
	background:url('../img/sso606x80.png') no-repeat;
}
.wrapper{
	position:relative;
	width:990px;
	auto;
	margin-left:auto;
	margin-right:auto;
	font-family: 'Lato', 'Arial' sans-serif;
	padding-top:7px;



}
#czlonk {
	margin-left:150px;
	width:600px;

}
#czlonk td:first-child {
	width:200px;
	text-align: center;
		background:#f3f1eb;

		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding:0 0 0 20px;
		margin-bottom:5px;
		border:5px solid white;

}
#czlonk td:nth-child(2) {
	text-align:left;
	vertical-align:middle;
	font-size:18px;
	background:#f3f1eb;
		width:500px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding:20px;

		border:5px solid white;
}

#bg_home{
	position:relative;
	margin-top:25px;
	width:990px;
	height:378px;
	background:url('../img/bg_home.jpg') no-repeat;
}
#bg_stow{
	position:relative;
	margin-top:25px;
	width:990px;
	height:378px;
	background:url('../img/bg_osto2.jpg') no-repeat;
}
#bg_pliki{
	position:relative;
	margin-top:25px;
	width:990px;
	height:378px;
	background:url('../img/bg_pliki.jpg') no-repeat;
}
#bg_kalkulator{
	position:relative;
	margin-top:25px;
	width:990px;
	height:378px;
	background-image:url('../img/calc.jpg');
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}
#bg_aktual{
	position:relative;
	margin-top:25px;
	width:990px;
	height:378px;
	background:url('../img/bg_aktual.jpg') no-repeat;
}
#bg_press{
	position:relative;
	margin-top:25px;
	width:990px;
	height:378px;
	background:url('../img/bg_press2.jpg') no-repeat;
}
#bg_wiedza{
	position:relative;
	margin-top:25px;
	width:990px;
	height:378px;
	background:url('../img/bg_wiedza.jpg') no-repeat;
}
#bg_kontakt{
	position:relative;
	margin-top:25px;
	width:990px;
	height:378px;
	background:url('../img/bg_kontakt.jpg') no-repeat;
}



.miniwrapper{
	position:relative;
	width:940px;
	height:auto;

	margin-left:25px;
	margin-right:25px;
	font-family: 'Lato', 'Arial' sans-serif;
	padding-top:3px;
}
.czlonkowie{
	position:relative;
	width:930px;
	height:130px;
	background:url('../img/czlonkowie.png') no-repeat;
	margin-left:25px;
	margin-right:25px;
	font-family: 'Lato', 'Arial' sans-serif;
	padding-top:25px;
}
#karuzela{
	background:white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height:105px;
	width:920px;
	position:relative;
	padding-top:15px;
	padding-left:10px;
	padding-right:10px;

}
.partner{
	padding-right:15px;
}
.partner2{
	padding:20px;
	max-width:120px;
	max-height:100px;
}
#social{
	position:absolute;
	top:5px;
	right:25px;
	padding:3px 10px 3px 10px;
	background:#a02126;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}
.mapa{
	color:#9c9d9d;
	font-size:14px;
	text-transform: uppercase;
	margin-bottom:4px;
}
.kontent{
	width:900px;
	height:275px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:black;
	border:1px solid #252424;

	position:relative;
	background:white;
	padding:20px;
}
.kontent_detail{
	width:880px;
	height:auto;
	min-height:275px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:black;
	border:1px solid #252424;
	font-size:14px;
	font-weight:400;
	position:relative;
	background:white;
	padding:20px 30px 20px 30px;
}
.kontent_panel{
	width:900px;
	height:auto;
	min-height:300px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:black;
	border:1px solid #252424;
	font-size:14px;
	font-weight:400;
	position:relative;
	background:white;
	padding:20px;
	margin-top:70px;
	margin-left:25px;
}
.article_big{
	position:relative;

	float:left;
	width:300px;
	height:235px;
	margin-right:20px;
	background:#e9e7e1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:20px;
}
.data{
	width:auto;
	height:auto;
	position:absolute;
	top:0px;
	left:0px;
	background:white;
	color:#a02126;

	font-size:12px;
	border:1px solid #e9e7e1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.data2{
	width:130px;
	height:auto;
	position:relative;

	background:white;
	padding:2px 5px 2px 5px;

	font-size:12px;
	border:1px solid #e9e7e1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.panel_input{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color:black;
	border:1px solid #252424;
	width:330px;
	color:#a02126;
	font-size:15px;
}
.home_title{
	color:#a02126;
	font-size:15px;
	padding-top:7px;
	padding-bottom:2px;
	text-transform:uppercase;
}
.home_title_press{
	color:#a02126;
	font-size:12px;
	padding-top:7px;
	padding-bottom:2px;
	text-transform:uppercase;
	text-align: center;
	width:300px;
}

.tresc{
	color:black;
	font-size:11px;
	text-align: justify;
}
.wiecej{
	border:none;
	background-color:#f9e7b9;
	background-image:url('../img/wiecej_btn.jpg');
	background-repeat:no-repeat;
	background-position:left middle;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-left:18px;
	font-size:10px;

}
.wiecej:hover{
	color:#a02126;
}

#wiecej_art_big{
	position:absolute;
	bottom:10px;
	right:10px;
}
.article_small{
	position:relative;

	float:left;
	width:140px;
	height:245px;
	padding:15px 20px 15px 20px;
	background:#e9e7e1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.article_small_akr{
	position:absolute;

	left:740px;
	top:20px;
	width:140px;
	height:245px;
	padding:15px 20px 15px 20px;
	background:#e9e7e1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.small_top{
	position:absolute;
	left:0;
	top:0;
	height:auto;;
	padding:10px;

	text-align:center;
	background:#a02126;
	-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
	width:160px;
	color:white;
	font-weight:300;
	font-family: lato;
}
#stopka{
	margin-top:20px;
	margin-bottom:40px;
	background:#f3d186;
	width:100%;
	height:170px;
	padding:10px 0 10px 0;
}
.tabelka th {
	border:1px solid black;
	color:#a02126;
	padding:5px 10px 3px 10px;
}
.tabelka td {
	border:1px solid black;
	color:black;
	padding:5px 10px 3px 10px;
}
.duzy_tytul{
	color:#a02126;
	font-size:20px;
}
.zajawki{
	padding:0;
	margin:0;
	margin-top:5px;
	padding-left:10px;
	font-size:12px;

}
a:link, a:hover, a:visited, a:active{
	text-decoration:none;
	color:#a02126;
}
.ankieta{
	border: 1px solid #a02126;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:3px 10px 3px 10px;
	color:white;
	background:#a02126;
	position:absolute;
	bottom:10px;
	left:28px;
}
.ankieta:hover{
	color:#a02126;
	background:#f9e7b9;
}
.aktual{
	border: 1px solid #a02126;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:3px 10px 3px 10px;
	color:white;
	background:#a02126;
	font-size:11px;
	position:absolute;
	bottom:10px;
	left:10px;
}
.aktual:hover{
	color:#a02126;
	background:#f9e7b9;
}
.artykul_link:link, .artykul_link:visited, .artykul_link:active{
	text-decoration:none;
	color:black;
}
.artykul_link:hover{
	color:#a02126;
}
.wyslij{
	border: 1px solid #a02126;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:10px;
	color:white;
	background:#a02126;

	bottom:10px;
	left:28px;
}
.wyslij:hover{
	color:#a02126;
	background:#f9e7b9;
}
.bordo{
	background:#a02126;
	color:#f9e7b9;
	font-weight:300;
	font-size:32px;
	padding:5px 10px 5px 10px;
	position:absolute;
	top:0;
	left:0;
	text-transform:uppercase;
	line-height:38px;

}
.piaskowy{
	background:#f9e7b9;
	color:#999486;

	font-weight:300;
	padding:5px 10px 5px 10px;
	position:absolute;
	top:48px;
	left:0;
	width:auto;

	text-transform:uppercase;
	line-height:38px;
	font-size:30px;
}
.bialy{
	background:#f3f1eb;
	color:#797875;
	font-size:30px;
	font-weight:300;
	padding:5px 10px 5px 10px;
	position:absolute;
	top:96px;
	left:0;
	text-transform:uppercase;
	line-height:38px;
}
.zarzad{
	margin-top:15px;
	margin-right:25px;
	border:1px solid gray;
	padding:5px;
	width:150px;
	}

	#dopbrania{
		margin-left:130px;
	}
	#dopbrania td:nth-child(2){
		background:#f3f1eb;
		width:500px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding:0 0 0 20px;
		margin-bottom:5px;


	}
	#dopbrania tr {
		border-bottom:5px solid white;
	}
	#tabela_ankiety{
		margin-top:10px;
		font-size:12px;
	}
	#tabela_ankiety td:first-child{
		font-size:10px;
		vertical-align:top;
	}
	#tabela_ankiety td:nth-child(2){
		padding-left:10px;
		vertical-align:top;
		padding-bottom:10px;

	}
	.cmstabelka td, .cmstabelka tr{
		border:1px solid black;
	}
	/* tablesorter */
/*************
Default Theme
*************/
/* overall */
.tablesorter-default {
	width: 100%;
	font: 12px/18px Arial, Sans-serif;
	color: #333;
	background-color: #fff;
	border-spacing: 0;
	margin: 10px 0 15px;
	text-align: left;
}

/* header */
.tablesorter-default th,
.tablesorter-default thead td {
	font: bold 16px Arial, Sans-serif;
	color: white;
	height:20px;
	background-color: #a02126;
	border-collapse: collapse;
	border-bottom: #ccc 2px solid;
	padding: 0;
	padding:5px 0 5px 0;
}
.tablesorter-default tfoot th,
.tablesorter-default tfoot td {
	border: 0;
}
.tablesorter-default .header,
.tablesorter-default .tablesorter-header {
	background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
	background-position: center right;
	background-repeat: no-repeat;
	cursor: pointer;
	white-space: normal;
	padding: 4px 20px 4px 4px;
}
.tablesorter-default thead .headerSortUp,
.tablesorter-default thead .tablesorter-headerSortUp,
.tablesorter-default thead .tablesorter-headerAsc {
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
	border-bottom: #a02126 2px solid;
}
.tablesorter-default thead .headerSortDown,
.tablesorter-default thead .tablesorter-headerSortDown,
.tablesorter-default thead .tablesorter-headerDesc {
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
	border-bottom: #000 2px solid;
}
.tablesorter-default thead .sorter-false {
	background-image: none;
	cursor: default;
	padding: 4px;
}

/* tfoot */
.tablesorter-default tfoot .tablesorter-headerSortUp,
.tablesorter-default tfoot .tablesorter-headerSortDown,
.tablesorter-default tfoot .tablesorter-headerAsc,
.tablesorter-default tfoot .tablesorter-headerDesc {
	border-top: #000 2px solid;
}

/* tbody */
.tablesorter-default td {
	background-color: #fff;
	border-bottom: #ccc 1px solid;
	padding: 4px;
	vertical-align: top;
}

/* hovered row colors */
.tablesorter-default tbody > tr:hover > td,
.tablesorter-default tbody > tr.even:hover > td,
.tablesorter-default tbody > tr.odd:hover > td {
	background: #fff;
	color: #000;
}

/* table processing indicator */
.tablesorter-default .tablesorter-processing {
	background-position: center center !important;
	background-repeat: no-repeat !important;
	/* background-image: url(../addons/pager/icons/loading.gif) !important; */
	background-image: url('data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=') !important;
}

/* Zebra Widget - row alternating colors */
.tablesorter-default tr.odd td {
	background-color: #dfdfdf;
}
.tablesorter-default tr.even td {
	background-color: #efefef;
}

/* Column Widget - column sort colors */
.tablesorter-default tr.odd td.primary {
	background-color: #bfbfbf;
}
.tablesorter-default td.primary,
.tablesorter-default tr.even td.primary {
	background-color: #d9d9d9;
}
.tablesorter-default tr.odd td.secondary {
	background-color: #d9d9d9;
}
.tablesorter-default td.secondary,
.tablesorter-default tr.even td.secondary {
	background-color: #e6e6e6;
}
.tablesorter-default tr.odd td.tertiary {
	background-color: #e6e6e6;
}
.tablesorter-default td.tertiary,
.tablesorter-default tr.even td.tertiary {
	background-color: #f2f2f2;
}

/* caption */
caption {
	background: #fff;
}

/* filter widget */
.tablesorter-default .tablesorter-filter-row td {
	background: #eee;
	border-bottom: #ccc 1px solid;
	line-height: normal;
	text-align: center; /* center the input */
	-webkit-transition: line-height 0.1s ease;
	-moz-transition: line-height 0.1s ease;
	-o-transition: line-height 0.1s ease;
	transition: line-height 0.1s ease;
}
/* optional disabled input styling */
.tablesorter-default .tablesorter-filter-row .disabled {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: not-allowed;
}
/* hidden filter row */
.tablesorter-default .tablesorter-filter-row.hideme td {
	/*** *********************************************** ***/
	/*** change this padding to modify the thickness     ***/
	/*** of the closed filter row (height = padding x 2) ***/
	padding: 2px;
	/*** *********************************************** ***/
	margin: 0;
	line-height: 0;
	cursor: pointer;
}
.tablesorter-default .tablesorter-filter-row.hideme .tablesorter-filter {
	height: 1px;
	min-height: 0;
	border: 0;
	padding: 0;
	margin: 0;
	/* don't use visibility: hidden because it disables tabbing */
	opacity: 0;
	filter: alpha(opacity=0);
}
/* filters */
.tablesorter-default .tablesorter-filter {
	width: 95%;
	height: auto;
	margin: 4px;
	padding: 4px;
	background-color: #fff;
	border: 1px solid #bbb;
	color: #333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: height 0.1s ease;
	-moz-transition: height 0.1s ease;
	-o-transition: height 0.1s ease;
	transition: height 0.1s ease;
}
/* rows hidden by filtering (needed for child rows) */
.tablesorter .filtered {
	display: none;
}

/* ajax error row */
.tablesorter .tablesorter-errorRow td {
	text-align: center;
	cursor: pointer;
	background-color: #e6bf99;
}
#tw_wysuwana{
	position:relative;
	padding:20px 20px 20px 60px;
	background:url('../img/twitter_bg.png') no-repeat;
	width:480px;
	height:600px;
	z-index: 9999;
}
#tw_contener{
    position:absolute;
    overflow:hidden;
    width:30px;
    top:120px;
    right:0px;
}

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

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

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

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

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

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

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

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

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

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid requi#a02126 HTTP connection: h5bp.com/r
   ========================================================================== */

@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;
        border:none;
    }

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

    @page {
        margin: 0.5cm;
    }

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

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