/* 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: 'Montserrat', sans-serif;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
	font-family: 'Montserrat', sans-serif;
	font-weight: lighter;
	text-transform: uppercase;
}

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

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

h5, .h5 {
	font-family: 'Montserrat', sans-serif;
	@include font-size(14);
	color: #333;
}

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: 'Montserrat', sans-serif;
}

/* 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: 'Montserrat', sans-serif;
		@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: 'Montserrat', sans-serif;
		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('../img/icon-sheet.png');
	background-position: 0 0;
}

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

.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: 'Montserrat', sans-serif;
		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: 'Montserrat', sans-serif;
		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: 'Montserrat', sans-serif;
		text-transform: uppercase;
		line-height: 1;
		color: #333;
		> a {
			@include font-size(16);
			font-family: 'Montserrat', sans-serif;
			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: 'Montserrat', sans-serif;
					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: 'Montserrat', sans-serif;
			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: 'Montserrat', sans-serif;
		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: 'Montserrat', sans-serif;
		@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: 'Montserrat', sans-serif;
			@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: 'Montserrat', sans-serif;
	@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: 'Montserrat', sans-serif;
		@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: 'Montserrat', sans-serif;
			@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: 'Montserrat', sans-serif;
		font-size: 0.923em;
		color: #21386e;
	}
}

/* Item & Actions */

/* Others */

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

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

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

.item-list .pager {
	float: right;
	margin-top: 55px;
	a {
		font-family: 'Montserrat', sans-serif;
		@include font-size(11);
		text-decoration: none;
		color: #999;
	}
	li {
		padding: 0;
		margin: 0;
		letter-spacing: 11px;
		&.pager-current {
			font-family: 'Montserrat', sans-serif;
			@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: 'Montserrat', sans-serif;
	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: 'Montserrat', sans-serif;
	@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: 'Montserrat', sans-serif;
	font-size: 0.938em;
	color: #666;
	h6 {
		margin: 8px 0 12px;
		font-family: 'Montserrat', sans-serif;
		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: 'Montserrat', sans-serif;
		@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: 'Montserrat', sans-serif;
	}
	.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: 'Montserrat', sans-serif;
	font-size: 0.813em;
	color: #666;
	p {
		margin-bottom: 23px;
		line-height: 1.695;
	}
}

.tabulator-content h2 {
	margin-bottom: 20px;
	font-family: 'Montserrat', sans-serif;
	@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: 'Montserrat', sans-serif;
		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: 'Montserrat', sans-serif;
		font-size: 18px !important;
	}
}

/* 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: 'Montserrat', sans-serif;
		@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: 'Montserrat', sans-serif;
			@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: 'Montserrat', sans-serif;
	font-size: 0.813em;
	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: 'Montserrat', sans-serif;
	@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: 'Montserrat', sans-serif;
			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: 'Montserrat', sans-serif;
	@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: 'Montserrat', sans-serif;
	@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: 'Montserrat', sans-serif;
		@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: 'Montserrat', sans-serif;
		@include font-size(15);
		text-transform: uppercase;
		color: #333;
	}
	ul {
		list-style: none;
		padding-left: 20px;
		margin-top: 24px;
	}
	a {
		font-family: 'Montserrat', sans-serif;
		font-size: 0.875em;
		text-decoration: none;
		color: #666;
	}
	li {
		&:first-child a {
			color: #21386e;
		}
		&.active a {
			position: relative;
			font-family: 'Montserrat', sans-serif;
			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: 'Montserrat', sans-serif;
		@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: 'Montserrat', sans-serif;
			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: 'Montserrat', sans-serif;
	@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: 'Montserrat', sans-serif;
	@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: 'Montserrat', sans-serif;
	@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: 'Montserrat', sans-serif;
		@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: 'Montserrat', sans-serif;
		@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: 'Montserrat', sans-serif;
		@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: 'Montserrat', sans-serif;
	@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;
	margin-top: -13px;
	}

/* 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: 'Montserrat', sans-serif;
		@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: 'Montserrat', sans-serif;
	@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: 'Montserrat', sans-serif;
	@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: 'Montserrat', sans-serif;
			@include font-size(17);
			color: #969696;
		}
		&.active a {
			font-family: 'Montserrat', sans-serif;
			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: 'Montserrat', sans-serif;
		@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: 'Montserrat', sans-serif;
			@include font-size(14);
			color: #000;
		}
	}
	
	a {
		text-decoration: none;
		font-family: 'Montserrat', sans-serif;
		@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;
}

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

.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 {
	float: left;
	display: inline-block;
	vertical-align: top;
	padding: 2px 12px;
	margin-top: -50px;
	margin-left: 12px;
	
	font-family: serif;
}

.have-section .change-font-size {
	margin-top: 0;
	margin-left: 0;
	top: 0px;
	right: 47px;
}

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

.font-sm {
	font-size: 85%;
}

.font-default {
	font-size: 100%;
}

.font-lg {
	font-size: 125%;
}

/* Print Page */

.print-page {
	display: inline-block;
	float: right;
	vertical-align: top;
	padding: 2px 12px;
	margin-top: 10px;
	border-radius: 15px;
}

.have-section .print-page {
	margin-top: 0px;
	margin-left: 0;
	position: absolute;
	top: 69px;
	right: 0;
}

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

.region-header-news {
	padding-left: 110px;
	font-family: 'Montserrat', sans-serif;
	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 {
	.block {
		float: left;
		&: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: 'Montserrat', sans-serif;
	@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: 'Montserrat', sans-serif;
	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: 'Montserrat', sans-serif;
	@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: 'Montserrat', sans-serif;
	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: 'Montserrat', sans-serif;
		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: 10px;
		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: 'Montserrat', sans-serif;
			@include font-size(15);
			text-transform: none;
			color: #333;
		}
		ul {
			margin-bottom: 14px;
		}
		li {
			font-family: 'Montserrat', sans-serif;
			@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: 'Montserrat', sans-serif;
	@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: 'Montserrat', sans-serif;
	font-size: 0.813em;
	text-align: justify;
	line-height: 1.695;
	color: #666;
}

.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: 'Montserrat', sans-serif;
		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: 'Montserrat', sans-serif;
}

.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: 'Montserrat', sans-serif;
	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: 'Montserrat', sans-serif;
	@include font-size(12);
	line-height: 14px;
	text-transform: uppercase;
	color: #333;
}

.slider-2-col {
	.views-field-created {
		font-family: 'Montserrat', sans-serif;
		@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: 'Montserrat', sans-serif;
			@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
 * ======================== */

#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: 'Montserrat', sans-serif;
		@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: 'Montserrat', sans-serif;
	@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;
}









.block-rekrutacje-block-1 .block-title,
.block-rekrutacje-block .block-title{
	background-color: #024084;
	color: white;
	text-align: center;
	padding: 10px 0;
	clear: both;
	float: none;
	margin: 25px 0 10px 0;
	display: none;
}
.views-rekrutacje-block .view-content .views-row-1,
.views-rekrutacje-block .view-content .views-row-3,
.views-rekrutacje-block .view-content .views-row-5,
.views-rekrutacje-block .view-content .views-row-7,
.views-rekrutacje-block .view-content  .views-row-9,
.views-rekrutacje-block .view-content .views-row-11,
.views-rekrutacje-block .view-content  .views-row-13,
.views-rekrutacje-block .view-content .views-row-15,
.views-rekrutacje-block .view-content  .views-row-17,
.views-rekrutacje-block .view-content .views-row-19,
.views-rekrutacje-block .view-content  .views-row-21,
.views-rekrutacje-block .view-content .views-row-23,
.views-rekrutacje-block .view-content  .views-row-25 {
	margin-right: 25px;

}
.views-rekrutacje-block .view-content .views-row {
	width: 100%;
	float: left;
	
	
	
}

.views-rekrutacje-block {
	vertical-align: top;
}

.views-rekrutacje-block .view-content .views-row {
	border-top: 1px solid #133268;
	padding-top: 15px;
}
.views-rekrutacje-block .view-content .views-row-last {
	border-bottom: 0;
}
.views-rekrutacje-block .view-content .views-row-first {
	border-top: 0;
}
.views-rekrutacje-block .view-content .views-row .views-field-body {
	margin: 15px 0 30px 0;
    
}


.block-rekrutacje-block .views-field-title a:link,
.block-rekrutacje-block .views-field-title a:visited,
.block-rekrutacje-block .views-field-title a:hover,
.block-rekrutacje-block .views-field-title a:active,
.block-rekrutacje-block-1 .views-field-title a:link,
.block-rekrutacje-block-1 .views-field-title a:visited,
.block-rekrutacje-block-1 .views-field-title a:hover,
.block-rekrutacje-block-1 .views-field-title a:active{
	color: #024084;
	font-size: 18px;
	vertical-align: top;
	margin-top: 25px;
}
.node-type-rekrutacja .field-name-field-rekrutacja-trwa a:link,
.node-type-rekrutacja .field-name-field-rekrutacja-trwa a:visited,
.node-type-rekrutacja .field-name-field-rekrutacja-trwa a:hover,
.node-type-rekrutacja .field-name-field-rekrutacja-trwa a:active,
.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,
.view-rekrutacje .views-field-field-rekrutacja-trwa a:link,
.view-rekrutacje .views-field-field-rekrutacja-trwa a:active,
.view-rekrutacje .views-field-field-rekrutacja-trwa a:visited,
.view-rekrutacje .views-field-field-rekrutacja-trwa a:hover{
	background-color: #fff;
	color: #133268;
	font-size: 12px;
	border: 2px solid #133268;
	font-weight: 700;
	padding: 6px 10px;	
	float: left;
	margin-bottom: 40px;
	margin-right: 10px;
}
.node-type-rekrutacja .field-name-field-link-do-formularza a:link,
.node-type-rekrutacja .field-name-field-link-do-formularza a:visited,
.node-type-rekrutacja .field-name-field-link-do-formularza a:hover,
.node-type-rekrutacja .field-name-field-link-do-formularza a:active,
.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,
.view-rekrutacje .views-field-field-link-1 a:link,
.view-rekrutacje .views-field-field-link-1 a:visited,
.view-rekrutacje .views-field-field-link-1 a:active,
.view-rekrutacje .views-field-field-link-1 a:hover,
.view-rekrutacje .views-field-field-link-do-formularza a:link,
.view-rekrutacje .views-field-field-link-do-formularza a:visited,
.view-rekrutacje .views-field-field-link-do-formularza a:active,
.view-rekrutacje .views-field-field-link-do-formularza a:hover{
	background-color: #fff;
	color: #133268;
	font-size: 12px;
	border: 2px solid #133268;
	font-weight: 700;
	padding: 6px 20px;	
	float: left;
	margin-bottom: 20px;
}
.view-rekrutacje .views-field-field-link-1 a {
	margin-right: 10px;
}
.node-type-rekrutacja .field-name-body {
	clear: noth;
	float: none;
}
.node-type-rekrutacja .field-name-field-rekrutacja-trwa {
	margin-left: 0;
	clear: both;
}

#block-views-programy-block {
display: none;
}
#block-views-programy-block-1{
display: none;
}

#block-views-programy-block-2{
display: none;
}




#block-views-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: 'Montserrat', sans-serif;
}

.views-programy .views-row {
	clear: both;
	padding: 20px 0;
	margin-top: 20px;
	border-top: 1px solid #d8d8d8;
    min-height: 18px;
}
.views-programy .views-row-first{
	border-top: 0;
}

.view-programy .views-field-body {
    width: 705px;
    float: left;
}
.view-programy .views-field-field-link-2 {
    width:80px;
    float: left;
    margin-left: 25px;
}
.view-rekrutacje .views-field-field-image,
.view-programy .views-field-field-image{
	float: left;
	width: 100px;
    position: relative;
    padding-bottom: 15px;
	
	
}
.view-rekrutacje .views-field-body
.view-programy .views-field-body{
	width: 765px;
	float: left;
	padding-right: 10px;
	color: #285584;
	font-size: 13px;
    position:relative;
	
}


.view-programy .views-field-field-link a:link,
.view-programy .views-field-field-link a:visited,
.view-programy .views-field-field-link a:hover,
.view-programy .views-field-field-link a:active{
	color: #285584;
	font-size: 18px;
}
.view-programy .views-field-field-link-2 a:link,
.view-programy .views-field-field-link-2 a:active,
.view-programy .views-field-field-link-2 a:visited,
.view-programy .views-field-field-link-2 a:hover{
	background-color: #d52007;
	color: white;
	text-align: center;
	padding: 8px 15px;
	font-size: 13px;
	vertical-align: middle;
	margin-top: 55px;
}




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

.view-aktualnosci, tr, td{
	vertical-align: middle;
}

.view-aktualnosci .views-field-field-obraz {
    float: left;
    margin: 0px 15px 15px 0px;
    width: 220px;
    text-align: center;
}

.view-aktualnosci  .views-field-title{
	float: left;
	width: 550px;
	margin-left: 10px;
}

.view-aktualnosci  .views-field-title a:link,
.view-aktualnosci .views-field-title a:visited,
.view-aktualnosci  .views-field-title a:active,
.view-aktualnosci  .views-field-title a:hover{
	text-decoration: none;
	color: #024084;
	font-weight: bold;
	font-size: 16px;
}
.view-aktualnosci  .views-field-field-zajawka {
	float: left;
	color: #024084;
	font-size: 16px;
	width: 550px;
	font-family: 'Lato';
	margin-left: 10px;
}
.view-aktualnosci  .views-field-field-linkuj{
	float: right;
	margin-bottom: 50px;
}
.view-aktualnosci .views-field-field-linkuj a:link,
.view-aktualnosci .views-field-field-linkuj a:active,
.view-aktualnosci .views-field-field-linkuj a:visited,
.view-aktualnosci .views-field-field-linkuj a:hover{
	background-color: #fff;
	color: #133268;
	font-size: 12px;
	border: 2px solid #133268;
	font-weight: 700;
	padding: 6px 10px;
}
#main-content-header #page-title{
	padding: 10px 0;
	margin-top: 10px;
	color: #233361;
	text-transform: none;
	margin-bottom: 30px;
}
.page-title-programy {
	text-align: center;
	padding: 10px 0;
	margin-top: 10px;
	color: white;
	background-color: #285584;
	margin-bottom: 30px;
}

.block-10 {
	margin-top: -15px;
	margin-bottom: -15px;
}
.image_dla_dyrekcji{
	background-image: url('/sites/default/files/images/1.png');
	
}

.block-count-4 .rtecentera:link,
.block-count-4 .rtecentera a:actions,
.block-count-4 .rtecentera a:hover,
.block-count-4 .rtecentera a:visited{
	text-decoration: none;
	
}
.view-publikacje .views-row {
	clear: both;
	padding: 20px 0;
	margin-top: 20px;
	border-top: 1px solid #d8d8d8;
}
.view-publikacje .views-row-first{
	border-top: 0;
}
.node-publikacje .field-name-field-okladka,
.view-publikacje .views-field-field-okladka{
	display: block;
	width: 180px;
	float: left;
	height:100%;
    margin: 0px 20px 15px 0px;
}

.view-publikacje .views-field-field-za-cznik,
.view-publikacje .views-field-field-link {
	/*display: block;
	float: none;
	clear: both;*/
	margin-left: 200px;
	margin-top: 15px;
}
.view-publikacje .views-field-body p{
	font-size: 16px;
	font-family: 'Lato';
}
.view-publikacje .views-field-title {
	font-size: 20px;
}
.view-publikacj .views-field-body {
	margin-bottom: 15px;
}
.node-publikacje .views-field-field-za-cznik a:link,
.node-publikacje .views-field-field-za-cznik a:active,
.node-publikacje .views-field-field-za-cznik a:visited,
.node-publikacje .views-field-field-za-cznik a:hover,
.node-publikacje .views-field-field-link a:link,
.node-publikacje .views-field-field-link a:active,
.node-publikacje .views-field-field-link a:visited,
.node-publikacje .views-field-field-link a:hover,
.view-publikacje .views-field-field-link a:link,
.view-publikacje .views-field-field-link a:active,
.view-publikacje .views-field-field-link a:visited,
.view-publikacje .views-field-field-link a:hover,
.view-publikacje .views-field-field-za-cznik a:link,
.view-publikacje .views-field-field-za-cznik a:active,
.view-publikacje .views-field-field-za-cznik a:visited,
.view-publikacje .views-field-field-za-cznik a:hover{
	background-color: #fff;
	color: #133268;
	font-size: 12px;
	border: 2px solid #133268;
	font-weight: 700;
	padding: 6px 10px;
	float: none;
	clear: both;

}
.node-publikacje .views-field-field-za-cznik {
	display: flex;
	margin-top: 20px;
}
.node-publikacje .views-field-field-za-cznik a {
	display: block;
	margin-left: 0 !important;
	
}
.node-publikacje .field-name-body {
	display:block;
	margin-left: 200px;

}




.view-publikacje .views-field-title{
	text-decoration: none;
	color: #024084;
	font-weight: bold;
	font-size: 15px;
	margin-left: 10px;
	display: block;
	
}
.view-publikacje  .views-field-title a:link,
.view-publikacje .views-field-title a:visited,
.view-publikacje  .views-field-title a:active,
.view-publikacje  .views-field-title a:hover{
	text-decoration: none;
	color: #024084;
	font-weight: bold;
	font-size: 20px;
}

.view-publikacje .views-field-field-kategorie {
	float: left;
	color: #024084;
	font-size: 14px;
	margin-left: 10px;
	clear: none;
}

.view-publikacje .views-field-body {
    display: block;
    font-size: 20px;
    color: #233361;
    font-size: 16px;
    margin-left: 10px;
    margin-left: 200px;
    font-family: 'Lato';
}

.zdjecie-aa {
	background-image: url('/sites/default/files/images/2.png');
	background-repeat: no-repeat;
	height: 400px;
	width: 200px;
}
.zdjecie-aa a:hover{
	background-image: url('/sites/default/files/images/2.png');
	background-repeat: no-repeat;
	height: 400px;
	width: 200px;
}

.przycisk_tpay img {
	border: 1px solid #69747D;
}
.przycisk_tpay img:hover {
	border: 4px solid #69747D;
}

.view--aktualne-oferty-pracy-w-ceo .views-field-title a:link,
.view--aktualne-oferty-pracy-w-ceo .views-field-title a:visited,
.view--aktualne-oferty-pracy-w-ceo .views-field-title a:hover,
.view--aktualne-oferty-pracy-w-ceo .views-field-title a:active{
	color: #024084;
	font-size: 15px;
	vertical-align: top;
	margin: 35px 0;
	
}
.field-name-body h1,
.field-name-body h2,
.field-name-body h3,
.field-name-body h4,
.field-name-body h5,
.field-name-body h6{
   font-size: 13px;
   font-family: 'Montserrat', sans-serif;
   color: #285584;
}

#submit {
    margin-top: 15px;
}
#submit:disabled {
    background-color: #777;
    
}
.scroll-menu {
    position:fixed;
    top: 0;
    margin: 0 auto;
    z-index: 999;
    width: 100%;
    transition-property: top,position;
    transition-duration: 5s;
    width: 980px;
    background-color: #f7f7f7;
    height: 100px;
    box-shadow: 0 0 10px 1px black;
}
.header-boxes-scroll {
    display:none;
	height: 130px;
	margin: 0 auto;
	position: relative;
}
.baner-top {
    display: block;    
    margin: 10px 0;
    text-align:center;
}

.baner-right-down img {
	position: fixed;
	display: block;
	bottom:0;
	right: 0;
	width: 15%;
	transition: width .4s;
	z-index: 999;
}
.baner-right-down img:hover{
	width: 30%;
}
body .userway {
    margin-top: 40px;
    position: absolute;
}


#icons-down-up {
     float: right;
    margin-right: 20px;
    right: 0;
}
#block-views-lista-z-programami-block-2 .view-content {
	margin-top: 20px;
}
.icon-down {
    background-image:url('../images/icons-down-up.png');
    background-size: 50px 40px;
    width: 50px;
    height: 20px;
    background-position: 0 20px;
   
}
.icon-up {
    background-image:url('../images/icons-down-up.png');
    background-size: 50px 40px;
    width: 50px;
    height: 20px;
    background-position: 0 0;
}

.view-rekrutacje .view-grouping-header {
    clear: both;
}

.btn-red {
	float: none;
	clear: both;
	border: 2px solid #133268;
	color: #133268;
	font-weight: 700;
	background-color: white;
	font-size: 13px;
	padding: 7px 15px;
	font-size: 15px;
	margin-left: 15px;
	cursor:pointer;
	
}

.views-rekrutacje-single .view-grouping .view-grouping-content .view-grouping .view-grouping-content {
	display: none;
}

.view-lista-z-programami .view-content h3 {
	padding: 40px 0;
	border-top: 2px solid black;
}
.view-lista-z-programami .view-content h3:first-child{
	border-top: 0;
}
.view-lista-z-programami .view-content h3 .icon_obszar,
.view-lista-z-programami .view-content h3 .text_obszar {
	display: block;
	float: left;
}
.view-lista-z-programami .view-content h3 .icon_obszar {
	width: 40%;
	text-align: center;
}
.view-lista-z-programami .view-content h3 .text_obszar {
	width: 59%;
}

.view-programy h3 {
    margin-top: 100px;
    margin-bottom: 30px;
    clear: both;
    
}
.view-programy h3:first-child{
    margin-top: 0;
}

.wkrótce {
   
    background-color: #ddd
}
.view-programy .wkrótce {
    min-height: 140px;
}
.tymczasowi-nieaktywny {
    float: right;
    margin-left: 7px;
}
.views-programy .tymczasowi-nieaktywny {
    display: inline;
    float: none;
}
#footer {
    background-color: #233361;
	padding-top: 15px;
}
.zyczenia-wstep p {
    color: #285584;
    font-size: 16px;
    line-height: 1.695;
    text-align: left;
    font-weight: bold;
}
#block-views-lista-z-programami-block-2 .views-field-field-opis-programu-archiwalnego {
    text-align: justify;
}

.view-wyszukiwarka-globalna .views-field-field-linkuj a:link,
.view-wyszukiwarka-globalna .views-field-field-linkuj a:active,
.view-wyszukiwarka-globalna .views-field-field-linkuj a:visited,
.view-wyszukiwarka-globalna .views-field-field-linkuj a:hover{
	background-color: #fff;
	color: #133268;
	font-size: 12px;
	border: 2px solid #133268;
	font-weight: 700;
	padding: 6px 10px;
}
.view-wyszukiwarka-globalna .views-row {
	float none;
	clear: both;
	border-bottom: 1px solid silver;
}
.view-wyszukiwarka-globalna .views-row:nth-last-child {
	border-bottom: 0;
}
.view-wyszukiwarka-globalna .views-field-field-obraz {
	position: relative;
	float: left;
	margin-bottom: 20px;
}
.view-wyszukiwarka-globalna .views-field-body {
	margin-left: 240px;
}




@media only screen and (min-width: 200px) and (max-width: 960px){
    
    .baner-top {
        display: none;
    }
    .baner-right-down img {
		position: relative;
		display: block;
		bottom:0;
		right: 0;
		width: 95%;
		transition: none;
		z-index: 999;
		margin: 0 auto;
	}
	.baner-right-down img:hover{
		width: 95%;	
	}
    .userway {
        margin-top: 65px;
    }
    .tymczasowi-nieaktywny {
        float: none;
        margin-left: 0;
    }   
}

.block-obszary-home .obszar-angazuj {
	
	color: #983282;
	border-bottom:3px solid #983282;
}

.block-obszary-home .obszar-globalna {
	
	color: #8fa32d;
	border-bottom: 3px solid #8fa32d;
}
.block-obszary-home .obszar-kultura {
	
	color: #d6335d;
	border-bottom: 3px solid #d6335d;
}
.block-obszary-home .obszar-pomagaj {
	
	color: #3f509b;
	border-bottom: 3px solid #3f509b;
}
.block-obszary-home .obszar-polityka {
	
	color: #e8563b;
	border-bottom: 3px solid #e8563b;
}
.block-obszary-home .obszar-otwartosc {
	
	color: #288b5a;
	border-bottom: 3px solid #288b5a;
}


.block-obszary-home .views-row {
	display: table;
	width:100%;
	margin: 15px 0;
	padding: 10px 0;
}

.block-obszary-home .views-field-field-opis-home,
.block-obszary-home .views-field-field-link-do-obszaru,
.block-obszary-home .views-field-field-adres-url-obszaru {
	display: table-cell;
	width: 20%;
	text-align: center;
	vertical-align: middle;
}
.block-obszary-home .views-field-field-opis-home {
	padding: 0 25px;
}
.block-obszary-home .views-field-field-opis-home {
	width: 30%;
}
.block-obszary-home .views-field-field-ikona-obszaru{
	width: 5%;
	display: table-cell;
	vertical-align: middle;
}
.block-obszary-home .views-field-name{
	width: 9%;
	display: table-cell;
	vertical-align: bottom;
	padding-left: 15px;
	font-size: 14px;
	font-weight: bold;
	font-family: Montserrat;
	font-style: normal;
}
.block-obszary-home .obszar-angazuj .views-field-field-link-do-obszaru a:link,
.block-obszary-home .obszar-angazuj .views-field-field-link-do-obszaru a:visited,
.block-obszary-home .obszar-angazuj .views-field-field-link-do-obszaru a:hover,
.block-obszary-home .obszar-angazuj .views-field-field-link-do-obszaru a:active,
.block-obszary-home .obszar-angazuj .views-field-field-adres-url-obszaru a:link,
.block-obszary-home .obszar-angazuj .views-field-field-adres-url-obszaru a:visited,
.block-obszary-home .obszar-angazuj .views-field-field-adres-url-obszaru a:hover,
.block-obszary-home .obszar-angazuj .views-field-field-adres-url-obszaru a:active {
	color: #983282;
	font-family: Montserrat;
	font-weight: 900;
	text-decoration: none;
}
.block-obszary-home .obszar-globalna .views-field-field-link-do-obszaru a:link,
.block-obszary-home .obszar-globalna .views-field-field-link-do-obszaru a:visited,
.block-obszary-home .obszar-globalna .views-field-field-link-do-obszaru a:hover,
.block-obszary-home .obszar-globalna .views-field-field-link-do-obszaru a:active,
.block-obszary-home .obszar-globalna .views-field-field-adres-url-obszaru a:link,
.block-obszary-home .obszar-globalna .views-field-field-adres-url-obszaru a:visited,
.block-obszary-home .obszar-globalna .views-field-field-adres-url-obszaru a:hover,
.block-obszary-home .obszar-globalna .views-field-field-adres-url-obszaru a:active {
	color: #8fa32d;
	font-family: Montserrat;
	font-weight: 900;
	text-decoration: none;
}
.block-obszary-home .obszar-kultura .views-field-field-link-do-obszaru a:link,
.block-obszary-home .obszar-kultura .views-field-field-link-do-obszaru a:visited,
.block-obszary-home .obszar-kultura .views-field-field-link-do-obszaru a:hover,
.block-obszary-home .obszar-kultura .views-field-field-link-do-obszaru a:active,
.block-obszary-home .obszar-kultura .views-field-field-adres-url-obszaru a:link,
.block-obszary-home .obszar-kultura .views-field-field-adres-url-obszaru a:visited,
.block-obszary-home .obszar-kultura .views-field-field-adres-url-obszaru a:hover,
.block-obszary-home .obszar-kultura .views-field-field-adres-url-obszaru a:active {
	color: #d6335d;
	font-family: Montserrat;
	font-weight: 900;
	text-decoration: none;
}
.block-obszary-home .obszar-pomagaj .views-field-field-link-do-obszaru a:link,
.block-obszary-home .obszar-pomagaj .views-field-field-link-do-obszaru a:visited,
.block-obszary-home .obszar-pomagaj .views-field-field-link-do-obszaru a:hover,
.block-obszary-home .obszar-pomagaj .views-field-field-link-do-obszaru a:active,
.block-obszary-home .obszar-pomagaj .views-field-field-adres-url-obszaru a:link,
.block-obszary-home .obszar-pomagaj .views-field-field-adres-url-obszaru a:visited,
.block-obszary-home .obszar-pomagaj .views-field-field-adres-url-obszaru a:hover,
.block-obszary-home .obszar-pomagaj .views-field-field-adres-url-obszaru a:active {
	color: #3f509b;
	font-family: Montserrat;
	font-weight: 900;
	text-decoration: none;
}
.block-obszary-home .obszar-polityka .views-field-field-link-do-obszaru a:link,
.block-obszary-home .obszar-polityka .views-field-field-link-do-obszaru a:visited,
.block-obszary-home .obszar-polityka .views-field-field-link-do-obszaru a:hover,
.block-obszary-home .obszar-polityka .views-field-field-link-do-obszaru a:active,
.block-obszary-home .obszar-polityka .views-field-field-adres-url-obszaru a:link,
.block-obszary-home .obszar-polityka .views-field-field-adres-url-obszaru a:visited,
.block-obszary-home .obszar-polityka .views-field-field-adres-url-obszaru a:hover,
.block-obszary-home .obszar-polityka .views-field-field-adres-url-obszaru a:active {
	color: #e8563b;
	font-family: Montserrat;
	font-weight: 900;
	text-decoration: none;
}
.block-obszary-home .obszar-otwartosc .views-field-field-link-do-obszaru a:link,
.block-obszary-home .obszar-otwartosc .views-field-field-link-do-obszaru a:visited,
.block-obszary-home .obszar-otwartosc .views-field-field-link-do-obszaru a:hover,
.block-obszary-home .obszar-otwartosc .views-field-field-link-do-obszaru a:active,
.block-obszary-home .obszar-otwartosc .views-field-field-adres-url-obszaru a:link,
.block-obszary-home .obszar-otwartosc .views-field-field-adres-url-obszaru a:visited,
.block-obszary-home .obszar-otwartosc .views-field-field-adres-url-obszaru a:hover,
.block-obszary-home .obszar-otwartosc .views-field-field-adres-url-obszaru a:active {
	color: #288b5a;
	font-family: Montserrat;
	font-weight: 900;
	text-decoration: none;
}
@media (max-width: 996px){
	.block-obszary-home .views-row {
		display: block;
	}
	.block-obszary-home .views-field-field-opis-home,
	.block-obszary-home .views-field-field-link-do-obszaru,
	.block-obszary-home .views-field-field-adres-url-obszaru {
		display: block;
		width: 100%;
		clear: both;
	}
	.block-obszary-home .views-field-field-opis-home {
		margin-top: 15px;
	}
	.block-obszary-home .views-field-field-link-do-obszaru,
	.block-obszary-home .views-field-field-adres-url-obszaru {
		margin: 10px 0;
	}
	.block-obszary-home .views-field-field-ikona-obszaru{
		width: 50%;
		text-align: right;
		vertical-align: middle;
		margin: 0 auto;
	}
	.block-obszary-home .views-field-name{
		width: 50%;
		font-size: 16px;	
	}
	.block-obszary-home .views-field-name span {
		display: block;
		padding-right: 90px;
	}
	.block-obszary-home .obszar-globalna .views-field-name span {
		
	}
}