*, *::after, *::before{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html { background: #fff; }
body {background: #fff; line-height: 20px; font-family: 'Roboto', sans-serif; word-spacing:0.5px;}
body, input, textarea, select{color: #4c4b4b; font-size: 13px; font-family: 'Roboto', sans-serif;}
a{color: #2b2d30; outline:0; text-decoration: none; font-weight:300; font-size:16px;}
a:focus {outline: none;}
a:hover{ color:#2a54a3;}
a.btn{font-size:13px; line-height:13px; text-transform:uppercase; font-weight:300; font-size:13px; line-height:13px; padding:10px 15px; display:block;  color:#fff;background:#bd0d3f;  opacity:0.8;}
a.btn:hover{ background:#d32758;}
strong{font-weight: bold;}
p {margin-bottom: 15px; font-weight:300;}


.row{margin: 0 -15px;}

/*formularz*/
input{font-family: sans-serif; font-size: 1.6em;}
input[type="search"]::-ms-clear{ display: none;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration{display: none;}
.container{margin: 0px auto; max-width: 1140px; padding:0px 15px; display:block; }
.container-wide{margin: 0px auto; max-width: 1625px; padding:0px 15px; display:block; }
@media (max-width:1199px){
	.container{margin: 0px auto; max-width: 991px; padding:0px 15px; display:block; }
	.container-wide{margin: 0px auto; max-width: 991px; padding:0px 15px; display:block; }
}
@media (max-width:991px){
	.container{margin: 0px auto; max-width: 767px; padding:0px 15px; display:block; }
	.container-wide{margin: 0px auto; max-width: 767px; padding:0px 15px; display:block; }
}
@media (max-width:767px){
	.container{margin: 0px auto; max-width: 480px; padding:0px 15px; display:block; }
	.container-wide{margin: 0px auto; max-width: 480px; padding:0px 15px; display:block; }
}
ul{color:#767f83; font-size: 15px; line-height:24px; margin-bottom:15px; font-weight:300;}/*?????????????????????????????????*/


/*typografia*/
h1, h2, h3, h4, h5, h6 { display: block; }
h1 { font-size: 50px; line-height: normal; font-weight: 900; text-transform:uppercase;  color:#14212b; margin-bottom:20px;}
h2 { font-size: 42px; line-height: normal; font-weight: 700; color: #14212b;  margin-bottom:20px; }
h2 span{color:#d1d1d5; }
h3 { font-size: 30px; line-height: normal; font-weight: 500;   color:#14212b; margin-bottom:20px;}
h3 a{font-size: 30px; line-height: normal; font-weight: 500;   color:#14212b;}
h4{ font-size: 24px; line-height: normal; font-weight:700; color:#14212b; margin-bottom:20px; }
h4 a {font-size: 24px; line-height: normal; font-weight:700; color:#14212b;}
h5 { font-size: 20px; line-height: 30px; font-weight: 500;color:#000; padding-left:30px; border-left:2px solid #f0f0f0; margin-bottom:20px;}
h6 { font-size: 12px; line-height: 18px; font-weight: 400; color:#767f83; text-transform:uppercase;  margin-bottom:20px;}

#partners_graenem h2, #graenem_about h2, #sitemap h2{padding-left:15px; margin-bottom:37px; }

/*ogólne style dla tekstu*/
p{color:#767f83; font-size: 15px; line-height:24px; margin-bottom:30px; }
a{color:#2a54a3; font-size:15px; }
a:after{}
a:before{}

/*tabela*/
table{border:1px solid #efeded; width:100%; font-size:14px; margin-bottom:20px;}
table td{text-align:center; color:#767f83; padding:15px 0px;border-right:1px solid #efeded;}
table th{color:#14212b; border-right:1px solid #efeded;padding:15px 0px; text-transform:uppercase; font-weight:bold;}
table th:last-child{border-right:none;}
table td:last-child{border-right:none;}
table tr{border-bottom:1px solid #efeded; width:100%; }
table tr:nth-child(even), table thead tr{background:#fcfcfc;}

/*artykuł style ogólne*/
.article-wrapper{width:75%; display:inline-block; float:left; padding:0px 15px; }
.sidebar{width:25%; display:inline-block; float:left; padding:0px 15px;}



/*breadcrumbs*/
.breadcrumbs {overflow:hidden; margin-bottom:0px;}
.breadcrumbs li{display:inline-block; float:left; padding:5px; color:#919fae; font-size: 14px; line-height:normal; font-weight:400;}
.breadcrumbs li a{color:#919fae; font-size: 13px; line-height:inherit; font-weight:inherit; display:block;}
.breadcrumbs li a:hover{color:#2a54a3;}

/*paginacja*/
#pagination li a {font-size:17px; font-weight:700; color:#14212b; padding:5px; }
#pagination li a.active, #pagination li a:hover{color:#2a54a3;}
#pagination li {display:inline-block; float:left; width:20%; padding-bottom:0px; padding-top:4px; padding:0px !important;}
#pagination{ display:inline-block;  width:auto; margin:0px auto;}


/*responsywność*/
.col-12{width:100%; float:none; display:inline-block; }
.col-6{width:50%; float:left; display:inline-block; padding:0 15px;}
.col-4{width: 33.3333%; float:left; display:inline-block; padding:0 15px;}
.col-3{width:25%; float:left; display:inline-block; padding:0 15px;}
.col-2{width:16.666%; float:left; display:inline-block; padding:0 0px;}


/*clearfix*/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clearfix {
    display: inline-block;
}
 
html[xmlns] .clearfix {
    display: block;
}
 
* html .clearfix {
    height: 1%;
}

.cleared { display: block; clear: both; line-height: 0; height: 0; }

/***********************************************************    Ogólne style responsywne    ***********************************************************/


	
	

	
	
@media (max-width: 990px){
	.col-4{width:50%; padding:10px 15px;}
	/**fonty*/

	h2{ font-size:30px; line-height:normal; margin-bottom:15px;}
	h5{padding-left:0px; border-left:none; font-size:17px; line-height:24px;}
	h3{font-size:26px; line-height:normal; margin-bottom:15px !important;}
	p{font-size:14.5px; line-height:22px;}
	.scroll{overflow:scroll;}
	table{width:1000px;}
	ul{margin-bottom:15px;}
	
	
	}
	

	
	

@media (max-width: 670px){
	
	.col-2, .col-3{width:100%;}
	.col-4{width:100%; padding:10px 15px;}
	
	/*fonty*/
	h1{font-size:36px; line-height:normal;}
	h2{padding-left:0px;}
	h2{ font-size:24px; line-height:normal; margin-bottom:15px;}
	h1, h2, h3, h4, h5, h6{margin-bottom:12px !important;}
	p{font-size:14px;}
	

	a.btn:after{display:none;}
	/**/
	p{margin-bottom:15px;}
	h4, h4 a { font-size: 18px !important; line-height: normal; } /*zmiana*/
	

	
}
@media (max-width: 500px){
	h1{font-size:26px;}
	
}
@media (max-width: 350px){
	.container{padding:0px 20px;}
	#typography_graenem .container{padding:0px 20px;}
	
}

/*.hiddenAtFirst, .hiddenAtFirst2, .hiddenAtFirst3, .hiddenAtFirst4, .hiddenAtFirst5{display:none;}*/
.hiddenAtFirst.show4{display:block;}
.hiddenAtFirst2.show2, .hiddenAtFirst3.show3, .hiddenAtFirst4.show5, .hiddenAtFirst5.show6{display:block;}