/* latin-ext */
@font-face {
  font-family: 'Lato Light';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh7USSwaPGR_p.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato Light';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh7USSwiPGQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato Hairline';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato Hairline';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato Bold';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato Bold';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato Black';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh50XSwaPGR_p.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato Black';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh50XSwiPGQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


h1, h2, h3, h4, h5, h6 {
	font-family: "Lato Light";
	font-weight: lighter;
	text-transform: uppercase; }

.region-leaderboard {
	text-align: right;
	height: 35px; 
	padding-top: 7px;
	
}

.block-search-form {
	float: right;
}

input[type="submit"] {
	background-image: url('images/lupa.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 20px; 
	height: 20px;
	margin-top: 7px; 
	border: none;
	margin: 0px; }
.block-search input[type="submit"] {
	color: rgba(0,0,0,0);
}
#edit-search-block-form--2 {
	
	background-image: url('images/szukaj.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 142px;
	height: 18px; 
	display: inlie-block;
	margin: 0px 0px 0px 0px;
	border: none; 
	float: left;
}

#page-wrapper {
	background-image: url('images/bg.png');
	background-repeat: repeat-x;
	background-position: top center; 
    margin-top: -18px;
    }
	
#menu-bar {
	float: right; 
	width: 100%;
	}
#branding {
	height: 130px;
}
	
#logo {
	float: left; 
	width: 180px; 
	z-index: 1 !important; 
	position:absolute;
	margin-top: -50px;
	}

#first-time , .front #page-title {display: none; }

body {
	z-index: 1000;
	background-image: url('images/bg-header.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	
	}

.block-count-3 {width: 500px; margin: 65px 40px 0 0; float: right; }

.block-count-3 h2 {color: #fff; text-shadow: 0.1em 0.1em 0.2em black; font-family: 'Lato';text-align: right !important; text-transform: capitalize;margin-bottom: 7px; font-size: 26px;}
.block-count-3 p {color: #fff; text-shadow: 0.1em 0.1em 0.2em black; font-family: 'Lato'; font-size: 16px; }

#columns {background-color: #fff; }






/* Menus Styles 01 (primary) */


.nav .menu-block-1  {
	position: relative;
	text-transform: uppercase;
	margin-top: -16px;
	
	width: 100%;
}
.nav .menu-block-1 ul {
	right: 0;
	float: right;
	
}
	
.nav .menu-block-1  li {
	
	
}

.nav .menu-block-1  ul > li{
	padding: 30px 0px;
	
	text-decoration: none;
}
.nav .menu-block-1  ul > li .first{
	padding: 18px 0;
	border-left: none;
	text-decoration: none;
}

.nav .menu-block-1 ul >  li:first-child {
	border-left: none;
}

.nav .menu-block-1 ul >  li > a {
	border-left: 1px solid #bbb;
	border-height: 5px;
	padding: 5px 15px;
	font-size: 14px;
	font-size: 0.875rem;
	font-family: 'Lato Bold';
	padding-left: 10px;
	padding-right: 10px;
	color: #000;
	text-transform: uppercase;
}
.nav .menu-block-1 ul >  li > a:hover {
	color: #285584;
	text-decoration: none;
	border-left: 1px solid #fff;

}
.nav .menu-block-1 ul >  li:first-child{
	border-left: none;
}

.nav .menu-block-1 ul > li:hover{
	color: #5f7fa0;
	background-color: white;
	

}
.nav .menu-block-1 ul > li:hover > ul{
	display: block;
}
.nav .menu-block-1 ul >  li > a.active,
.nav .menu-block-1 ul >  li.active-trail > a {
	color: #263368;
}

.nav .menu-block-1 ul >  li > ul {
	margin-top: 25px;
	display: none;
	padding: 24px 0 30px;
	position:absolute;
	z-index: 1;
	right: 0;
	background-color: white;
	padding-bottom: 0px;
	
}

.nav .menu-block-1 ul >  li.hover > ul {
	display: inline-block;
	color: #5f7fa0;
}
.nav .menu-block-1  ul > li  > ul > li.first-child,
.nav .menu-block-1  ul > li  > ul > li.first,
.nav .menu-block-1 ul >  li > ul > li {
	padding: 0;
	border-right: 1px solid #eee;
	background-color: #fff;
	display: block;
	text-align:center;
	width: 136px;
	
}



.nav .menu-block-1 ul >  li > ul > li > a {
	display: block;
	font-size: 13px;
	font-family: 'Lato Bold';
	color: #8c8c8c;
	right:0;
	border-left: 0;
	white-space: pre-wrap;
}
.nav .menu-block-1 ul >  li > ul > li > a:hover {
	color: #285584;
	text-decoration: none;
	
}

/* Level 3 */


.nav .menu-block-1 ul >  li > ul > li > ul {
	margin-top: 0;
	list-style-type:none;
	display: block;
	position: relative;
	right: 0;
	
}
.nav .menu-block-1 ul > li  > ul > li > ul > li .first,
.nav .menu-block-1 ul > li > ul > li > ul > li{
	padding: 5px 0px;
	clear: both;
	display: table;
	
}




.nav .menu-block-1 ul >  li > ul > li > ul > li {
	display: list-item;
	border: 0px solid;
}
.nav .menu-block-1  ul > li  > ul > li >uk > li > a.first,
.nav .menu-block-1 ul >  li > ul > li > ul > li > a {
	font-size: 13px;
	font-family: 'Lato';
	text-transform: none;
	color: #5f6ca1;
	text-transform: uppercase;
	padding: 5px 0;

}

/*---------------------------*/










.ctools-jump-menu-select {
	width: 680px;
	height: 60px;
	background-color: #014083;
	border: none; 
	color: #fff; 
	font-size: 18px; float: left !important; padding-left: 15px; }

	
.ctools-jump-menu-select input[type=submit]{
	background-color: red;
}


	
#block-block-5 {float: right; margin-top: 10px; border: 0 !important; }
#block-views-lista-z-programami-block {float: right ; margin-top: 10px; font-family: 'Lato';}
.ctools-jump-menu-select:hover {
	box-shadow: 5px 5px 10px black;
}
.view-lista-z-programami option{
	background-color: #f2f5f9;
	color: #103f72;
	padding: 5px 0;
}
.block-lista-z-programami{
	width: 471px;
	font-family: 'Lato bold';
}
.block-lista-z-programami .lista-programow-przycisk{
	height: 60px;
	color: white;
	font-size: 27px;
	background: url("https://glowna.ceo.org.pl/sites/default/files/images/strzalka.png") no-repeat right transparent;
	background-color: #014083;
	
}
.block-lista-z-programami .lista-programow-przycisk:hover{
	box-shadow: 5px 5px 10px black;
}


.block-lista-z-programami span .lista-programow-przycisk { 
	cursor: pointer;
	
}
.block-lista-z-programami .view-content{
		display: none;
		position: absolute;
		z-index: 100;
		height: 500px;
		width:471px;
		overflow: auto;
		background-color: #F2F5FA;
		
}
.block-lista-z-programami .view-content .views-field-title {
	padding: 2px 0;
	font-family: 'Lato';
	
}

.block-lista-z-programami .view-content .views-field-title  a:link ,
.block-lista-z-programami .view-content .views-field-title a:active ,
.block-lista-z-programami .view-content .views-field-title a:visited {
	color: #103f72;
	font-size: 18px;
	padding-left: 15px;
	width: 500px;
	
}
.block-lista-z-programami .view-content .views-field-title a:hover{
	color: #6497c9;
	
	
}
.block-lista-z-programami .lista-programow-przycisk .lista-programow-przycisk-big {
	float: left;
	margin: 10px 10px 0 25px;
}
.block-lista-z-programami .lista-programow-przycisk .lista-programow-przycisk-small {
	float: left;
	font-family: 'lato';
	font-size: 14px;
	margin-top: 24px;
}
#block-views-lista-z-programami-block select{
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url("https://glowna.ceo.org.pl/sites/default/files/images/strzalka.png") no-repeat right transparent;
    text-indent: 0.01px;
    text-overflow: "";
	background-color: #014083;
	font-weight: bold;
}








.region-secondary-content {
	background-color: #fff;
	margin-bottom: 20px;
	height: 80px;
}

.form-item-search-block-form, .form-item, .form-type-textfield, .form-item-search-block-form
{margin: 0 !important; }

#block-menu-menu-menu-dolne  {text-align: right; float: right; font-family: 'Lato'; font-weight: 500; font-size: 14px; background-color: white; width: 450PX; text-transform: uppercase;}
#block-menu-menu-menu-dolne li a {border-left: 1px solid #bbb; color: black; padding: 5px 15px;text-align: center;font-size: 12px;}

/*Adaśko tu był*/
#block-menu-menu-menu-dolne a:hover,
#block-menu-menu-menu-dolne a:active{
	font-weight: bold;
}
.menu-item-443, .first, .leaf, .menu-depth-1, li.menu-item-443  a {border-left: none !important; }

/* Copyrights */

.region-copyrights {
	padding: 15px 0;
	background-color: #f8f8f8;
	border-top: 2px solid #eaeaea;
	font-family: 'Lato';
	font-size: 16px;
	color: #666;
	} 
	
.block-region-copyrights {width: 1000px; text-align: justify; margin: 0 auto;}

.content-column {padding: 0px !important; }

p {font-size: 13px; }

.dla-dyrekcji {
	-moz-transition: background-image 500ms linear 10s;
	background-image: url('images/dla-dyrekcji-1.png');
	
}

.dla-dyrekcji:hover {
		background-image: url('images/dla-dyrekcji-2.png');
}



/* Global Box Sizing */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	&:before, &:after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}

/* Tag Defaults */

body {
	font-family: Lato;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
	font-family: "Lato Light";
	font-weight: lighter;
	text-transform: uppercase;
}

h1, .h1 {
	@include font-size(23);
}

h2, .h2 {
	@include font-size(29);
}

h5, .h5 {
	font-family: 'Lato Bold';
	@include font-size(14);
	
}

p {
	margin: 0 0 0 0;
}

input, textarea, select, a, input, button {
	outline: none;
}

input, textarea {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

hr {
	clear: both;
	display: block;
	width: 100%;
	height: 1px;
	border: none;
	margin: 20px 0;
	background-color: #d8d8d8;
}

tbody {
	border-top: none;
}

::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder, input:-moz-placeholder {
	color: #fff;
	text-transform: uppercase;
}

/* firefox 19+ */
/* ie */

/* Structure Classes */

.container {
	width: 1000px;
	margin: 0 auto;
}

.gallery-set {
	&:before, &:after {
		content: " ";
		display: table;
		clear: both;
	}
}

.graduate-years-block {
	&:before, &:after {
		content: " ";
		display: table;
		clear: both;
	}
}

.node-webform {
	&:before, &:after {
		content: " ";
		display: table;
		clear: both;
	}
}

.term-listing-heading {
	&:before, &:after {
		content: " ";
		display: table;
		clear: both;
	}
}

.container {
	&:before, &:after {
		content: " ";
		display: table;
		clear: both;
	}
}

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

.pull-right {
	float: right !important;
}

.pull-left {
	float: left !important;
}

/* Text Align */

.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

/* Visibility Classes */

#is-mobile,
#is-tablet {
	display: none;
}

.element-invisible,
.hidden {
	display: none !important;
	visibility: hidden !important;
}

.visible-tablet,
.visible-smartphone {
	display: none;
	visibility: hidden;
}

.visible-desktop {
	display: block !important;
	visibility: visible !important;
}

/* Form Elements */

input[type='text'] {
	height: 36px;
	border: none;
	box-shadow: inset -1px -1px 1px rgba(0, 0, 0, 0.19);
	font-family: 'Lato Bold';
}

/* Lists */

.list-unstyled {
	list-style: none;
	padding: 0;
	margin: 0;
}

/* Grid */

.col-half {
	width: 50%;
	float: left;
}

/* Overwrite jquery ui */

.ui-widget {
	font-size: 0.813em;
}

/* Drupal UI */

.contextual-links-region {
	@extend .clearfix;
}

/* ==================================
	Components
 ================================= */

/* Styled Table */

.styled-table {
	min-width: 100%;
	border: none;
	th:first-child, td:first-child {
		padding-left: 20px;
	}
	thead {
		background-color: #f8f8f8;
		border-right: 1px solid #d4d4d4;
		border-bottom: 1px solid #d4d4d4;
		font-family: 'Lato Black';
		@include font-size(15);
		text-transform: uppercase;
		color: #333;
		th {
			border: none;
			height: 49px;
			line-height: 49px;
		}
	}
	tbody td {
		height: 30px;
		border: none;
		border-bottom: 1px solid #d8d8d8;
		font-family: 'Lato';
		font-size: 1.066em;
		color: #666;
		vertical-align: middle !important;
		p {
			font-size: 1em;
		}
	}
}

/*
.styled-table tbody tr:first-child td {
	height: 47px;
	padding-top: 17px;
}
*/

/* Icons
=========================== */

.icon {
	display: inline-block;
	background-image: url('/sites/default/files/icon-sheet.png') !important;
	background-position: 0 0;
}

.icon-print {
	width: 16px;
	height: 16px;
	background-position: -16px 0 !important;
}

.icon-bars {
	width: 46px;
	height: 46px;
	background-position: -106px 0;
}

.icon-arrow-up-o {
	width: 18px;
	height: 18px;
	background-position: -59px -26px;
}

.icon-arrow-down-o {
	width: 18px;
	height: 18px;
	background-position: -39px -26px;
}

/* Menus
=========================== */

.menu, .submenu {
	list-style: none;
	padding: 0;
	margin: 0;
}

.menu > li {
	display: inline-block;
	float: left;
	margin: 0;
	> a {
		display: inline-block;
		text-decoration: none;
		text-transform: uppercase;
	}
}

/* Menu Vertical */

.menu-vertical li {
	clear: both;
}

/* Menus Styles 01 (primary) */

.menu-style-01 > li {
	border-left: 1px solid #bbb;
	&:first-child {
		border-left: none;
	}
	> a {
		padding: 9px 15px;
		@include font-size(14);
		font-family: 'Lato';
		line-height: 1;
		color: #000;
		&.active {
			color: #4973ab;
		}
	}
	&.active-trail > a {
		color: #4973ab;
	}
}

/* Menus Styles 02 (sitemap popup) */

.menu-style-02 > li {
	border-left: 1px solid #6e7da1;
	&:first-child {
		border-left: none;
	}
	> a {
		padding: 9px 15px;
		@include font-size(14);
		font-family: 'Lato Bold';
		line-height: 1;
		color: #fff;
	}
}

/* Menus Styles 03 (vertical with depth) */

.menu-style-03 {
	background-color: #f5f5f5;
	padding-top: 23px;
	padding-left: 27px;
	padding-bottom: 21px;
	> li {
		@include font-size(16);
		font-family: 'Lato Bold';
		text-transform: uppercase;
		line-height: 1;
		color: #333;
		> a {
			@include font-size(16);
			font-family: 'Lato Bold';
			text-transform: uppercase;
			line-height: 1;
			color: #333;
			padding: 4px 15px 4px 10px;
		}
		&:before {
			content: '>';
			@include font-size(18);
		}
		> ul {
			margin-bottom: 10px;
			> li {
				padding-left: 36px;
				> a {
					@include font-size(14);
					font-family: 'Lato';
					text-transform: none;
					text-decoration: none;
					line-height: 1.5;
					color: #333;
				}
			}
		}
	}
}

/* Menus Styles 04 (secondary menu) */

.menu-style-04 {
	height: 60px;
	padding-right: 20px;
	margin-left: 142px;
	/* 260 - 53 (submenu start offset) - 65 (1280+ resolutions offset)) */
	position: relative;
	background-image: url('../img/submenu-end.png');
	background-repeat: no-repeat;
	background-position: right top;
	&:before {
		content: " ";
		display: block;
		width: 260px;
		height: 60px;
		position: absolute;
		top: 0;
		left: -260px;
		background-image: url('../img/submenu-start.png');
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	> li {
		height: 50px;
		margin-left: 30px;
		position: relative;
		line-height: 50px;
		&.first {
			margin-left: 0;
		}
		> a {
			@include font-size(14);
			font-family: 'Lato Bold';
			text-transform: uppercase;
			line-height: 1;
			color: #fff;
		}
		&.active-trail:before, &.active:before {
			content: " ";
			display: block;
			width: 6px;
			height: 11px;
			margin-top: -5px;
			position: absolute;
			top: 50%;
			left: -16px;
			background-image: url('../img/icon-sheet.png');
			background-repeat: no-repeat;
			background-position: -99px -23px;
		}
	}
}

/* Webforms
=========================== */

/* Single fields */

.node-webform {
	label {
		margin-bottom: 5px;
		font-family: Lato;
		font-weight: bold;
		@include font-size(13);
		text-transform: uppercase;
		color: #333;
	}
	textarea {
		min-height: 122px;
		padding: 0 12px;
		border: 1px solid #dedede;
		border-radius: 1px;
		background-color: #f8f8f8;
		box-shadow: none;
		font-family: Lato;
		@include font-size(13);
		color: #666;
	}
	input {
		&[type='text'], &[type='email'] {
			height: 38px;
			padding: 0 12px;
			border: 1px solid #dedede;
			border-radius: 1px;
			background-color: #f8f8f8;
			box-shadow: none;
			font-family: Lato;
			@include font-size(13);
			color: #666;
		}
	}
	textarea {
		max-width: 100%;
		padding: 12px;
	}
}

.webform-select {
	width: 295px;
	height: 38px;
	padding: 9px 12px;
	border: 1px solid #dedede;
	border-radius: 1px;
	position: relative;
	background-color: #f8f8f8;
	font-family: Lato;
	@include font-size(13);
	color: #666;
	&:after {
		content: " ";
		display: block;
		width: 12px;
		height: 7px;
		margin-top: -3px;
		position: absolute;
		right: 12px;
		top: 50%;
		background-image: url('../img/icon-sheet.png');
		background-repeat: no-repeat;
		background-position: -190px 0;
	}
}

.node-webform {
	input[type='submit'], button {
		padding: 9px 35px;
		border: none;
		background-color: #8aa958;
		box-shadow: 1px 1px 0 #d4d4d4;
		box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.17);
		font-family: 'Lato Bold';
		@include font-size(16);
		text-transform: uppercase;
		line-height: 19px;
		color: #fff;
	}
	input {
		&[type=radio], &[type=checkbox] {
			position: absolute;
			overflow: hidden;
			clip: rect(0 0 0 0);
			height: 1px;
			width: 1px;
			margin: -1px;
			padding: 0;
			border: 0;
		}
		&[type=radio] + label, &[type=checkbox] + label {
			cursor: pointer;
			vertical-align: middle;
			display: inline-block;
			padding-left: 30px;
			position: relative;
			font-family: Lato;
			@include font-size(13);
			text-transform: none;
			color: #898989;
		}
		&[type=radio] + label:before {
			content: " ";
			display: block;
			width: 21px;
			height: 21px;
			margin-top: -10px;
			position: absolute;
			left: 0;
			top: 50%;
			background-image: url('../img/icon-sheet.png');
			background-repeat: no-repeat;
			background-position: -203px -22px;
		}
		&[type=checkbox] {
			+ label:before {
				content: " ";
				display: block;
				width: 21px;
				height: 21px;
				margin-top: -10px;
				position: absolute;
				left: 0;
				top: 50%;
				background-image: url('../img/icon-sheet.png');
				background-repeat: no-repeat;
				background-position: -203px -22px;
			}
			&:checked + label:before {
				background-position: -203px 0;
			}
		}
		&[type=radio] {
			+ label:before {
				background-position: -225px -22px;
			}
			&:checked + label:before {
				background-position: -225px 0;
			}
		}
	}
	select {
		padding-right: 15px;
	}
	.webform-component-date {
		.webform-select, select {
			width: auto;
		}
	}
	.webform-component-time {
		.webform-select, select {
			width: auto;
		}
	}
	.webform-calendar {
		height: 38px;
		padding: 10px;
		border: 1px solid #dedede;
		background-color: #f8f8f8;
	}
	.form-item {
		input.error, textarea.error, select.error {
			border: 1px solid #f00;
		}
	}
}

.form-errors {
	list-style: none;
	padding: 10px 14px;
	border: 1px solid #F00;
	border-radius: 5px;
	margin: 0 0 20px;
	background-color: #FFF0F0;
	@include font-size(14);
	color: #F00;
	> li {
		margin-bottom: 5px;
	}
}

/* Groups */

.node-webform {
	fieldset {
		padding: 0;
		border: none;
		margin: 0;
		legend {
			display: none;
		}
	}
	.fieldset-wrapper > div {
		float: left;
		margin-left: 32px;
		&:first-child {
			margin-left: 0;
		}
	}
	.form-item, .form-actions {
		margin: 0;
	}
	.form-type-radio, .form-type-checkbox {
		margin: 15px 0;
	}
	.webform-component-fieldset, .webform-component {
		margin-bottom: 35px;
	}
	.webform-component-fieldset .webform-component {
		margin-bottom: 0;
		&:nth-child(n+4) {
			margin-top: 20px;
		}
		&:nth-child(3n+4) {
			margin-left: 0;
		}
	}
	.form-actions {
		width: 100%;
		clear: both;
	}
	.webform-component-markup, .description {
		font-size: 0.813em;
		text-align: justify;
		color: #666;
	}
	.file a {
		font-family: 'Lato';
		font-size: 0.923em;
		color: #21386e;
	}
}

/* Item & Actions */

/* Others */

/* Short Body Toggle Button
=========================== */

.toggle-short-body {
	cursor: pointer;
	a {
		font-family: 'Lato';
		@include font-size(12);
		color: #21386e;
	}
	.icon {
		vertical-align: middle;
	}
}

/* Pager
=========================== */

.item-list .pager {
	float: right;
	margin-top: 55px;
	a {
		font-family: 'Lato';
		@include font-size(11);
		text-decoration: none;
		color: #999;
	}
	li {
		padding: 0;
		margin: 0;
		letter-spacing: 11px;
		&.pager-current {
			font-family: 'Lato Black';
			@include font-size(14);
			color: #333;
		}
		&.pager-previous a, &.pager-next a {
			@include font-size(16);
			vertical-align: bottom;
		}
	}
}

/* Forms
=========================== */

/* Custom Select */

select.styled {
	cursor: pointer;
	z-index: 2;
	padding: 5px 42px 5px 38px;
	font-family: 'Lato Bold';
	text-transform: uppercase;
}

span.customSelect {
	min-width: 280px;
	height: 58px;
	padding: 0 50px 0 40px;
	border: 1px solid #d4d4d4;
	border-top: none;
	border-left: none;
	position: relative;
	background-color: #f8f8f8;
	font-family: 'Lato Bold';
	@include font-size(16);
	text-transform: uppercase;
	line-height: 58px;
	color: #666;
	&:after {
		content: " ";
		display: block;
		width: 12px;
		height: 10px;
		margin-top: -5px;
		position: absolute;
		top: 50%;
		right: 30px;
		z-index: 1;
		background-image: url('../img/icon-sheet.png');
		background-repeat: no-repeat;
		background-position: -40px -13px;
	}
}

.customSelectInner {
	line-height: 1;
	vertical-align: middle;
}

.hasCustomSelect {
	z-index: 100;
}

/* Gallery Set
=========================== */

.gallery-set {
	margin-left: -15px;
	margin-right: -15px;
	
	.gallery {
		float: left;
		width: 176px;
		margin: 45px 15px;
		background-color: #f8f8f8;
		
		img {
			display: block;
		}
	}
}

.gallery figcaption {
	display: block;
	height: 161px;
	padding: 0 8px;
	background-color: #f8f8f8;
	font-family: Lato;
	font-size: 0.938em;
	color: #666;
	h6 {
		margin: 8px 0 12px;
		font-family: 'Lato';
		font-size: 0.8em;
		text-transform: uppercase;
		color: #333;
	}
	p {
		line-height: 1.16;
		text-align: left;
	}
}

/* Tabulator (simple tabs)
=========================== */

.tabulator {
	position: relative;
	background-color: #fff;
}

.tabulator-wrapper {
	margin: 0 8px;
	box-shadow: 0px 0px 5px #B2B2B2;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	background-color: #FFF;
}

.tabulator-tabs {
	width: 256px;
	float: left;
	border-right: 1px solid #d8d8d8;
	position: relative;
}

.tabulator-tab {
	cursor: pointer;
	width: 100%;
	height: 77px;
	padding-left: 13px;
	margin: 2px 0;
	position: relative;
	z-index: 400;
	line-height: 78px;
	&:before {
		content: " ";
		display: block;
		width: 224px;
		height: 2px;
		border-top: 1px solid #fafafa;
		position: relative;
		top: -2px;
		background-color: #dadada;
	}
	&.hide-border:before, &.active:before {
		border-color: transparent;
		background-color: transparent;
	}
	&:first-child:before {
		content: none;
	}
	a {
		display: inline-block;
		vertical-align: middle;
		width: 240px;
		padding: 0 15px 0 0;
		font-family: 'Lato Black';
		@include font-size(16);
		text-transform: uppercase;
		text-decoration: none;
		line-height: normal;
		color: #c3c3c3;
	}
	&.active {
		&:after {
			content: " ";
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 38px 0 38px 20px;
			border-top-color: transparent;
			border-right-color: transparent;
			border-bottom-color: transparent;
			border-left-color: inherit;
			position: absolute;
			top: 0;
			right: -20px;
		}
		a {
			color: #fff;
		}
	}
	small {
		display: block;
		margin-top: 2px;
		@include font-size(12);
		font-family: 'Lato Light';
	}
	.field-type-color-field-rgb {
		display: inline-block;
		visibility: hidden;
		margin: 0px 15px 10px 0;
		vertical-align: middle;
	}
	&.active .field-type-color-field-rgb {
		visibility: visible;
	}
}

.tabulator-contents {
	width: 496px;
	float: left;
	padding: 0 0 0 45px;
	border-left: 1px solid #f8f8f8;
	font-family: Lato;
	font-size: 0.813em;
	color: #666;
	p {
		margin-bottom: 23px;
		line-height: 1.695;
	}
}

.tabulator-content h2 {
	margin-bottom: 20px;
	font-family: 'Lato Bold';
	@include font-size(28);
	text-align: left;
	color: #404040;
}

.tabulator-desc {
	float: left;
	width: 430px;
	text-align: justify;
}

.tabulator-buttons {
	float: right;
	width: 232px;
	margin-top: 80px;
}

/* Views - Tabulator Sekcji */

.view-tabulator-sekcji {
	&:before {
		content: " ";
		display: table;
	}
	&:after {
		content: " ";
		display: table;
		content: " ";
		display: block;
		opacity: 0.21;
		clear: both;
		margin: 0 auto;
		width: 980px;
		height: 21px;
		background-image: url('../img/tabulator-shadow.png');
		background-repeat: no-repeat;
	}
	.tabulator-tabs {
		background-color: #f8f8f8;
		> .tabulator-tab {
			&:first-child {
				margin-top: 0;
			}
			&:last-child {
				margin-bottom: 0;
			}
		}
	}
	.tabulator-contents {
		padding-top: 17px;
	}
	.tabulator-desc > a {
		text-decoration: none;
		p {
			color: #666;
		}
	}
	.tabulator-buttons .button {
		width: 188px;
		height: 108px;
		line-height: 108px;
		@include font-size(14);
		&:after {
			width: 28px;
			height: 28px;
		}
	}
}

.tabulator-select {
	width: 450px;
	height: 168px;
	padding: 52px 20px 43px;
	margin: 0 auto;
	background-color: #f8f8f8;

	&.program-choosen {
		height: 180px;
	}
	
	.customSelect {
		min-width: 0;
		width: 100%;
		height: 72px;
		padding: 0;
		border: none;
		background-color: #21386e;
		font-family: 'Lato Bold';
		font-size: 0;
		line-height: 72px;
		color: #fff;
		
		.customSelectInner {
			max-width: 100%;
			padding: 0 50px 0 40px;
			text-align: center;
		}

		&:after {
			width: 20px;
			height: 16px;
			margin-top: -8px;
			background-position: -300px 0;
		}
		
		> span {
			vertical-align: middle;
			@include font-size(24);
			line-height: 1.23;
		}
	}

	.hasCustomSelect {
		padding-left: 10px;
		font-family: 'Lato';
		font-size: 18px;
	}
}

/* Panels
=========================== */

.panels-flexible-region {
	width: 100% !important;
}

/* Fields
=========================== */

/* Group Header */

.view-list-header {
	margin-bottom: 36px;
	h3 {
		margin-bottom: 10px;
	}
}

.group-desc {
	padding: 0 20px;
}

/* Title */

.views-field-title {
	h2, h3 {
		margin-top: 0;
		margin-bottom: 10px;
	}
}

/* Author Name */

.views-field-name {
	color: #333;
	span {
		font-family: 'Lato';
		@include font-size(12);
		text-transform: uppercase;
		line-height: 1.5;
	}
	.views-label-name {
		text-transform: none;
	}
}

/* Color */

.views-field-field-color, .field-type-color-field-rgb .field-item {
	overflow: hidden;
	border-radius: 50%;
}

/* Attachments & listeners schedule */

.gray-box, .field-name-field-schedule {
	padding: 19px 30px;
	margin-top: 24px;
	background-color: #f8f8f8;
}

.field-name-field-attachments {
	padding: 19px 30px;
	margin-top: 24px;
	margin-bottom: 30px;
	background-color: #f8f8f8;
	h5 {
		margin-top: 0;
		margin-bottom: 5px;
	}
	ol {
		list-style: none;
		padding-left: 0;
		margin: 0;
	}
	li {
		line-height: 25px;
	}
}

.node .content {
	.field-name-field-schedule,
	.field-name-field-attachments {
		a {
			font-family: Lato;
			@include font-size(13);
			text-decoration: none;
			color: #666;
		}
	}
}

/* Schedule */

.field-name-field-schedule {
	margin-top: 0;
	h5 {
		margin: 15px 0;
		text-transform: none;
		@include font-size(15);
	}
}

/* Image */

.field-name-field-image {
	float: left;
	margin-right: 25px;
	padding-bottom: 9px;
	position: relative;
	&:after {
		content: " ";
		display: block;
		width: 169px;
		height: 9px;
		position: absolute;
		bottom: 0;
		background-image: url('../img/thumb-shadow.png');
		background-repeat: no-repeat;
	}
	img {
		width: 168px;
		height: auto;
		vertical-align: top;
	}
}

/* Views Fields
=========================== */

/* Image */

.views-field-field-image {
	float: left;
	margin-right: 25px;
	position: relative;
	&:after {
		content: " ";
		display: block;
		width: 169px;
		height: 9px;
		position: absolute;
		bottom: -9px;
		background-image: url('../img/thumb-shadow.png');
		background-repeat: no-repeat;
	}
	img {
		width: 168px;
		height: auto;
		vertical-align: top;
	}
}

/* Short & Full Body */

.before-content, .field-name-field-schedule, .taxonomy-term-description, .field-name-field-short-body, .views-field-field-short-body, .search-snippet, .node-panel-matey .field-type-text-long, .field-name-field-panel-dates, .views-field-body {
	font-family: Lato;
	font-size: 13px;
	line-height: 1.55;
	text-align: justify;
	color: #666;
}

.field-name-field-short-body {
	.field-items:after, .field-item:after {
		content: " ";
		display: table;
		clear: both;
	}
}

.node-listeners .field-name-field-short-body {
	margin-left: 0;
}

/* Link */

.views-field-field-link, .views-field-field-attachment {
	display: block;
	font-family: 'Lato Bold';
	@include font-size(12);
	color: #666;
}

/* Attachment */

/* Views Pages
=========================== */

/* Library list */

.view-library-list {
	.views-field-field-image + .views-field-title + .views-field-field-display-title + .views-field-field-short-body {
		+ .views-field-field-link {
			margin-left: 193px;
			+ .views-field-field-attachment {
				margin-left: 193px;
			}
		}
		margin-left: 193px;
	}
	.views-field-field-display-title {
		display: block;
		margin: 0 0 8px;
		font-style: italic;
		> span {
			font-family: 'Lato';
			font-size: 0.750em;
			line-height: 1.5;
		}
		.field-content {
			text-transform: uppercase;
		}
	}
	.views-field-title h3 {
		margin-bottom: 0;
	}
}

/* Offer list */

.view-offer-list {
	.views-row {
		padding: 25px 0 15px;
		border-bottom: 1px solid #d8d8d8;
		margin-left: 18px;
	}
	.views-row-first {
		padding-top: 0;
	}
	.views-row-last {
		padding-bottom: 30px;
		border-bottom: none;
	}
}

.view-list-header > h3, .view-library-list .view-content > h3, .view-offer-list .view-content > h3 {
	margin: 25px 0 10px 19px;
	position: relative;
	font-family: 'Lato Black';
	@include font-size(21);
	color: #333;
}

.view-list-header:nth-child(n+2) {
	margin-top: 80px;
}

.view-library-list .view-list-header > h3 {
	margin-top: 80px;
	&:first-child {
		margin-top: 25px;
	}
	&:before {
		content: " ";
		display: block;
		width: 430px;
		height: 1px;
		position: absolute;
		left: -18px;
		top: -16px;
		background-color: #ae9663;
		box-shadow: 0 0 1px #ae9663;
	}
}

.view-offer-list .view-list-header > h3:before {
	content: " ";
	display: block;
	width: 430px;
	height: 1px;
	position: absolute;
	left: -18px;
	top: -16px;
	background-color: #ae9663;
	box-shadow: 0 0 1px #ae9663;
}

.view-library-list .view-list-header > h3:after {
	content: " ";
	display: block;
	width: 1px;
	height: 35px;
	position: absolute;
	left: -18px;
	top: -16px;
	background-color: #ae9663;
	box-shadow: 0 0 1px #ae9663;
}

.view-offer-list {
	.view-list-header > h3:after {
		content: " ";
		display: block;
		width: 1px;
		height: 35px;
		position: absolute;
		left: -18px;
		top: -16px;
		background-color: #ae9663;
		box-shadow: 0 0 1px #ae9663;
	}
	.node p {
		line-height: 20px;
	}
}

/* Node Training */

.node-training header h4 {
	margin-bottom: 6px;
}

/* Accordion
=========================== */

.accordion {
	cursor: pointer;
	height: 27px;
	position: relative;
	font-family: 'Lato Black';
	@include font-size(18);
	text-transform: uppercase;
	color: #21386e;
	&:before {
		content: " ";
		display: block;
		height: 1px;
		position: absolute;
		top: 50%;
		left: 0;
		right: 30px;
		z-index: 1;
		background-color: #d9d9d9;
	}
	&:after {
		content: " ";
		display: block;
		width: 24px;
		height: 24px;
		margin-top: -12px;
		position: absolute;
		top: 50%;
		right: 0;
		background-image: url('../img/icon-sheet.png');
		background-repeat: no-repeat;
		background-position: -178px -19px;
	}
	span {
		padding-right: 10px;
		position: relative;
		z-index: 2;
		background-color: #fff;
	}
}

.accordion-open:after {
	background-position: -153px -19px;
}

/* School List
=========================== */

.school-list {
	margin-top: 20px;
}

.select-provinces-wrap {
	display: none !important;
	width: 100%;
	height: 80px;
	padding-top: 14px;
	padding-left: 17px;
	margin-bottom: 32px;
	background-color: #dfdfdf;
	
	.styled {
		padding: 5px 33px 5px 24px;
	}
	
	.customSelect {
		height: 53px;
		padding-top: 15px;
		background-color: #fff;
		
		&:after {
			width: 20px;
			height: 11px;
			margin-top: -6px;
			background-position: -287px -37px;
		}
	}
	
	.customSelectInner {
		font-family: Lato;
		@include font-size(16);
		text-align: left;
		color: #515151;
	}
}

.school-list-provinces {
	width: 215px;
	float: left;
	header {
		width: 251px;
		height: 50px;
		background-color: #f8f8f8;
		border-bottom: 1px solid #d4d4d4;
		line-height: 50px;
	}
	h3 {
		margin: 0 0 0 20px;
		font-family: 'Lato Black';
		@include font-size(15);
		text-transform: uppercase;
		color: #333;
	}
	ul {
		list-style: none;
		padding-left: 20px;
		margin-top: 24px;
	}
	a {
		font-family: 'Lato';
		font-size: 0.875em;
		text-decoration: none;
		color: #666;
	}
	li {
		&:first-child a {
			color: #21386e;
		}
		&.active a {
			position: relative;
			font-family: 'Lato Black';
			color: #253267;
			&:before {
				content: " ";
				display: block;
				width: 18px;
				height: 18px;
				margin-top: -9px;
				position: absolute;
				top: 50%;
				left: -26px;
				background-image: url('../img/icon-sheet.png');
				background-repeat: no-repeat;
				background-position: -153px 0;
			}
		}
	}
}

.school-list-results {
	min-height: 360px;
	width: 785px;
	float: right;
	border-left: 1px solid #dddddd;
}

.school-list-table {
	margin-left: 35px;
	width: 100%;
	
	th:first-child,
	td:first-child {
		padding-left: 20px;
	}
	
	thead {
		background-color: #f8f8f8;
		border-right: 1px solid #d4d4d4;
		border-bottom: 1px solid #d4d4d4;
		font-family: 'Lato Black';
		@include font-size(15);
		text-transform: uppercase;
		color: #333;
		
		th {
			border: none;
			height: 49px;
			padding-top: 1px;
		}
	}
	
	tbody {
		tr:first-child td {
			height: 47px;
			padding-top: 17px;
		}
		td {
			min-height: 30px;
			padding-top: 6px;
			padding-right: 20px;
			padding-bottom: 6px;
			border-bottom: 1px solid #d8d8d8;
			font-family: 'Lato';
			font-size: 0.875em;
			color: #666;
		}
	}
}

/* Simple Buttons
=========================== */

.btn {
	display: inline-block;
	height: 37px;
	padding: 0 35px;
	border: none;
	background-color: #fff;
	box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.17);
}

/* Default - By default gray */

.btn-default {
	width: 280px;
	height: 58px;
	padding: 0 40px;
	border: 1px solid #d4d4d4;
	border-top: none;
	border-left: none;
	position: relative;
	background-color: #f8f8f8;
	box-shadow: none;
	font-family: 'Lato Bold';
	@include font-size(16);
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	color: #666;
	&:after {
		content: " ";
		display: block;
		width: 10px;
		height: 13px;
		margin-top: -6px;
		position: absolute;
		top: 50%;
		right: 19px;
		z-index: 2;
		background-image: url('../img/icon-sheet.png');
		background-repeat: no-repeat;
		background-position: -89px -33px;
	}
	&:hover {
		background-color: #9e4755;
		color: #fff;
		&:after {
			background-position: -79px -25px;
		}
	}
}

.node {
	.content {
		.btn-default {
			&:hover {
				background-color: #9e4755;
				color: #fff;
				&:after {
					background-position: -79px -25px;
				}
			}
		}
	}
}

/* Primary - By default blue */

.btn-primary {
	background-color: #3a77c8;
	font-family: 'Lato Bold';
	@include font-size(16);
	text-transform: uppercase;
	color: #fff;
}

/* Serwis OK */

.btn-ok {
	display: inline-block;
	width: 280px;
	height: 64px;
	padding: 7px 0 0 63px;
	position: relative;
	background-color: #3a77c8;
	box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.17);
	font-family: Lato;
	@include font-size(14);
	text-align: left;
	text-decoration: none;
	line-height: 16px;
	color: #fff;
	&:after {
		content: ">";
		display: block;
		margin-top: -8px;
		position: absolute;
		top: 50%;
		right: 18px;
		font-family: 'Lato';
		@include font-size(20);
		color: #FFF;
	}
	img {
		float: left;
		margin-right: 12px;
	}
}

/* Vertical center text in button */

.btn-vcenter span {
	display: inline-block;
	line-height: 19px;
}

.btn-default.btn-vcenter {
	line-height: 60px;
	span {
		vertical-align: middle;
	}
}

.btn-graudate-year {
	&.btn-vcenter {
		line-height: 53px;
	}
	width: 90px;
	height: 49px;
	padding: 0 20px;
	text-align: left;
	&:after {
		right: 18px;
	}
}

/* Graduate year buttons */

/* Buttons (for content type)
=========================== */

.button {
	display: inline-block;
	vertical-align: middle;
	width: 215px;
	height: 123px;
	margin: 15px;
	border: 2px solid;
	border-radius: 2px;
	position: relative;
	line-height: 123px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	color: #21386e;
	&:after {
		content: " ";
		display: block;
		width: 42px;
		height: 42px;
		position: absolute;
		background-color: #fff;
	}
	span {
		display: inline-block;
		vertical-align: middle;
		width: 100%;
		font-family: 'Lato';
		@include font-size(17);
		line-height: 1.2;
	}
}

.button-left-upper:after {
	top: -2px;
	left: -2px;
}

.button-right-upper:after {
	top: -2px;
	right: -2px;
}

.button-right-bottom:after {
	right: -2px;
	bottom: -2px;
}

.button-left-bottom:after {
	left: -2px;
	bottom: -2px;
}

/* ==================================
	Main Header
 ================================= */

#main-header {
	width: 100%;
	min-height: 245px;
	background-image: url('../img/bg-header.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	color: #fff;
}

.front #main-header {
	height: 716px;
}

/* Program widget */

.block-programs-ceo {
	visibility: hidden;
	position: fixed;
	top: 30%;
	right: 0;
	z-index: 9000;
	.inner {
		position: relative;
	}
	header {
		cursor: pointer;
		display: block;
		float: left;
		width: 45px;
		height: 222px;
		margin-left: -44px;
		position: relative;
	}
	h2 {
		display: inline-block;
		width: 222px;
		height: 45px;
		padding-left: 30px;
		margin: 0;
		position: absolute;
		top: 89px;
		right: -88px;
		background-color: #22386e;
		/* Rotate */
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		transform: rotate(-90deg);
		/* Should be unset in IE9+ I think. */
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
		font-family: 'Lato Black';
		@include font-size(16);
		line-height: 47px;
		color: #fff;
	}
}

:root .block-programs-ceo h2 {
	filter: none;
}

.block-programs-ceo {
	h2:before {
		content: " ";
		display: inline-block;
		width: 21px;
		height: 24px;
		margin-top: -12px;
		position: absolute;
		top: 50%;
		right: 30px;
		left: inherit;
		background-color: transparent;
		background-image: url('../img/icon-sheet.png');
		background-repeat: no-repeat;
		background-position: -247px 0;
		/* Rotate */
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
		/* Should be unset in IE9+ I think. */
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-3);
	}
	.content {
		float: right;
		padding: 22px 9px;
		background-color: #ebebeb;
		box-shadow: 2px 2px 4px #c9c9c9;
		box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.26);
	}
	ul {
		list-style: none;
		padding: 0;
		margin: 0;
		> li {
			display: block;
			float: left;
			margin: 5px;
		}
	}
}

/* Toggle Meanmenu Button */

.toggle-meanmenu {
	float: right;
	display: none;
	width: 72px;
	height: 72px;
	border: none;
	background-color: #21386e;
	text-align: center;
	
	> span {
		display: block;
		width: 23px;
		height: 3px;
		margin: 4px auto;
		background-color: #fff;
	}
}

/* Header Search - Search Form for non desktop devices */

.header-search {
	float: right;
	display: none;

	.form-text {
		width: 100%;
		height: 43px;
		padding-left: 15px;
		padding-right: 40px;
		border-bottom: 1px solid #a6a6a6;
		background-color: transparent;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		color: #a6a6a6;
	}

	.form-submit {
		width: 32px;
		height: 31px;
		border: none;
		position: absolute;
		top: 0;
		right: 0;
		background-color: transparent;
		background-image: url('../img/icon-sheet.png');
		background-position: -268px 0;
		text-indent: -9999px;
	}

	.container-inline {
		position: relative;
	}

	.form-type-textfield {
		display: block;
		height: 43px;
		margin: 15px 0 14px;
		position: relative;

		&:before,
		&:after {
			content: '';
			display: block;
			width: 1px;
			height: 8px;
			position: absolute;
			bottom: 0;
			background-color: #a6a6a6;
		}

		&:before {
			left: 0;
		}

		&:after {
			right: 0;
		}
	}
}

/* Header Meta - Before main menu section */

.header-meta {
	font-family: 'Lato';
	@include font-size(13);
	&:before, &:after {
		content: " ";
		display: table;
		clear: both;
	}
}

/* Header White Logo */

.header-logo {
	display: none;
}

.site-logo-white {
	margin: 0;
}

/* Header Section Name - for mobile devices */

.header-program {
	display: none;
	
	a, a:hover, a:focus, a:active {
		text-decoration: none;
	}
}

/* Left header meta half */

.have-section {
	.header-meta-partners {
		width: 670px;
	}
	
	.header-meta-tools {
		width: 326px;
		position: relative;
	}
}

.header-meta-partners {
	.block-section-name {
		margin-top: 65px;
	}
}

/* Right header meta half */

.no-section .header-meta-tools {
	padding-left: 30px;
}

.header-meta-tools .block, .header-meta-half {
	display: inline-block;
	vertical-align: top;
}

.no-section .header-meta-half {
	width: 50%;
	float: left;
}

/* Header Box - Light gray section with logo and menu */

.header-box {
	width: 1130px;
	height: 94px;
	padding: 0 65px;
	margin-left: -65px;
	position: relative;
	background-color: #f8f8f8;
	&:before {
		content: " ";
		display: table;
		clear: both;
	}
	&:after {
		content: " ";
		display: block;
		clear: both;
		width: 1130px;
		height: 23px;
		margin-top: 1px;
		margin-left: -65px;
		background-image: url('../img/header-box-shadow.png');
		background-repeat: no-repeat;
	}
	figure {
		max-height: 100%;
		margin: 0;
		float: left;
	}
}

/* Logo - inside header box */

.site-logo {
	padding: 7px 0 2px;
}

/* Main Menu - inside header box */

.main-menu {
	float: right;
	margin-top: 35px;
	> li:last-child > a {
		padding-right: 0;
		/* Remove last element right padding */
	}
}

/* Secondary Menu - under header box */

.secondary-menu {
	float: left;
}

/* Header Subbox - for secondary menu */

.header-subbox {
	height: 60px;
	margin-bottom: 34px;
}

/* Header News - front page teasers inside #main-header */

.header-news {
	margin-top: 16px;
	h2 {
		margin-top: 0;
		margin-bottom: 10px;
		font-family: 'Lato Black';
		@include font-size(24);
		text-transform: uppercase;
		color: #fff;
	}
	a {
		color: #fff;
	}
}

/* Section Name */

.no-section .block-section-name {
	display: none !important;
	visibility: hidden !important;
}

.block-section-name {
	display: inline-block;
	float: left;
	vertical-align: top;
	width: 435px;
	height: 67px;
	position: relative;
	font-family: 'Lato';
	@include font-size(20);
	line-height: 67px;
	color: #fff;
	padding-left: 65px;
	margin-left: -65px;
}

/* Header Sitemap
=========================== */

.toggle-sitemap {
	display: inline-block;
	width: 120px;
	margin-top: 27px;
	font-family: 'Lato';
	@include font-size(14);
	text-decoration: none;
	color: #223166;
	span {
		display: inline-block;
		vertical-align: middle;
		width: 70px;
		padding-left: 11px;
	}
	.icon {
		vertical-align: middle;
	}
}

.sitemap {
	width: 53px;
	margin-left: 19px;
}

.sitemap-popup {
	width: 920px;
	padding: 20px 32px;
	border: 6px solid #ebebeb;
	position: absolute;
	top: -98px;
	left: 70px;
	z-index: 100;
	background-color: #fff;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.26);
	&:after {
		content: " ";
		display: block;
		width: 23px;
		height: 25px;
		margin-top: -12px;
		position: absolute;
		top: 141px;
		right: -20px;
		background-image: url('../img/icon-sheet.png');
		background-position: -9px -17px;
	}
}

.sitemap-deadspace {
	cursor: pointer;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 99;
}

.sitemap-header {
	width: 100%;
	height: 65px;
	background-color: #21386e;
	.menu {
		float: right;
		margin-top: 18px;
		margin-right: 19px;
	}
	.logo-white {
		margin-top: 7px;
		margin-left: 28px;
	}
}

/* Tabulator theme */

.sitemap-tabulator {
	.tabulator-tabs {
		width: 356px;
	}
	.tabulator-tab {
		&:before, a {
			width: 356px;
		}
	}
	
	.tabulator-tab {
		&.active,
		&.hide-border {
			&:before {
				border-color: #fafafa;
				background-color: #dadada;
			}
		}
	}
}

.sitemap-tabulator-tabs {
	margin-top: 40px;
	margin-left: 50px;
}

.sitemap-tabulator {
	.tabulator-tabs {
		border-right: none;
		&:after {
			content: none;
		}
	}
	.tabulator-tab {
		min-height: 49px;
		height: auto;
		padding: 0;
		position: relative;
		line-height: 49px;
		&:before {
			margin-left: 0;
		}
		a {
			padding: 13px 0;
			font-family: 'Lato';
			@include font-size(17);
			color: #969696;
		}
		&.active a {
			font-family: 'Lato Black';
			color: #333;
			&:after {
				content: " ";
				display: block;
				width: 9px;
				height: 18px;
				margin-top: -9px;
				position: absolute;
				top: 50%;
				right: -50px;
				background-image: url('../img/icon-sheet.png');
				background-position: 0 -17px;
			}
		}
		.field-type-color-field-rgb {
			margin: -6px 0 0;
			position: absolute;
			top: 50%;
			left: -26px;
		}
	}
	.tabulator-contents {
		width: 364px;
		padding: 0;
		margin-top: 29px;
		margin-left: 50px;
		border-left: none;
	}
}

/* Sitemap Grid - Sitemap Page
=========================== */

.sitemap-grid {
	margin-top: 28px;
}

.sitemap-grid-header {
	height: 56px;
	margin-bottom: 2px;
	background-color: #253267;
	h3 {
		height: 57px;
		padding: 20px 0;
		margin: 0;
		font-family: 'Lato';
		@include font-size(14);
		text-align: center;
		line-height: 18px;
		color: #FFF;
	}
}

.sitemap-grid-table-wrap {
	margin-left: -10px;
	margin-right: -10px;
}

.sitemap-grid-table {
	border-collapse: separate;
	border-spacing: 10px;
	width: 100%;
	margin-bottom: 35px;
	
	td {
		vertical-align: top;
		padding: 14px 10px 11px;
		background-color: #f8f8f8;
		box-shadow: 1px 2px 0 #d4d4d4;
		box-shadow: 1px 2px 0 rgba(0, 0, 0, 0.16);
	}
	
	h5 {
		margin: 0 0 10px;
		
		a {
			font-family: 'Lato Bold';
			@include font-size(14);
			color: #000;
		}
	}
	
	a {
		text-decoration: none;
		font-family: 'Lato';
		@include font-size(12);
		color: #666;
	}
	
	.sitemap-inner-block {
		li {
			line-height: 22px;
			margin-bottom: 1px;
		}
	}
}

/* ======================== *
 * REGIONS
 * ======================== */

/* Header Partners
=========================== */

.region-header-partners {
	padding-left: 77px;
}

.have-section .region-header-partners {
	display: inline-block;
	width: 295px;
	padding-top: 11px;
	padding-left: 26px;
}

/* Partners Block */

.block-partners p {
	display: inline-block;
	line-height: 18px;
}

.no-section .block-partners p {
	float: left;
	margin-bottom: 0;
	position: relative;
	top: 21px;
}

.have-section .block-partners {
	p {
		margin-bottom: 4px;
		position: relative;
		top: 3px;
		text-indent: 20px;
		text-align: left;
		white-space: nowrap;
		br {
			display: none;
		}
	}
}

.block-partners ul {
	float: left;
	overflow: hidden;
	list-style: none;
	display: block;
	padding-left: 0;
	margin: 0;
	> li {
		float: left;
		display: block;
		vertical-align: middle;
		width: 130px;
		height: 75px;
		position: relative;
		text-align: center;
		img {
			position: absolute;
			top: -9999px;
			bottom: -9999px;
			left: -9999px;
			right: -9999px;
			margin: auto;
		}
	}
}

/* Header Tools 
=========================== */

.no-section .region-header-tools {
	display: inline-block;
}

.have-section .region-header-tools > .block:first-child {
	width: 100%;
	text-align: right;
}

/* Facebook Like Box */

.no-section .region-header-tools iframe {
	margin-top: 32px;
	margin-left: 7px;
}

.have-section .region-header-tools iframe {
	margin-top: 15px;
}

/* Search Form Block */

.block-search {
	position: relative;
	float: right;
	display: block;
	margin-bottom: -35px;
}

.no-section .block-search {
	margin-top: 27px;
	margin-left: 5px;
}

.have-section .block-search {
	margin-top: 24px;
	margin-left: 10px;
}

.block-search input {
	&[type='text'] {
		width: 196px;
		height: 32px;
		padding: 10px 40px 9px 20px;
		border: none;
		border-radius: 15px;
		background-color: #85a1c5;
		box-shadow: none;
	}
	&[type='submit'] {
		display: inline-block;
		width: 15px;
		height: 16px;
		border: none;
		outline: none;
		position: absolute;
		top: 7px;
		right: 15px;
		background-color: transparent;
		background-image: url('../img/icon-sheet.png');
		background-repeat: no-repeat;
		background-position: 0 0;
		text-indent: -9999px;
	}
}

/* Font Size */

.change-font-size {
	display: inline-block;
	vertical-align: top;
	padding: 2px 12px;
	margin-top: 0px;
	float: left;
	
	border-radius: 15px;
	font-family: serif;
	
}

.have-section .change-font-size {
	margin-top: 0;
	margin-left: 0;
	position: absolute;

	right: 47px;
}

.change-font-size a {
	color: #fff;
	text-decoration: none;
}

.font-sm {
	font-size: 10px%;
}

.font-default {
	font-size: 13px;
}

.font-lg {
	font-size: 14px;
}

/* Print Page */

.print-page {
	display: inline-block;
	margin-top: -2px;
	float: left;
	position: relative;
	z-index: 999;
	margin-top: 4px;

	font-size: 0 !important;
	 line-height: 0 !important;
}
.english-page {
	display: inline-block;
	float: left;
	margin-left: 52%;
	position: top;
	margin-top: 6px;
	z-index: 999;
	line-height: 0px !important;
	font-size: 0px !important;
	
}
.bip-page {
	display: inline-block;
	float: left;
	margin-top: 4px;
	position: relative;
	z-index: 999;
}




#block-pagestyle-form,
#block-pagestyle-form a,
#block-pagestyle-form ul,
#block-pagestyle-form ul li {
	display: inline-block;
	float: left;
	margin-top: 2px;
	position: relative;
	z-index: 999;
	padding: 0 !important;
	
	line-height: 0 !important;
	font-size: 0 !important;
}
#block-text-resize-0 {
	display: block;
	float: left;
	margin-bottom: -20px;
	position: relative;
	z-index: 999;
}
#block-text-resize-0 h2 {
	display: none;
}
.menu-mobile {
	display: none;
}
.have-section .print-page {
	margin-top: 0;
	margin-left: 0;
	position: absolute;
	top: 69px;
	right: 0;
}

/* Header News 
=========================== */

.region-header-news {
	padding-left: 110px;
	font-family: Lato;
	font-size: 0.813em;
	line-height: 1.695;
	color: #fff;
	
	.content {
		.more-link {
			text-decoration: underline;
		}
	}
	
	.block {
		float: left;
		width: 350px;
		margin-left: 89px;
		position: relative;
		
		&:after {
			content: " ";
			display: block;
			width: 67px;
			height: 2px;
			position: absolute;
			bottom: -10px;
			left: 0;
			background-color: #aabed7;
			background-color: rgba(255, 255, 255, 0.5);
		}
	}
}

/* Before Content 
=========================== */

.before-content {}

/* Content 
=========================== */

.front .region-content .tabulator {
	margin-top: -180px;
	margin-bottom: 38px;
	background-color: transparent;
}

.region-content .block {
	clear: both;
}

.node-share {
	margin-top: 4px;
}

/* Content Footer 
=========================== */

#block-views-graduates-news-graduate-news {
	display: block;
	width: 100%;
	clear: both;
}

/* Pre Footer 
=========================== */

.simplenews-subscribe {
	margin-top: 12px;
	label {
		display: none;
	}
	.form-item-mail {
		width: 291px;
		float: left;
		margin: 0;
	}
}

.block-simplenews {
	@include font-size(13);
	color: #333;
	p {
		text-align: center;
	}
	input[type='text'] {
		width: 295px;
		padding-left: 12px;
		padding-right: 12px;
	}
}

/* Headlines 
=========================== */

.region-footer {
		border-top: 1px solid #ccc;
		margin-top: 30px;
		.block {
		&:nth-child(even) {
			float: right;
			@include font-size(14);
			text-align: right;
			color: #999;
		}
	}
	p {
		margin: 7px 0;
	}
}

/* ======================== *
 * CONTENT ELEMENTS (Region Content)
 * ======================== */

/* Headlines 
=========================== */

.headline-01 {
	position: relative;
	@include font-size(29);
	text-transform: uppercase;
	color: #404040;
	a {
		text-decoration: none;
		color: #404040;
	}
	&:before {
		content: " ";
		display: block;
		width: 96px;
		height: 1px;
		position: absolute;
		top: 50%;
		left: -123px;
		background-color: #000;
	}
}

.pane-node .pane-title, .headline-02 {
	font-family: 'Lato Black';
	@include font-size(21);
	text-transform: uppercase;
	color: #333;
}

.pane-node .pane-title a, .headline-02 a {
	text-decoration: none;
	color: #333;
}

.headline-03 {
	margin: 0 0 3px;
	position: relative;
	font-family: Lato;
	font-weight: bold;
	@include font-size(16);
	text-transform: none;
	color: #21386e;
	a {
		text-decoration: none;
		color: #21386e;
	}
}

.page-header h1 {
	margin-top: 32px;
	margin-bottom: 0;
}

.not-front .not-section-home .page-header h1 {
	margin-bottom: 10px;
}

.headline-04 {
	font-family: 'Lato Bold';
	@include font-size(15);
	text-transform: none;
	color: #333;
}

/* Breadcrumbs
=========================== */

.breadcrumbs {
	height: 37px;
	line-height: 35px;
}

.section-home .breadcrumbs {
	background-color: #f8f8f8;
}

.breadcrumbs a {
	font-family: 'Lato';
	font-style: italic;
	@include font-size(12);
	text-decoration: none;
	color: #333;
}

.breadcrumb-separator {
	display: inline-block;
	width: 6px;
	height: 9px;
	margin: 0 2px 0 3px;
	background-image: url('../img/icon-sheet.png');
	background-repeat: no-repeat;
	background-position: -48px 0;
}

/* Search Results 
=========================== */

/* Search Form */

.search-form {
	height: 70px;
	padding: 17px 0 17px 30px;
	margin: 36px 0 32px;
	background-color: #f8f8f8;
	label {
		margin-right: 15px;
		font-family: Lato;
		font-weight: bold;
		@include font-size(14);
		text-transform: uppercase;
		color: #666;
	}
	input[type='text'] {
		width: 335px;
		height: 36px;
		padding: 0 20px;
		border-radius: 20px;
		box-shadow: inset 0 2px 1px #d3d3d3;
		@include font-size(14);
		color: #21386e;
		
		&:focus {
			font-size: 16px;
		}
	}
	.form-submit {
		display: block;
		width: 15px;
		height: 16px;
		border: none;
		position: absolute;
		top: 12px;
		right: 12px;
		background-color: transparent;
		background-image: url('../img/icon-sheet.png');
		background-repeat: no-repeat;
		/*background-position: -173px 0;*/
		text-indent: -9999px;
	}
	.form-wrapper {
		display: inline-block;
		position: relative;
	}
}

/* Advanced Search Form */

.search-advanced {
	display: none;
}

/* Search results */

.search-results {
	padding-left: 0;
	.search-snippet-info {
		padding-left: 0;
	}
	> li {
		&:first-child {
			border-top: none;
		}
		border-top: 1px solid #d8d8d8;
	}
}

.search-snippet strong {
	color: #21386e;
}

/* Site News Block 
=========================== */

.view-site-news {
	margin-top: 46px;
	.views-field-body {
		margin-left: 193px;
	}
	.views-field-view-node {
		margin-left: 193px;
		margin-top: -6px;
	}
}

.section-home .view-site-news .views-field-created {
	display: none;
}

/* Section News Block 
=========================== */

.view-section-news {
	margin-top: 41px;
	.views-field-body, .views-field-view-node {
		margin-left: 193px;
	}
}

/* Section Block Banners 
=========================== */

.view-banery-sekcji {
	margin-top: 40px;
	margin-bottom: 44px;
	text-align: center;
	> .view-content {
		display: inline-block;
	}
}

.sidebar .view-banery-sekcji {
	margin-top: 3px;
	margin-bottom: 79px;
}

/* Main Content 
=========================== */

.view-graduates_splo {
	.breadcrumbs, .main-content {
		background-color: #f8f8f8;
	}
}

.section-home .main-content {
	background-color: #f8f8f8;
}

.view-graduates_splo .main-content, .section-home .main-content {
	padding-bottom: 24px;
	margin-bottom: 20px;
}

/* Main Element 
=========================== */

.view-library_list main, .view-section_news_list main, .not-front .main-section main, .have-section.not-section-home main {
	width: 708px;
	float: left;
}

.view-graduates_splo .page main, .node-type-gallery-album .page main, .node-type-gallery .page main, .node-type-school-list .page main, .node-type-webform .page main, .participants-splo .page main {
	width: 100%;
	float: none;
}

.page-sitemap.page main {
	width: 100% !important;
	float: none !important;
}

/* Node - Page 
=========================== */

.node-page {
	.submitted > span, header {
		display: none;
	}
}

/* Node - Listeners 
=========================== */

.node-listeners .field-name-field-short-body {
	margin: 0;
	h3 {
		margin: 0 0 12px;
	}
}

/* Node - Matey Panel 
=========================== */

.node-panel-matey {
	margin-bottom: 50px;
	.gray-box {
		margin-bottom: 30px;
		h4 {
			margin: 10px 0 5px;
			font-family: 'Lato Bold';
			@include font-size(15);
			text-transform: none;
			color: #333;
		}
		ul {
			margin-bottom: 14px;
		}
		li {
			font-family: Lato;
			@include font-size(13);
			line-height: 29px;
			color: #666;
		}
		p {
			margin-bottom: 6px;
			@include font-size(13);
		}
	}
	.content > div:nth-child(even) {
		padding-bottom: 15px;
	}
}

/* Node - Graduates 
=========================== */

.graduate-year {
	float: left;
}

.block.graduate-years-block {
	margin-top: 17px;
	margin-bottom: 68px;
}

.graduate-years-block .headline-01 {
	margin-bottom: 4px;
	font-family: 'Lato Bold';
	@include font-size(15);
	text-transform: none;
	color: #333;
	&:before {
		content: none;
	}
}

/* Node 
=========================== */

.section-home .node {
	header, .submitted {
		display: none;
	}
	.content {
		margin-top: 28px;
	}
}

.group-desc, .field-name-body {
	font-family: Lato;
	font-size: 13px;
	text-align: justify;
	line-height: 1.695;
	color: #285584;
}

.node {
	iframe {
		border: none;
	}
	.content {
		td {
			vertical-align: top;
			text-align: left;
		}
		table {
			img {
				max-width: initial !important;
			}
		}
		img {
			max-width: 100% !important;
			height: auto !important;
			&[style^="float: left;"], &[style*="float: left;"] {
				margin: 0 15px 15px 0;
			}
			&[style^="float: right;"], &[style*="float: right;"] {
				margin: 0 0 15px 15px;
			}
		}
	}
	header h2 {
		margin: 0 0 4px;
	}
	.views-field-field-image, .field-name-field-image {
		float: left;
		margin-right: 25px;
	}
}

.node-type-webform .block-system {
	margin-top: 35px;
}

/* Meta data */

.author-name {
	font-style: italic;
}

.views-field-name {
	font-style: italic;
	margin: 18px 0 2px;
}

.submitted {
	margin: 18px 0 2px;
	> span {
		display: block;
		font-family: 'Lato';
		font-size: 0.750em;
		text-transform: uppercase;
		line-height: 1.5;
		em {
			text-transform: none;
		}
	}
}

/* Hide front page content */

.front .node-page {
	display: none !important;
}

/* Info List Block 
=========================== */

.block-info-list {
	.views-field-title h3 {
		margin-bottom: 5px;
	}
	.views-field-field-image + .views-field-title + .views-field-body {
		+ .views-field-view-node {
			margin-left: 193px;
		}
		margin-left: 193px;
	}
}

/* Graduates SPLO 
=========================== */

.view-graduates-splo {
	header, .submitted {
		display: none;
	}
	.content {
		margin-top: 18px;
	}
}

.view-graduates_splo {
	.main-content {
		padding-bottom: 11px;
		margin-bottom: 20px;
	}
	.sidebar {
		display: none !important;
	}
}

/* Participants SPLO 
=========================== */

.node-type-school-list .sidebar, .node-type-webform .sidebar {
	display: none !important;
}

.participants-splo {
	.sidebar {
		display: none !important;
	}
	.pane-title {
		margin-bottom: 1px;
	}
	.submitted {
		display: none;
	}
	.field-name-body {
		p {
			float: left;
			width: 665px;
			line-height: 20px;
		}
		.field-item > div {
			list-style: none;
			float: right;
			padding-left: 0;
			margin-top: -18px;
		}
		.btn {
			margin-bottom: 18px;
			&:last-child {
				margin-bottom: 8px;
			}
		}
	}
	.panel-separator {
		width: 100%;
		height: 1px;
		margin: 25px 0;
		background-color: #d8d8d8;
	}
}

/* More Links 
=========================== */

.hover-underline {
	display: inline-block;
	text-decoration: none;
	
	&:hover,
	&:focus {
		text-decoration: underline;
	}
}

.more-link,
.views-field-view-node a {
	font-family: 'Lato';
}

.more-link {
	font-size: 0.923em;
}

.views-field-view-node a {
	font-size: 0.750em;
}

.more-link:after, .views-field-view-node a:after {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	width: 4px;
	height: 9px;
	margin-left: 5px;
	background-image: url('../img/icon-sheet.png');
	background-repeat: no-repeat;
	background-position: -34px 0;
}

.before-content a, .node .content a, .more-link-02, .more-link-03, .views-field-view-node a {
	color: #21386e;
}

.more-link-02:after, .views-field-view-node a:after {
	background-position: -41px 0;
}

.more-link-03:after {
	width: 10px;
	height: 5px;
	background-position: -191px -11px;
}

.more-link-04 {
	display: inline-block;
	padding: 9px 23px 5px;
	border: 2px solid;
	background-color: #F8F8F8;
	font-size: 1.25em;
	font-family: 'Lato Bold';
	color: #666;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 1.7;
	&:after {
		width: 10px;
		height: 13px;
		background-position: -247px -26px;
		margin-left: 16px;
		position: relative;
		top: -2px;
	}
	&:hover {
		background-color: attr(data-hover-color);
		color: #fff;
		&:after {
			background-position: -78px -25px;
		}
	}
}

/* bxSlider
=========================== */

ul.bx-slider {
	list-style: none;
	margin: 0;
	padding: 0;
	ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
}

/* 2-column slider 
=========================== */

.view-section-staff-list img, .view-section-news-list img, .slider-2-col img {
	width: 168px;
	height: auto;
	vertical-align: top;
}

.view-section-staff-list h3, .view-section-news-list h3, .slider-2-col h3 {
	margin-top: 0;
	margin-bottom: 5px;
}

.view-section-staff-list h3 a, .view-section-news-list h3 a, .slider-2-col h3 a {
	text-decoration: none;
	color: #333;
}

.view-section-staff-list .views-view, .view-section-news-list .views-view, .slider-2-col .views-row {
	padding-right: 20px;
	margin-right: 15px;
}

.view-section-staff-list .views-field-field-color, .view-section-news-list .views-field-field-color, .slider-2-col .views-field-field-color {
	position: absolute;
	left: 175px;
	top: 3px;
}

.view-section-news-list {
	.views-field-field-color {
		left: -20px;
	}
	.views-row {
		position: relative;
	}
	.views-field-field-image + .views-field-created + .views-field-field-color {
		left: 180px;
	}
}

.view-section-staff-list .views-field-created, .view-section-news-list .views-field-created {
	font-family: 'Lato';
	@include font-size(12);
	line-height: 14px;
	text-transform: uppercase;
	color: #333;
}

.slider-2-col {
	.views-field-created {
		font-family: 'Lato';
		@include font-size(12);
		line-height: 14px;
		text-transform: uppercase;
		color: #333;
	}
	.bx-wrapper .bx-controls-direction a {
		margin-top: 0;
		top: 72px;
	}
	.view-footer {
		margin-top: 35px;

		a {
			font-family: 'Lato Bold';
			@include font-size(16);
			text-decoration: underline;
			color: #a5a5a5;
			
			&:after {
				content: '';
				float: right;
				display: inline-block;
				width: 11px;
				height: 14px;
				margin-top: 2px;
				margin-left: 10px;
				background-image: url('../img/icon-sheet.png');
				background-repeat: no-repeat;
				background-position: -275px -34px;
			}
		}
	}
}

/* Gallery Slider
=========================== */

.gallery-slider {
	margin-top: 24px;
	.bx-wrapper {
		margin-top: 14px !important;
	}
	.field-name-field-image {
		width: auto;
		margin-bottom: 15px;
	}
}

/* Section News List 
=========================== */

.view-section-staff-list, .view-section-news-list {
	width: 715px;
	float: left;
	margin-top: 20px;
}

.no-section {
	.view-section-staff-list, .view-section-news-list {
		width: 100%;
		float: none;
	}
}

.view-section-news-list .views-field-field-image {
	margin-right: 34px;
	margin-bottom: 15px;
	+ .views-field-created + .views-field-title + .views-field-body {
		margin-left: 202px;
		+ .views-field-view-node {
			margin-left: 202px;
		}
	}
}

.block .view-section-news-list .views-row-first {
	margin-top: 0;
}

.view-teacher-materials .views-row, .view-library-list .views-row, .view-section-staff-list .views-row, .view-section-news-list .views-row {
	clear: both;
	padding: 0 0 30px 0;
	border-bottom: 1px solid #d8d8d8;
	margin-top: 30px;
}

.view-teacher-materials .views-row-first, .view-library-list .views-row-first, .view-section-staff-list .views-row-first, .view-section-news-list .views-row-first {
	margin-top: 27px;
}

.view-teacher-materials .views-row:after, .view-library-list .views-row:after, .view-section-staff-list .views-row:after, .view-section-news-list .views-row:after {
	content: " ";
	display: table;
	clear: both;
}

.view-teacher-materials .views-row.views-row-last, .view-library-list .views-row.views-row-last, .view-section-staff-list .views-row.views-row-last, .view-section-news-list .views-row.views-row-last {
	padding-bottom: 0;
	border-bottom: none;
}

/* Staff List 
=========================== */

.view-section-staff-list .views-field-field-image + .views-field-title + .views-field-field-short-body {
	margin-left: 193px;
}

/* Listeners 
=========================== */

.vocabulary-listeners-year .taxonomy-term-description, .node-listeners .field-name-field-short-body {
	float: left;
	width: 320px;
}

.vocabulary-listeners-year .field-name-field-schedule, .node-listeners .field-name-field-schedule {
	float: right;
	width: 365px;
}

.taxonomy-listeners_year .block-system .node {
	display: none !important;
}

/* School List Nodes
=========================== */

.node-type-school-list {
	width: 100%;
}

/* Sidebar 
=========================== */

.sidebar {
	width: 252px;
	float: right;
	padding-left: 36px;
	border-left: 1px solid #DDD;
	margin-top: 88px;
	
	.button {
		@media screen and (min-width: $desktop-width) {
			margin-left: 0;
			margin-right: 0;
		}
		
		&:first-child {
			@media screen and (min-width: $desktop-width) {
				margin-top: 0;
			}
		}
	}
}

/* ======================== *
 * PRE FOOTER
 * ======================== */

.pre-footer {
	padding: 30px 0 25px;
	margin-top: 51px;
	background-color: #F8F8F8;
	.ok {
		color: #6ACF04;
	}
	.error {
		color: #CF0404;
	}
}

.not-section-home .pre-footer {
	margin-top: 36px;
}

.pre-footer {
	h2 {
		margin: 0 0 6px;
	}
	p {
		margin: 0;
		line-height: 18px;
	}
	.block-simplenews {
		width: 420px;
		text-align: center;
	}
	.block-block {
		width: 280px;
		float: right;
		text-align: center;
		h2 {
			margin-bottom: 13px;
		}
		.content {
			display: inline-block;
		}
	}
}

#footer-map-object {
	width: 100%;
	height: 532px;
}

/* ======================== *
 * MAIN FOOTER
 * ======================== */
#footer {
	background-color: white;
    width: 100%;
    margin: 0 auto;
}


#footer #block-menu-block-2,
#footer #block-menu-block-3,
#footer #block-block-30{
    width: 33%;
    float: left;
}
#footer #block-menu-block-2 ul li,
#footer #block-menu-block-3 ul li{
   
    float: left;
    clear: both;
}
#footer #block-menu-block-2 h2,
#footer #block-menu-block-3 h2,
#footer #block-block-30 h2 {
    font-size: 16px;
    border-bottom: 1px solid #888;
    font-weight: bold;
    margin-bottom: 8px;
}
#footer #block-menu-block-2 li a,
#footer #block-menu-block-3 a,
#footer #block-block-30 a{
    text-decoration: none;
    color: black;
    font-size: 14px;
}
#footer #dolne-menu-stopka {
    width: 100%;
    background-color: #f7f7f7;
   
}
#footer #footer-menu-center{
    width: 1000px;
    margin: 0 auto;
    margin-bottom: 20px;
     padding: 15px 0;
}
#main-footer {
	height: 65px;
	padding-top: 16px;
	border-bottom: 2px solid #eaeaea;
	.menu > li.first > a {
		padding-left: 0;
	}
}

.footer-map {
	margin-top: 38px;
	header span {
		display: block;
		max-width: 700px;
	}
}

#footer-map-object {
	margin-top: 19px;
}

.footer-map-select {
	margin-top: -35px;
	position: absolute;
	top: 50%;
	right: 0;
}

.toggle-container {
	.toggle-map {
		display: block;
		width: 100%;
		height: 84px;
		border: none;
		margin: 55px auto;
		background-color: transparent;
		background-image: url('../img/toggle-map-bg.jpg');
		background-repeat: no-repeat;
		background-position: center center;
		-webkit-box-shadow: 1px 1.4px 0 rgba(0, 0, 0, 0.17);
		-moz-box-shadow: 1px 1.4px 0 rgba(0, 0, 0, 0.17);
		box-shadow: 1px 1.4px 0 rgba(0, 0, 0, 0.17);
		font-family: 'Lato Bold';
		@include font-size(19);
		text-transform: uppercase;
		color: #666;
		
		&:after {
			content: '';
			display: inline-block;
			width: 12px;
			height: 15px;
			margin-left: 10px;
			background-image: url('../img/icon-sheet.png');
			background-position: -258px -25px;
			background-repeat: no-repeat;
		}
	}
}

#smartphone-facebook {
	iframe {
		margin: 0 auto 37px;
	}
}

/* Copyrights */

.copyrights {
	padding: 25px 0;
	background-color: #f8f8f8;
	font-family: Lato;
	@include font-size(13);
	line-height: 19px;
	text-align: justify;
	color: #999;
	
	img {
		margin: 9px 21px 9px 0;
	}
	
	.content {
		> p {
			> span {
				display: block;
				margin-left: 124px;
			}
		}
	}
}

/* wysuwana zakładka likebox */

.fb-tab {
	padding: 10px;
	width: 286px;
	height: auto !important;
	background: #fff;
	border: 2px solid #757a9c;
	z-index: 999;
	&.open {
		-moz-box-shadow: 0 0 50px #757a9c;
		-webkit-box-shadow: 0 0 50px #757a9c;
		box-shadow: 0 0 50px #757a9c;
	}
}

#face-slider {
	position: fixed;
	right: -302px;
	top: 190px;
	z-index: 100;
	#tab {
		cursor: pointer;
		height: 110px;
		width: 35px;
		float: left;
		background: url(img/facebook-slider.png) no-repeat center center;
	}
}

#face-code {
	padding: 5px;
	border: solid #0170cf 3px;
	background: #fff;
	float: left;
	width: 286px;
	height: 296px;
	-moz-border-radius: 0 0 0 8px;
	-webkit-border-radius: 0 0 0 8px;
	border-radius: 0 0 0 8px;
}

.content a {
	text-decoration: none;
}

.pager {
	clear: both;
	margin-top: -10px !important;
}

.view-banery-sekcji {
	clear: both;
}

.views-field-view-node {
	margin-top: -15px !important;
}

blockquote p {
	margin-left: 30px;
	padding-left: 10px;
	font-style: italic;
	border-left: 2px solid #f3f3f3;
}

#choose-graduate-year {
	display: none;
	
	select {
		width: 410px !important;
	}
}

#facebook_slider_widget {
	z-index: 100 !important;
}




.slideout-widget {
 position: fixed;
 right: -500px;
 top: 245px;
 transition: right .4s;
 z-index: 10;
 }

 
.slideout-widget-handler,
.slideout-widget-content {
 background: #eee;
 border: 1px solid #ddd;

 
}
 
.slideout-widget-handler {
 border-right: none;
 left: -41px;
 position: absolute;
 text-align: center;
 width: 41px;
}
.slideout-widget-content {
 border-width: 1px 0;
 overflow: hidden;
 width: 100%;
 height: 250px;
 z-index: 11;
}
.widget-facebook .slideout-widget-handler,
.widget-facebook .slideout-widget-content {
 background: #3c5b9b;
 border: none;
}
 
.widget-facebook,
.widget-facebook a {
 color: #fff;
}












.slideout-widget-youtube {
 position: fixed;
 right: -300px;
 top: 310px;
 transition: right .4s;
 z-index: 10;
 }

 
.slideout-widget-handler-youtube,
.slideout-widget-content {
 border: 0px solid #ddd;

 
}
 
.slideout-widget-handler-youtube {
    left: -40px;
 border-right: none;
 
 position: absolute;
 text-align: center;
 width: 40px;
}
.slideout-widget-content-youtube {
 border-width: 1px 0;
 overflow: hidden;
 width: 100%;
 padding: 0 10px;
 padding-left: 5px;
 background-color: white;
 z-index: 11;
 height: 96px;
}.widget-youtune .slideout-widget-handler-youtune,
.widget-youtune .slideout-widget-content-youtune {
 border: none;
}
 
.widget-youtune,
.widget-youtune a {
}



.slideout-widget-tpay {
 position: fixed;
 right: -280px;
 top: 200px;
 transition: right .4s;
 z-index: 10;
 }

 
.slideout-widget-tpay-handler,
.slideout-widget-tpay-content {
 background: #eee;
 border: 1px solid #ddd;

 
}
 
.slideout-widget-tpay-handler {
 border-right: none;
 left: -150px;
 position: absolute;
 text-align: center;
 width:150px;
border-top-left-radius: 15px;

}
.slideout-widget-tpay-content {
 border-width: 1px 0;
 overflow: hidden;
 width: 280px;
 z-index: 11;
text-align: center;
}.widget-tpay .slideout-widget-tpay-handler,
.widget-tpay .slideout-widget-tpay-content {
 background: white;
 border: none;
}
 
.widget-tpay,
.widget-tpay a {
 color: #fff;
}





.button-glowna-oferta img:hover {
	border: 5px solid #688CAE;
}
.button-glowna-dol img:hover{
	box-shadow: 5px 5px 10px black;
}

.rekrutacja-button{
	width: 235px;
	height: 60px;
	background-image: url('https://glowna.ceo.org.pl//sites/default/files/front-image/rekrutacja-tlo.png');
	float: left;
    margin-right: 10px;
}
.rekrutacja-button:hover{
	box-shadow: 5px 5px 10px black;
}
.rekrutacja-button .big {
	font-size: 22px;
	font-family: 'Lato Bold';
	padding-top: 4px;
	margin-left: 15px;
	margin-bottom: -5px;
}
.rekrutacja-button .small {
	font-size: 13px;
	margin-left: 15px;
}	
.rekrutacja-button a:link,
.rekrutacja-button a:active,
.rekrutacja-button a:visited,
.rekrutacja-button a:hover{
	color: white;
	font-family: 'Lato';
	text-decoration: none;
}


.szkolenia-button{
	width: 235px;
	height: 60px;
    background-color: #3f4a56;
   
	float: left;
}
.szkolenia-button:hover{
	box-shadow: 5px 5px 10px black;
}
.szkolenia-button .big {
	font-size: 22px;
	font-family: 'Lato Bold';
	padding-top: 4px;
	margin-left: 15px;
	margin-bottom: -5px;
}
.szkolenia-button .small {
	font-size: 13px;
	margin-left: 15px;
}	
.szkolenia-button a:link,
.szkolenia-button a:active,
.szkolenia-button a:visited,
.szkolenia-button a:hover{
	color: white;
	font-family: 'Lato';
	text-decoration: none;
}
.button-glowna img:hover{
	box-shadow: 5px 5px 10px black;
}


.views-oferta-szkolen .view-content .views-row {
	width: 475px;
	float: left;
	margin-bottom: 30px;
}
.views-oferta-szkolen .views-row-odd{
	margin-right: 25px;
}
.views-oferta-szkolen .views-row .views-field-field-image{
	width: 100px;
	text-align:right;
}
.views-oferta-szkolen .views-row .views-field-description {
	display: block;
	height: 360px;
	
}
.views-oferta-szkolen .views-row-3 .views-field-description {
	
	height: 400px;
	
}
.views-oferta-szkolen .views-row-4 .views-field-description {
	
	height: 400px;
	
}


.views-oferta-szkolen .views-field-name a:link,
.views-oferta-szkolen .views-field-name a:active,
.views-oferta-szkolen .views-field-name a:hover,
.views-oferta-szkolen .views-field-name a:visited{
	text-decoration: none;
	color: #024084;
	font-weight: bold;
	font-size: 15px;
}


.views-oferta-szkolen .views-field-field-link a:link,
.views-oferta-szkolen .views-field-field-link a:hover,
.views-oferta-szkolen .views-field-field-link a:visited,
.views-oferta-szkolen .views-field-field-link a:active {
	background-color: #D51F07;
	color: white;
	text-align: right;
	padding: 8px 15px;
	font-size: 13px;
	vertical-align: bottom;
}
.views-oferta-szkolen .views-field-name {
	font-style: normal;
}
.view-offer-list .views-field-description {
	color: ##285584;
}




.views-oferta .views-field-title{
	padding: 3px 10px 3px 12px;
	border-top: 1px solid silver;
	text-decoration: none;
	color: #024084;
	font-weight: bold;
	font-size: 15px;
	padding: 10px 0;
	margin-top: 5px;
}
.views-oferta .views-field-title span{
	cursor: pointer;
}
.views-oferta .views-row .views-field-body{
	min-height: 120px;
	margin-bottom: 15px;
}
.views-oferta .views-field-body,
.views-oferta .views-field-view-node{
	display: none;
	padding: 4px 7px 4px 15px;

}
.views-oferta .views-row .views-field-view-node {
	clear: both;
}

.views-oferta .views-field-view-node a:link,
.views-oferta .views-field-view-node a:hover,
.views-oferta .views-field-view-node a:active,
.views-oferta .views-field-view-node a:visited{
	background-color: #D51F07;
	color: white;
	text-align: right;
	padding: 8px 8px 8px 15px;
	font-size: 13px;
	margin-top: 15px;
}
.views-oferta .field-view-field-node a:hover {
	box-shadow: 5px 5px 50px black;
}
.views-oferta h3 {
	border-top: 3px solid #70909B;
	border-left: 3px solid #70909B;
	color: black;
	padding-left: 10px;
	padding-top: 4px;
	font-weight: bold;
	font-size: 25px;	
}
.views-oferta .views-field-body {
	font-size: 13px;
}
.view-oferta .view-content {
	width: 700px;
	float: left;
}

.node-szkolenie  {
	width: 700px;
	float: left;
}


.block-16,
.block-21 {
	width: 200px;
	float: left;
	right: 0;
	margin-left: 30px;
}

.block-16 .oferta{
	display: none;
}
.node-type-szkolenie .block-16 .oferta {
	display: block;
}



			.jak-zamowic a:link,
			.jak-zamowic a:visited,
			.jak-zamowic a:active{
				text-decoration: none;
				display: inline-block;
				text-align: center;
				font-family: 'Lato black';
				font-size: 17px;
				color: #5f7fa0;
				padding-top: 40px;
				
				width: 199px;
				height: 174px;
				padding-top: 110px;
				background-image: url('/sites/default/files/jak-zamowic.png');
				background-repeat: no-repeat;
				background-position: top right;
				margin-bottom: -50px;
			}
			.jak-zamowic a:hover {
				color: #014083;
				background-image: url('/sites/default/files/jak-zamowic-hover.png');
				background-repeat: no-repeat;
			}
			.oferta a:link,
			.oferta a:visited,
			.oferta a:active{
				text-decoration: none;
				display: inline-block;
				text-align: center;
				font-family: 'Lato black';
				font-size: 17px;
				color: #5f7fa0;
				padding-top: 40px;
				
				width: 199px;
				height: 174px;
				padding-top: 130px;
				background-image: url('/sites/default/files/oferta-szkolen.png');
				background-repeat: no-repeat;
				background-position: top center;
			}
			.oferta a:hover {
				color: #014083;
				background-image: url('/sites/default/files/oferta-szkolen-hover.png');
				background-repeat: no-repeat;
			}
			.formularz a:link,
			.formularz a:visited,
			.formularz a:active{
				text-decoration: none;
				display: inline-block;
				text-align: center;
				font-family: 'Lato black';
				font-size: 17px;
				color: #5f7fa0;
				padding-top: 40px;
				
				width: 199px;
				height: 174px;
				padding-top: 130px;
				background-image: url('/sites/default/files/formularz-zamowienia.png');
				background-repeat: no-repeat;
				background-position: top center;
			}
			.formularz a:hover {
				color: #014083;
				background-image: url('/sites/default/files/formularz-zamowienia-hover.png');
				background-repeat: no-repeat;
			}
			.kontakt a:link,
			.kontakt a:visited,
			.kontakt a:active{
				text-decoration: none;
				display: inline-block;
				text-align: center;
				font-family: 'Lato black';
				font-size: 17px;
				color: #5f7fa0;
				padding-top: 40px;
				
				width: 199px;
				height: 174px;
				padding-top: 130px;
				background-image: url('/sites/default/files/kontakt.png');
				background-repeat: no-repeat;
				background-position: top center;
			}
			.kontakt a:hover {
				color: #014083;
				background-image: url('/sites/default/files/kontakt-hover.png');
				background-repeat: no-repeat;
			}
		




.page-node-307 .node-page,
.page-node-306 .node-page,
.page-node-345 .node-page{
	width: 700px;
	float: left;
}
.page-node-345 .block-21 .kontakt,
.page-node-306 .block-16 .kontakt{
	display: none;
}
.page-oferta-szkolen-kultura-i-media .block-21 .oferta {
	display: none;
}
.page-node-306 .block-16 .oferta{
	display: block;
}

.page-node-307 .block-16 .jak-zamowic{
	display:none;
}	
.page-node-307 .block-16 .oferta{
	display:block;
}

.przyciski-tpay {
	width: 278px;
	margin: 0 auto;
	text-align: center;
}


.wysrodkuj {
	height: 110px;
	width: 926px;
	margin: 0 auto;
	margin-bottom: 50px;
}
.wysrodkuj2 {
	
	margin-right: auto;
	margin-top: 30px;
	text-align: center;
	
}
	#block-block-23 {
		max-width: 680px;
		clear: both;
		float: none;
		margin: 0 auto;
		background-color: #eee;
        margin-top: 80px;
		
		
	}
			.oferta-szkolen-button a:link,
			.oferta-szkolen-button a:visited,
			.oferta-szkolen-button a:active{
				display: inline-block;
				float: left;
				font-size: 17px;
				text-decoration: none;
				padding-top: 35px;
				padding-left: 130px;
				font-family: 'Lato black';
				color: #5f7fa0;
	
				
				width: 460px;
				margin-right: 5px;
				height: 100px;
				background-image: url('/sites/default/files/front-image/oferta-szkolen-glowna.png');
				background-repeat: no-repeat;
			}
			.oferta-szkolen-button a:hover {
				color: #014083;
				background-image: url('/sites/default/files/front-image/oferta-szkolen-glowna-hover.png');
				background-repeat: no-repeat;
			}
			
			.dla-biznesu-button a:link,
			.dla-biznesu-button a:visited,
			.dla-biznesu-button a:active{
				text-decoration: none;
				display: inline-block;
				padding-left: 135px;
				float: left;
				font-family: 'Lato black';
				color: #5f7fa0;
				font-size: 17px;
				padding-top: 35px;

				width: 460px;
				height: 100px;
				background-image: url('/sites/default/files/front-image/dla-biznesu.png');
				background-repeat: no-repeat;
			}
			.dla-biznesu-button a:hover {
				color: #014083;
				background-image: url('/sites/default/files/front-image/dla-biznesu-hover.png');
				background-repeat: no-repeat;
			}
			
			.osrodek-szkoleniowy-button a:link,
			.osrodek-szkoleniowy-button a:visited,
			.osrodek-szkoleniowy-button a:active{
				display: inline-block;
				text-decoration: none;
				float: left;
				text-align: center;
				font-family: 'Lato black';
				color: #5f7fa0;
				font-size: 17px;
				margin-right: 30px;
				width: 139px;
				height: 174px;
				padding-top: 130px;
				background-image: url('/sites/default/files/front-image/osrodek-szkoleniowy.png');
				background-repeat: no-repeat;
				background-position: top center;
			}
			.osrodek-szkoleniowy-button a:hover {
				color: #014083;
				background-image: url('/sites/default/files/front-image/osrodek-szkoleniowy-hover.png');
				background-repeat: no-repeat;
				
			}
			.kwiegarnia-civitas-button a:link,
			.kwiegarnia-civitas-button a:visited,
			.kwiegarnia-civitas-button a:active{
				display: inline-block;
				text-decoration: none;
				float: left;
				text-align: center;
				font-family: 'Lato black';
				font-size: 17px;
				color: #5f7fa0;
				padding-top: 80px;
				margin: 0 10px;
				width: 139px;
				height: 174px;
				padding-top: 130px;
				background-image: url('/sites/default/files/front-image/ksiegarnia-civitas.png');
				background-repeat: no-repeat;
				background-position: bottom center;
				margin: 0 10px;
			}
			.kwiegarnia-civitas-button a:hover {
				color: #014083;
				background-image: url('/sites/default/files/front-image/ksiegarnia-civitas-hover.png');
				background-repeat: no-repeat;
			}
			
			.szkolenia-down-button a:link,
			.szkolenia-down-button a:visited,
			.szkolenia-down-button a:active{
				float: left;
				text-decoration: none;
				display: inline-block;
				text-align: center;
				font-family: 'Lato black';
				font-size: 17px;
				color: #5f7fa0;
				padding-top: 40px;
				margin-left: 30px;
				width: 139px;
				height: 174px;
				padding-top: 130px;
				background-image: url('/sites/default/files/front-image/szkolenia.png');
				background-repeat: no-repeat;
				background-position: top center;
			}
			.szkolenia-down-button a:hover {
				color: #014083;
				background-image: url('/sites/default/files/front-image/szkolenia-hover.png');
				background-repeat: no-repeat;
			}
            .dla-biznesu-kwadrat a:link,
			.dla-biznesu-kwadrat a:visited,
			.dla-biznesu-kwadrat a:active{
				float: left;
				text-decoration: none;
				display: inline-block;
				text-align: center;
				font-family: 'Lato black';
				font-size: 17px;
				color: #5f7fa0;
				padding-top: 40px;
				margin-left: 30px;
				width: 139px;
				height: 174px;
				padding-top: 130px;
				background-image: url('/sites/default/files/front-image/dla-biznesu-kwadrat.png');
				background-repeat: no-repeat;
				background-position: top center;
			}
			.dla-biznesu-kwadrat a:hover {
				color: #014083;
				background-image: url('/sites/default/files/front-image/dla-biznesu-kwadrat-hover.png');
				background-repeat: no-repeat;
			}
#block-block-18 .zawartosc {
	background-color: silver;
	width: 1000px;
	height: 100%;
}



.button-rynek a:link,
.button-rynek a:visited,
.button-rynek a:active{
	border: 2px solid #5f7fa0;
	width: 200px;
	min-height: 100px;
	display: inline-block;
	vertical-align: middle;
	color: #5f7fa0;
	text-decoration: none;
	font-size: 20px;
	font-family: 'Lato black';
	text-align: center;
	padding: 30px 0;
	margin: 5px 0;
	position: relative;
} 
.button-rynek a:hover {
	border: 2px solid #014083;
	color: #014083;
	
}
.block-20 .button-rynek-projekty {
	display: none;
}

.block-20 {
	width: 200px;
	float: left;
	display: block;
	margin-left: 30px;
}
.page-node-334 .button-rynek-projekty {
	display: block;
}
.page-node-334 .button-rynek-informacje {
	display: none;
}

.page-node-335 .button-rynek-oferta {
	display: none;
}
.page-node-335 .button-rynek-projekty {
	display: block;
}
.page-node-334 .node-page ,
.page-node-335 .node-page,
.page-node-337 .node-page,
.page-node-336 .node-page {
	width: 745px;
	float:left;
	display: block;
}
.page-node-336 .button-rynek-referencje {
	display: none;
}
.page-node-336 .button-rynek-projekty {
	display: block;
}

.page-node-337 .button-rynek-kontakt {
	display: none;
}
.page-node-337 .button-rynek-projekty {
	display: block;
}

.view-nasze-projekty .view-content {
	width: 745px;
	float: left;
}
.node-projekt {
	width: 745px;
	float: left;
}

.view-nasze-projekty .views-field-body,
.view-nasze-projekty .views-field-view-node{
	display: none;
	padding: 4px 7px 4px 15px;

}
.view-nasze-projekty .views-field-body{
	margin-bottom: 15px;
}
.view-nasze-projekty  .views-field-view-node a:link,
.view-nasze-projekty  .views-field-view-node a:hover,
.view-nasze-projekty  .views-field-view-node a:active,
.view-nasze-projekty  .views-field-view-node a:visited{
	background-color: #D51F07;
	color: white;
	text-align: right;
	padding: 8px 8px 8px 15px;
	font-size: 13px;
	
}
.view-nasze-projekty  .view-header {
	color: #285584;
}
.view-nasze-projekty  .views-field-view-node {
	margin: 20px 0;
}
.view-nasze-projekty .views-field-title span{
	cursor: pointer;
}
.view-nasze-projekty  .views-field-title{
	padding: 3px 10px 3px 12px;
	border-top: 1px solid silver;
	text-decoration: none;
	color: #024084;
	font-weight: bold;
	font-size: 15px;
	padding: 10px 0;
	margin-top: 5px;
}
.view-nasze-projekty  .views-field-title span{
	cursor: pointer;
}



	.banknot a:link,
	.banknot a:visited,
	.banknot a:active{
		text-decoration: none;
		display: inline-block;
		text-align: center;
		font-family: 'Lato bold';
		font-size: 30px;
		color: #5f7fa0;
		width: 137px;
		border: 3px solid #5f7fa0;
		float: left;
		padding: 10px 0;
		background-color: white;
	}
	.banknot a:hover {
		color: #014083;
		border: 3px solid #014083;
	}
	
	
	

#formularz_tpay_wiget input[type=text]{
	
	border: 3px solid #5f7fa0;
	width: 220px;
	font-size: 30px;
	color: #5f7fa0;
	text-align: center;
	font-family: 'Lato bold';
	height: 70px;
}
#formularz_tpay_wiget input[type=text]:hover{
	border: 3px solid #014083;
	color: #014083;
}
#formularz_tpay_wiget input[type=submit]{
	height: 40px;
	border: 1px solid #69747D;
	width: 220px;
	font-size: 30px;
	color: #fff;
	text-align: center;
	background-image: none;
	background-color: #014083;
	font-family: 'Lato';
}

.referencje-logo {

transition-property: filter, -ms-filter, -o-filter, -moz-filter,-webkit-filter;
transition-duration: 2s;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
}
.referencje-logo:hover {
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-o-filter: grayscale(0%);
-ms-filter: grayscale(0%);
filter: grayscale(0%);
}
#text {
	display:block;
	position: relative;
	top: -200px;
}
.wysrodkuj2 {
	margin-bottom: -75px;
}

.block-22 {
	position: relative;
	clear: both;
	margin-top: 30px;
}
.page-node-48 #block-views-programy-block {
	display: block;
}
.page-node-48 #page-title{
	display:none;
}
.page-node-49 #block-views-programy-block-1 {
	display: block;
}
.page-node-49 #page-title{
	display:none;
}
.page-node-50 #block-views-programy-block-2 {
	display: block;
}
.page-node-50 #page-title{
	display:none;
}
.page-node-51 #block-views-programy-block-3 {
	display: block;
}
.page-node-51 #page-title{
	display:none;
}
.page-node-198 .link {
	border: none;
}
.page-node-198 .link a:link,
.page-node-198 .link a:active,
.page-node-198 .link a:visited{
	color: #5f7fa0;
	text-align: center;
	font-size: 13px;
	font-family: 'Lato Bold';
}
.page-node-198 .link a:hover {
	text-decoration:none;
	color: #014083;
}
#node-10  .field-name-body img {
	float: right;
}
.wiecej-informacji a:link,
.wiecej-informacji a:active,
.wiecej-informacji a:visited,
.wiecej-informacji a:hover {
	line-height: 20px;
	text-align: center;
	font-family: 'Lato bold';
	font-size: 16px;
	color: #5f7fa0;
}
.inna-kwota {
		text-align: center;
		font-family: 'Lato bold';
		font-size: 30px;
		color: #5f7fa0;
}



.block-24,
.block-25,
.block-26,
.block-27{
	display:none;
}

.block-3 .dla-dyrekcji-boks,
.block-3 .dla-nauczycieli-boks,
.block-3 .dla-mlodziezy-boks,
.block-3 .dla-samorzadu-boks {
	width: 235px;
	float: left;
	margin: 5px 5px;
}
.zwin-boks {
	clear: both;
}
.zwin-boks span,
.block-3 .dla-dyrekcji-boks span,
.block-3 .dla-nauczycieli-boks span ,
.block-3 .dla-mlodziezy-boks span ,
.block-3 .dla-samorzadu-boks span  {
	cursor: pointer;
}
.block-3 .dla-nauczycieli-boks span:hover > .tlo-tytul,
.block-3 .dla-nauczycieli-boks span:hover > .tlo-srodek {
	display: none;
}
.block-3 .dla-mlodziezy-boks span:hover > .tlo-tytul,
.block-3 .dla-mlodziezy-boks span:hover > .tlo-srodek {
	display: none;
}
.block-3 .dla-samorzadu-boks span:hover > .tlo-tytul,
.block-3 .dla-samorzadu-boks span:hover > .tlo-srodek {
	display: none;
}
.block-3 .dla-dyrekcji-boks span:hover > .tlo-tytul,
.block-3 .dla-dyrekcji-boks span:hover > .tlo-srodek {
	display: none;
}
.block-3 span .tlo-tytul-hover {
	background-image: url('/sites/default/files/tlo-tytul-hover.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 235px;
	height: 70px;
	color: white;
	text-align: center;;
	margin-bottom: 10px;
	display: table-cell;
	vertical-align: middle;
	display: none;
}
.block-3 span .tlo-srodek-dla-dyrekcji-hover {
	height: 215px;
	width: 235px;
	background-image: url('/sites/default/files/dla-dyrekcji-srodek-hover.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	vertical-align: middle;
	text-align: center;
	display: none;
}
.block-3 span  .tlo-srodek-dla-nauczycieli-hover {
	height: 215px;
	width: 235px;
	background-image: url('/sites/default/files/dla-nauczycieli-srodek-hover.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	vertical-align: middle;
	text-align: center;
	display: none;
}
.block-3 span .tlo-srodek-dla-mlodziezy-hover {
	height: 215px;
	width: 235px;
	background-image: url('/sites/default/files/dla-mlodziezy-srodek-hover.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	vertical-align: middle;
	text-align: center;
	display: none;
}
.block-3 span .tlo-srodek-dla-samorzadu-hover {
	height: 215px;
	width: 235px;
	background-image: url('/sites/default/files/dla-samorzadu-srodek-hover.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	vertical-align: middle;
	text-align: center;
	display: none;
}

.block-3 .dla-dyrekcji-boks span:hover > .tlo-tytul-hover,
.block-3 .dla-nauczycieli-boks span:hover > .tlo-tytul-hover,
.block-3 .dla-mlodziezy-boks span:hover > .tlo-tytul-hover,
.block-3 .dla-samorzadu-boks span:hover > .tlo-tytul-hover{
	display: table-cell;
	
}
.block-3 .dla-dyrekcji-boks span:hover > .tlo-srodek-dla-dyrekcji-hover,
.block-3 .dla-nauczycieli-boks span:hover > .tlo-srodek-dla-nauczycieli-hover,
.block-3 .dla-mlodziezy-boks span:hover > .tlo-srodek-dla-mlodziezy-hover,
.block-3 .dla-samorzadu-boks span:hover > .tlo-srodek-dla-samorzadu-hover {
	display: block;
}


.block-3 span .tlo-tytul{
	background-image: url('/sites/default/files/czystygora.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 235px;
	height: 75px;
	color: white;
	text-align: center;;
	margin-bottom: 10px;
	display: table-cell;
	vertical-align: middle;
}
.block-3 span .tytul-hover{
	display: block;
	text-align: cetner;
	vertical-align: top;
	font-size: 16px;
	font-family: 'lato bold';
	line-height: 20px;
	padding-bottom: 5px;
}
.block-3 span .tytul{
	display: block;
	text-align: cetner;
	vertical-align: middle;
	font-size: 16px;
	font-family: 'lato bold';
	line-height: 20px;
	padding-top: 10px;
}


.block-3 span .tlo-srodek {
	height: 215px;
	width: 235px;
	background-image: url('/sites/default/files/czystydol.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	vertical-align: middle;
	text-align: center;
}
.block-3 span .srodek {
	display: table-cell;
	margin: 0 auto;
	padding: 15px 30px 0 30px;

	height: 110px;
	width: 235px;
	vertical-align: middle;
	font-size: 13px;
	font-family: 'Lato bold';

}
.block-3 span .przycisk-wiecej {
	
	font-size: 13px;
	background-color: #dc2a1b;
	color: white;
	width: 79px;
	padding: 5px 0;
	text-align: center;
	margin: 0 auto 0 auto;
	
}


.block-programy-block ,
.block-programy-block-1,
.block-programy-block-2,
.block-programy-block-3{
	display: none;
}
.block-programy-block .block-title,
.block-programy-block-1 .block-title,
.block-programy-block-2 .block-title,
.block-programy-block-3 .block-title{
	background-color: #285584;
	color: white;
	text-align: center;
	padding: 10px 0;
	margin-bottom: 30px;
	margin-top: -15px;
	font-weight: 900;
	font-family: 'lato bold';
}


#node-380 .field-name-body a:link,
#node-380 .field-name-body a:hover,
#node-380 .field-name-body a:active,
#node-380 .field-name-body a:visited {
	color: #103f72;
	font-weight: bold;
}
.block-pagestyle h2,
.block-pagestyle span{
	display: none;
}


.region-help .region-inner #block-text-resize-0 {
	display: none
}
select:focus, input:focus, textarea:focus, button:focus, a:focus{ 
outline: 3px solid #bf1f10;
}
#logo:focus {
	outline: none;

	
}
.view-zapytania-ofertowe  .views-field-title a:link,
.view-zapytania-ofertowe .views-field-title a:visited,
.view-zapytania-ofertowe  .views-field-title a:active,
.view-zapytania-ofertowe  .views-field-title a:hover{
	text-decoration: none;
	color: #024084;
	font-weight: bold;
	font-size: 14px;
}

.baner-right-down img {
	position: fixed;
	display: none;
	bottom:0;
	right: 0;
	width: 15%;
	transition: width .4s;
	z-index: 999;
}
.baner-right-down img:hover{
	width: 30%;
}
.page-programy .views-field-title,
.page-programy .views-field-title a:link,
.page-programy .views-field-title a:visited,
.page-programy .views-field-title a:active{
	color: #024084;
	font-weight: bold;
	font-size: 20px;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.page-programy .views-row {
    display: table;
    float: none;
    clear: both;
    border-top: 1px solid silver;
    padding: 20px 0;
    width: 100%;
    vertical-align: bottom;
}
.page-programy .views-row-first {
    border-top: 0;
}
.page-programy .views-field-field-image {
    width: 100px;
    height: auto;
}

.page-programy #content-column .block-title {
    text-align: center;
	padding: 10px 0;
	margin-top: 10px;
	color: white;
	background-color: #285584;
	margin-bottom: 30px;
}

.page-programy #block-views-lista-z-programami-block-2 .views-field-title,
.page-programy #block-views-lista-z-programami-block-2 .views-field-field-opis-programu-archiwalnego {
    
    float: left;
    width: 80%;
    display: block;
}
.page-programy .views-field-field-opis-programu-archiwalnego {
    font-size: 15px;
    color: #024084;
}
.page-node-4 #edit-field-kategoria-programu-tid-1-wrapper{
    font-size: 15px;
}
.page-node-4 #views-exposed-form-rekrutacje-block {
    border-bottom: 1px solid silver;
}
.flaga-polski {
    width: 40px;
    height: 25px;
    margin-left: 10px;
    
}

#views-exposed-form-rekrutacje-block label {
    font-size: 20px;
}
#views-exposed-form-rekrutacje-block select{
	height: 60px;
	color: white;
	font-size: 20px;
	background: url("https://glowna.ceo.org.pl/sites/default/files/images/strzalka.png") no-repeat right transparent;
	background-color: #285584;
	cursor: pointer;
}

#views-exposed-form-rekrutacje-block select{
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url("https://glowna.ceo.org.pl/sites/default/files/images/strzalka.png") no-repeat right transparent;
    text-indent: 0.01px;
    text-overflow: "";
	background-color: #285584;
	font-weight: bold;
}

.btn-newsletter {
    background-color: red;
}
.newsletter-footer input[type="submit"] {
    background-image: none;
    background-color: rgb(1, 64, 131);
    color: white;
    width: auto;
    height: auto;
    padding: 11px 25px;
}
#block-block-31 {
   float: right;
    width: 500px;
}
/* SmartPhon */

@media only screen and (min-width: 68px) and (max-width: 767px) {
	
	
	#page {
		width: 100%;
	}
	
	#page-wrapper {
		background-image: none;
		
		background-image: url('images/bg-mobile.png');
		}
	#logo {
		margin-top: -10px;
		width: 150px;
	}
	
	
	
	
	.english-page{
		float: left;
		display: block;
		margin-left: 5%;
		margin-right: 10px;
		margin-bottom: 60px;
	}
	
	.change-font-size {
		display: block;
		vertical-align: top;
		padding: 2px 12px;
		margin-top: 0px;
		float: left;
	
		border-radius: 15px;
		font-family: serif;
	
	}

	.have-section .change-font-size {
		margin-top: 0;
		margin-left: 0;
		position: absolute;

		right: 47px;
	}

	.change-font-size a {
		color: #fff;
		text-decoration: none;
	}
	.bip-page {
		display: block;
		float: left;
		margin-top: 6px;
	}
	#block-pagestyle-form {
		display: block;
	}
	#block-text-resize-0 {
		display:block;
	}
	.menu-mobile {
		float: right;
		display: block;
		width: 67px;
	}
	.rozwijanie {
		font-size: 20px;
		color: black;
		width: 15%;
		float: left;;
		vertical-align: top;
		display: block;
		
		
	}
	.rozwijanie span {
		cursor: pointer;
		padding: 2px 40%;
		width: 100%;
		

	}
	li.expanded {
		float: left;
		
	}
	
	.menu-mobile span {
		cursor: pointer;
	}
	.print-page{
		display:none;
	}
	.block-search input[type="submit"] {
		background-image: url('images/sh-lupa.png');
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		width: 39px; 
		margin-top: 0; 
		border: none;
		margin: 0px; 
		color: rgba(0,0,0,0);
		float: none;
	}
	#block-search input[type="submit"] {
		color: rgba(0,0,0,0);
	}
	
	.block-search input[type="submit"] {
		
		height: 49px;
	}	
	
	#edit-search-block-form--2 {
		background: url("images/sh-pole.png") no-repeat right;
		width: 140px;
		height: 49px;
		display: inline-block;
		margin: 0px 0px;
		float: none;
		margin-right: -5px;
		
	}
	.block-search-form {
		float: left;
	}
	
	#menu-menu-menu-dolne {
		display:none;
	}
	
	
	.change-font-size {
		display: none;
	}
	.not-front .region-header{
		display: none;
		width: 100%;
	}
	.front .region-header {
		display: block;
		width: 100%;
		margin: 40px 60px 0 0;
	}
	
	.region-secondary-content {
		width: 100%;
		height: auto;
		padding-top: 5px;
		padding-bottom: -5px;
	}
	#block-views-lista-z-programami-block,
	.block-lista-z-programami{
		width: 100%;
		float: none;
		clear: both;
	
	}
	.block-lista-z-programami .lista-programow-przycisk{
        font-size: 19px;
    }
	.block-lista-z-programami .view-content{
		width:95%;
	}
	

	
	.block-lista-z-programami .lista-programow-przycisk .lista-programow-przycisk-small {
		display:none;
	}
	#block-block-5{
		float: none;
		clear: both;
	}
	.rekrutacja-button {
		width: 100%;
		background: url("https://glowna.ceo.org.pl//sites/default/files/front-image/rekrutacja-tlo.png") no-repeat right transparent;
		background-color: #F30001;
		float: none;
		clear: both;
	}
	.rekrutacja-button .big {
		font-size: 25px;
		font-family: 'Lato Bold';
		padding-top: 4px;
		margin-left: 25px;
		margin-bottom: -5px;
		
	}
	.rekrutacja-button .small {
		
		font-size: 13px;
		margin-left: 25px;
	}
    .szkolenia-button {
		width: 100%;
		margin-top: 10px;
		float: none;
		clear: both;
	}
	.szkolenia-button .big {
		font-size: 25px;
		font-family: 'Lato Bold';
		padding-top: 4px;
		margin-left: 25px;
		margin-bottom: -5px;
		
	}
	.szkolenia-button .small {
		
		font-size: 13px;
		margin-left: 25px;
	}
	.strzalki-image {
		display: none;
	}
	.view-programy {
		text-align: center;
	}
    
	.view-programy .views-field-field-image{
			margin: 0 auto;
			float: none;
			clear: both;
	}
	.view-programy .views-field-field-link a {
		padding-bottom: 15px;
	}
	
	.view-programy .views-field-body{
		text-align: justify;
		width: 100%;
        margin-bottom: 20px;
	}
	.oferta-szkolen-button a:link,
	.oferta-szkolen-button a:visited,
	.oferta-szkolen-button a:active{
		padding-top: 25px;
		max-width: 460px;
		width: 100%;
		height: 100px;
	}
			
			
	.dla-biznesu-button a:link,
	.dla-biznesu-button a:visited,
	.dla-biznesu-button a:active{
		padding-top: 25px;
		max-width: 460px;
		width: 100%;
		height: 100px;
        margin: 0;
	}
	.dla-biznesu-button a:hover {
		color: #014083;
		background-image: url('/sites/default/files/front-image/dla-biznesu-hover.png');
		background-repeat: no-repeat;
	}
    .dla-biznesu-kwadrat a:link,
	.dla-biznesu-kwadrat a:visited,
	.dla-biznesu-kwadrat a:active{
            margin-left: 0;
    }
	.osrodek-szkoleniowy-button a:link,
	.osrodek-szkoleniowy-button a:visited,
	.osrodek-szkoleniowy-button a:active{
		display: inline-block;
		text-decoration: none;
		clear:both;
		text-align: center;
		font-family: 'Lato black';
		color: #5f7fa0;
		font-size: 17px;
		margin-right: 0;
		width: 139px;
		height: 174px;
		padding-top: 130px;
		background-image: url('/sites/default/files/front-image/osrodek-szkoleniowy.png');
		background-repeat: no-repeat;
		background-position: top center;
	}
	.osrodek-szkoleniowy-button a:hover {
		color: #014083;
		background-image: url('/sites/default/files/front-image/osrodek-szkoleniowy-hover.png');
		background-repeat: no-repeat;
	}
	.kwiegarnia-civitas-button a:link,
	.kwiegarnia-civitas-button a:visited,
	.kwiegarnia-civitas-button a:active{
		display: inline-block;
		text-decoration: none;
		clear:both;
		text-align: center;
		font-family: 'Lato black';
		font-size: 17px;
		color: #5f7fa0;
		padding-top: 80px;
		margin: 0 0;
		width: 139px;
		height: 174px;
		padding-top: 130px;
		background-image: url('/sites/default/files/front-image/ksiegarnia-civitas.png');
		background-repeat: no-repeat;
		background-position: bottom center;
		margin: 0 0;
	}
	.kwiegarnia-civitas-button a:hover {
		color: #014083;
		background-image: url('/sites/default/files/front-image/ksiegarnia-civitas-hover.png');
		background-repeat: no-repeat;
	}
	.szkolenia-down-button a:link,
	.szkolenia-down-button a:visited,
	.szkolenia-down-button a:active{
		clear: both;
		text-decoration: none;
		display: inline-block;
		text-align: center;
		font-family: 'Lato black';
		font-size: 17px;
		color: #5f7fa0;
		padding-top: 40px;
		margin-left: 0;
		width: 139px;
		height: 174px;
		padding-top: 130px;
		background-image: url('/sites/default/files/front-image/szkolenia.png');
		background-repeat: no-repeat;
		background-position: top center;
	}
	.szkolenia-down-button a:hover {
		color: #014083;
		background-image: url('/sites/default/files/front-image/szkolenia-hover.png');
		background-repeat: no-repeat;
	}
	.region-secondary-conten{
		width: 100%;
	}
	
	.slideout-widget,
	.slideout-widget-youtube,
	.slideout-widget-tpay {
		display: none;
	}
	
	.block-region-copyrights {
		background-color: #eee;
		width: 100%;
	}
	
	
	#block-menu-menu-menu-dolne {
		display: none;
	}
	.view-aktualnosci  .views-field-title,
	.view-aktualnosci .views-field-field-linkuj{
		float: none;
		text-align: center;
	}
	.view-aktualnosci .views-field-field-zajawka{
		text-align: justify;
		margin: 10px 0;
	}
	.view-aktualnosci .views-field-field-zajawka,
	.view-aktualnosci  .views-field-title{
		width: 100%;
	}
	.view-aktualnosci  .views-field-field-obraz{
		margin: 0 auto;
		float: none;
		clear: both;
	}
	.view-aktualnosci .views-row {
		clear: both;
		padding: 20px 0;
		margin-top: 20px;
		border-top: 1px solid #d8d8d8;
	}
	.view-aktualnosci .views-row-first{
		border-top: 0;
	}
	.views-oferta-szkolen .view-content {
		text-align: center;
	}
	
	.views-oferta-szkolen .view-content .views-row {
		width: 100%;
		clear: borh;
		border-bottom: 1px solid silver;
		
	}
	.views-oferta-szkolen .view-content .views-row-first {
		margin-top: 0;
		
	}
	.views-oferta-szkolen .view-content .views-row-last {
		border: 0;
	}
	.views-oferta-szkolen .view-content .views-row .views-field-field-image{
		clear: both;
		margin: 0 auto;
		float: none;
	}
	.views-oferta-szkolen .view-content .views-row .views-field-description {
		height: auto;
		margin-bottom: 30px;
	}
	.views-oferta-szkolen .view-content .views-row .views-field-field-link{
		margin-bottom: 30px;
	}
	.view-publikacje {
		text-align: center;
	}
	.view-publikacje .views-field-field-okladka{
		margin: 0 auto;
		float: none;
		z-index: 0;
	}
	.view-publikacje .views-field-title {
		width: 100%;
		margin-bottom: 15px;
	}
	.view-publikacje  .views-field-body {
		width: 100%;
		text-align: justify;
		margin-bottom: 20px;
	}
	.view-publikacje .views-field-field-za-cznik a,
	.view-publikacje .views-field-field-link a{
		margin: 0 auto;
	}
	#node-10  .field-name-body img {
		float: none;
		clear: both;
		text-align: center;
	
	}
	.view-nasze-projekty,
	.view-nasze-projekty .view-content,
	.views-oferta,
	.view-oferta .view-content {
		width: 100%;
		text-align: center;
	}
	.view-nasze-projekty .views-field-title,
	.views-oferta .views-field-title {
		text-align: center;
	}
	.block-21,
	.block-16,
	.block-20 {
		float: none;
		clear: both;
		text-align: center;
		width: 100%;
	}
	.page-node-334 .node-page,
	.page-node-335 .node-page,
	.page-node-337 .node-page,
	.page-node-336 .node-page ,
	.page-node-307 .node-page,
	.page-node-306 .node-page,
	.page-node-345 .node-page,
	.node-page,
	.node-projekt,
	.node-szkolenie {
		width: 100%;
		text-align: justify;
	}
	
	.page-node-336 .node-page .field-name-body img .referencje-logo {
		width: 100%;
	}
	.views-rekrutacje-block .view-content .views-row {
		width: 100%;
		clear: both;
		border-top: 1px solid silver;
		margin: 25px 0;
		text-align: center;
	}
	.views-rekrutacje-block .view-content .views-row  .views-field-field-image {
		clear: both;
		float: none;
		margin: 0 auto;
		margin-top: 35px;
	}
	
	.views-rekrutacje-block .view-content .views-row  .views-field-title{
		clear: both;
		float; none;

	}
	.views-rekrutacje-block .view-content .views-row  .views-field-body{
		min-height: 0;
        margin: 0;
	}
	.views-rekrutacje-block .view-content .views-row .views-field-field-rekrutacja-trwa {
		margin-bottom: 30px;;
	}
	.block-rekrutacje-block-1 .views-field-field-rekrutacja-trwa a:link,
	.block-rekrutacje-block-1 .views-field-field-rekrutacja-trwa a:visited,
	.block-rekrutacje-block-1 .views-field-field-rekrutacja-trwa a:hover,
	.block-rekrutacje-block-1 .views-field-field-rekrutacja-trwa a:active,
	.block-rekrutacje-block .views-field-field-rekrutacja-trwa a:link,
	.block-rekrutacje-block .views-field-field-rekrutacja-trwa a:visited,
	.block-rekrutacje-block .views-field-field-rekrutacja-trwa a:hover,
	.block-rekrutacje-block .views-field-field-rekrutacja-trwa a:active{
		background-color: #bf1f10;
		color: white;
		font-size: 13px;
		padding: 6px 10px;	
		float: none;
		
		margin: 0 auto 10px auto;
	}
	.block-rekrutacje-block-1 .views-field-field-link-do-formularza a:link,
	.block-rekrutacje-block-1 .views-field-field-link-do-formularza a:visited,
	.block-rekrutacje-block-1.views-field-field-link-do-formularza a:hover,
	.block-rekrutacje-block-1 .views-field-field-link-do-formularza a:active,
	.block-rekrutacje-block .views-field-field-link-do-formularza a:link,
	.block-rekrutacje-block .views-field-field-link-do-formularza a:visited,
	.block-rekrutacje-block .views-field-field-link-do-formularza a:hover,
	.block-rekrutacje-block .views-field-field-link-do-formularza a:active{
		background-color: #bf1f10;
		color: white;
		font-size: 13px;
		padding: 6px 20px;	
		float: none;
		clear:both;
		margin: 0 auto;
	}
	.block-rekrutacje-block-1 .views-field-field-link-do-formularza {
		margin-bottom: 20px;
		displau: block;
	}
	#block-block-22 {
		max-width: 460px;
		text-align: center;
		background-color: gold;
		clear: both;
		float: none;
		margin: 0 auto;
	}
	#block-block-23 {
		max-width: 139px;
		clear: both;
		float: none;
		margin: 0 auto;
	}
	.wysrodkuj,
	.wysrodkuj2 {
		width: 100%;
		text-align: cetner;
		clear: both;
		float: none;
	}
	
	#block-block-3 {
		float: none;
		clear: both;
		margin: 0 auto;
		padding-top: 15px;
		
	}
	
		
	
	
	.nav .menu-block-1  {
		display: none;
		position: absolute;
		z-index: 999;
		margin-top: -10px;
		text-transform: uppercase;
		background-color: white;
		text-align: center;
		width: 94%;
		right: 0;
		float: right;
		
	}
	.nav .menu-block-1 ul {
		float: none;
	}
	.nav .menu-block-1  ul > li{
		padding: 0px 0%;
		text-decoration: none;
		clear: both;
		text-align: center;
		width: 80%;
	}
	.nav .menu-block-1 ul >  li:first-child {
		border-left: none;
	}

	.nav .menu-block-1 ul >  li > a {
		border-left: 1px solid #bbb;
		padding: 5px 5px;
		font-size: 14px;
		font-size: 0.875rem;
		font-family: 'Lato Bold';
		color: #000;
		text-transform: uppercase;
		width: 90%;
	} 
	.nav .menu-block-1 ul >  li > a:hover {
		color: #285584;
		text-decoration: none;
		border-left: 1px solid #fff;
		
	}
	.nav .menu-block-1 ul >  li:first-child{
		border-left: none;
	}
	.menu2 ,
	.nav .menu-block-1 ul > li:hover{
		color: #5f7fa0;
		background-color: white;
		padding: 0 0;
	}
	.menu2 ,
	.nav .menu-block-1 ul > li:hover > ul{
		display: none;
		position: relative;
	}
	.menu2 ,
	.nav .menu-block-1 ul >  li > a.active,
	.nav .menu-block-1 ul >  li.active-trail > a {
		display: blcck;
		color: #263368;
	}
	.menu2 ,
	.nav .menu-block-1 ul >  li > ul {
		margin-top: 0px;
		position: relative;
		display: none;
		padding: 10px 0 10px;
		position:relative;
		z-index: 1;
		right: 0;
		background-color: white;
		padding-bottom: 0px;
		background-color: #eee;
		
	}
	.menu2 ,
	.nav .menu-block-1 ul >  li.hover > ul {
		display: inline-block;
		color: #5f7fa0;
	}
	.menu2 ,
	.nav .menu-block-1  ul > li  > ul > li.first,
	.nav .menu-block-1 ul >  li > ul > li {
		padding: 3px 0;
		border-right: 1px solid #eee;
		background-color: #eee;
		display: block;
		text-align:center;
		width: 100%;
		
	}


	.menu2 ,
	.nav .menu-block-1 ul >  li > ul > li > a {
		font-size: 13px;
		font-family: 'Lato Bold';
		color: #000;
		right:0;
		border-left: 0;
		white-space: pre-wrap;
	}
	.menu2 ,
	.nav .menu-block-1 ul >  li > ul > li > a:hover {
		color: #285584;
		text-decoration: none;
	}
	.node-publikacje .field-name-field-okladka {
		clear: both;
		float: none;
		margin: 0 auto;
	}	
	.block-3 {
		display: none;
	}
	.block-3 .dla-dyrekcji-boks span,
	.block-3 .dla-nauczycieli-boks span,
	.block-3 .dla-mlodziezy-boks span,
	.block-3 .dla-samorzadu-boks  span{
		display: none;

	}
	
	.block-24,
	.block-25,
	.block-26,
	.block-27{
		display: block;
	}
	.block-24 .dla-dyrekcji-boks,
	.block-27 .dla-nauczycieli-boks,
	.block-26 .dla-mlodziezy-boks,
	.block-25 .dla-samorzadu-boks {
		width: 100%;
		float: left;
		margin: 0;
		display:table-cell;
		vertical-align: middle;

	}

	.block-24 .dla-dyrekcji-boks .tlo-tytul,
	.block-27 .dla-nauczycieli-boks .tlo-tytul,
	.block-26 .dla-mlodziezy-boks .tlo-tytul,
	.block-25 .dla-samorzadu-boks .tlo-tytul{
		background-image: url('/sites/default/files/tablet-tytul.png');
		background-repeat: no-repeat;
		background-size: 100% 100%;
		display: block;
		width: 100%;
		text-align: center;
		vertical-align: middle;
		color: white;
	}

	.block-24 .dla-dyrekcji-boks .tytul,
	.block-27 .dla-nauczycieli-boks .tytul,
	.block-26 .dla-mlodziezy-boks .tytul,
	.block-25 .dla-samorzadu-boks .tytul{
		display: block;
		vertical-align: middle;
		padding: 20px 0;
		font-size: 16px;
		font-family: 'lato bold';
		
	}


	.block-24 .dla-dyrekcji-boks .tlo-srodek,
	.block-27 .dla-nauczycieli-boks .tlo-srodek,
	.block-26 .dla-mlodziezy-boks .tlo-srodek,
	.block-25 .dla-samorzadu-boks .tlo-srodek {
		height: 160px;
		background-image: url('/sites/default/files/tablet-srodek.png');
		background-repeat: no-repeat;
		background-size: 100% 100%;
		vertical-align: middle;
		width: 100%;
		text-align: center;
	}
	.block-24 .dla-dyrekcji-boks .srodek,
	.block-27 .dla-nauczycieli-boks .srodek,
	.block-26 .dla-mlodziezy-boks .srodek,
	.block-25 .dla-samorzadu-boks .srodek {
		display: block;
		margin: 0 auto;
		padding: 15px 30px;
		vertical-align: middle;
		font-size: 13px;
		font-family: 'Lato bold';
		height-min: 100px;
	}
	.block-24 .dla-dyrekcji-boks .przycisk-wiecej,
	.block-27 .dla-nauczycieli-boks .przycisk-wiecej,
	.block-26 .dla-mlodziezy-boks .przycisk-wiecej,
	.block-25 .dla-samorzadu-boks .przycisk-wiecej {
		
		font-size: 13px;
		background-color: #dc2a1b;
		color: white;
		width: 79px;
		padding: 5px 0;
		text-align: center;
		margin: 0 auto;
		
	}
	#block-views-programy-block,
	#block-views-programy-block-1,
	#block-views-programy-block-2,
	#block-views-programy-block-3{
		display: none;
	}
	
	.page-node .field-name-body .field-item table td {
		min-width: 200px;
		max-width: 950px;
	}
	
	.page-node .field-name-body .field-item table {
		min-width: 500px;
		max-width: 950px;
	}
	.table-scroll {
		overflow: scroll;
		width: 100%;
	}
    .page-programy .views-row {
        text-align: center;
    }
        
    .page-programy .views-field-title,
    .page-programy .views-field-title a:link,
    .page-programy .views-field-title a:visited,
    .page-programy .views-field-title a:active{
        float:none;
        clear: both;
        display: block;
    }
   
    .page-programy .views-field-field-image {
        float:none;
        clear: both;
        margin: 0 auto;
        width: 125px;
    }
    .page-programy .views-field-title {
        margin-left: 0;
    }
    #footer #footer-menu-center{
        width: 80%;
    }
    #footer #block-menu-block-2,
    #footer #block-menu-block-3,
    #footer #block-block-30{
        display:block;
        width: 90%;
        float: left;
    }
    #edit-field-kategoria-programu-tid-1-wrapper,
    #views-exposed-form-rekrutacje-block select{
        width: 100%;
    }
    #block-block-31 {
        width: 100%;
        text-align: center;
    }
    #block-block-31 input {
        margin: 5px 0;
    }
    
}