.headroom {
    will-change: transform;
    transition: transform 200ms linear; }

.headroom--pinned {
    transform: translateY(0%); }

.headroom--unpinned {
    transform: translateY(-100%); }

/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    visibility: hidden; }
.slick-slider.slick-initialized {
    visibility: visible; }

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0; }
.slick-list:focus {
    outline: none; }
.slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block; }
.slick-track:before, .slick-track:after {
    content: "";
    display: table; }
.slick-track:after {
    clear: both; }
.slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none; }
[dir="rtl"] .slick-slide {
    float: right; }
.slick-slide:focus, .slick-slide a {
    outline: none; }
.slick-slide img {
    display: block; }
.slick-slide.slick-loading img {
    display: none; }
.slick-slide.dragging img {
    pointer-events: none; }
.slick-initialized .slick-slide {
    display: block; }
.slick-loading .slick-slide {
    visibility: hidden; }
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
    display: none; }

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

/* ---------------------------------------
/* Fine Uploader Gallery View Styles
/* ---------------------------------------


/* Buttons
------------------------------------------ */
.qq-gallery .qq-btn {
    float: right;
    border: none;
    padding: 0;
    margin: 0;
    box-shadow: none; }

/* Upload Button
------------------------------------------ */
.qq-gallery .qq-upload-button {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }

.qq-gallery .qq-upload-button-focus {
    outline: 1px dotted #ff7e22; }

/* Drop Zone
------------------------------------------ */
.qq-gallery.qq-uploader {
    width: 100%;
    min-height: 200px;
    background: #fff;
    border: 2px solid #f2f2f2;
    padding: 20px;
    float: left;
    position: relative;
    overflow: hidden; }

.qq-gallery.qq-uploader:before {
    content: attr(qq-drop-area-text) " ";
    position: absolute;
    font-size: 200%;
    left: 0;
    width: 100%;
    text-align: center;
    top: 45%;
    opacity: 0.25;
    filter: alpha(opacity=25); }

.qq-gallery .qq-upload-drop-area, .qq-upload-extra-drop-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 30px;
    z-index: 2;
    background: #F9F9F9;
    text-align: center; }

.qq-gallery .qq-upload-drop-area span {
    display: block;
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -8px;
    font-size: 16px; }

.qq-gallery .qq-upload-extra-drop-area {
    position: relative;
    margin-top: 50px;
    font-size: 16px;
    padding-top: 30px;
    height: 20px;
    min-height: 40px; }

.qq-gallery .qq-upload-list {
    width: 100%;
    float: left;
    margin: 0;
    padding: 10px 0 0;
    list-style: none;
    overflow-y: auto;
    clear: both;
    box-shadow: none; }

/* Uploaded Elements
------------------------------------------ */
.qq-gallery .qq-upload-list li {
    display: block;
    width: calc(50% - 10px);
    height: 186px;
    background: #fff;
    border: 2px solid #f2f2f2;
    padding: 0;
    float: left;
    margin: 5px;
    position: relative;
    vertical-align: top; }
.qq-gallery .qq-upload-list li:nth-child(2n + 1) {
    margin: 5px 5px 5px 0; }
.qq-gallery .qq-upload-list li:nth-child(2n + 2) {
    margin: 5px 0 5px 5px; }
@media screen and (min-width: 570px) {
    .qq-gallery .qq-upload-list li {
        width: calc((100% / 3) - 10px); }
    .qq-gallery .qq-upload-list li:nth-child(3n + 1) {
        margin: 5px 5px 5px 0; }
    .qq-gallery .qq-upload-list li:nth-child(3n + 2) {
        margin: 5px; }
    .qq-gallery .qq-upload-list li:nth-child(3n + 3) {
        margin: 5px 0 5px 5px; } }
@media screen and (min-width: 900px) {
    .qq-gallery .qq-upload-list li {
        width: calc((100% / 4) - 10px); }
    .qq-gallery .qq-upload-list li:nth-child(4n + 1) {
        margin: 5px 5px 5px 0; }
    .qq-gallery .qq-upload-list li:nth-child(4n + 2), .qq-gallery .qq-upload-list li:nth-child(4n + 3) {
        margin: 5px; }
    .qq-gallery .qq-upload-list li:nth-child(4n + 4) {
        margin: 5px 0 5px 5px; } }

.qq-gallery .qq-upload-spinner,
.qq-gallery .qq-upload-size,
.qq-gallery .qq-upload-retry,
.qq-gallery .qq-upload-failed-text,
.qq-gallery .qq-upload-delete,
.qq-gallery .qq-upload-pause,
.qq-gallery .qq-upload-continue {
    display: inline; }

.qq-gallery .qq-upload-retry:hover,
.qq-gallery .qq-upload-delete:hover,
.qq-gallery .qq-upload-pause:hover,
.qq-gallery .qq-upload-continue:hover {
    background-color: transparent; }

.qq-gallery .qq-upload-delete,
.qq-gallery .qq-upload-pause,
.qq-gallery .qq-upload-continue,
.qq-gallery .qq-upload-cancel {
    cursor: pointer; }

.qq-gallery .qq-upload-delete,
.qq-gallery .qq-upload-pause,
.qq-gallery .qq-upload-continue {
    border: none;
    background: none;
    color: #00A0BA;
    font-size: 12px;
    padding: 0; }

/* to ensure consistent size of tiles - only display status text before auto-retry or after failure */
.qq-gallery .qq-upload-status-text {
    display: none;
    color: #333333;
    font-size: 12px;
    padding-left: 3px;
    padding-top: 2px;
    width: inherit;
    width: 108px; }

.qq-gallery .qq-upload-fail .qq-upload-status-text {
    display: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x: hidden; }

.qq-gallery .qq-upload-retrying .qq-upload-status-text {
    display: none; }

.qq-gallery .qq-upload-retrying .qq-progress-bar-container {
    display: none; }

.qq-gallery .qq-upload-cancel {
    width: 40px;
    height: 40px;
    background: #ffffff;
    border: none;
    color: #ff7e22;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -ms-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: background 0.2s ease-in-out, color 0.2s ease-in-out; }
.qq-gallery .qq-upload-cancel:hover {
    background: #ff7e22;
    color: #ffffff; }

.qq-gallery .qq-upload-retry {
    max-width: 70%;
    background: #ffffff;
    border: none;
    color: #ff7e22;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-size: 0.75rem;
    padding: 5px 20px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
    z-index: 1;
    -webkit-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -ms-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: background 0.2s ease-in-out, color 0.2s ease-in-out; }
.qq-gallery .qq-upload-retry:hover {
    background: #ff7e22;
    color: #ffffff; }
@media screen and (min-width: 760px) {
    .qq-gallery .qq-upload-retry {
        font-size: 14px;
        font-size: 0.875rem; } }

.qq-gallery .qq-file-info {
    display: none;
    padding: 10px 6px 4px;
    margin-top: -3px;
    border-radius: 0 0 2px 2px;
    text-align: left;
    overflow: hidden; }

.qq-gallery .qq-file-info .qq-file-name {
    position: relative; }

.qq-gallery .qq-upload-file {
    display: block;
    margin-right: 0;
    margin-bottom: 3px;
    width: auto;
    /* to ensure consistent size of tiles - constrain text to single line */
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x: hidden; }

.qq-gallery .qq-upload-spinner {
    display: inline-block;
    background: url("../images/loading.gif");
    position: absolute;
    left: 50%;
    margin-left: -7px;
    top: 53px;
    width: 15px;
    height: 15px;
    vertical-align: text-bottom; }

.qq-gallery .qq-drop-processing {
    display: block; }

.qq-gallery .qq-drop-processing-spinner {
    display: inline-block;
    background: url("../images/processing.gif");
    width: 24px;
    height: 24px;
    vertical-align: text-bottom; }

.qq-gallery .qq-upload-failed-text {
    display: none;
    font-style: italic;
    font-weight: bold; }

.qq-gallery .qq-upload-failed-icon {
    display: none;
    width: 15px;
    height: 15px;
    vertical-align: text-bottom; }

.qq-gallery .qq-upload-fail .qq-upload-failed-text {
    display: inline; }

.qq-gallery .qq-upload-retrying .qq-upload-failed-text {
    display: inline; }

.qq-gallery .qq-upload-list li.qq-upload-success {
    background-color: #F2F7ED; }

.qq-gallery .qq-upload-list li.qq-upload-fail {
    border-color: red; }

.qq-gallery .qq-progress-bar-container {
    width: 100%;
    height: 20px;
    background: #f2f2f2;
    border-top: 2px solid #f2f2f2;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2; }

.qq-gallery .qq-progress-bar {
    display: block;
    height: 100%;
    background: #ff7e22; }

.qq-gallery .qq-total-progress-bar {
    height: 25px;
    border-radius: 9px; }

.qq-gallery .qq-total-progress-bar-container {
    margin-left: 9px;
    display: inline;
    float: right;
    width: 500px; }

.qq-gallery .qq-upload-size {
    float: left;
    font-size: 11px;
    color: #929292;
    margin-bottom: 3px;
    margin-right: 0;
    display: inline-block; }

.qq-gallery INPUT.qq-edit-filename {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: -1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.qq-gallery .qq-upload-file.qq-editable {
    cursor: pointer;
    margin-right: 20px; }

.qq-gallery .qq-edit-filename-icon.qq-editable {
    display: inline-block;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0; }

.qq-gallery INPUT.qq-edit-filename.qq-editing {
    position: static;
    height: 28px;
    width: 90px;
    width: -moz-available;
    padding: 0 8px;
    margin-bottom: 3px;
    border: 1px solid #ccc;
    border-radius: 2px;
    font-size: 13px;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.qq-gallery .qq-edit-filename-icon {
    display: none;
    background: url("../images/edit.gif");
    width: 15px;
    height: 15px;
    vertical-align: text-bottom; }

.qq-gallery .qq-delete-icon {
    background: url("../images/trash.gif");
    width: 15px;
    height: 15px;
    vertical-align: sub;
    display: inline-block; }

.qq-gallery .qq-retry-icon {
    background: url("../images/retry.gif");
    width: 15px;
    height: 15px;
    vertical-align: sub;
    display: inline-block;
    float: none; }

.qq-gallery .qq-continue-icon {
    background: url("../images/continue.gif");
    width: 15px;
    height: 15px;
    vertical-align: sub;
    display: inline-block; }

.qq-gallery .qq-pause-icon {
    background: url("../images/pause.gif");
    width: 15px;
    height: 15px;
    vertical-align: sub;
    display: inline-block; }

.qq-gallery .qq-hide {
    display: none; }

/* Thumbnail
------------------------------------------ */
.qq-gallery .qq-in-progress .qq-thumbnail-wrapper {
    /* makes the spinner on top of the thumbnail more visible */
    opacity: 0.5;
    filter: alpha(opacity=50); }

.qq-gallery .qq-thumbnail-wrapper {
    width: 100%;
    height: 100%;
    float: left;
    position: relative;
    overflow: hidden; }

.qq-gallery .qq-thumbnail-selector {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

/* hack to ensure we don't try to center preview in IE8, since -ms-filter doesn't mimic translateY as expected in all cases */
:root * > .qq-gallery .qq-thumbnail-selector {
    /* vertically center preview image on tile */ }

/* <dialog> element styles */
.qq-gallery.qq-uploader DIALOG {
    display: none; }

.qq-gallery.qq-uploader DIALOG[open] {
    display: block; }

.qq-gallery.qq-uploader DIALOG {
    display: none; }

.qq-gallery.qq-uploader DIALOG[open] {
    display: block; }

.qq-gallery.qq-uploader DIALOG .qq-dialog-buttons {
    text-align: center;
    padding-top: 10px; }

.qq-gallery.qq-uploader DIALOG .qq-dialog-buttons BUTTON {
    margin-left: 5px;
    margin-right: 5px; }

.qq-gallery.qq-uploader DIALOG .qq-dialog-message-selector {
    padding-bottom: 10px; }

.qq-gallery .qq-uploader DIALOG::backdrop {
    background-color: rgba(0, 0, 0, 0.7); }

#avatar-upload {
    /* ---------------------------------------
/* Fine Uploader Styles
/* ---------------------------------------

/* Buttons
------------------------------------------ */
    /* Upload Button
  ------------------------------------------ */
    /* Drop Zone
  ------------------------------------------ */
    /* Uploaded Elements
  ------------------------------------------ */
    /* Thumbnail
  ------------------------------------------ */
    /* <dialog> element styles */ }
#avatar-upload .qq-btn {
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.37) inset, 1px 0 1px rgba(255, 255, 255, 0.07) inset, 0 1px 0 rgba(0, 0, 0, 0.36), 0 -2px 12px rgba(0, 0, 0, 0.08) inset;
    padding: 3px 4px;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
    color: inherit;
    background-color: #FFFFFF; }
#avatar-upload .qq-upload-delete, #avatar-upload .qq-upload-pause, #avatar-upload .qq-upload-continue {
    display: inline; }
#avatar-upload .qq-upload-delete {
    background-color: #e65c47;
    color: #FAFAFA;
    border-color: #dc523d;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.55); }
#avatar-upload .qq-upload-delete:hover {
    background-color: #f56b56; }
#avatar-upload .qq-upload-cancel {
    background-color: #F5D7D7;
    border-color: #e6c8c8; }
#avatar-upload .qq-upload-cancel:hover {
    background-color: #ffe1e1; }
#avatar-upload .qq-upload-retry {
    background-color: #EBF6E0;
    border-color: #d2ddc7; }
#avatar-upload .qq-upload-retry:hover {
    background-color: #f7ffec; }
#avatar-upload .qq-upload-pause, #avatar-upload .qq-upload-continue {
    background-color: #00ABC7;
    color: #FAFAFA;
    border-color: #2dadc2;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.55); }
#avatar-upload .qq-upload-pause:hover, #avatar-upload .qq-upload-continue:hover {
    background-color: #0fbad6; }
#avatar-upload .qq-upload-button {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
#avatar-upload .qq-upload-button-focus {
    outline: 1px dotted #ff7e22; }
#avatar-upload .qq-uploader {
    width: 100%;
    height: 100%;
    float: left;
    position: relative; }
#avatar-upload .qq-uploader:before {
    display: block;
    content: '';
    width: 106px;
    height: 106px;
    border: 2px solid #3d3d3d;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: calc(50% - 55px); }
@media screen and (min-width: 600px) {
    #avatar-upload .qq-uploader:before {
        top: 0; } }
#avatar-upload .qq-upload-drop-area, #avatar-upload .qq-upload-extra-drop-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 30px;
    z-index: 2;
    background: #F9F9F9;
    border-radius: 4px;
    border: 1px dashed #CCCCCC;
    text-align: center; }
#avatar-upload .qq-upload-drop-area span {
    display: block;
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -8px;
    font-size: 16px; }
#avatar-upload .qq-upload-extra-drop-area {
    position: relative;
    margin-top: 50px;
    font-size: 16px;
    padding-top: 30px;
    height: 20px;
    min-height: 40px; }
#avatar-upload .qq-upload-drop-area-active {
    background: #FDFDFD;
    border-radius: 4px;
    border: 1px dashed #CCCCCC; }
#avatar-upload .qq-upload-list {
    width: 106px;
    height: 106px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    float: left;
    margin: 2px 0 0 calc(50% - 53px);
    padding: 0;
    list-style: none;
    overflow: hidden;
    clear: both; }
#avatar-upload .qq-upload-list li {
    width: 100%;
    height: 100%;
    margin: 0;
    position: relative; }
#avatar-upload .qq-upload-file, #avatar-upload .qq-upload-spinner, #avatar-upload .qq-upload-size,
#avatar-upload .qq-upload-cancel, #avatar-upload .qq-upload-retry, #avatar-upload .qq-upload-failed-text,
#avatar-upload .qq-upload-delete, #avatar-upload .qq-upload-pause, #avatar-upload .qq-upload-continue {
    margin-right: 12px;
    display: inline; }
#avatar-upload .qq-upload-file {
    vertical-align: middle;
    display: inline-block;
    width: 300px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x: hidden;
    height: 18px; }
#avatar-upload .qq-upload-spinner {
    display: inline-block;
    background: url("../images/loading.gif");
    width: 15px;
    height: 15px;
    vertical-align: text-bottom; }
#avatar-upload .qq-drop-processing {
    display: block; }
#avatar-upload .qq-drop-processing-spinner {
    display: inline-block;
    background: url("../images/processing.gif");
    width: 24px;
    height: 24px;
    vertical-align: text-bottom; }
#avatar-upload .qq-upload-size, #avatar-upload .qq-upload-cancel, #avatar-upload .qq-upload-retry,
#avatar-upload .qq-upload-delete, #avatar-upload .qq-upload-pause, #avatar-upload .qq-upload-continue {
    font-size: 12px;
    font-weight: normal;
    cursor: pointer;
    vertical-align: middle; }
#avatar-upload .qq-upload-status-text {
    font-size: 14px;
    font-weight: bold;
    display: block; }
#avatar-upload .qq-upload-failed-text {
    display: none;
    font-style: italic;
    font-weight: bold; }
#avatar-upload .qq-upload-failed-icon {
    display: none;
    width: 15px;
    height: 15px;
    vertical-align: text-bottom; }
#avatar-upload .qq-upload-fail .qq-upload-failed-text {
    display: inline; }
#avatar-upload .qq-upload-retrying .qq-upload-failed-text {
    display: inline; }
#avatar-upload .qq-upload-list li.qq-upload-success {
    background-color: #EBF6E0;
    color: #424242;
    border-bottom: 1px solid #D3DED1;
    border-top: 1px solid #F7FFF5; }
#avatar-upload .qq-upload-list li.qq-upload-fail {
    background-color: #F5D7D7;
    color: #424242;
    border-bottom: 1px solid #DECACA;
    border-top: 1px solid #FCE6E6; }
#avatar-upload .qq-progress-bar {
    display: block;
    width: 95px;
    height: 15px;
    background: #ff7e22;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
#avatar-upload INPUT.qq-edit-filename {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: -1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
#avatar-upload .qq-upload-file.qq-editable {
    cursor: pointer;
    margin-right: 4px; }
#avatar-upload .qq-edit-filename-icon.qq-editable {
    display: inline-block;
    cursor: pointer; }
#avatar-upload INPUT.qq-edit-filename.qq-editing {
    position: static;
    height: 28px;
    padding: 0 8px;
    margin-right: 10px;
    margin-bottom: -5px;
    border: 1px solid #ccc;
    border-radius: 2px;
    font-size: 16px;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
#avatar-upload .qq-edit-filename-icon {
    display: none;
    background: url("../images/edit.gif");
    width: 15px;
    height: 15px;
    vertical-align: text-bottom;
    margin-right: 16px; }
#avatar-upload .qq-hide {
    display: none; }
#avatar-upload .qq-thumbnail-selector {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
#avatar-upload .qq-uploader DIALOG {
    display: none; }
#avatar-upload .qq-uploader DIALOG[open] {
    display: block; }
#avatar-upload .qq-uploader DIALOG {
    display: none; }
#avatar-upload .qq-uploader DIALOG[open] {
    display: block; }
#avatar-upload .qq-uploader DIALOG .qq-dialog-buttons {
    text-align: center;
    padding-top: 10px; }
#avatar-upload .qq-uploader DIALOG .qq-dialog-buttons BUTTON {
    margin-left: 5px;
    margin-right: 5px; }
#avatar-upload .qq-uploader DIALOG .qq-dialog-message-selector {
    padding-bottom: 10px; }
#avatar-upload .qq-uploader DIALOG::backdrop {
    background-color: rgba(0, 0, 0, 0.7); }

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
    line-height: 1.15;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
    margin: 0; }

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
    display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
    /* 1 */
    display: block; }

/**
 * Add the correct margin in IE 8.
 */
figure {
    margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
    background-color: transparent;
    /* 1 */
    -webkit-text-decoration-skip: objects;
    /* 2 */ }

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
    font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */ }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
    font-style: italic; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
    background-color: #ff0;
    color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline; }

sub {
    bottom: -0.25em; }

sup {
    top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
    display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
    display: none;
    height: 0; }

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
    border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
    overflow: hidden; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    /* 1 */
    overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    /* 1 */
    text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
    /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */ }

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
    overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
    display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item; }

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
    display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
    display: none; }

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
    display: none; }

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

body {
    background: #ffffff;
    color: #333333;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
    font-size: 1.125rem;
    -webkit-text-size-adjust: none;
    position: relative;
    -webkit-overflow-scrolling: touch; }

/* Links */
a {
    color: #333333;
    text-decoration: none;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out; }

.ads-categories {
    background: #f9f9f9; }
.ads-categories .ad-category {
    background: url("../images/dotted_separator_horizontal_2.png") left bottom repeat-x;
    position: relative; }
.ads-categories .ad-category .ad-cat-img {
    float: left;
    margin: 0; }
.ads-categories .ad-category .ad-cat-img img {
    display: block;
    float: left; }
.ads-categories .ad-category h2 {
    float: left;
    color: #1f41b1;
    font-weight: 400;
    font-size: 14px;
    font-size: 0.875rem;
    text-transform: uppercase;
    line-height: 40px;
    margin: 0 0 0 20px;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out; }
.ads-categories .ad-category:last-child {
    background: none; }
.ads-categories .ad-category:last-child a {
    padding: 20px 0 0 0; }
.ads-categories .ad-category:hover h2 {
    color: #ff7e22; }
@media screen and (min-width: 480px) {
    .ads-categories .ad-category {
        background: none; }
    .ads-categories .ad-category .ad-cat-img {
        width: 100%;
        position: relative; }
    .ads-categories .ad-category .ad-cat-img:before {
        display: block;
        content: '';
        width: 100%;
        height: 60px;
        background: url("../images/icon_og_tlo.svg") center center no-repeat;
        position: absolute;
        top: -10px;
        left: 0;
        opacity: 0;
        -webkit-transition: opacity 0.2s ease-in-out;
        -moz-transition: opacity 0.2s ease-in-out;
        -ms-transition: opacity 0.2s ease-in-out;
        -o-transition: opacity 0.2s ease-in-out;
        transition: opacity 0.2s ease-in-out;
        z-index: 10; }
    .ads-categories .ad-category .ad-cat-img img {
        float: none;
        margin: 0 auto;
        position: relative;
        z-index: 20; }
    .ads-categories .ad-category h2 {
        width: 100%;
        line-height: normal;
        text-align: center;
        margin: 10px 0 0 0; }
    .ads-categories .ad-category:nth-child(odd) {
        background: url("../images/ad_cat_horizontal_right_separator.png"), url("../images/ad_cat_vertical_top_separator.png"), url("../images/ad_cat_horizontal_right_separator.png"), url("../images/ad_cat_vertical_bottom_separator.png");
        background-repeat: no-repeat;
        background-position: top right, top right, bottom right, bottom right; }
    .ads-categories .ad-category:nth-child(even) {
        background: url("../images/ad_cat_horizontal_left_separator.png"), url("../images/ad_cat_vertical_top_separator.png"), url("../images/ad_cat_horizontal_left_separator.png"), url("../images/ad_cat_vertical_bottom_separator.png");
        background-repeat: no-repeat;
        background-position: top left, top left, bottom left, bottom left; }
    .ads-categories .ad-category:first-child {
        background: url("../images/ad_cat_horizontal_right_separator.png"), url("../images/ad_cat_vertical_bottom_separator.png");
        background-repeat: no-repeat;
        background-position: bottom right, bottom right; }
    .ads-categories .ad-category:nth-child(2) {
        background: url("../images/ad_cat_horizontal_left_separator.png"), url("../images/ad_cat_vertical_bottom_separator.png");
        background-repeat: no-repeat;
        background-position: bottom left, bottom left; }
    .ads-categories .ad-category:last-child {
        background: url("../images/ad_cat_horizontal_right_separator.png"), url("../images/ad_cat_vertical_top_separator.png");
        background-repeat: no-repeat;
        background-position: top right, top right;
        position: relative; }
    .ads-categories .ad-category:last-child:before, .ads-categories .ad-category:last-child:after {
        display: block;
        content: '';
        position: absolute;
        top: 0;
        left: 100%; }
    .ads-categories .ad-category:last-child:before {
        width: 19px;
        height: 1px;
        background: url("../images/ad_cat_horizontal_left_separator.png") left top no-repeat; }
    .ads-categories .ad-category:last-child:after {
        width: 1px;
        height: 19px;
        background: url("../images/ad_cat_vertical_top_separator.png") left top no-repeat; }
    .ads-categories .ad-category:last-child a {
        padding: 20px 0; }
    .ads-categories .ad-category:hover .ad-cat-img:before {
        opacity: 1; } }
@media screen and (min-width: 760px) {
    .ads-categories .ad-category {
        background: none; }
    .ads-categories .ad-category:nth-child(3n + 1) {
        background: url("../images/ad_cat_horizontal_right_separator.png"), url("../images/ad_cat_vertical_top_separator.png"), url("../images/ad_cat_horizontal_right_separator.png"), url("../images/ad_cat_vertical_bottom_separator.png");
        background-repeat: no-repeat;
        background-position: top right, top right, bottom right, bottom right; }
    .ads-categories .ad-category:nth-child(3n + 2) {
        background: url("../images/ad_cat_horizontal_left_separator.png"), url("../images/ad_cat_vertical_top_separator.png"), url("../images/ad_cat_horizontal_right_separator.png"), url("../images/ad_cat_vertical_top_separator.png"), url("../images/ad_cat_horizontal_left_separator.png"), url("../images/ad_cat_vertical_bottom_separator.png"), url("../images/ad_cat_horizontal_right_separator.png"), url("../images/ad_cat_vertical_bottom_separator.png");
        background-repeat: no-repeat;
        background-position: top left, top left, top right, top right, bottom left, bottom left, bottom right, bottom right; }
    .ads-categories .ad-category:nth-child(3n + 3) {
        background: url("../images/ad_cat_horizontal_left_separator.png"), url("../images/ad_cat_vertical_top_separator.png"), url("../images/ad_cat_horizontal_left_separator.png"), url("../images/ad_cat_vertical_bottom_separator.png");
        background-repeat: no-repeat;
        background-position: top left, top left, bottom left, bottom left; }
    .ads-categories .ad-category:nth-last-child(3) {
        background: url("../images/ad_cat_horizontal_right_separator.png"), url("../images/ad_cat_vertical_top_separator.png");
        background-repeat: no-repeat;
        background-position: top right, top right; }
    .ads-categories .ad-category:first-child {
        background: url("../images/ad_cat_vertical_bottom_separator.png"), url("../images/ad_cat_horizontal_right_separator.png");
        background-repeat: no-repeat;
        background-position: bottom right; }
    .ads-categories .ad-category:nth-child(2) {
        background: url("../images/ad_cat_vertical_bottom_separator.png"), url("../images/ad_cat_horizontal_right_separator.png"), url("../images/ad_cat_vertical_bottom_separator.png"), url("../images/ad_cat_horizontal_left_separator.png");
        background-repeat: no-repeat;
        background-position: bottom right, bottom right, bottom left, bottom left; }
    .ads-categories .ad-category:nth-child(3) {
        background: url("../images/ad_cat_vertical_bottom_separator.png"), url("../images/ad_cat_horizontal_left_separator.png");
        background-repeat: no-repeat;
        background-position: bottom left; }
    .ads-categories .ad-category:nth-last-child(1) {
        background: url("../images/ad_cat_horizontal_left_separator.png"), url("../images/ad_cat_vertical_top_separator.png");
        background-repeat: no-repeat;
        background-position: top left, top left; }
    .ads-categories .ad-category:nth-last-child(2) {
        background: url("../images/ad_cat_horizontal_left_separator.png"), url("../images/ad_cat_vertical_top_separator.png"), url("../images/ad_cat_horizontal_right_separator.png"), url("../images/ad_cat_vertical_top_separator.png");
        background-repeat: no-repeat;
        background-position: top left, top left, top right, top right; }
    .ads-categories .ad-category:last-child:before, .ads-categories .ad-category:last-child:after {
        display: none; } }
@media screen and (min-width: 990px) {
    .ads-categories .ad-category:nth-child(4n + 1) {
        background: url("../images/ad_cat_horizontal_right_separator.png"), url("../images/ad_cat_vertical_top_separator.png"), url("../images/ad_cat_horizontal_right_separator.png"), url("../images/ad_cat_vertical_bottom_separator.png");
        background-repeat: no-repeat;
        background-position: top right, top right, bottom right, bottom right; }
    .ads-categories .ad-category:nth-child(4n + 2), .ads-categories .ad-category:nth-child(4n + 3) {
        background: url("../images/ad_cat_horizontal_left_separator.png"), url("../images/ad_cat_vertical_top_separator.png"), url("../images/ad_cat_horizontal_right_separator.png"), url("../images/ad_cat_vertical_top_separator.png"), url("../images/ad_cat_horizontal_left_separator.png"), url("../images/ad_cat_vertical_bottom_separator.png"), url("../images/ad_cat_horizontal_right_separator.png"), url("../images/ad_cat_vertical_bottom_separator.png");
        background-repeat: no-repeat;
        background-position: top left, top left, top right, top right, bottom left, bottom left, bottom right, bottom right; }
    .ads-categories .ad-category:nth-child(4n + 4) {
        background: url("../images/ad_cat_horizontal_left_separator.png"), url("../images/ad_cat_vertical_top_separator.png"), url("../images/ad_cat_horizontal_left_separator.png"), url("../images/ad_cat_vertical_bottom_separator.png");
        background-repeat: no-repeat;
        background-position: top left, top left, bottom left, bottom left; }
    .ads-categories .ad-category:first-child {
        background: url("../images/ad_cat_vertical_bottom_separator.png"), url("../images/ad_cat_horizontal_right_separator.png");
        background-repeat: no-repeat;
        background-position: bottom right; }
    .ads-categories .ad-category:nth-child(2), .ads-categories .ad-category:nth-child(3) {
        background: url("../images/ad_cat_vertical_bottom_separator.png"), url("../images/ad_cat_horizontal_right_separator.png"), url("../images/ad_cat_vertical_bottom_separator.png"), url("../images/ad_cat_horizontal_left_separator.png");
        background-repeat: no-repeat;
        background-position: bottom right, bottom right, bottom left, bottom left; }
    .ads-categories .ad-category:nth-child(4) {
        background: url("../images/ad_cat_vertical_bottom_separator.png"), url("../images/ad_cat_horizontal_left_separator.png");
        background-repeat: no-repeat;
        background-position: bottom left; }
    .ads-categories .ad-category:nth-last-child(1), .ads-categories .ad-category:nth-last-child(2) {
        background: url("../images/ad_cat_horizontal_left_separator.png"), url("../images/ad_cat_vertical_top_separator.png"), url("../images/ad_cat_horizontal_right_separator.png"), url("../images/ad_cat_vertical_top_separator.png");
        background-repeat: no-repeat;
        background-position: top left, top left, top right, top right; }
    .ads-categories .ad-category:nth-last-child(3) {
        background: url("../images/ad_cat_horizontal_right_separator.png"), url("../images/ad_cat_vertical_top_separator.png");
        background-repeat: no-repeat;
        background-position: top right, top right; }
    .ads-categories .ad-category:last-child:before, .ads-categories .ad-category:last-child:after {
        display: block; } }

.ad-search {
    background: #f9f9f9;
    text-align: center; }
.ad-search h2 {
    color: #1f41b1;
    text-transform: uppercase;
    font-size: 24px;
    font-size: 1.5rem;
    margin: 0 0 5px 0; }
.ad-search h2 a {
    color: #1f41b1; }
.ad-search p {
    color: #ff7e22;
    font-size: 14px;
    font-size: 0.875rem;
    text-transform: uppercase;
    margin: 5px 0 30px 0; }
.ad-search .form-fields {
    width: 100%;
    display: inline-block; }
.ad-search .form-control {
    width: 100%;
    height: 46px;
    background: #f2f2f2;
    border: none;
    font-family: 'Open Sans', sans-serif;
    color: #7d7d7d;
    font-size: 14px;
    font-size: 0.875rem;
    padding: 0 20px;
    float: left;
    margin: 5px 0; }
.ad-search .form-control.select {
    background-image: url("../images/icon_select.svg");
    background-position: calc(100% - 15px) center;
    background-repeat: no-repeat;
    padding: 0 40px 0 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
.ad-search .form-control.select::-ms-expand {
    display: none; }
@media screen and (min-width: 0\0) {
    .ad-search .form-control.select {
        background: none\9;
        padding: 5px\9; } }
.ad-search .btn {
    width: 100%;
    text-align: center;
    float: left;
    margin: 5px 0; }
@media screen and (min-width: 480px) {
    .ad-search .btn {
        width: auto;
        float: none;
        margin: 5px auto; } }
@media screen and (min-width: 760px) {
    .ad-search .form-control {
        width: calc(50% - 10px);
        margin: 5px; } }
@media screen and (min-width: 990px) {
    .ad-search .form-fields {
        width: auto; }
    .ad-search .form-control {
        width: auto;
        min-width: 250px;
        margin: 0 5px; }
    .ad-search .btn {
        float: left;
        margin: 0 5px; } }

.ad-options .ads-sort-container {
    display: block;
    width: 100%;
    float: left;
    padding-bottom: 30px; }
.ad-options .ads-sort-container .ads-sort {
    display: inline-block;
    width: 100%; }
.ad-options .ads-sort-container .ads-sort li {
    width: 100%;
    color: #1f41b1;
    font-size: 14px;
    font-size: 0.875rem;
    text-transform: uppercase;
    text-align: center;
    line-height: 26px;
    float: left; }
.ad-options .ads-sort-container .ads-sort li a {
    color: #1f41b1; }
.ad-options .ads-sort-container .ads-sort li a:hover {
    text-decoration: underline; }
.ad-options .ads-sort-container .ads-sort li.active a {
    text-decoration: underline; }
.ad-options .add-ad-container {
    display: block;
    width: 100%;
    float: left; }
.ad-options .add-ad-container .add-ad {
    display: inline-block;
    width: 100%;
    height: 46px;
    background: #1f41b1;
    border: 2px solid #1f41b1;
    color: #ffffff;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    line-height: 42px;
    -webkit-transition: background 0.25s ease-in-out, color 0.25s ease-in-out;
    -moz-transition: background 0.25s ease-in-out, color 0.25s ease-in-out;
    -ms-transition: background 0.25s ease-in-out, color 0.25s ease-in-out;
    -o-transition: background 0.25s ease-in-out, color 0.25s ease-in-out;
    transition: background 0.25s ease-in-out, color 0.25s ease-in-out; }
.ad-options .add-ad-container .add-ad:hover {
    background: #fff;
    color: #1f41b1; }
.ad-options .my-ad-container {
    margin-top: 15px;
    text-align: center; }
@media screen and (min-width: 760px) {
    .ad-options .my-ad-container {
        margin-top: 0; } }
.ad-options .ad-link {
    line-height: 46px;
    color: #1f41b1;
    font-size: 16px;
    font-size: 1rem;
    padding: 0 20px; }
.ad-options .ad-link:hover {
    text-decoration: underline; }
@media screen and (min-width: 480px) {
    .ad-options .ads-sort-container {
        text-align: center; }
    .ad-options .ads-sort-container .ads-sort {
        width: auto; }
    .ad-options .ads-sort-container .ads-sort li {
        width: auto;
        padding: 0 0 0 10px;
        line-height: 46px; }
    .ad-options .ads-sort-container .ads-sort li:after {
        display: block;
        content: '|';
        padding: 0 0 0 10px;
        float: right; }
    .ad-options .ads-sort-container .ads-sort li:first-child {
        padding: 0; }
    .ad-options .ads-sort-container .ads-sort li:first-child:after {
        display: none; }
    .ad-options .ads-sort-container .ads-sort li:last-child:after {
        display: none; }
    .ad-options .add-ad-container {
        text-align: center; }
    .ad-options .add-ad-container .add-ad {
        width: auto;
        padding: 0 20px; } }
@media screen and (min-width: 760px) {
    .ad-options .ads-sort-container {
        width: auto;
        padding-bottom: 0; }
    .ad-options .ads-sort-container .ads-sort li {
        line-height: 46px; }
    .ad-options .add-ad-container {
        width: auto;
        float: right; } }

.ad-with-photo:before {
    display: none;
    content: '';
    width: calc(100% + 14px);
    height: calc(100% + 14px);
    background: url("../images/dotted_separator_vertical_2.png"), url("../images/dotted_separator_horizontal_2.png"), url("../images/dotted_separator_vertical_2.png"), url("../images/dotted_separator_horizontal_2.png");
    background-position: top left, top left, top right, bottom left;
    background-repeat: repeat-y, repeat-x, repeat-y, repeat-x;
    position: absolute;
    top: -7px;
    left: -7px; }
.ad-with-photo .ad-photo {
    padding-bottom: 60%;
    background: #f2f2f2;
    border-right: 4px solid #f2f2f2;
    overflow: hidden; }
@media screen and (min-width: 990px) {
    .ad-with-photo .ad-photo {
        padding-bottom: 70%; } }
@media screen and (min-width: 1200px) {
    .ad-with-photo .ad-photo {
        padding-bottom: 80%; } }
.ad-with-photo .ad-photo .ad-photo-inner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
.ad-with-photo .ad-photo .ad-photo-inner img {
    width: auto;
    height: 100%;
    float: right; }
.ad-with-photo .ad-photo .ad-badge {
    position: absolute;
    background: #ff7e22;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    padding: 5px 20px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 50; }
.ad-with-photo .ad-photo .pracodawca-info {
    position: absolute;
    background: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    font-size: 0.875rem;
    padding: 8px;
    left: 0;
    right: 0;
    bottom: 0; }
.ad-with-photo .ad-title h3 {
    height: 36.8px;
    color: #333333;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.15;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out; }
@media screen and (min-width: 760px) {
    .ad-with-photo .ad-title h3 {
        font-weight: 600; } }
@media screen and (min-width: 1920px) {
    .ad-with-photo .ad-title h3 {
        height: 41.4px;
        font-size: 18px;
        font-size: 1.125rem; } }
.ad-with-photo .ad-meta .location {
    min-width: 1px;
    height: 13.8px;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.15;
    text-transform: uppercase;
    color: #1f41b1; }
.ad-with-photo .ad-meta .number {
    min-width: 1px;
    height: 13.8px;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.15;
    text-transform: uppercase;
    color: #ff7e22; }
.ad-with-photo:hover:before {
    display: block; }
.ad-with-photo:hover .ad-title h3 {
    color: #ff7e22; }

.ad-without-photo:before {
    display: none;
    content: '';
    width: calc(100% + 14px);
    height: calc(100% + 14px);
    background: url("../images/dotted_separator_vertical_2.png"), url("../images/dotted_separator_horizontal_2.png"), url("../images/dotted_separator_vertical_2.png"), url("../images/dotted_separator_horizontal_2.png");
    background-position: top left, top left, top right, bottom left;
    background-repeat: repeat-y, repeat-x, repeat-y, repeat-x;
    position: absolute;
    top: -7px;
    left: -7px; }
.ad-without-photo.praca .ad-title h3 {
    height: 55.2px; }
@media screen and (min-width: 1920px) {
    .ad-without-photo.praca .ad-title h3 {
        height: 62.1px; } }
.ad-without-photo .ad-title {
    padding-bottom: 60%;
    border-right: 4px solid #f2f2f2;
    overflow: hidden; }
@media screen and (min-width: 990px) {
    .ad-without-photo .ad-title {
        padding-bottom: 70%; } }
@media screen and (min-width: 1200px) {
    .ad-without-photo .ad-title {
        padding-bottom: 80%; } }
.ad-without-photo .ad-title h3 {
    height: 36.8px;
    color: #333333;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.15;
    padding-right: 30px;
    padding-left: 30px;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
    position: absolute;
    left: 0;
    top: 40px; }
@media screen and (min-width: 760px) {
    .ad-without-photo .ad-title h3 {
        font-weight: 600; } }
@media screen and (min-width: 990px) {
    .ad-without-photo .ad-title h3 {
        padding-left: 0;
        padding-right: 20px; } }
@media screen and (min-width: 1920px) {
    .ad-without-photo .ad-title h3 {
        height: 41.4px;
        font-size: 18px;
        font-size: 1.125rem; } }
.ad-without-photo .ad-title .ad-description {
    height: 36.8px;
    line-height: 1.15;
    font-size: 16px;
    font-size: 1rem;
    padding-right: 30px;
    padding-left: 30px;
    position: absolute;
    bottom: 10px;
    left: 0; }
@media screen and (min-width: 990px) {
    .ad-without-photo .ad-title .ad-description {
        padding-left: 0;
        padding-right: 20px; } }
.ad-without-photo .ad-title .pracodawca {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 8px 30px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; }
@media screen and (min-width: 990px) {
    .ad-without-photo .ad-title .pracodawca {
        padding: 8px 0; } }
.ad-without-photo .ad-title .ad-badge {
    position: absolute;
    background: #ff7e22;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    padding: 5px 20px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 50; }
.ad-without-photo .ad-category p {
    min-width: 1px;
    height: 36.8px;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.15;
    padding-left: 30px;
    text-transform: uppercase;
    color: #ff7e22; }
@media screen and (min-width: 990px) {
    .ad-without-photo .ad-category p {
        padding-left: 0; } }
@media screen and (min-width: 1920px) {
    .ad-without-photo .ad-category p {
        height: 41.4px; } }
.ad-without-photo .ad-meta .location {
    min-width: 1px;
    height: 13.8px;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.15;
    text-transform: uppercase;
    padding-left: 30px;
    color: #1f41b1; }
@media screen and (min-width: 990px) {
    .ad-without-photo .ad-meta .location {
        padding-left: 0; } }
.ad-without-photo .ad-meta .number {
    min-width: 1px;
    height: 13.8px;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.15;
    text-transform: uppercase;
    color: #ff7e22; }
.ad-without-photo:hover:before {
    display: block; }
.ad-without-photo:hover .ad-title h3 {
    color: #ff7e22; }

.ad-1 {
    min-height: 285px;
    padding-bottom: 100%;
    position: relative; }
.ad-1:before {
    display: none;
    content: '';
    width: calc(100% + 14px);
    height: calc(60% + 114px);
    background: url("../images/dotted_separator_vertical_2.png"), url("../images/dotted_separator_horizontal_2.png"), url("../images/dotted_separator_vertical_2.png"), url("../images/dotted_separator_horizontal_2.png");
    background-position: top left, top left, top right, bottom left;
    background-repeat: repeat-y, repeat-x, repeat-y, repeat-x;
    position: absolute;
    top: -7px;
    left: -7px; }
.ad-1 .ad-badge {
    background: #ff7e22;
    color: #ffffff;
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 5px 20px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 50; }
.ad-1 .ad-content {
    width: 100%;
    height: 100%;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0; }
.ad-1 .ad-content .ad-header {
    width: 100%;
    height: 60%;
    border-right: 4px solid #f2f2f2;
    float: left; }
.ad-1 .ad-content .ad-header .ad-title {
    width: 100%;
    height: 50px;
    padding-right: 20px;
    float: left;
    margin: 55px 0 20px 0;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out; }
.ad-1 .ad-content .ad-header .ad-description {
    width: 100%;
    height: calc(100% - 125px);
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 21.5px;
    padding: 0 20px 0 0;
    float: left;
    margin: 0;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out; }
.ad-1 .ad-content .ad-category {
    width: 100%;
    height: 80px;
    float: left;
    padding: 20px 0; }
.ad-1 .ad-content .ad-category p {
    color: #ff7e22;
    font-size: 12px;
    font-size: 0.75rem;
    text-transform: uppercase;
    margin: 0; }
.ad-1 .ad-content .ad-meta p {
    font-size: 12px;
    font-size: 0.75rem;
    text-transform: uppercase; }
.ad-1 .ad-content .ad-meta p.place {
    color: #1f41b1; }
.ad-1 .ad-content .ad-meta p.date {
    color: #ff7e22; }
.ad-1:hover:before {
    display: block; }
.ad-1:hover .ad-content .ad-header .ad-title {
    color: #ff7e22; }

.ad-2 {
    min-height: 285px;
    padding-bottom: 100%; }
.ad-2:before {
    display: none;
    content: '';
    width: calc(100% + 14px);
    height: calc(60% + 114px);
    background: url("../images/dotted_separator_vertical_2.png"), url("../images/dotted_separator_horizontal_2.png"), url("../images/dotted_separator_vertical_2.png"), url("../images/dotted_separator_horizontal_2.png");
    background-position: top left, top left, top right, bottom left;
    background-repeat: repeat-y, repeat-x, repeat-y, repeat-x;
    position: absolute;
    top: -7px;
    left: -7px; }
.ad-2 .ad-badge {
    background: #ff7e22;
    color: #ffffff;
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 5px 20px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 50; }
.ad-2 .ad-content {
    width: 100%;
    height: 100%;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0; }
.ad-2 .ad-content .ad-header {
    width: 100%;
    height: 60%;
    background: #f2f2f2;
    border-right: 4px solid #f2f2f2;
    float: left;
    overflow: hidden; }
.ad-2 .ad-content .ad-header .ad-image {
    width: 100%;
    height: 100%;
    float: right;
    margin: 0;
    position: relative; }
.ad-2 .ad-content .ad-header .ad-image:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background: #333333;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out; }
.ad-2 .ad-content .ad-header .ad-image img {
    width: auto;
    height: 100%;
    max-height: 100%;
    float: right; }
.ad-2 .ad-content .ad-header .ad-image.cat-photo img {
    width: 40%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.4; }
.ad-2 .ad-title {
    width: 100%;
    height: 80px;
    padding: 10px 0;
    float: left; }
@media screen and (min-width: 1920px) {
    .ad-2 .ad-title {
        padding: 10px 0;
        height: 88px; } }
.ad-2 .ad-title h2 {
    margin: 0;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out; }
.ad-2 .ad-meta p {
    font-size: 12px;
    font-size: 0.75rem;
    text-transform: uppercase; }
.ad-2 .ad-meta p.place {
    color: #1f41b1; }
.ad-2 .ad-meta p.date {
    color: #ff7e22; }
.ad-2:hover:before {
    display: block; }
.ad-2:hover .ad-content .ad-header .ad-image:after {
    opacity: 0.3; }
.ad-2:hover .ad-title h2 {
    color: #ff7e22; }

/* Ogłoszenia */
.ogloszenia-panel .show-all-cats {
    color: #1f41b1;
    text-transform: uppercase;
    font-size: 14px;
    float: left;
}

.ogloszenia-panel .show-all-cats span {
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 5px solid #373737;
    float: left;
    margin: 4px 10px 0 0;
}

.ogloszenie {
    border-bottom: 1px solid #f2f2f2;
}

.ogloszenie .zdjecie-wrapper {
    width: 115px;
}

.ogloszenie .zdjecie-wrapper figure {
    font-size: 0;
}

@media screen and (min-width: 1200px) {
    .ogloszenie .zdjecie-wrapper {
        width: 120px;
    }
}

.ogloszenie .szczegoly-wrapper .tytul {
    font-size: 18px;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}

.ogloszenie .szczegoly-wrapper .pracodawca,
.ogloszenie .szczegoly-wrapper .lokalizacja,
.ogloszenie .szczegoly-wrapper .kategoria {
    font-size: 12px;
    text-transform: uppercase;
}
.ogloszenie .szczegoly-wrapper .pracodawca { color: #ff7e22; }
.ogloszenie .szczegoly-wrapper .lokalizacja { color: #1f41b1; }
.ogloszenie .szczegoly-wrapper .cena {
    font-size: 28px;
    font-weight: 700;
    color: #ff7e22;
}

.ogloszenie:hover .szczegoly-wrapper .tytul { color: #ff7e22; }

/* Ogłoszenia slide */
.ogloszenie-slide {
    border-left: 4px solid #f2f2f2;
}

.ogloszenie-slide .tytul {
    height: calc(16px * 1.15 * 3);
    font-size: 16px;
    line-height: 1.15;
    overflow: hidden;
}

@media screen and (min-width: 1920px) {
    .ogloszenie-slide .tytul {
        height: calc(18px * 1.15 * 3);
        font-size: 18px;
    }
}

.ogloszenie-slide .zdjecie { font-size: 0; height: 65px; }
.ogloszenie-slide .zdjecie img { display: inline-block !important; max-height: 100%; margin-top: 32.5px; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%);  transform: translateY(-50%); }

.ogloszenie-slide .zdjecie-inne { font-size: 0; height: 175px; background: #f2f2f2; overflow: hidden; }
.ogloszenie-slide .zdjecie-inne img { display: inline-block !important; height: 100%; margin-left: 50%; -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);  transform: translateX(-50%); }
.ogloszenie-slide .zdjecie-inne .cena { width: auto !important; background: #ff7e22; font-weight: 700; color: #fff; font-size: 22px; padding: 5px 18px; }

.ogloszenie-slide .kategoria,
.ogloszenie-slide .lokalizacja {
    font-size: 12px;
    text-transform: uppercase;
}

.ogloszenie-slide .kategoria {
    line-height: 1.15;
    height: calc(12px * 1.15 * 1);
    overflow: hidden;
}

.ogloszenie-slide .kategoria { color: #ff7e22; }
.ogloszenie-slide .lokalizacja { color: #1f41b1; }

.ogloszenie-slide .pracodawca {
    height: calc(16px * 1.15 * 2);
    font-size: 16px;
    line-height: 1.15;
    font-weight: 600;
    color: #ff7e22;
}

@media screen and (min-width: 1920px) {
    .ogloszenie-slide .pracodawca {
        height: calc(18px * 1.15 * 2);
        font-size: 18px;
    }
}

#header-add-ad {
    width: 100%;
    background: #ffffff;
    float: left;
    position: relative;
    overflow: hidden;
    z-index: 9999; }
#header-add-ad .container {
    -webkit-transition: max-width 0.2s ease-in-out;
    -moz-transition: max-width 0.2s ease-in-out;
    -ms-transition: max-width 0.2s ease-in-out;
    -o-transition: max-width 0.2s ease-in-out;
    transition: max-width 0.2s ease-in-out; }
#header-add-ad.sticky {
    position: fixed;
    top: 0;
    left: 0; }
#header-add-ad.sticky .container {
    max-width: none; }
#header-add-ad.sticky .wrapper:before {
    display: block;
    content: '';
    width: 5000px;
    height: 2px;
    background: #ff7e22;
    position: absolute;
    top: -2px;
    right: 100%; }
#header-add-ad .wrapper {
    border-top: 2px solid #ff7e22;
    padding: 20px 0;
    float: left;
    position: relative; }
#header-add-ad .wrapper:after {
    display: block;
    content: '';
    width: 5000px;
    height: 2px;
    background: #ff7e22;
    position: absolute;
    top: -2px;
    left: 100%; }
#header-add-ad .wrapper .logo {
    display: block;
    padding: 5px 22px 5px 0;
    float: left;
    position: relative; }
#header-add-ad .wrapper .logo:after {
    display: block;
    content: '';
    width: 2px;
    height: 100%;
    background: url("../images/dotted_separator.png") left top repeat;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 20; }
#header-add-ad .wrapper .logo img {
    display: block;
    max-height: 35px; }
#header-add-ad .wrapper .title {
    line-height: 45px;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
    float: left;
    margin: 0 0 0 20px; }
#header-add-ad .close-add-ad {
    position: absolute;
    top: 22px;
    right: 20px; }
#header-add-ad .close-add-ad .text,
#header-add-ad .close-add-ad .icon {
    color: #ff7e22;
    font-size: 18px;
    font-size: 1.125rem;
    text-transform: uppercase;
    font-weight: 700;
    float: left; }
#header-add-ad .close-add-ad .text {
    display: none;
    line-height: 45px;
    margin-right: 20px; }
#header-add-ad .close-add-ad .icon {
    border: 2px solid #ff7e22;
    padding: 8px 8px;
    margin-top: 2.5px; }
@media screen and (min-width: 760px) {
    #header-add-ad .wrapper .logo img {
        max-height: 43px; }
    #header-add-ad .wrapper .title {
        line-height: 53px;
        font-size: 20px;
        font-size: 1.25rem;
        margin: 0 0 0 30px; }
    #header-add-ad .close-add-ad {
        right: 30px; }
    #header-add-ad .close-add-ad .text {
        display: block;
        line-height: 53px; }
    #header-add-ad .close-add-ad .icon {
        margin-top: 6px; } }
@media screen and (min-width: 1200px) {
    #header-add-ad .close-gallery {
        right: 40px; } }

.add-ad .container {
    max-width: 960px; }

#form-add-ad .form-group {
    width: 100%;
    float: left;
    margin-bottom: 30px; }
#form-add-ad .form-group h2 {
    color: #1f41b1;
    font-size: 20px;
    font-size: 1.25rem;
    margin: 0 0 10px 0; }
#form-add-ad .form-group .form-control {
    width: 100%;
    height: 46px;
    background: #f2f2f2;
    border: none;
    font-family: 'Open Sans', sans-serif;
    color: #7d7d7d;
    font-size: 14px;
    font-size: 0.875rem;
    padding: 0 20px;
    float: left;
    margin: 5px 0; }
#form-add-ad .form-group .form-control.select {
    background-image: url("../images/icon_select.svg");
    background-position: calc(100% - 15px) center;
    background-repeat: no-repeat;
    padding: 0 40px 0 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
#form-add-ad .form-group .form-control.select::-ms-expand {
    display: none; }
@media screen and (min-width: 0\0) {
    #form-add-ad .form-group .form-control.select {
        background: none\9;
        padding: 5px\9; } }
#form-add-ad .depends-on-choice {
    display: none; }
#form-add-ad #map {
    display: none;
    width: 100%;
    height: 300px;
    background: #f2f2f2;
    float: left;
    margin: 5px 0; }
#form-add-ad .form-buttons {
    width: 100%;
    text-align: center;
    float: left; }
#form-add-ad .form-buttons .btn {
    margin: 5px; }

.full-ad .ad-header .prev-ad,
.full-ad .ad-header .next-ad {
    color: #1f41b1;
    font-size: 14px;
    font-size: 0.875rem;
    text-transform: uppercase;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out; }
.full-ad .ad-header .prev-ad span,
.full-ad .ad-header .next-ad span {
    -webkit-transition: border 0.2s ease-in-out;
    -moz-transition: border 0.2s ease-in-out;
    -ms-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out; }
.full-ad .ad-header .prev-ad:hover,
.full-ad .ad-header .next-ad:hover {
    color: #ff7e22; }
.full-ad .ad-header .prev-ad:hover span,
.full-ad .ad-header .next-ad:hover span {
    border-right-color: #1f41b1;
    border-left-color: #1f41b1; }
.full-ad .ad-header .prev-ad span {
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 5px solid #373737;
    float: left;
    margin: 4px 10px 0 0; }
.full-ad .ad-header .next-ad span {
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 5px solid #373737;
    float: right;
    margin: 4px 0 0 10px; }
.full-ad .ad-header .btn-add-ad {
    display: inline-block;
    height: 46px;
    background: #1f41b1;
    color: #ffffff;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
    line-height: 46px;
    margin-top: 30px; }
@media screen and (min-width: 990px) {
    .full-ad .ad-header .btn-add-ad {
        margin-top: 0; } }
.full-ad .ad-header .ad-title {
    font-size: 36px;
    font-size: 2.25rem;
    color: #333333;
    line-height: normal; }
.full-ad .ad-header .ad-category {
    background: #f2f2f2;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -ms-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    padding: 10px 25px; }
.full-ad .ad-header .ad-category:hover {
    background: #333333;
    color: #ffffff; }
.full-ad .ad-image img {
    min-width: 100%;
    max-width: 100%; }
.full-ad .ad-details {
    background: url("../images/dotted_separator.png") left bottom repeat-x; }
.full-ad .ad-details p {
    font-size: 14px;
    font-size: 0.875rem;
    margin: 0; }
.full-ad .ad-details p.ad-date, .full-ad .ad-details p.ad-price {
    color: #ff7e22; }
.full-ad .ad-details p.ad-date {
    margin-top: 25px; }
.full-ad .ad-details p.ad-price {
    font-weight: 700;
    font-size: 36px;
    font-size: 2.25rem; }
.full-ad .ad-details p.ad-place, .full-ad .ad-details p.ad-state {
    color: #1f41b1;
    text-transform: uppercase; }
.full-ad .ad-details .fl p {
    text-align: left; }
.full-ad .ad-details .fr p {
    text-align: right; }
.full-ad .ad-szczegoly {
    background: url("../images/dotted_separator.png") left bottom repeat-x; }
.full-ad .ad-szczegoly .detail {
    width: 100%;
    float: left;
    margin: 10px 0; }
.full-ad .ad-szczegoly .detail h4 {
    width: auto;
    color: #1f41b1;
    font-size: 16px;
    font-size: 1rem;
    text-transform: capitalize;
    float: left;
    margin: 0; }
.full-ad .ad-szczegoly .detail p {
    width: auto;
    font-size: 16px;
    font-size: 1rem;
    text-transform: capitalize;
    float: right;
    margin: 0; }
@media screen and (min-width: 480px) {
    .full-ad .ad-szczegoly .detail {
        width: 50%; }
    .full-ad .ad-szczegoly .detail h4 {
        width: 100%;
        margin-bottom: 5px; }
    .full-ad .ad-szczegoly .detail p {
        width: 100%; } }
@media screen and (min-width: 760px) {
    .full-ad .ad-szczegoly .detail {
        width: 33.33333%; } }
.full-ad .ad-location {
    background: url("../images/dotted_separator.png") left top repeat-x; }
.full-ad .ad-description > * {
    width: 100%;
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 18px;
    font-size: 1.125rem;
    color: #333333;
    line-height: normal; }
.full-ad .ad-description .gallery-photos {
    float: left; }
.full-ad .ad-description .gallery-photos .gallery-photo {
    padding: 0; }
.full-ad .ad-description .gallery-photos .gallery-photo:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
.full-ad .ad-description .gallery-photos .gallery-photo figcaption {
    bottom: 0;
    left: 0;
    font-size: 14px;
    font-size: 0.875rem; }
.full-ad .ad-panel-title {
    color: #1f41b1;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 14px;
    font-size: 0.875rem;
    margin: 0 0 5px 0; }
.full-ad .ad-avatar {
    width: 110px;
    height: 110px;
    margin: 30px auto 20px auto;
    overflow: hidden; }
.full-ad .ad-avatar img {
    display: block;
    width: 100%;
    height: 100%;
    border: 2px solid #7d7d7d;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    float: left; }
.full-ad .ad-username {
    color: #363636;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
    text-align: center;
    margin: 15px 0 5px 0; }
.full-ad .ad-created-time {
    color: #ff7e22;
    font-size: 14px;
    font-size: 0.875rem;
    text-align: center;
    margin: 5px 0 30px 0; }
.full-ad .ad-phone-number {
    width: 100%;
    max-width: 400px;
    height: 46px;
    background: #333333;
    margin: 0 auto; }
.full-ad .ad-phone-number .number-placeholder {
    width: calc(100% - 110px);
    height: 46px;
    color: #ffffff;
    font-weight: 700;
    font-size: 16px;
    font-size: 1rem;
    text-align: center;
    line-height: 46px;
    float: left; }
.full-ad .ad-phone-number .show-placeholder {
    width: 110px;
    height: 46px;
    background: #ffffff;
    line-height: 46px;
    font-weight: 700;
    color: #333333;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    font-size: 1rem;
    float: left; }
.full-ad .ad-phone-number .show-placeholder .show-mobi {
    cursor: pointer; }
.full-ad .ad-phone-number.show .number-placeholder {
    width: 100%; }
.full-ad #map {
    height: 300px; }
.full-ad .ad-share {
    text-align: center;
    padding-top: 20px; }
.full-ad .ad-share h4 {
    margin: 0 0 15px 0;
    text-align: center;
    text-transform: uppercase;
    color: #ff7e22; }
@media screen and (min-width: 990px) {
    .full-ad .ad-share {
        text-align: left; }
    .full-ad .ad-share h4 {
        text-align: left; } }

#ad-contact-form .form-control {
    width: 100%;
    height: 46px;
    background: #f2f2f2;
    border: none;
    font-family: 'Open Sans', sans-serif;
    color: #7d7d7d;
    font-size: 14px;
    font-size: 0.875rem;
    padding: 0 20px;
    float: left;
    margin: 5px 0; }
#ad-contact-form .form-control.textarea {
    height: auto;
    resize: none;
    padding: 20px; }
#ad-contact-form .form-buttons {
    width: 100%;
    float: left;
    text-align: right;
    margin: 5px 0; }
#ad-contact-form .form-errors {
    width: 100%;
    text-align: center;
    float: left; }
#ad-contact-form .form-errors p {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 15px 0;
    margin: 5px 0 5px 0; }
#ad-contact-form .form-errors p.error {
    background: #f2dede;
    color: #a94442; }
#ad-contact-form .form-errors p.success {
    background: #dff0d8;
    color: #3c763d; }
#ad-contact-form h2 {
    color: #1f41b1;
    font-size: 20px;
    font-size: 1.25rem;
    margin: 0 0 10px 0; }

.alert {
    width: 100%;
    float: left;
    margin: 50px 0;
    padding: 15px;
    font-size: 16px;
    font-size: 1rem;
    text-align: center; }
.alert.alert-success {
    background: #dff0d8;
    color: #3c763d; }

.order_select {
    height: 46px;
    background: #f2f2f2;
    border: 1px solid #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    font-size: 0.875rem;
    color: #747474;
    padding: 0 20px;
    background-image: url("../images/icon_select.svg");
    background-position: calc(100% - 15px) center;
    background-repeat: no-repeat;
    padding: 0 40px 0 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
.order_select::-ms-expand {
    display: none; }
@media screen and (min-width: 0\0) {
    .order_select {
        background: none\9;
        padding: 5px\9; } }

.number-of-views {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
    text-transform: uppercase; }

.ad-show-all-user-ads {
    display: inline-block;
    border-left: 10px solid #323232;
    padding-left: 20px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    font-size: 0.875rem;
    text-align: left;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out; }
.ad-show-all-user-ads:hover {
    border-color: #ff7e22;
    color: #ff7e22; }

.ad-status h2 {
    width: 100%;
    color: #1f41b1;
    font-weight: 700;
    font-size: 36px;
    font-size: 2.25rem;
    float: left;
    margin: 0; }
.ad-status p {
    width: 100%;
    font-weight: 700;
    float: left;
    margin-top: 50px; }
.ad-status p span {
    text-decoration: underline; }
.ad-status p.orange {
    color: #ff7e22;
    text-transform: uppercase; }

.grey-info {
    font-weight: 700;
    color: #d1d1d1;
    margin: 0; }

.ads-slider {
    position: relative; }
.ads-slider .ad-slide {
    width: 100%;
    float: left; }
.ads-slider .ad-slide .ad {
    width: 100%;
    float: left; }
.ads-slider .ad-slide .ad .ad-photo {
    width: 100%;
    height: 165px;
    background: #f2f2f2;
    float: left;
    overflow: hidden;
    margin: 0; }
.ads-slider .ad-slide .ad .ad-photo img {
    display: block;
    width: auto;
    height: auto;
    max-height: 100%;
    margin: 0 auto; }
@media screen and (min-width: 480px) {
    .ads-slider .ad-slide .ad .ad-photo {
        height: 190px; } }
@media screen and (min-width: 990px) {
    .ads-slider .ad-slide .ad .ad-photo {
        height: 165px; } }
@media screen and (min-width: 1200px) {
    .ads-slider .ad-slide .ad .ad-photo {
        height: 205px; } }

.nav-ads-slider {
    background: #ffffff;
    padding: 10px;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 30; }
@media screen and (min-width: 760px) {
    .nav-ads-slider {
        padding: 15px; } }
.nav-ads-slider img {
    border: 2px solid #ff7e22;
    padding: 5px;
    display: block; }
@media screen and (min-width: 480px) {
    .nav-ads-slider img {
        padding: 8px; } }
@media screen and (min-width: 760px) {
    .nav-ads-slider img {
        padding: 10px; } }
.nav-ads-slider.slick-prev {
    left: 0; }
@media screen and (min-width: 881px) {
    .nav-ads-slider.slick-prev {
        left: calc((100% - ((100% - 720px) / 2) - 720px - 72px)); } }
@media screen and (min-width: 990px) {
    .nav-ads-slider.slick-prev {
        left: 0; } }
@media screen and (min-width: 1100px) {
    .nav-ads-slider.slick-prev {
        left: calc((100% - ((100% - 940px) / 2) - 940px - 72px)); } }
@media screen and (min-width: 1200px) {
    .nav-ads-slider.slick-prev {
        left: 0; } }
@media screen and (min-width: 1351px) {
    .nav-ads-slider.slick-prev {
        left: calc((100% - ((100% - 1190px) / 2) - 1190px - 72px)); } }
@media screen and (min-width: 1920px) {
    .nav-ads-slider.slick-prev {
        left: calc((100% - ((100% - 1500px) / 2) - 1500px - 72px)); } }
.nav-ads-slider.slick-next {
    right: 0; }
@media screen and (min-width: 881px) {
    .nav-ads-slider.slick-next {
        right: calc((100% - ((100% - 720px) / 2) - 720px - 72px)); } }
@media screen and (min-width: 990px) {
    .nav-ads-slider.slick-next {
        right: 0; } }
@media screen and (min-width: 1100px) {
    .nav-ads-slider.slick-next {
        right: calc((100% - ((100% - 940px) / 2) - 940px - 72px)); } }
@media screen and (min-width: 1200px) {
    .nav-ads-slider.slick-next {
        right: 0; } }
@media screen and (min-width: 1351px) {
    .nav-ads-slider.slick-next {
        right: calc((100% - ((100% - 1190px) / 2) - 1190px - 72px)); } }
@media screen and (min-width: 1920px) {
    .nav-ads-slider.slick-next {
        right: calc((100% - ((100% - 1500px) / 2) - 1500px - 72px)); } }

.ad-container {
    overflow: auto; }
.ad-container .ad {
    background: url("../images/reklama_logo_horizontal.svg") center no-repeat; }
.ad-container .ad * {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
.ad-container .ad.vertical {
    background: url("../images/reklama_logo_vertical.svg") center no-repeat; }
.ad-container .ad-w-300 {
    width: 300px; }
.ad-container .ad-w-1000 {
    width: 1000px; }
.ad-container .ad-h-90 {
    height: 90px; }
.ad-container .ad-h-300 {
    height: 300px; }

.box-title p {
    color: #ffffff;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: 400;
    text-transform: uppercase; }
.box-title.orange p {
    background: #ff7e22; }
.box-title.blue p {
    background: #1f41b1; }

.btn {
    display: inline-block;
    height: 46px;
    background: transparent;
    border: 2px solid transparent;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 14px;
    font-size: 0.875rem;
    text-transform: uppercase;
    text-align: center;
    padding: 0 40px;
    line-height: 44px;
    white-space: nowrap;
    cursor: pointer; }
.btn.orange {
    border-color: #ff7e22;
    background: #ffffff;
    color: #ff7e22;
    -webkit-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -ms-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: background 0.2s ease-in-out, color 0.2s ease-in-out; }
.btn.orange:hover {
    background: #ff7e22;
    color: #ffffff; }
.btn.grey {
    border-color: #f2f2f2;
    background: #f2f2f2;
    color: #7a7a7a;
    -webkit-transition: background 0.2s ease-in-out, border 0.2s ease-in-out, color 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out, border 0.2s ease-in-out, color 0.2s ease-in-out;
    -ms-transition: background 0.2s ease-in-out, border 0.2s ease-in-out, color 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out, border 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: background 0.2s ease-in-out, border 0.2s ease-in-out, color 0.2s ease-in-out; }
.btn.grey:hover {
    background: #7a7a7a;
    border-color: #7a7a7a;
    color: #f2f2f2; }
.btn.blue {
    border-color: #1f41b1;
    background: #1f41b1;
    color: #ffffff;
    -webkit-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -ms-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: background 0.2s ease-in-out, color 0.2s ease-in-out; }
.btn.blue:hover {
    background: #ffffff;
    color: #1f41b1; }
.btn.darkgrey {
    border-color: #3e3e3e;
    background: #3e3e3e;
    color: #ffffff;
    -webkit-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -ms-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: background 0.2s ease-in-out, color 0.2s ease-in-out; }
.btn.darkgrey:hover {
    background: #ffffff;
    color: #3e3e3e; }

.add-event {
    display: inline-block;
    width: 100%;
    height: 46px;
    background: #1f41b1;
    border: 2px solid #1f41b1;
    color: #ffffff;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    line-height: 42px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out; }
.add-event:hover {
    background: #ffffff;
    color: #1f41b1; }
@media screen and (min-width: 480px) {
    .add-event {
        width: auto;
        padding: 0 20px; } }

.btn-social {
    display: block;
    width: 40px;
    height: 40px;
    background: transparent;
    border: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    outline: none;
    cursor: pointer; }
.btn-social.facebook {
    background-image: url("../images/icon_facebook.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%; }
.btn-social.twitter {
    background-image: url("../images/icon_twitter.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%; }
.btn-social.wykop {
    background-image: url("../images/icon_wykop.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%; }

#header-gallery .btn-social {
    width: 37px;
    height: 37px; }

#calendar-slider {
    width: 100%;
    float: left; }
#calendar-slider .calendar-header {
    width: 100%;
    height: 60px;
    background: #f9f9f9;
    border-top: 1px solid #e6e6e6;
    float: left; }
#calendar-slider .calendar-header .month-nav {
    width: 60px;
    height: 60px;
    float: left;
    position: relative; }
#calendar-slider .calendar-header .month-nav.prev {
    border-right: 1px solid #e6e6e6; }
#calendar-slider .calendar-header .month-nav.next {
    border-left: 1px solid #e6e6e6; }
#calendar-slider .calendar-header .month-nav img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
#calendar-slider .calendar-header .month-name {
    width: calc(100% - 120px);
    height: 60px;
    text-align: center;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 60px;
    float: left; }
#calendar-slider .calendar-days {
    width: 100%;
    height: 100px;
    background: #f9f9f9;
    float: left; }
#calendar-slider .calendar-days .days-nav {
    width: 60px;
    height: 60px;
    background: #ff7e22;
    float: left;
    position: relative; }
#calendar-slider .calendar-days .days-nav img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
#calendar-slider .calendar-days .days-list {
    width: calc(100% - 120px);
    height: 100px;
    white-space: nowrap;
    float: left;
    overflow: hidden; }
#calendar-slider .calendar-days .days-list .day {
    display: inline-block;
    min-width: 60px;
    height: 100px; }
#calendar-slider .calendar-days .days-list .day:nth-of-type(1) .day-card {
    border-left: 1px solid #e6e6e6; }
#calendar-slider .calendar-days .days-list .day:nth-of-type(1) .day-status {
    border-left: 1px solid #e6e6e6; }
#calendar-slider .calendar-days .days-list .day.is-event .day-status:after {
    display: block;
    content: '';
    width: 5px;
    height: 5px;
    background: #333333;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 2.5px);
    left: calc(50% - 2.5px); }
#calendar-slider .calendar-days .days-list .day.current-date .day-card {
    background: #fcede0; }
#calendar-slider .calendar-days .days-list .day.current-date .day-status {
    background: #fcede0; }
#calendar-slider .calendar-days .days-list .day .day-card {
    width: 100%;
    height: 58px;
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    background: #f9f9f9;
    float: left;
    position: relative; }
#calendar-slider .calendar-days .days-list .day .day-card:after {
    display: block;
    content: '';
    width: 2px;
    height: 3px;
    background: #333333;
    position: absolute;
    bottom: 0;
    left: calc(50% - 1px); }
#calendar-slider .calendar-days .days-list .day .day-card .day-name {
    width: 100%;
    color: #a4a4a4;
    text-transform: uppercase;
    font-size: 10px;
    font-size: 0.625rem;
    text-align: center;
    line-height: 20px;
    float: left; }
#calendar-slider .calendar-days .days-list .day .day-card .day-number {
    width: 100%;
    color: #333333;
    font-size: 14px;
    font-size: 0.875rem;
    text-align: center;
    line-height: 27px;
    float: left; }
#calendar-slider .calendar-days .days-list .day .day-separator {
    width: 100%;
    height: 2px;
    background: #333333;
    float: left; }
#calendar-slider .calendar-days .days-list .day .day-status {
    width: 100%;
    height: 40px;
    background: #f9f9f9;
    border-right: 1px solid #e6e6e6;
    float: left;
    position: relative; }
#calendar-slider .calendar-days .days-list .day.active a {
    position: relative; }
#calendar-slider .calendar-days .days-list .day.active a:after {
    display: block;
    content: '';
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border: 2px solid #ff7e22;
    position: absolute;
    top: 0;
    left: 0; }

.category .title:before {
    content: '';
    width: 100%;
    height: 2px;
    background: #d1d1d1;
    position: absolute;
    left: 0;
    bottom: 36px; }
@media screen and (min-width: 990px) {
    .category .title:before {
        bottom: 46px; } }
.category .title .text {
    width: auto;
    background: #ffffff;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 50%;
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
@media screen and (min-width: 760px) {
    .category .title .text {
        padding-left: 50px;
        padding-right: 50px; } }
@media screen and (min-width: 990px) {
    .category .title .text {
        padding-left: 100px;
        padding-right: 100px; } }
@media screen and (min-width: 1920px) {
    .category .title .text {
        max-width: 40%; } }
.category .title .text span {
    color: #ffefdd;
    font-size: 116px;
    font-size: 7.25rem;
    font-weight: 600; }
.category .title .text h2 {
    color: #1f41b1;
    font-size: 38px;
    font-size: 2.375rem;
    margin-top: -57px; }
.category .title .text h2 a {
    color: #1f41b1;
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out; }
.category .title .text h2 a:hover {
    color: #ff7e22; }
.category .tags ul {
    max-height: 41px;
    overflow: hidden; }
.category .tags ul li a {
    background: #f2f2f2;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.5;
    -webkit-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -ms-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: background 0.2s ease-in-out, color 0.2s ease-in-out; }
.category .tags ul li a:hover {
    background: #333333;
    color: #ffffff; }

.category-page.radom .category-header:before {
    background: #ffa600; }
.category-page.sport .category-header:before {
    background: #4681ff; }
.category-page.region .category-header:before {
    background: #ff634d; }
.category-page.kultura .category-header:before {
    background: #ffcf6a; }
.category-page.edukacja .category-header:before {
    background: #46d5fe; }
.category-page.gwiazdy .category-header:before {
    background: #fb60c7; }
.category-page.styl-zycia .category-header:before {
    background: #fa5575; }
.category-page .category-header:before {
    display: block;
    content: '';
    width: 100%;
    height: 40px;
    background: #ff7e22;
    position: absolute;
    top: calc(50% - 20px);
    left: 0;
    z-index: 10; }
.category-page .category-header h2 {
    line-height: 100px;
    color: #1f41b1;
    font-size: 38px;
    font-size: 2.375rem;
    text-align: center;
    z-index: 20; }
.category-page .category-header h2 span {
    display: inline-block;
    background: #ffffff;
    padding: 0 50px; }
.category-page .category-header h2 span a {
    color: #1f41b1; }
.category-page .category-tags ul {
    max-height: 41px;
    overflow: hidden; }
.category-page .category-tags ul li a {
    background: #f2f2f2;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.5;
    -webkit-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -ms-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: background 0.2s ease-in-out, color 0.2s ease-in-out; }
.category-page .category-tags ul li a:hover {
    background: #333333;
    color: #ffffff; }

.cf:before,
.cf:after {
    content: ' ';
    display: table; }

.cf:after {
    clear: both; }

.cf {
    *zoom: 1; }

.container {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 auto; }
@media screen and (min-width: 760px) {
    .container {
        max-width: 750px;
        padding-left: 15px;
        padding-right: 15px; } }
@media screen and (min-width: 990px) {
    .container {
        max-width: 970px; } }
@media screen and (min-width: 1200px) {
    .container {
        max-width: 1230px;
        padding-left: 20px;
        padding-right: 20px; } }
@media screen and (min-width: 1920px) {
    .container {
        max-width: 1540px; } }

@media screen and (min-width: 990px) {
    .container-md {
        max-width: 970px;
        padding-left: 15px;
        padding-right: 15px;
        margin: 0 auto; } }
@media screen and (min-width: 990px) and (min-width: 1200px) {
    .container-md {
        max-width: 1230px;
        padding-left: 20px;
        padding-right: 20px; } }
@media screen and (min-width: 990px) and (min-width: 1920px) {
    .container-md {
        max-width: 1540px; } }

.top-0 {
    top: 0; }

.right-0 {
    right: 0; }

.bottom-0 {
    bottom: 0; }

.left-0 {
    left: 0; }

.top-10 {
    top: 10px; }

.right-10 {
    right: 10px; }

.bottom-10 {
    bottom: 10px; }

.left-10 {
    left: 10px; }

@media screen and (min-width: 480px) {
    .top-0-xs {
        top: 0; }

    .right-0-xs {
        right: 0; }

    .bottom-0-xs {
        bottom: 0; }

    .left-0-xs {
        left: 0; }

    .top-10-xs {
        top: 10px; }

    .right-10-xs {
        right: 10px; }

    .bottom-10-xs {
        bottom: 10px; }

    .left-10-xs {
        left: 10px; } }
@media screen and (min-width: 760px) {
    .top-0-sm {
        top: 0; }

    .right-0-sm {
        right: 0; }

    .bottom-0-sm {
        bottom: 0; }

    .left-0-sm {
        left: 0; }

    .top-10-sm {
        top: 10px; }

    .right-10-sm {
        right: 10px; }

    .bottom-10-sm {
        bottom: 10px; }

    .left-10-sm {
        left: 10px; } }
@media screen and (min-width: 990px) {
    .top-0-md {
        top: 0; }

    .right-0-md {
        right: 0; }

    .bottom-0-md {
        bottom: 0; }

    .left-0-md {
        left: 0; }

    .top-10-md {
        top: 10px; }

    .right-10-md {
        right: 10px; }

    .bottom-10-md {
        bottom: 10px; }

    .left-10-md {
        left: 10px; } }
@media screen and (min-width: 1200px) {
    .top-0-lg {
        top: 0; }

    .right-0-lg {
        right: 0; }

    .bottom-0-lg {
        bottom: 0; }

    .left-0-lg {
        left: 0; }

    .top-10-lg {
        top: 10px; }

    .right-10-lg {
        right: 10px; }

    .bottom-10-lg {
        bottom: 10px; }

    .left-10-lg {
        left: 10px; } }
.dn {
    display: none; }

.db {
    display: block; }

.dib {
    display: inline-block; }

.dt {
    display: table; }

.dtc {
    display: table-cell; }

@media screen and (min-width: 480px) {
    .dn-xs {
        display: none; }

    .db-xs {
        display: block; }

    .dib-xs {
        display: inline-block; }

    .dt-xs {
        display: table; }

    .dtc-xs {
        display: table-cell; } }
@media screen and (min-width: 760px) {
    .dn-sm {
        display: none; }

    .db-sm {
        display: block; }

    .dib-sm {
        display: inline-block; }

    .dt-sm {
        display: table; }

    .dtc-sm {
        display: table-cell; } }
@media screen and (min-width: 990px) {
    .dn-md {
        display: none; }

    .db-md {
        display: block; }

    .dib-md {
        display: inline-block; }

    .dt-md {
        display: table; }

    .dtc-md {
        display: table-cell; } }
@media screen and (min-width: 1200px) {
    .dn-lg {
        display: none; }

    .db-lg {
        display: block; }

    .dib-lg {
        display: inline-block; }

    .dt-lg {
        display: table; }

    .dtc-lg {
        display: table-cell; } }
.entry-1 .entry-thumb:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background: #333333;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out; }
.entry-1 .entry-thumb figcaption {
    z-index: 20; }
.entry-1 .entry-thumb figcaption.event-date {
    background: #333333;
    padding: 6px 12px;
    position: absolute;
    top: 10px;
    left: 10px; }
.entry-1 .entry-thumb figcaption.event-date .day-number {
    color: #ffffff;
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 700;
    padding-right: 12px;
    line-height: 28px;
    border-right: 1px solid #ffffff;
    float: left; }
.entry-1 .entry-thumb figcaption.event-date .date-details {
    height: 28px; }
.entry-1 .entry-thumb figcaption.event-date .date-details .day-name,
.entry-1 .entry-thumb figcaption.event-date .date-details .time {
    color: #ffffff;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: 400;
    padding-left: 12px;
    line-height: 14px;
    float: left; }
.entry-1 .entry-title {
    height: 68px; }
.entry-1 .entry-title h3 {
    color: #333333;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out; }
.entry-1 .entry-meta {
    height: 14px; }
.entry-1 .entry-meta p {
    font-size: 12px;
    font-size: 0.75rem; }
.entry-1 .entry-meta p.category-name {
    color: #1f41b1;
    text-transform: uppercase; }
.entry-1 .entry-meta p.number-of-comments {
    color: #ff7e22;
    background: url("../images/icon_comments.svg") right center no-repeat;
    padding-right: 21px; }
.entry-1.h-lg .entry-thumb {
    width: calc(50% - 10px);
    margin-right: 10px; }
.entry-1.h-lg .entry-title {
    height: 58px;
    padding-top: 0; }
.entry-1.h-lg.w-2-sb .entry-thumb {
    width: 100%;
    margin-right: 0; }
.entry-1.h-lg.w-2-sb .entry-title {
    height: 52px;
    padding-top: 10px; }
.entry-1.no-xs .entry-thumb {
    width: calc(50% - 10px);
    margin-right: 10px; }
.entry-1.no-xs .entry-title {
    height: 58px;
    padding: 0 0 10px 10px; }
.entry-1.no-sm .entry-thumb {
    width: calc(50% - 10px);
    margin-right: 10px; }
.entry-1.no-sm .entry-title {
    height: 58px;
    padding: 0 0 10px 10px; }
.entry-1.dark .entry-title h3 {
    color: #ffffff; }
.entry-1.dark .entry-meta p.category-name, .entry-1.dark .entry-meta p.number-of-comments {
    color: #ff7e22; }
.entry-1:hover .entry-thumb:after {
    opacity: 0.3; }
.entry-1:hover .entry-title h3 {
    color: #ff7e22; }
@media screen and (min-width: 420px) {
    .entry-1 .entry-title {
        height: 90px;
        padding-top: 10px;
        padding-bottom: 10px; }
    .entry-1.h-lg .entry-title {
        height: 75px;
        padding-top: 0; }
    .entry-1.h-lg.w-2-sb .entry-title {
        height: 70px;
        padding-top: 15px;
        padding-bottom: 15px; }
    .entry-1.no-xs .entry-title {
        height: 70px; }
    .entry-1.no-sm .entry-title {
        height: 70px; } }
@media screen and (min-width: 480px) {
    .entry-1 .entry-title {
        height: 64px;
        padding-top: 8px;
        padding-bottom: 8px; }
    .entry-1.h-lg .entry-thumb {
        width: 100%;
        margin-right: 0; }
    .entry-1.h-lg .entry-title {
        height: 64px;
        padding-top: 8px;
        padding-bottom: 8px; }
    .entry-1.h-lg.w-2-sb .entry-title {
        height: 64px;
        padding-top: 10px;
        padding-bottom: 10px; }
    .entry-1.no-xs .entry-title {
        height: 76px; }
    .entry-1.no-xs.xs-n .entry-thumb {
        width: 100%;
        margin: 0; }
    .entry-1.no-xs.xs-n .entry-title {
        heighT: 64px;
        padding: 10px 0; }
    .entry-1.xs-sm-n .entry-thumb {
        width: calc(50% - 10px);
        margin-right: 10px; }
    .entry-1.xs-sm-n .entry-title {
        height: 82px;
        padding: 0 0 10px 10px; } }
@media screen and (min-width: 600px) {
    .entry-1 .entry-title {
        height: 68px;
        padding-top: 7px;
        padding-bottom: 7px; }
    .entry-1.h-lg .entry-title {
        height: 68px;
        padding-top: 7px;
        padding-bottom: 7px; }
    .entry-1.h-lg.w-2-sb .entry-title {
        height: 78px;
        padding-top: 15px;
        padding-bottom: 15px; }
    .entry-1.no-xs .entry-title {
        height: 82px; }
    .entry-1.no-xs.xs-n .entry-title {
        height: 68px; } }
@media screen and (min-width: 650px) {
    .entry-1 .entry-title {
        height: 78px;
        padding-top: 11px;
        padding-bottom: 11px; }
    .entry-1.h-lg .entry-title {
        height: 78px;
        padding-top: 11px;
        padding-bottom: 11px; }
    .entry-1.h-lg.w-2-sb .entry-title {
        padding-top: 15px;
        padding-bottom: 15px; }
    .entry-1.no-xs.xs-n .entry-title {
        height: 78px;
        padding-top: 15px;
        padding-bottom: 15px; } }
@media screen and (min-width: 760px) {
    .entry-1 .entry-title {
        height: 98px;
        padding-top: 8px;
        padding-bottom: 8px; }
    .entry-1.h-lg .entry-title {
        height: 98px;
        padding-top: 8px;
        padding-bottom: 8px; }
    .entry-1.h-md .entry-title {
        padding-top: 13px; }
    .entry-1.no-xs .entry-title {
        height: 88px; }
    .entry-1.no-xs.xs-n .entry-title {
        height: 98px;
        padding-top: 10px;
        padding-bottom: 10px; }
    .entry-1.xs-sm-n .entry-thumb {
        width: 100%;
        margin: 0; }
    .entry-1.xs-sm-n .entry-title {
        height: 98px;
        padding: 10px 0; } }
@media screen and (min-width: 990px) {
    .entry-1 .entry-title {
        height: 78px;
        padding-top: 11px;
        padding-bottom: 11px; }
    .entry-1 .entry-meta {
        height: 16px; }
    .entry-1.h-md .entry-title {
        height: 86px;
        padding-top: 10px;
        padding-bottom: 10px; }
    .entry-1.h-lg .entry-title {
        height: 78px;
        padding-top: 11px;
        padding-bottom: 11px; }
    .entry-1.h-lg.w-2-sb .entry-title {
        height: 88px;
        padding-top: 17px; }
    .entry-1.no-xs .entry-thumb {
        width: 100%; }
    .entry-1.no-xs .entry-title {
        height: 78px;
        padding: 11px 0; }
    .entry-1.no-xs.xs-n .entry-title {
        height: 76px; }
    .entry-1.xs-sm-n .entry-title {
        height: 76px; } }
@media screen and (min-width: 1200px) {
    .entry-1 .entry-title {
        height: 90px;
        padding-top: 17px;
        padding-bottom: 17px; }
    .entry-1 .entry-meta {
        height: 18px; }
    .entry-1.h-md .entry-title {
        height: 86px;
        padding-top: 9px;
        padding-bottom: 9px; }
    .entry-1.h-lg .entry-title {
        height: 90px;
        padding-top: 17px;
        padding-bottom: 17px; }
    .entry-1.h-lg.w-2-sb .entry-title {
        height: 101px;
        padding-top: 21px;
        padding-bottom: 20px; }
    .entry-1.no-xs .entry-title {
        height: 90px;
        padding: 17px 0; }
    .entry-1.no-xs.xs-n .entry-title {
        height: 90px;
        padding: 15px 0; }
    .entry-1.xs-sm-n .entry-title {
        height: 90px;
        padding: 15px 0; } }
@media screen and (min-width: 1250px) {
    .entry-1.h-lg.w-2-sb .entry-title {
        height: 103px;
        padding-top: 23px;
        padding-bottom: 20px; } }
@media screen and (min-width: 1920px) {
    .entry-1 .entry-title {
        height: 140px;
        padding-top: 20px;
        padding-bottom: 20px; }
    .entry-1.h-sm .entry-title {
        height: 140px;
        padding-top: 20px;
        padding-bottom: 20px; }
    .entry-1.h-lg .entry-title {
        height: 140px;
        padding-top: 20px;
        padding-bottom: 20px; }
    .entry-1.h-lg.w-2-sb .entry-title {
        height: 115px;
        padding-top: 30px;
        padding-bottom: 25px; } }

.entry-2 {
    border-top: 1px solid #eaeaea;
    padding-top: 15px;
    padding-bottom: 15px; }
.entry-2 .entry-title {
    max-height: 50px; }
.entry-2 .entry-title h3 {
    color: #333333;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out; }
.entry-2 .entry-meta.comment {
    height: auto;
    max-height: 28px; }
.entry-2 .entry-meta p {
    font-size: 12px;
    font-size: 0.75rem; }
.entry-2 .entry-meta p.category-name {
    color: #1f41b1;
    text-transform: uppercase; }
.entry-2 .entry-meta p.last-comment {
    color: #ff7e22; }
.entry-2.dark {
    border-color: #273947; }
.entry-2.dark .entry-title h3 {
    color: #ffffff; }
.entry-2.dark .entry-meta p.category-name, .entry-2.dark .entry-meta p.number-of-comments {
    color: #ff7e22; }
.entry-2.dark .entry-meta p.number-of-comments {
    color: #ff7e22;
    background: url("../images/icon_comments.svg") right center no-repeat;
    padding-right: 21px; }
.entry-2:hover .entry-title h3 {
    color: #ff7e22; }
@media screen and (min-width: 760px) {
    .entry-2 {
        height: calc((100% - 29px) / 7);
        padding-top: 0;
        padding-bottom: 0; }
    .entry-2.sngl {
        height: auto;
        padding-top: 15px;
        padding-bottom: 15px; }
    .entry-2 .entry-title {
        max-height: 30px; }
    .entry-2 .entry-meta.comment {
        max-height: 32px; } }
@media screen and (min-width: 990px) {
    .entry-2 {
        height: calc((100% - 28px) / 7); }
    .entry-2.sngl {
        height: calc((100% - 28px) / 7);
        padding-top: 0px;
        padding-bottom: 0px; }
    .entry-2 .entry-meta.comment {
        max-height: 32px; } }
@media screen and (min-width: 1200px) {
    .entry-2 {
        height: calc((100% - 44px) / 7); }
    .entry-2.sngl {
        height: calc((100% - 28px) / 7);
        padding-top: 0px;
        padding-bottom: 0px; } }
@media screen and (min-width: 1920px) {
    .entry-2 .entry-title {
        max-height: 36px; } }

.entry-3 .entry-thumb:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background: #333333;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out; }
.entry-3 .entry-thumb figcaption {
    z-index: 20; }
.entry-3 .entry-title {
    height: 68px; }
.entry-3 .entry-title h3 {
    color: #333333;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out; }
.entry-3 .entry-meta {
    height: 14px; }
.entry-3 .entry-meta p.category-name {
    color: #1f41b1;
    text-transform: uppercase; }
.entry-3.wp .entry-meta {
    height: 26px; }
.entry-3.wp .entry-meta p {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 16px; }
.entry-3.wp .entry-meta p.category-name {
    color: #1f41b1;
    text-transform: uppercase; }
.entry-3.wp .entry-meta p.number-of-comments {
    color: #ff7e22;
    background: url("../images/icon_comments.svg") right center no-repeat;
    padding-right: 21px; }
.entry-3.dark .entry-title h3 {
    color: #ffffff; }
.entry-3.dark .entry-meta p.category-name {
    color: #ff7e22; }
.entry-3:hover .entry-thumb:after {
    opacity: 0.3; }
.entry-3:hover .entry-title h3 {
    color: #ff7e22; }
@media screen and (min-width: 480px) {
    .entry-3.wp .entry-title {
        height: 95px;
        max-height: none; } }
@media screen and (min-width: 590px) {
    .entry-3.wp .entry-title {
        height: 70px; } }
@media screen and (min-width: 760px) {
    .entry-3.wp .entry-title {
        max-height: 54px;
        height: auto; }
    .entry-3.wp .entry-meta {
        height: 47px; } }
@media screen and (min-width: 990px) {
    .entry-3.wp .entry-title {
        width: calc(100% - ((100% / 1.5) - 10px));
        height: 98px;
        max-height: none; } }
@media screen and (min-width: 1200px) {
    .entry-3.wp .entry-title {
        width: calc(100% - ((100% / 1.5) - 46px));
        height: 98px;
        max-height: none; } }
@media screen and (min-width: 1920px) {
    .entry-3.wp .entry-title {
        height: 145px;
        max-height: none; } }

.fn {
    float: none; }

.fl {
    float: left; }

.fr {
    float: right; }

@media screen and (min-width: 480px) {
    .fn-xs {
        float: none; }

    .fl-xs {
        float: left; }

    .fr-xs {
        float: right; } }
@media screen and (min-width: 760px) {
    .fn-sm {
        float: none; }

    .fl-sm {
        float: left; }

    .fr-sm {
        float: right; } }
@media screen and (min-width: 990px) {
    .fn-md {
        float: none; }

    .fl-md {
        float: left; }

    .fr-md {
        float: right; } }
@media screen and (min-width: 1200px) {
    .fn-lg {
        float: none; }

    .fl-lg {
        float: left; }

    .fr-lg {
        float: right; } }
.fs-12 {
    font-size: 12px;
    font-size: 0.75rem; }

.fs-14 {
    font-size: 14px;
    font-size: 0.875rem; }

.fs-16 {
    font-size: 16px;
    font-size: 1rem; }

.fs-18 {
    font-size: 18px;
    font-size: 1.125rem; }

.fs-20 {
    font-size: 20px;
    font-size: 1.25rem; }

.fs-22 {
    font-size: 22px;
    font-size: 1.375rem; }

.fs-24 {
    font-size: 24px;
    font-size: 1.5rem; }

@media screen and (min-width: 760px) {
    .fs-12-sm {
        font-size: 12px;
        font-size: 0.75rem; }

    .fs-14-sm {
        font-size: 14px;
        font-size: 0.875rem; }

    .fs-16-sm {
        font-size: 16px;
        font-size: 1rem; }

    .fs-18-sm {
        font-size: 18px;
        font-size: 1.125rem; }

    .fs-20-sm {
        font-size: 20px;
        font-size: 1.25rem; }

    .fs-22-sm {
        font-size: 22px;
        font-size: 1.375rem; }

    .fs-24-sm {
        font-size: 24px;
        font-size: 1.5rem; } }
@media screen and (min-width: 990px) {
    .fs-12-md {
        font-size: 12px;
        font-size: 0.75rem; }

    .fs-14-md {
        font-size: 14px;
        font-size: 0.875rem; }

    .fs-16-md {
        font-size: 16px;
        font-size: 1rem; }

    .fs-18-md {
        font-size: 18px;
        font-size: 1.125rem; }

    .fs-20-md {
        font-size: 20px;
        font-size: 1.25rem; }

    .fs-22-md {
        font-size: 22px;
        font-size: 1.375rem; }

    .fs-24-md {
        font-size: 24px;
        font-size: 1.5rem; } }
@media screen and (min-width: 1200px) {
    .fs-12-lg {
        font-size: 12px;
        font-size: 0.75rem; }

    .fs-14-lg {
        font-size: 14px;
        font-size: 0.875rem; }

    .fs-16-lg {
        font-size: 16px;
        font-size: 1rem; }

    .fs-18-lg {
        font-size: 18px;
        font-size: 1.125rem; }

    .fs-20-lg {
        font-size: 20px;
        font-size: 1.25rem; }

    .fs-22-lg {
        font-size: 22px;
        font-size: 1.375rem; }

    .fs-24-lg {
        font-size: 24px;
        font-size: 1.5rem; } }
/* Rozmiary czcionek! */
.fs-14 {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: normal; }

.fs-16 {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    line-height: normal; }

.fs-18 {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: normal; }

.fs-20 {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: normal; }

.fs-24 {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: normal; }

@media screen and (min-width: 480px) {
    .fs-14-xs {
        font-size: 14px;
        font-size: 0.875rem;
        font-weight: 700;
        line-height: normal; }

    .fs-16-xs {
        font-size: 16px;
        font-size: 1rem;
        font-weight: 700;
        line-height: normal; }

    .fs-18-xs {
        font-size: 18px;
        font-size: 1.125rem;
        font-weight: 700;
        line-height: normal; }

    .fs-20-xs {
        font-size: 20px;
        font-size: 1.25rem;
        font-weight: 700;
        line-height: normal; }

    .fs-24-xs {
        font-size: 24px;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: normal; } }
@media screen and (min-width: 760px) {
    .fs-14-sm {
        font-size: 14px;
        font-size: 0.875rem;
        font-weight: 700;
        line-height: normal; }

    .fs-16-sm {
        font-size: 16px;
        font-size: 1rem;
        font-weight: 700;
        line-height: normal; }

    .fs-18-sm {
        font-size: 18px;
        font-size: 1.125rem;
        font-weight: 700;
        line-height: normal; }

    .fs-20-sm {
        font-size: 20px;
        font-size: 1.25rem;
        font-weight: 700;
        line-height: normal; }

    .fs-24-sm {
        font-size: 24px;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: normal; } }
@media screen and (min-width: 990px) {
    .fs-14-md {
        font-size: 14px;
        font-size: 0.875rem;
        font-weight: 700;
        line-height: normal; }

    .fs-16-md {
        font-size: 16px;
        font-size: 1rem;
        font-weight: 700;
        line-height: normal; }

    .fs-18-md {
        font-size: 18px;
        font-size: 1.125rem;
        font-weight: 700;
        line-height: normal; }

    .fs-20-md {
        font-size: 20px;
        font-size: 1.25rem;
        font-weight: 700;
        line-height: normal; }

    .fs-24-md {
        font-size: 24px;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: normal; } }
@media screen and (min-width: 1200px) {
    .fs-14-lg {
        font-size: 14px;
        font-size: 0.875rem;
        font-weight: 700;
        line-height: normal; }

    .fs-16-lg {
        font-size: 16px;
        font-size: 1rem;
        font-weight: 700;
        line-height: normal; }

    .fs-18-lg {
        font-size: 18px;
        font-size: 1.125rem;
        font-weight: 700;
        line-height: normal; }

    .fs-20-lg {
        font-size: 20px;
        font-size: 1.25rem;
        font-weight: 700;
        line-height: normal; }

    .fs-24-lg {
        font-size: 24px;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: normal; } }
@media screen and (min-width: 1920px) {
    .fs-14-xl {
        font-size: 14px;
        font-size: 0.875rem;
        font-weight: 700;
        line-height: normal; }

    .fs-16-xl {
        font-size: 16px;
        font-size: 1rem;
        font-weight: 700;
        line-height: normal; }

    .fs-18-xl {
        font-size: 18px;
        font-size: 1.125rem;
        font-weight: 700;
        line-height: normal; }

    .fs-20-xl {
        font-size: 20px;
        font-size: 1.25rem;
        font-weight: 700;
        line-height: normal; }

    .fs-24-xl {
        font-size: 24px;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: normal; } }
.fw-300 {
    font-weight: 300; }

.fw-400 {
    font-weight: 400; }

.fw-600 {
    font-weight: 600; }

.fw-700 {
    font-weight: 700; }

@media screen and (min-width: 480px) {
    .fw-300-xs {
        font-weight: 300; }

    .fw-400-xs {
        font-weight: 400; }

    .fw-600-xs {
        font-weight: 600; }

    .fw-700-xs {
        font-weight: 700; } }
@media screen and (min-width: 760px) {
    .fw-300-sm {
        font-weight: 300; }

    .fw-400-sm {
        font-weight: 400; }

    .fw-600-sm {
        font-weight: 600; }

    .fw-700-sm {
        font-weight: 700; } }
@media screen and (min-width: 990px) {
    .fw-300-md {
        font-weight: 300; }

    .fw-400-md {
        font-weight: 400; }

    .fw-600-md {
        font-weight: 600; }

    .fw-700-md {
        font-weight: 700; } }
@media screen and (min-width: 1200px) {
    .fw-300-lg {
        font-weight: 300; }

    .fw-400-lg {
        font-weight: 400; }

    .fw-600-lg {
        font-weight: 600; }

    .fw-700-lg {
        font-weight: 700; } }
.full-article {
    border-top: 2px solid #f9f9f9; }
.full-article .article-tags {
    padding-top: 0; }
.full-article .article-tags ul {
    max-height: none;
    overflow: visible; }
.full-article .article-tags ul li a {
    background: #f2f2f2;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.5;
    text-transform: uppercase;
    -webkit-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -ms-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: background 0.2s ease-in-out, color 0.2s ease-in-out; }
.full-article .article-tags ul li a:hover {
    background: #333333;
    color: #ffffff; }
.full-article .article-tags ul li.active a {
    background: #333333;
    color: #ffffff; }
.full-article .social-media li {
    padding: 8px 9px 8px 8px;
    position: relative; }
.full-article .social-media li:after {
    display: block;
    content: '';
    width: 1px;
    height: 15px;
    background: #d1d1d1;
    position: absolute;
    top: calc(50% - 7.5px);
    right: 0; }
.full-article .social-media li:last-child:after {
    display: none; }
.full-article .social-media.with-abuse {
    width: 100%; }
.full-article .social-media.with-abuse li:nth-last-child(2):after {
    display: none; }
.full-article .social-media.with-abuse li:last-child {
    margin-left: 50px; }
@media screen and (min-width: 990px) {
    .full-article .social-media.with-abuse li:last-child {
        margin-left: 0; } }
.full-article .article-header h1 {
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: 700;
    color: #333333;
    line-height: normal; }
@media screen and (min-width: 760px) {
    .full-article .article-header h1 {
        font-size: 32px;
        font-size: 2rem; } }
@media screen and (min-width: 990px) {
    .full-article .article-header h1 {
        font-size: 36px;
        font-size: 2.25rem; } }
.full-article .article-image {
    position: relative; }
.full-article .article-image img {
    width: auto;
    height: auto;
    margin: 0 auto; }
.full-article .article-image img.ad-img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 550px; }
.full-article .article-image .gallery-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
.full-article .article-teaser h2 {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 700;
    color: #333333;
    line-height: normal; }
@media screen and (min-width: 760px) {
    .full-article .article-teaser h2 {
        font-size: 22px;
        font-size: 1.375rem; } }
@media screen and (min-width: 1200px) {
    .full-article .article-teaser h2 {
        font-size: 24px;
        font-size: 1.5rem; } }
.full-article .article-content img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 auto 30px auto; }
.full-article .article-content p {
    width: 100%;
    color: #333333;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.6666666;
    float: left;
    margin-top: 0;
    margin-bottom: 30px; }
.full-article .article-content div {
    line-height: 1.6666666; }
.full-article .article-content h1, .full-article .article-content h2, .full-article .article-content h3, .full-article .article-content h4, .full-article .article-content h5, .full-article .article-content h6 {
    width: 100%;
    float: left;
    margin-top: 0;
    margin-bottom: 15px;
    line-height: normal; }
.full-article .article-content ul, .full-article .article-content ol {
    width: 100%;
    float: left;
    margin-top: 0;
    margin-bottom: 30px; }
.full-article .article-content ul li, .full-article .article-content ol li {
    width: 100%;
    float: left;
    line-height: 1.5; }
.full-article .article-content span {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400;
    line-height: 1.6666666;
    width: 100%;
    color: #333333 !important;
    font-size: 1.125rem !important; }
.full-article .article-content hr {
    width: 100%;
    height: 2px;
    background: url("../images/dotted_separator.png") left top repeat;
    border: none;
    float: left;
    margin: 0 0 30px 0; }
.full-article .article-content .article-link {
    width: 100%;
    float: left;
    border: 2px solid #ff7e22;
    margin-bottom: 30px; }
.full-article .article-content .article-link a {
    width: 100%;
    height: 100%;
    float: left;
    padding: 20px;
    color: #ff7e22;
    font-style: italic; }
.full-article .article-content .article-link a:hover {
    text-decoration: underline; }
.full-article .article-content .article-tags ul li {
    width: auto; }
.full-article .article-content .article-inset {
    width: 100%;
    float: left;
    padding: 20px 0;
    position: relative; }
.full-article .article-content .article-inset:before, .full-article .article-content .article-inset:after {
    display: block;
    content: '';
    width: 100%;
    height: 2px;
    background: url("../images/dotted_separator.png") left top repeat;
    position: absolute;
    left: 0; }
.full-article .article-content .article-inset:before {
    top: 0; }
.full-article .article-content .article-inset:after {
    bottom: 0; }
.full-article .article-content .before-live {
    width: 100%;
    float: left; }
.full-article .article-content .live-relation {
    width: 100%;
    padding-bottom: 20px;
    float: left; }
.full-article .article-content .live-relation .relations-list {
    display: block;
    float: left; }
.full-article .article-content .live-relation .relations-list tr {
    display: block;
    float: left; }
.full-article .article-content .live-relation .relations-list tr td:nth-child(1) {
    display: block;
    width: 50%;
    float: left;
    color: #ff7e22;
    font-weight: 700;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
    font-size: 1.125rem;
    vertical-align: top; }
.full-article .article-content .live-relation .relations-list tr td:nth-child(1) p {
    color: #ff7e22;
    margin: 5px 0; }
.full-article .article-content .live-relation .relations-list tr td:nth-child(2) {
    display: block;
    width: 50%;
    float: left;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    vertical-align: top; }
.full-article .article-content .live-relation .relations-list tr td:nth-child(3) {
    display: block;
    width: 100%;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
    padding-top: 10px;
    padding-bottom: 20px;
    float: left; }
.full-article .article-content .live-relation .relations-list tr td:nth-child(3) p {
    margin: 5px 0; }
@media screen and (min-width: 760px) {
    .full-article .article-content .live-relation .relations-list {
        display: table;
        float: none; }
    .full-article .article-content .live-relation .relations-list tr {
        display: table-row;
        float: none; }
    .full-article .article-content .live-relation .relations-list tr td:nth-child(1) {
        display: table-cell;
        width: 80px;
        padding-top: 15px;
        padding-bottom: 15px;
        float: none;
        vertical-align: middle; }
    .full-article .article-content .live-relation .relations-list tr td:nth-child(2) {
        display: table-cell;
        width: 80px;
        padding-top: 15px;
        padding-bottom: 15px;
        float: none;
        vertical-align: middle;
        font-size: 0; }
    .full-article .article-content .live-relation .relations-list tr td:nth-child(2) img {
        display: inline-block;
        margin: 0 auto; }
    .full-article .article-content .live-relation .relations-list tr td:nth-child(3) {
        display: table-cell;
        width: calc(100% - 160px);
        padding-top: 15px;
        padding-left: 30px;
        padding-bottom: 15px;
        float: none;
        vertical-align: middle; } }
.full-article .article-content .live-title {
    color: #ff7e22;
    font-size: 14px;
    font-size: 0.875rem;
    text-transform: uppercase; }
.full-article .article-content .live-team {
    width: 100%;
    border: 2px solid #333333;
    padding: 20px;
    float: left;
    margin-top: 20px; }
.full-article .article-content .live-team h3 {
    width: 100%;
    float: left;
    text-align: center;
    text-transform: uppercase;
    color: #ff7e22;
    font-size: 22px;
    font-size: 1.375rem;
    margin: 0 0 30px 0; }
.full-article .article-content .live-team .teams {
    display: block;
    width: 100%;
    float: left; }
.full-article .article-content .live-team .teams .team {
    display: block;
    width: 100%;
    float: left; }
.full-article .article-content .live-team .teams .team.left {
    background: url("../images/dotted_separator_horizontal.png") left bottom repeat-x;
    padding-bottom: 40px; }
.full-article .article-content .live-team .teams .team.right {
    background: url("../images/dotted_separator_horizontal.png") left top repeat-x;
    padding-top: 40px; }
.full-article .article-content .live-team .teams .team h4 {
    font-size: 16px;
    font-size: 1rem;
    margin: 0 0 5px 0; }
.full-article .article-content .live-team .teams .team h4.br {
    margin-top: 30px; }
.full-article .article-content .live-team .teams .team p {
    font-size: 16px;
    font-size: 1rem;
    margin: 5px 0; }
@media screen and (min-width: 760px) {
    .full-article .article-content .live-team {
        padding: 40px; }
    .full-article .article-content .live-team .teams {
        display: table; }
    .full-article .article-content .live-team .teams .team {
        display: table-cell;
        width: 50%;
        vertical-align: top;
        float: none; }
    .full-article .article-content .live-team .teams .team.left {
        background: url("../images/dotted_separator_vertical.png") right top repeat-y;
        padding-right: 40px;
        padding-bottom: 0; }
    .full-article .article-content .live-team .teams .team.right {
        background: url("../images/dotted_separator_vertical.png") left top repeat-y;
        padding-left: 40px;
        padding-top: 0; } }
.full-article .gallery-photos {
    float: left;
    margin-bottom: 30px; }
.full-article .gallery-photos .gallery-photo {
    padding: 0; }
.full-article .gallery-photos .gallery-photo:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
.full-article .gallery-photos .gallery-photo img {
    margin: 0; }
.full-article .gallery-photos .gallery-photo figcaption {
    bottom: 0;
    left: 0;
    font-size: 14px;
    font-size: 0.875rem; }

.search .search-tags {
    text-align: center; }
.search .search-tags li {
    display: inline-block;
    font-size: 18px;
    font-size: 1.125rem;
    margin: 5px 20px; }
.search .search-tags li .remove-tag {
    border: 2px solid #ff7e22;
    color: #ff7e22;
    text-transform: uppercase;
    font-weight: 700;
    padding: 0 3px;
    margin-left: 10px; }
.search #search-form label {
    display: block;
    width: 100%;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
    color: #ff7e22;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 10px;
    float: left; }
.search #search-form input {
    display: block;
    width: calc(100% - 56px);
    height: 46px;
    border: 2px solid #ff7e22;
    font-family: 'Open Sans', sans-serif;
    color: #7d7d7d;
    font-size: 14px;
    font-size: 0.875rem;
    padding: 0 20px;
    float: left; }
.search #search-form button {
    display: block;
    width: 46px;
    height: 46px;
    background: transparent url("../images/icon_form_search.svg") center center no-repeat;
    border: none;
    position: relative;
    float: left;
    padding: 0;
    margin-left: 10px;
    cursor: pointer;
    text-indent: -99999em; }
@media screen and (min-width: 760px) {
    .search .search-tags ul {
        text-align: left; }
    .search .search-tags ul li:first-child {
        margin: 0 20px 0 0; }
    .search #search-form {
        text-align: center; }
    .search #search-form .wrapper {
        display: inline-block; }
    .search #search-form .wrapper label {
        width: auto;
        margin-right: 15px;
        padding-bottom: 0;
        line-height: 46px; }
    .search #search-form .wrapper input {
        width: auto;
        min-width: 450px; } }

.relations-list {
    display: block;
    float: left; }
.relations-list tr {
    display: block;
    float: left; }
.relations-list tr td:nth-child(1) {
    display: block;
    width: 50%;
    float: left;
    color: #ff7e22;
    font-weight: 700;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
    font-size: 1.125rem;
    vertical-align: top; }
.relations-list tr td:nth-child(1) p {
    color: #ff7e22;
    margin: 5px 0; }
.relations-list tr td:nth-child(2) {
    display: block;
    width: 50%;
    float: left;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    vertical-align: top; }
.relations-list tr td:nth-child(3) {
    display: block;
    width: 100%;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
    padding-top: 10px;
    padding-bottom: 20px;
    float: left; }
.relations-list tr td:nth-child(3) p {
    margin: 5px 0; }
@media screen and (min-width: 760px) {
    .relations-list {
        display: table;
        float: none; }
    .relations-list tr {
        display: table-row;
        float: none; }
    .relations-list tr td:nth-child(1) {
        display: table-cell;
        width: 80px;
        padding-top: 10px;
        padding-bottom: 20px;
        float: none; }
    .relations-list tr td:nth-child(2) {
        display: table-cell;
        width: 80px;
        padding-top: 15px;
        padding-bottom: 20px;
        float: none; }
    .relations-list tr td:nth-child(3) {
        display: table-cell;
        width: calc(100% - 160px);
        padding-top: 10px;
        padding-left: 30px;
        padding-bottom: 20px;
        float: none; } }

.social-media li {
    padding: 8px 9px 8px 8px;
    position: relative; }
.social-media li:after {
    display: block;
    content: '';
    width: 1px;
    height: 15px;
    background: #d1d1d1;
    position: absolute;
    top: calc(50% - 7.5px);
    right: 0; }
.social-media li:last-child:after {
    display: none; }
.social-media.with-abuse {
    width: 100%; }
.social-media.with-abuse li:nth-last-child(2):after {
    display: none; }
.social-media.with-abuse li:last-child {
    margin-left: 50px; }
@media screen and (min-width: 990px) {
    .social-media.with-abuse li:last-child {
        margin-left: 0; } }

#footer {
    background: #f9f9f9; }
#footer .bg-g {
    background: #f9f9f9; }
#footer .title-orange-bg {
    font-weight: 400;
    text-transform: uppercase;
    line-height: 25px; }
#footer .title-orange-bg span {
    background: #ff7e22;
    color: #ffffff;
    font-size: 14px;
    font-size: 0.875rem;
    -o-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    padding: 3px 15px; }
#footer .copyrights,
#footer .author {
    font-size: 14px;
    font-size: 0.875rem; }
#footer .copyrights {
    color: #1f41b1; }
#footer .author {
    color: #d1d1d1; }
#footer .author a {
    color: #d1d1d1;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out; }
#footer .author a:hover {
    color: #ff7e22; }
#footer .links ul li a {
    color: #d1d1d1;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 600; }
@media screen and (min-width: 990px) {
    #footer .links ul li a {
        font-size: 18px;
        font-size: 1.125rem; } }
#footer .links ul li a:hover {
    color: #ff7e22;
    text-decoration: underline; }

#footer-slider {
    width: 100%;
    margin: 0 auto; }
#footer-slider .slide {
    height: 110px; }
#footer-slider .slide:before, #footer-slider .slide:after {
    display: block;
    content: '';
    width: 1px;
    height: 76px;
    background: url("../images/dotted_separator.png") left top repeat;
    position: absolute;
    top: calc(50% - 38px);
    z-index: 30; }
#footer-slider .slide:before {
    left: 0; }
#footer-slider .slide:after {
    right: 0; }
#footer-slider .slide a {
    display: block;
    width: 100%;
    height: 100%;
    float: left;
    position: relative; }
#footer-slider .slide a img {
    display: block;
    max-width: calc(100% - 20px);
    max-height: calc(100% - 20px);
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
#footer-slider .slick-prev,
#footer-slider .slick-next {
    width: 40px;
    height: 46px;
    border: 2px solid #ff7e22;
    padding: 12px 13px;
    position: absolute;
    top: calc(50% - 23px);
    z-index: 30; }
#footer-slider .slick-prev {
    left: 0; }
#footer-slider .slick-next {
    right: 0; }

.nav-footer-slider {
    background: #ffffff;
    padding: 10px;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 30; }
@media screen and (min-width: 760px) {
    .nav-footer-slider {
        padding: 15px; } }
.nav-footer-slider img {
    border: 2px solid #ff7e22;
    padding: 5px;
    display: block; }
@media screen and (min-width: 480px) {
    .nav-footer-slider img {
        padding: 8px; } }
@media screen and (min-width: 760px) {
    .nav-footer-slider img {
        padding: 10px; } }
.nav-footer-slider.slick-prev {
    left: 0; }
@media screen and (min-width: 881px) {
    .nav-footer-slider.slick-prev {
        left: calc((100% - ((100% - 720px) / 2) - 720px - 72px)); } }
@media screen and (min-width: 990px) {
    .nav-footer-slider.slick-prev {
        left: 0; } }
@media screen and (min-width: 1100px) {
    .nav-footer-slider.slick-prev {
        left: calc((100% - ((100% - 940px) / 2) - 940px - 72px)); } }
@media screen and (min-width: 1200px) {
    .nav-footer-slider.slick-prev {
        left: 0; } }
@media screen and (min-width: 1351px) {
    .nav-footer-slider.slick-prev {
        left: calc((100% - ((100% - 1190px) / 2) - 1190px - 72px)); } }
@media screen and (min-width: 1920px) {
    .nav-footer-slider.slick-prev {
        left: calc((100% - ((100% - 1500px) / 2) - 1500px - 72px)); } }
.nav-footer-slider.slick-next {
    right: 0; }
@media screen and (min-width: 881px) {
    .nav-footer-slider.slick-next {
        right: calc((100% - ((100% - 720px) / 2) - 720px - 72px)); } }
@media screen and (min-width: 990px) {
    .nav-footer-slider.slick-next {
        right: 0; } }
@media screen and (min-width: 1100px) {
    .nav-footer-slider.slick-next {
        right: calc((100% - ((100% - 940px) / 2) - 940px - 72px)); } }
@media screen and (min-width: 1200px) {
    .nav-footer-slider.slick-next {
        right: 0; } }
@media screen and (min-width: 1351px) {
    .nav-footer-slider.slick-next {
        right: calc((100% - ((100% - 1190px) / 2) - 1190px - 72px)); } }
@media screen and (min-width: 1920px) {
    .nav-footer-slider.slick-next {
        right: calc((100% - ((100% - 1500px) / 2) - 1500px - 72px)); } }

.form {
    width: 100%;
    float: left; }
.form.modal-form .form-control {
    height: 46px;
    background: #f2f2f2;
    border: 1px solid #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    font-size: 0.875rem;
    color: #747474;
    padding: 0 20px; }
.form.modal-form .form-control.select {
    background-image: url("../images/icon_select.svg");
    background-position: calc(100% - 15px) center;
    background-repeat: no-repeat;
    padding: 0 40px 0 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
.form.modal-form .form-control.select::-ms-expand {
    display: none; }
@media screen and (min-width: 0\0) {
    .form.modal-form .form-control.select {
        background: none\9;
        padding: 5px\9; } }
.form.modal-form .btn {
    height: 44px;
    background: #ffffff;
    border: 2px solid #ff7e22;
    color: #ff7e22;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 14px;
    font-size: 0.875rem;
    text-transform: uppercase;
    margin: 1px 0;
    cursor: pointer; }

.galleries-slider #galleries-slider {
    position: relative; }
.galleries-slider #galleries-slider .slick-dots {
    position: absolute;
    bottom: 30px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center; }
.galleries-slider #galleries-slider .slick-dots li {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 14px;
    margin: 0 5px;
    padding: 5px 0;
    cursor: pointer; }
.galleries-slider #galleries-slider .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 60px;
    height: 4px;
    background: #ffffff;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
.galleries-slider #galleries-slider .slick-dots li button:hover, .galleries-slider #galleries-slider .slick-dots li button:focus {
    outline: none; }
.galleries-slider #galleries-slider .slick-dots li.slick-active button {
    background: #ff7e22; }
.galleries-slider #galleries-slider .galleries-left-arrow,
.galleries-slider #galleries-slider .galleries-right-arrow {
    width: 63px;
    height: 63px;
    background: #ffffff;
    padding: 15px;
    position: absolute;
    top: 0;
    z-index: 100; }
.galleries-slider #galleries-slider .galleries-left-arrow a,
.galleries-slider #galleries-slider .galleries-right-arrow a {
    width: 100%;
    height: 100%;
    border: 2px solid #ff7e22;
    padding: 8px 7.5px;
    float: left; }
.galleries-slider #galleries-slider .galleries-left-arrow a img,
.galleries-slider #galleries-slider .galleries-right-arrow a img {
    display: block;
    width: 8px;
    height: 14px;
    float: left; }
@media screen and (min-width: 760px) {
    .galleries-slider #galleries-slider .galleries-left-arrow,
    .galleries-slider #galleries-slider .galleries-right-arrow {
        width: 90px;
        height: 86px;
        top: calc(50% - 43px); }
    .galleries-slider #galleries-slider .galleries-left-arrow a,
    .galleries-slider #galleries-slider .galleries-right-arrow a {
        padding: 12px 13px; }
    .galleries-slider #galleries-slider .galleries-left-arrow a img,
    .galleries-slider #galleries-slider .galleries-right-arrow a img {
        width: 10px;
        height: 18px; } }
.galleries-slider #galleries-slider .galleries-left-arrow {
    left: -20px;
    padding: 15px 15px 15px 20px; }
@media screen and (min-width: 760px) {
    .galleries-slider #galleries-slider .galleries-left-arrow {
        left: -30px;
        padding: 20px 20px 20px 30px; } }
.galleries-slider #galleries-slider .galleries-right-arrow {
    right: -20px;
    padding: 15px 20px 15px 15px; }
@media screen and (min-width: 760px) {
    .galleries-slider #galleries-slider .galleries-right-arrow {
        right: -30px;
        padding: 20px 30px 20px 20px; } }
.galleries-slider #galleries-slider .slide {
    position: relative; }
.galleries-slider #galleries-slider .slide:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background: #333333;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out; }
.galleries-slider #galleries-slider .slide figure {
    width: 100%;
    height: 100%;
    float: left;
    margin: 0;
    position: relative; }
.galleries-slider #galleries-slider .slide figure:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU5JSIgc3RvcC1jb2xvcj0iIzY5Njk2OSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC43Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(105, 105, 105, 0) 59%, rgba(0, 0, 0, 0.7) 100%);
    /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(59%, rgba(105, 105, 105, 0)), color-stop(100%, rgba(0, 0, 0, 0.7)));
    /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(105, 105, 105, 0) 59%, rgba(0, 0, 0, 0.7) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(105, 105, 105, 0) 59%, rgba(0, 0, 0, 0.7) 100%);
    /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(105, 105, 105, 0) 59%, rgba(0, 0, 0, 0.7) 100%);
    /* IE10 preview */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(105, 105, 105, 0) 59%, rgba(0, 0, 0, 0.7) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#b3000000',GradientType=0 );
    /* IE6-8 */
    position: absolute;
    top: 0;
    left: 0;
    z-index: 30; }
.galleries-slider #galleries-slider .slide figure img {
    display: block;
    min-width: 100%;
    max-width: 100%;
    float: left; }
.galleries-slider #galleries-slider .slide figure figcaption {
    width: 100%;
    padding: 0 20px;
    position: absolute;
    bottom: 20px;
    left: 0;
    z-index: 40; }
.galleries-slider #galleries-slider .slide figure figcaption ul {
    margin-bottom: 10px; }
.galleries-slider #galleries-slider .slide figure figcaption .gallery-title {
    max-height: 54px;
    margin-bottom: 10px;
    overflow: hidden; }
.galleries-slider #galleries-slider .slide figure figcaption .gallery-title h2 {
    color: #ffffff;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: normal;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out; }
.galleries-slider #galleries-slider .slide figure figcaption .gallery-meta p {
    color: #ff7e22;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 14px; }
.galleries-slider #galleries-slider .slide figure figcaption .gallery-meta p.category-name {
    text-transform: uppercase; }
.galleries-slider #galleries-slider .slide figure figcaption .gallery-meta p.number-of-comments {
    background: url("../images/icon_comments.svg") right center no-repeat;
    padding-right: 21px; }
.galleries-slider #galleries-slider .slide:hover:after {
    opacity: 0.3; }
.galleries-slider #galleries-slider .slide:hover figure figcaption .gallery-title h2 {
    color: #ff7e22; }
.galleries-slider #galleries-teaser {
    display: none;
    width: 230px;
    height: calc(100% - 140px);
    position: absolute;
    top: 70px;
    right: 85px; }
.galleries-slider #galleries-teaser .teaser {
    width: 100%;
    height: calc((100% - 90px) / 3);
    border: 4px solid #ffffff;
    padding: 0 20px;
    float: left;
    margin: 15px 0;
    cursor: pointer;
    -webkit-transition: background 0.2s ease-in-out, border 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out, border 0.2s ease-in-out;
    -ms-transition: background 0.2s ease-in-out, border 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out, border 0.2s ease-in-out;
    transition: background 0.2s ease-in-out, border 0.2s ease-in-out; }
.galleries-slider #galleries-teaser .teaser .gallery-title {
    max-height: 72px;
    color: #ffffff;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: normal;
    margin: 0;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out; }
.galleries-slider #galleries-teaser .teaser:hover {
    border-color: #ff7e22; }
.galleries-slider #galleries-teaser .teaser:hover .gallery-title {
    color: #ff7e22; }
.galleries-slider #galleries-teaser .teaser.active {
    background: #ff7e22;
    border-color: #ff7e22; }
.galleries-slider #galleries-teaser .teaser.active:hover .gallery-title {
    color: #ffffff; }
@media screen and (min-width: 760px) {
    .galleries-slider #galleries-slider .slide figure figcaption ul {
        margin-bottom: 15px; }
    .galleries-slider #galleries-slider .slide figure figcaption .gallery-title {
        max-height: 66px;
        margin-bottom: 15px; }
    .galleries-slider #galleries-slider .slide figure figcaption .gallery-title h2 {
        font-size: 24px;
        font-size: 1.5rem; } }
@media screen and (min-width: 990px) {
    .galleries-slider #galleries-slider .slide figure figcaption {
        padding-left: 70px;
        padding-right: 335px;
        bottom: 70px; }
    .galleries-slider #galleries-slider .slide figure figcaption ul {
        margin-bottom: 20px; }
    .galleries-slider #galleries-slider .slide figure figcaption .gallery-title {
        min-height: 66px;
        margin-bottom: 20px; }
    .galleries-slider #galleries-slider .slide figure figcaption .gallery-title h2 {
        font-size: 30px;
        font-size: 1.875rem;
        line-height: 32px; }
    .galleries-slider #galleries-teaser {
        display: block; } }
@media screen and (min-width: 1200px) {
    .galleries-slider #galleries-slider .slide figure figcaption {
        padding-left: 80px; }
    .galleries-slider #galleries-teaser {
        right: 100px; } }
@media screen and (min-width: 1920px) {
    .galleries-slider #galleries-slider .slide figure figcaption {
        padding-right: 490px; }
    .galleries-slider #galleries-teaser {
        width: 350px; }
    .galleries-slider #galleries-teaser .teaser {
        padding: 0 40px; }
    .galleries-slider #galleries-teaser .teaser .gallery-title {
        max-height: 90px;
        font-size: 22px;
        font-size: 1.375rem; } }

.gallery-left-arrow,
.gallery-right-arrow {
    width: 63px;
    height: 63px;
    background: #ffffff;
    padding: 15px;
    position: fixed;
    top: calc(50% - 31.5px);
    z-index: 100; }
.gallery-left-arrow a,
.gallery-right-arrow a {
    width: 100%;
    height: 100%;
    border: 2px solid #ff7e22;
    padding: 8px 7.5px;
    float: left; }
.gallery-left-arrow a img,
.gallery-right-arrow a img {
    display: block;
    width: 8px;
    height: 14px;
    float: left; }
@media screen and (min-width: 760px) {
    .gallery-left-arrow,
    .gallery-right-arrow {
        width: 90px;
        height: 86px;
        top: calc(50% - 43px); }
    .gallery-left-arrow a,
    .gallery-right-arrow a {
        padding: 12px 13px; }
    .gallery-left-arrow a img,
    .gallery-right-arrow a img {
        width: 10px;
        height: 18px; } }
@media screen and (min-width: 1200px) {
    .gallery-left-arrow,
    .gallery-right-arrow {
        width: 100px; } }

.gallery-left-arrow {
    left: 0;
    padding: 15px 15px 15px 20px; }
@media screen and (min-width: 760px) {
    .gallery-left-arrow {
        padding: 20px 20px 20px 30px; } }
@media screen and (min-width: 1200px) {
    .gallery-left-arrow {
        padding: 20px 20px 20px 40px; } }

.gallery-right-arrow {
    right: 0;
    padding: 15px 20px 15px 15px; }
@media screen and (min-width: 760px) {
    .gallery-right-arrow {
        padding: 20px 30px 20px 20px; } }
@media screen and (min-width: 1200px) {
    .gallery-right-arrow {
        padding: 20px 40px 20px 20px; } }

#header-gallery {
    width: 100%;
    background: #ffffff;
    float: left;
    position: relative;
    overflow: hidden;
    z-index: 9999; }
#header-gallery .container {
    -webkit-transition: max-width 0.2s ease-in-out;
    -moz-transition: max-width 0.2s ease-in-out;
    -ms-transition: max-width 0.2s ease-in-out;
    -o-transition: max-width 0.2s ease-in-out;
    transition: max-width 0.2s ease-in-out; }
#header-gallery.sticky {
    position: fixed;
    top: 0;
    left: 0; }
#header-gallery.sticky .container {
    max-width: none; }
#header-gallery.sticky .wrapper:before {
    display: block;
    content: '';
    width: 5000px;
    height: 2px;
    background: #ff7e22;
    position: absolute;
    top: -2px;
    right: 100%; }
#header-gallery .wrapper {
    width: 100%;
    padding: 20px 0;
    float: left;
    position: relative; }
#header-gallery .wrapper .logo {
    display: block;
    padding: 5px 22px 5px 0;
    float: left;
    position: relative; }
#header-gallery .wrapper .logo:after {
    display: block;
    content: '';
    width: 2px;
    height: 100%;
    background: url("../images/dotted_separator.png") left top repeat;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 20; }
#header-gallery .wrapper .logo img {
    display: block;
    max-height: 35px; }
#header-gallery .wrapper .social-media {
    margin-top: 0; }
#header-gallery .wrapper .social-media li a img {
    width: auto;
    height: 37px; }
#header-gallery .wrapper .photo-number {
    line-height: 45px;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
    float: left;
    margin: 0 0 0 20px; }
#header-gallery .close-gallery {
    position: absolute;
    top: 22px;
    right: 20px; }
#header-gallery .close-gallery .text,
#header-gallery .close-gallery .icon {
    color: #ff7e22;
    font-size: 18px;
    font-size: 1.125rem;
    text-transform: uppercase;
    font-weight: 700;
    float: left; }
#header-gallery .close-gallery .text {
    display: none;
    line-height: 45px;
    margin-right: 20px; }
#header-gallery .close-gallery .icon {
    border: 2px solid #ff7e22;
    padding: 8px 8px;
    margin-top: 2.5px; }
@media screen and (min-width: 760px) {
    #header-gallery .wrapper .logo img {
        max-height: 43px; }
    #header-gallery .wrapper .photo-number {
        line-height: 53px;
        font-size: 20px;
        font-size: 1.25rem;
        margin: 0 0 0 30px; }
    #header-gallery .close-gallery {
        right: 30px; }
    #header-gallery .close-gallery .text {
        display: block;
        line-height: 53px; }
    #header-gallery .close-gallery .icon {
        margin-top: 6px; } }
@media screen and (min-width: 1200px) {
    #header-gallery .close-gallery {
        right: 40px; } }

#gallery-photo {
    width: 100%;
    float: left; }
#gallery-photo .photo {
    width: 100%;
    float: left; }
#gallery-photo .photo figure {
    width: 100%;
    padding-bottom: 20px;
    float: left;
    margin: 0; }
#gallery-photo .photo figure img {
    display: block;
    width: auto;
    max-width: 100%;
    margin: 0 auto; }
#gallery-photo .photo .gallery-details {
    width: 100%;
    padding-bottom: 20px;
    float: left; }
#gallery-photo .photo .gallery-details h2 {
    font-size: 18px;
    font-size: 1.125rem;
    margin: 0 0 20px 0;
    line-height: 21px; }
#gallery-photo .photo .gallery-details p {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: normal;
    margin: 0; }
#gallery-photo .photo .gallery-social-media {
    width: 100%;
    padding-bottom: 20px;
    float: left; }
#gallery-photo .photo .gallery-social-media ul {
    width: 100%;
    float: left;
    padding-left: 12px;
    position: relative; }
#gallery-photo .photo .gallery-social-media ul:before {
    display: block;
    content: '';
    width: 2px;
    height: 100%;
    background: url("../images/dotted_separator.png") left top repeat;
    position: absolute;
    top: 0;
    left: 0; }
#gallery-photo .photo .gallery-social-media ul li {
    padding: 8px 9px 8px 8px;
    position: relative; }
#gallery-photo .photo .gallery-social-media ul li:after {
    display: block;
    content: '';
    width: 1px;
    height: 15px;
    background: #d1d1d1;
    position: absolute;
    top: calc(50% - 7.5px);
    right: 0; }
#gallery-photo .photo .gallery-social-media ul li:last-child:after {
    display: none; }
#gallery-photo .ad-container {
    display: none; }
@media screen and (min-width: 760px) {
    #gallery-photo .photo figure {
        padding-bottom: 30px; }
    #gallery-photo .photo figure img {
        max-height: 75vh; }
    #gallery-photo .photo .gallery-details {
        width: calc(100% - 183px);
        padding-bottom: 30px;
        padding-right: 30px; }
    #gallery-photo .photo .gallery-details h2 {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 29px; }
    #gallery-photo .photo .gallery-details p {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 21px; }
    #gallery-photo .photo .gallery-social-media {
        width: 183px;
        padding-bottom: 30px; } }
@media screen and (min-width: 990px) {
    #gallery-photo .photo {
        width: calc(100% - 160px);
        padding-right: 30px; }
    #gallery-photo .ad-container {
        display: block;
        width: 160px;
        height: 600px;
        background: url("../images/reklama_logo.svg") center center no-repeat;
        float: left;
        position: relative; }
    #gallery-photo .ad-container .ad {
        position: absolute;
        top: 50%;
        left: 50%;
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); } }
@media screen and (min-width: 1200px) {
    #gallery-photo .photo {
        padding-right: 40px; }
    #gallery-photo .photo figure {
        padding-bottom: 40px; }
    #gallery-photo .photo .gallery-details {
        padding-bottom: 40px;
        padding-right: 40px; }
    #gallery-photo .photo .gallery-social-media {
        padding-bottom: 40px; } }

.gallery-photos {
    padding-bottom: 20px; }
.gallery-photos .gallery-photo {
    padding: 7px; }
.gallery-photos .gallery-photo:after {
    display: block;
    content: '';
    width: calc(100% - 14px);
    height: calc(100% - 14px);
    background: #333333;
    position: absolute;
    opacity: 0;
    top: 7px;
    left: 7px;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out; }
.gallery-photos .gallery-photo figcaption {
    background: #ffffff;
    color: #ff7e22;
    font-weight: 600;
    padding: 3px 10px;
    bottom: 7px;
    left: 7px;
    z-index: 20; }
@media screen and (min-width: 760px) {
    .gallery-photos .gallery-photo figcaption {
        padding: 5px 15px; } }
.gallery-photos .gallery-photo.active {
    background: linear-gradient(90deg, #2d2f56 33.33333%, transparent 33.33333%), linear-gradient(90deg, #2d2f56 33.33333%, transparent 33.33333%), linear-gradient(0deg, #2d2f56 33.33333%, transparent 33.33333%), linear-gradient(0deg, #2d2f56 33.33333%, transparent 33.33333%);
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 6px 2px, 6px 2px, 2px 6px, 2px 6px;
    background-position: 0% 0%, 100% 100%, 0% 100%, 100% 0%;
    animation: border-dance 4s infinite linear; }
.gallery-photos .gallery-photo:hover:after {
    opacity: 0.3; }
@media screen and (min-width: 760px) {
    .gallery-photos {
        padding-bottom: 30px; } }
@media screen and (min-width: 1200px) {
    .gallery-photos {
        padding-bottom: 40px; } }

@-webkit-keyframes border-dance {
    0% {
        background-position: 0% 0%, 100% 100%, 0% 100%, 100% 0%; }
    100% {
        background-position: 100% 0%, 0% 100%, 0% 0%, 100% 100%; } }
@keyframes border-dance {
    0% {
        background-position: 0% 0%, 100% 100%, 0% 100%, 100% 0%; }
    100% {
        background-position: 100% 0%, 0% 100%, 0% 0%, 100% 100%; } }
.galleries-tags ul li a {
    background: #f2f2f2;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -ms-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: background 0.2s ease-in-out, color 0.2s ease-in-out; }
.galleries-tags ul li a:hover {
    background: #333333;
    color: #ffffff; }

.gallery-slider {
    width: 100%;
    padding: 0;
    margin: 0 auto; }
.gallery-slider .slick-prev,
.gallery-slider .slick-next {
    width: 55px;
    height: 63px;
    background: #ffffff;
    position: absolute;
    top: calc(50% - 31.5px);
    z-index: 30; }
.gallery-slider .slick-prev img,
.gallery-slider .slick-next img {
    display: block;
    border: 2px solid #ff7e22;
    padding: 8px;
    margin-top: 12.5px; }
.gallery-slider .slick-prev {
    left: 0; }
.gallery-slider .slick-prev img {
    float: left;
    margin-left: 10px; }
.gallery-slider .slick-next {
    right: 0; }
.gallery-slider .slick-next img {
    float: right;
    margin-right: 10px; }
.gallery-slider .slide {
    padding: 10px;
    overflow: hidden; }
.gallery-slider .slide .gallery-thumb {
    width: 100%;
    float: left;
    overflow: hidden; }
.gallery-slider .slide .gallery-thumb img {
    display: block;
    max-width: 100%;
    min-width: 100%; }
.gallery-slider .slide .gallery-thumb .gallery-title {
    width: 100%;
    max-height: 100px;
    background: rgba(31, 65, 177, 0.8);
    color: #ffffff;
    font-weight: 400;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: normal;
    padding: 10px 15px;
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden; }
@media screen and (min-width: 760px) {
    .gallery-slider .slide {
        padding: 10px 15px; } }
@media screen and (min-width: 1200px) {
    .gallery-slider .slide {
        padding: 10px 20px; } }

.nav-gallery-slider {
    background: #ffffff;
    padding: 10px;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 30; }
@media screen and (min-width: 760px) {
    .nav-gallery-slider {
        padding: 15px; } }
.nav-gallery-slider img {
    border: 2px solid #ff7e22;
    padding: 5px;
    display: block; }
@media screen and (min-width: 480px) {
    .nav-gallery-slider img {
        padding: 8px; } }
@media screen and (min-width: 760px) {
    .nav-gallery-slider img {
        padding: 10px; } }
.nav-gallery-slider.slick-prev {
    left: 0; }
@media screen and (min-width: 881px) {
    .nav-gallery-slider.slick-prev {
        left: calc((100% - ((100% - 720px) / 2) - 720px - 72px)); } }
@media screen and (min-width: 990px) {
    .nav-gallery-slider.slick-prev {
        left: 0; } }
@media screen and (min-width: 1100px) {
    .nav-gallery-slider.slick-prev {
        left: calc((100% - ((100% - 940px) / 2) - 940px - 72px)); } }
@media screen and (min-width: 1200px) {
    .nav-gallery-slider.slick-prev {
        left: 0; } }
@media screen and (min-width: 1351px) {
    .nav-gallery-slider.slick-prev {
        left: calc((100% - ((100% - 1190px) / 2) - 1190px - 72px)); } }
@media screen and (min-width: 1920px) {
    .nav-gallery-slider.slick-prev {
        left: calc((100% - ((100% - 1500px) / 2) - 1500px - 72px)); } }
.nav-gallery-slider.slick-next {
    right: 0; }
@media screen and (min-width: 881px) {
    .nav-gallery-slider.slick-next {
        right: calc((100% - ((100% - 720px) / 2) - 720px - 72px)); } }
@media screen and (min-width: 990px) {
    .nav-gallery-slider.slick-next {
        right: 0; } }
@media screen and (min-width: 1100px) {
    .nav-gallery-slider.slick-next {
        right: calc((100% - ((100% - 940px) / 2) - 940px - 72px)); } }
@media screen and (min-width: 1200px) {
    .nav-gallery-slider.slick-next {
        right: 0; } }
@media screen and (min-width: 1351px) {
    .nav-gallery-slider.slick-next {
        right: calc((100% - ((100% - 1190px) / 2) - 1190px - 72px)); } }
@media screen and (min-width: 1920px) {
    .nav-gallery-slider.slick-next {
        right: calc((100% - ((100% - 1500px) / 2) - 1500px - 72px)); } }

#header {
    background: #ffffff;
    backface-visibility: hidden;
    z-index: 9999;
    overflow: hidden; }
#header .navbar-header {
    padding-top: 15px;
    padding-bottom: 15px; }
#header .navbar-header .navbar-brand {
    float: left;
    margin: 0 0 0 20px; }
#header .navbar-header .navbar-brand a img {
    max-height: 60px; }
#header .navbar-header .navbar-brand a.uwagi {
    font-size: 13px;
    font-size: 0.8125rem;
    color: #c8c8c8;
    font-style: italic;
    font-weight: 600;
    text-decoration: underline;
    white-space: nowrap;
    left: 115px;
    top: 28px;
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out; }
@media screen and (min-width: 990px) {
    #header .navbar-header .navbar-brand a.uwagi {
        left: 167px;
        top: 37px; } }
@media screen and (min-width: 1200px) {
    #header .navbar-header .navbar-brand a.uwagi {
        font-size: 16px;
        font-size: 1rem;
        left: 169px;
        top: 39px; } }
#header .navbar-header .navbar-brand a.uwagi:hover {
    color: #1f41b1; }
#header .navbar-header .navbar-toggle,
#header .navbar-header .navbar-nav-toggle {
    display: block;
    width: 55px;
    height: 40px;
    background: transparent;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    appearance: none;
    font-size: 0;
    text-indent: -9999px;
    padding: 10px;
    float: right;
    margin: 10px 20px 0 0;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: background 0.2s; }
#header .navbar-header .navbar-toggle:focus,
#header .navbar-header .navbar-nav-toggle:focus {
    outline: none; }
#header .navbar-header .navbar-toggle span,
#header .navbar-header .navbar-nav-toggle span {
    display: block;
    width: 35px;
    height: 2px;
    background: #1f41b1;
    position: absolute;
    top: 19px;
    left: 10px; }
#header .navbar-header .navbar-toggle span:before, #header .navbar-header .navbar-toggle span:after,
#header .navbar-header .navbar-nav-toggle span:before,
#header .navbar-header .navbar-nav-toggle span:after {
    display: block;
    content: '';
    width: 35px;
    height: 2px;
    background: #1f41b1;
    position: absolute;
    left: 0;
    transition-duration: 0.2s, 0.2s;
    transition-delay: 0.2s, 0s; }
#header .navbar-header .navbar-toggle span:before,
#header .navbar-header .navbar-nav-toggle span:before {
    top: -9px;
    transition-property: top, transform; }
#header .navbar-header .navbar-toggle span:after,
#header .navbar-header .navbar-nav-toggle span:after {
    bottom: -9px;
    transition-property: bottom, transform; }
#header .navbar-header .navbar-nav-toggle {
    width: 35px;
    height: 20px; }
#header .navbar-header .navbar-nav-toggle span {
    width: 25px;
    top: 10px;
    left: 5px; }
#header .navbar-header .navbar-nav-toggle span:before, #header .navbar-header .navbar-nav-toggle span:after {
    width: 25px; }
#header .navbar-header .navbar-nav-toggle span:before {
    top: -6px; }
#header .navbar-header .navbar-nav-toggle span:after {
    bottom: -6px; }
#header .navbar-header .navbar-nav-toggler.is-active .navbar-nav-toggle span {
    background: none; }
#header .navbar-header .navbar-nav-toggler.is-active .navbar-nav-toggle span:before, #header .navbar-header .navbar-nav-toggler.is-active .navbar-nav-toggle span:after {
    transition-delay: 0s, 0.2s; }
#header .navbar-header .navbar-nav-toggler.is-active .navbar-nav-toggle span:before {
    top: 0;
    transform: rotate(45deg); }
#header .navbar-header .navbar-nav-toggler.is-active .navbar-nav-toggle span:after {
    bottom: 0;
    transform: rotate(-45deg); }
#header .navbar-header .media-menu {
    -webkit-transition: height 0.2s ease-in-out, margin 0.2s ease-in-out;
    -moz-transition: height 0.2s ease-in-out, margin 0.2s ease-in-out;
    -ms-transition: height 0.2s ease-in-out, margin 0.2s ease-in-out;
    -o-transition: height 0.2s ease-in-out, margin 0.2s ease-in-out;
    transition: height 0.2s ease-in-out, margin 0.2s ease-in-out; }
#header .navbar-header .media-menu {
    width: 100%;
    height: 0;
    float: left;
    margin: 0;
    overflow: hidden; }
#header .navbar-header .media-menu li {
    height: 60px;
    float: left; }
#header .navbar-header .media-menu li:nth-child(1), #header .navbar-header .media-menu li:nth-child(2) {
    width: 25%; }
#header .navbar-header .media-menu li:nth-child(1) {
    background: #f6f6f6; }
#header .navbar-header .media-menu li:nth-child(2) {
    background: #0174b7; }
#header .navbar-header .media-menu li:nth-child(3) {
    width: 50%;
    background: #0084c2; }
#header .navbar-header .media-menu li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative; }
#header .navbar-header .media-menu li a img {
    display: block;
    max-width: calc(100% - 20px);
    max-height: calc(100% - 20px);
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
#header .navbar-header .media-menu-md {
    display: none; }
#header .navbar-header .user-menu {
    display: none; }
#header .navbar-nav {
    width: 100%;
    max-height: 0;
    float: left;
    -webkit-transition: max-height 0.2s ease-in-out;
    -moz-transition: max-height 0.2s ease-in-out;
    -ms-transition: max-height 0.2s ease-in-out;
    -o-transition: max-height 0.2s ease-in-out;
    transition: max-height 0.2s ease-in-out; }
#header .navbar-nav .navbar-brand {
    display: none; }
#header .navbar-nav .nav {
    width: 100%;
    float: left; }
#header .navbar-nav .nav li {
    width: 100%;
    float: left;
    position: relative; }
#header .navbar-nav .nav li:after {
    display: block;
    content: '';
    width: 101px;
    height: 2px;
    background: url("../images/dotted_separator.png") top left repeat;
    position: absolute;
    bottom: 0;
    left: calc(50% - 50.5px); }
#header .navbar-nav .nav li a {
    display: block;
    color: #1f41b1;
    font-weight: 700;
    text-transform: uppercase;
    padding: 20px;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out; }
#header .navbar-nav .nav li a:hover {
    color: #ff7e22; }
#header .navbar-nav .nav li.active a {
    color: #ff7e22; }
#header .navbar-nav .user-menu {
    width: 100%;
    float: left; }
#header .navbar-nav .user-menu li {
    width: 33.33333%;
    float: left; }
#header .navbar-nav .user-menu li a {
    display: block;
    text-align: center;
    line-height: 25px;
    font-size: 12px;
    padding: 40px 10px; }
@media screen and (min-width: 480px) {
    #header .navbar-nav .user-menu li a {
        font-size: 14px;
    }
}
#header .navbar-nav .user-menu li a:hover {
    color: #015da6;
}
#header .navbar-nav .user-menu li a:before, #header .navbar-nav .user-menu li a:after {
    opacity: 0;
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out; }
#header .navbar-nav .user-menu li a:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 10px 5px;
    border-color: transparent transparent #333333 transparent;
    position: absolute;
    bottom: 25px;
    left: 50%;
    -moz-transform: translate(-50%, -30px);
    -o-transform: translate(-50%, -30px);
    -ms-transform: translate(-50%, -30px);
    -webkit-transform: translate(-50%, -30px);
    transform: translate(-50%, -30px);
    visibility: hidden; }
#header .navbar-nav .user-menu li a:after {
    content: attr(data-tooltip);
    background: #333333;
    color: #f9f9f9;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 300;
    padding: 6px 12px;
    position: absolute;
    bottom: 0;
    left: 50%;
    -moz-transform: translate(-50%, -30px);
    -o-transform: translate(-50%, -30px);
    -ms-transform: translate(-50%, -30px);
    -webkit-transform: translate(-50%, -30px);
    transform: translate(-50%, -30px);
    white-space: nowrap;
    z-index: 9999;
    visibility: hidden;
    line-height: 1.15; }
#header .navbar-nav .user-menu li a:hover:before, #header .navbar-nav .user-menu li a:hover:after {
    visibility: visible;
    opacity: 1;
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
#header .navbar-nav .user-menu li .avatar {
    display: block;
    width: 25px;
    height: 25px;
    position: relative;
    overflow: hidden; }
#header .navbar-nav .user-menu li .avatar img {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0; }
#header.is-active .navbar-header .navbar-toggle span {
    background: none; }
#header.is-active .navbar-header .navbar-toggle span:before, #header.is-active .navbar-header .navbar-toggle span:after {
    transition-delay: 0s, 0.2s; }
#header.is-active .navbar-header .navbar-toggle span:before {
    top: 0;
    transform: rotate(45deg); }
#header.is-active .navbar-header .navbar-toggle span:after {
    bottom: 0;
    transform: rotate(-45deg); }
#header.is-active .navbar-header .media-menu {
    height: 60px;
    margin: 20px 0 0 0; }
#header.is-active .navbar-nav {
    max-height: calc(100vh - 170px); }
#header.sticky {
    -webkit-box-shadow: 0 0 5px 0 rgba(83, 83, 83, 0.22);
    -moz-box-shadow: 0 0 5px 0 rgba(83, 83, 83, 0.22);
    box-shadow: 0 0 5px 0 rgba(83, 83, 83, 0.22);
    position: fixed;
    top: 0;
    left: 0; }
#header.sticky.is-active {
    overflow-y: auto; }
@media screen and (min-width: 760px) {
    #header .navbar-header .navbar-toggle {
        float: left;
        margin-right: 50px;
        position: relative;
        overflow: visible; }
    #header .navbar-header .navbar-toggle:after {
        display: block;
        content: '';
        width: 2px;
        height: 40px;
        background: url("../images/dotted_separator.png") left top repeat;
        position: absolute;
        top: 0;
        right: -20px; }
    #header .navbar-header .media-menu {
        width: 240px;
        height: 60px;
        float: left;
        margin-right: 20px; }
    #header .navbar-header .media-menu {
        width: 160px;
        height: 40px;
        margin-top: 10px; }
    #header .navbar-header .media-menu li {
        height: 40px; }
    #header.is-active .navbar-header .media-menu {
        margin: 10px 20px 0 0; }
    #header.is-active .navbar-nav {
        max-height: calc(100vh - 90px); } }
@media screen and (min-width: 990px) {
    #header {
        border-bottom: none;
        overflow: hidden; }
    #header .navbar-header {
        padding-top: 20px;
        padding-bottom: 40px;
        position: relative; }
    #header .navbar-header .navbar-brand {
        display: block;
        width: 154px;
        height: 88px;
        float: none;
        margin: 0 auto; }
    #header .navbar-header .navbar-brand a img {
        max-height: none; }


    #header .navbar-header .lista-regionow {
        padding: 0;
        margin: 0;
        position: absolute;
        left: 50%;
        bottom: 20px;
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    #header .navbar-header .lista-regionow li {
        display: inline-block;
        margin-right: 10px;
    }
    #header .navbar-header .lista-regionow li:after {
        display: inline-block;
        content: '|';
        font-size: 13px;
        margin-left: 10px;
    }
    #header .navbar-header .lista-regionow li:last-child {
        margin-right: 0;
    }
    #header .navbar-header .lista-regionow li:last-child:after {
        display: none;
    }
    #header .navbar-header .lista-regionow li a {
        font-size: 13px;
        text-transform: uppercase;
        -webkit-transition: color 0.25s ease-in-out;
        -moz-transition: color 0.25s ease-in-out;
        -ms-transition: color 0.25s ease-in-out;
        -o-transition: color 0.25s ease-in-out;
        transition: color 0.25s ease-in-out;
    }
    #header .navbar-header .lista-regionow li a:hover,
    #header .navbar-header .lista-regionow li a.active {
        color: #ff7e22;
    }

    #header .navbar-header .navbar-toggle,
    #header .navbar-header .media-menu {
        display: none; }
    #header .navbar-header .media-menu-md {
        display: block;
        position: absolute;
        top: 50%;
        /*left: calc(((100% - 970px) / 2) + 15px);*/
        left: calc(((100% - 970px) / 2) - 10px);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    z-index: 99; }
    #header .navbar-header .media-menu-md li {
        height: 55px;
        float: left;
        position: relative; }
    #header .navbar-header .media-menu-md li:after {
        display: block;
        content: '';
        width: 1px;
        height: 15px;
        background: #d1d1d1;
        position: absolute;
        top: calc(50% - 7.5px);
        right: 0; }
    #header .navbar-header .media-menu-md li a {
        display: block;
        height: 55px;
        padding: 15px; }
    #header .navbar-header .media-menu-md li a.txt {
        line-height: 25px;
        font-size: 12px;
    }
    #header .navbar-header .media-menu-md li .region {
        list-style-type: none;
        width: 150px;
        height: 35px;
        background: #f9f9f9;
        padding: 0;
        margin: 10px 0 10px 15px;
        position: relative;
        overflow: hidden;
        -webkit-transition: height 0.25s ease-in-out;
        -moz-transition: height 0.25s ease-in-out;
        -ms-transition: height 0.25s ease-in-out;
        -o-transition: height 0.25s ease-in-out;
        transition: height 0.25s ease-in-out;
    }
    #header .navbar-header .media-menu-md li .region.open {
        height: 70px;
    }
    #header .navbar-header .media-menu-md li .region.open .arrow a {
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    #header .navbar-header .media-menu-md li .region .arrow {
        width: 35px;
        height: 35px;
        background: #eaeaea;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 9999;
    }
    #header .navbar-header .media-menu-md li .region .arrow a {
        width: 100%;
        height: 100%;
        float: left;
        text-align: center;
        padding: 0;
        line-height: 35px;
        font-size: 12px;
    }
    #header .navbar-header .media-menu-md li .region .arrow a:hover {
        color: #1f41b1;
    }
    #header .navbar-header .media-menu-md li .region li {
        width: 100%;
        height: 35px;
        background: #f9f9f9;
        padding: 0;
        float: left;
    }
    #header .navbar-header .media-menu-md li .region li:after {
        display: none;
    }
    #header .navbar-header .media-menu-md li .region li a {
        height: 35px;
        line-height: 35px;
        font-size: 12px;
        padding: 0 10px;
    }
    #header .navbar-header .media-menu-md li .region li a:hover {
        color: #ff7e22;
    }
    /*#header .navbar-header .media-menu-md li .region:hover li a {*/
        /*color: #ff7e22;*/
    /*}*/
    #header .navbar-header .media-menu-md li:hover a.txt {
        color: #1f41b1;
    }
    #header .navbar-header .media-menu-md li a img {
        display: block;
        height: 25px; }
    #header .navbar-header .media-menu-md li:last-child {
        padding-right: 12px;
        position: relative; }
    #header .navbar-header .media-menu-md li:last-child:after {
        display: none;
        content: '';
        width: 2px;
        height: 51px;
        background: url("../images/dotted_separator.png") left top repeat-y;
        position: absolute;
        right: 0;
        top: 50%;
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%); }
    #header .navbar-header .media-menu-md li:last-child a {
        position: relative; }
    #header .navbar-header .media-menu-md li:last-child a:before, #header .navbar-header .media-menu-md li:last-child a:after {
        opacity: 0;
        -webkit-transition: 0.25s ease-in-out;
        -moz-transition: 0.25s ease-in-out;
        -ms-transition: 0.25s ease-in-out;
        -o-transition: 0.25s ease-in-out;
        transition: 0.25s ease-in-out; }
    /*#header .navbar-header .media-menu-md li:last-child a:before {*/
        /*content: '';*/
        /*width: 0;*/
        /*height: 0;*/
        /*border-style: solid;*/
        /*border-width: 0 5px 10px 5px;*/
        /*border-color: transparent transparent #333333 transparent;*/
        /*position: absolute;*/
        /*top: calc(100% - 10px);*/
        /*left: 50%;*/
        /*-moz-transform: translate(-50%, -30px);*/
        /*-o-transform: translate(-50%, -30px);*/
        /*-ms-transform: translate(-50%, -30px);*/
        /*-webkit-transform: translate(-50%, -30px);*/
        /*transform: translate(-50%, -30px);*/
        /*visibility: hidden; }*/
    /*#header .navbar-header .media-menu-md li:last-child a:after {*/
        /*content: attr(data-tooltip);*/
        /*background: #333333;*/
        /*color: #f9f9f9;*/
        /*font-size: 14px;*/
        /*font-size: 0.875rem;*/
        /*font-weight: 300;*/
        /*padding: 6px 12px;*/
        /*position: absolute;*/
        /*top: calc(100% - 3px);*/
        /*left: 50%;*/
        /*-moz-transform: translate(-50%, -30px);*/
        /*-o-transform: translate(-50%, -30px);*/
        /*-ms-transform: translate(-50%, -30px);*/
        /*-webkit-transform: translate(-50%, -30px);*/
        /*transform: translate(-50%, -30px);*/
        /*white-space: nowrap;*/
        /*z-index: 9999;*/
        /*visibility: hidden; }*/
    /*#header .navbar-header .media-menu-md li:last-child a:hover:before, #header .navbar-header .media-menu-md li:last-child a:hover:after {*/
        /*opacity: 1;*/
        /*-moz-transform: translate(-50%, 0);*/
        /*-o-transform: translate(-50%, 0);*/
        /*-ms-transform: translate(-50%, 0);*/
        /*-webkit-transform: translate(-50%, 0);*/
        /*transform: translate(-50%, 0);*/
        /*visibility: visible;*/
    /*line-height: 1.15; }*/
    #header .navbar-header .navbar-nav-toggler {
        position: absolute;
        top: 0;
        right: calc(((100% - 970px) / 2) + 320px); }
    #header .navbar-header .navbar-nav-toggler .navbar-nav-toggle {
        float: left;
        margin-top: 25px; }
    #header .navbar-header .user-menu {
        display: block;
        position: absolute;
        top: calc(50% - 27.5px);
        /*right: calc(((100% - 970px) / 2) + 15px);*/
        right: calc(((100% - 970px) / 2) - 10px);
    }
    #header .navbar-header .user-menu li {
        float: left;
        padding: 0 0 0 1px;
        position: relative; }
    #header .navbar-header .user-menu li:before {
        display: block;
        content: '';
        width: 1px;
        height: 15px;
        background: #d1d1d1;
        position: absolute;
        top: calc(50% - 7.5px);
        left: 0; }
    #header .navbar-header .user-menu li:first-child {
        padding: 0 0 0 12px; }
    #header .navbar-header .user-menu li:first-child:before {
        display: none;
        width: 2px;
        height: 50px;
        background: url("../images/dotted_separator.png") left top repeat;
        top: 2.5px; }
    #header.sticky .navbar-header .user-menu li:first-child:before {
        display: block;
    }
    #header .navbar-header .user-menu li a {
        display: block;
        padding: 15px;
    line-height: 25px;
    font-size: 12px; }
    #header .navbar-header .user-menu li a:hover {
        color: #1f41b1;
    }
    #header .navbar-header .user-menu li a:before, #header .navbar-header .user-menu li a:after {
        opacity: 0;
        -webkit-transition: 0.25s ease-in-out;
        -moz-transition: 0.25s ease-in-out;
        -ms-transition: 0.25s ease-in-out;
        -o-transition: 0.25s ease-in-out;
        transition: 0.25s ease-in-out; }
    #header .navbar-header .user-menu li a:before {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 5px 10px 5px;
        border-color: transparent transparent #333333 transparent;
        position: absolute;
        top: calc(100% - 10px);
        left: 50%;
        -moz-transform: translate(-50%, -30px);
        -o-transform: translate(-50%, -30px);
        -ms-transform: translate(-50%, -30px);
        -webkit-transform: translate(-50%, -30px);
        transform: translate(-50%, -30px);
        visibility: hidden; }
    #header .navbar-header .user-menu li a:after {
        content: attr(data-tooltip);
        background: #333333;
        color: #f9f9f9;
        font-size: 14px;
        font-size: 0.875rem;
        font-weight: 300;
        padding: 6px 12px;
        position: absolute;
        top: calc(100% - 3px);
        left: 50%;
        -moz-transform: translate(-50%, -30px);
        -o-transform: translate(-50%, -30px);
        -ms-transform: translate(-50%, -30px);
        -webkit-transform: translate(-50%, -30px);
        transform: translate(-50%, -30px);
        white-space: nowrap;
        z-index: 9999;
        visibility: hidden;
        line-height: 1.15; }
    #header .navbar-header .user-menu li a:hover:before, #header .navbar-header .user-menu li a:hover:after {
        opacity: 1;
        -moz-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        visibility: visible; }
    #header .navbar-header .user-menu li a img {
        display: block; }
    #header .navbar-header .user-menu .avatar {
        display: block;
        width: 25px;
        height: 25px;
        position: relative;
        overflow: hidden; }
    #header .navbar-header .user-menu .avatar img {
        display: block;
        width: 100%;
        height: 100%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        position: absolute;
        top: 0;
        left: 0; }
    #header .navbar-nav {
        height: auto;
        max-height: none;
        border-top: 2px solid #ff7e22;
        position: relative; }
    #header .navbar-nav .nav {
        text-align: center; }
    #header .navbar-nav .nav li {
        display: inline-block;
        width: auto;
        float: none;
        margin: 0 -2px; }
    #header .navbar-nav .nav li:before {
        display: block;
        content: '';
        width: 1px;
        height: 15px;
        background: #d1d1d1;
        position: absolute;
        top: calc(50% - 7.5px);
        left: -1px; }
    #header .navbar-nav .nav li:after {
        display: block;
        content: '';
        width: 100%;
        height: 0;
        background: #ff7e22;
        top: 0;
        bottom: auto;
        left: 0;
        -webkit-transition: height 0.2s ease-in-out;
        -moz-transition: height 0.2s ease-in-out;
        -ms-transition: height 0.2s ease-in-out;
        -o-transition: height 0.2s ease-in-out;
        transition: height 0.2s ease-in-out; }
    #header .navbar-nav .nav li:first-child:before {
        display: none; }
    #header .navbar-nav .nav li a {
        padding: 30px 16px;
        font-size: 16px;
        font-size: 1rem; }
    #header .navbar-nav .nav li.dn-sm {
        display: none; }
    #header .navbar-nav .nav li:hover:after {
        height: 4px; }
    #header .navbar-nav .nav li.active:after {
        height: 4px; }
    #header .navbar-nav .user-menu {
        display: none; }
    #header.sticky {
        overflow: visible; }
    #header.sticky .navbar-header {
        padding-top: 10px;
        padding-bottom: 10px; }

    /* lista regionow */
    #header.sticky .navbar-header .lista-regionow {
        display: none;
    }

    #header.sticky .navbar-header .navbar-brand {
        width: 88px;
        height: 50px; }
    #header.sticky .navbar-header .navbar-brand a.logo {
        width: 100%;
        height: 100%; }
    #header.sticky .navbar-header .navbar-brand a.uwagi {
        display: none; }
    #header.sticky .navbar-header .navbar-brand a img {
        width: 100%;
        height: 100%; }
    #header.sticky .navbar-header .user-menu {
        top: 17.5px; }
    #header.sticky .navbar-header .user-menu li:first-child:before {
        height: 35px;
        top: 0; }
    #header.sticky .navbar-header .user-menu li a {
        padding: 5px 15px; }
    #header.sticky .navbar-header .user-menu li a:before {
        top: 100%; }
    #header.sticky .navbar-header .user-menu li a:after {
        top: calc(100% + 7px); }
    #header.sticky .navbar-header .media-menu-md li {
        height: 35px; }
    #header.sticky .navbar-header .media-menu-md li a {
        padding: 5px 15px;
        height: 35px; }
    #header.sticky .navbar-header .media-menu-md li:last-child:after {
        height: 35px; }
    #header.sticky .navbar-header .media-menu-md li:last-child a:before {
        top: 100%; }
    #header.sticky .navbar-header .media-menu-md li:last-child a:after {
        top: calc(100% + 7px); }
    #header.sticky .navbar-header .media-menu-md li .region {
        margin-top: 0;
        margin-bottom: 0;
    }
    #header.sticky .navbar-nav .nav li a {
        padding: 15px; } }
@media screen and (min-width: 1200px) {
    #header .navbar-header .user-menu {
        right: 20px; }
    #header .navbar-header .media-menu-md {
        left: 25px; }
    #header .navbar-header .navbar-nav-toggler {
        right: 375px; }
    #header .navbar-nav .nav li a {
        font-size: 16px;
        font-size: 1rem;
        padding: 30px 15px; }
    #header .navbar-header .user-menu li a {
        font-size: 14px;
    }

    #header .navbar-header .media-menu-md li a.txt {
        font-size: 14px;
    }

    #header .navbar-header .media-menu-md li a.submenu {
        font-size: 14px;
    }

    #header .navbar-header .media-menu-md li .region li a {
        font-size: 14px;
    }
}
@media screen and (min-width: 1245px) {
    #header .navbar-header .media-menu-md {
        left: calc(((100% - 1230px) / 2) + 25px); } }
@media screen and (min-width: 1270px) {
    #header .navbar-header .user-menu {
        right: calc(((100% - 1230px) / 2) + 20px); }
    #header .navbar-header .navbar-nav-toggler {
        right: calc(((100% - 1230px) / 2) + 375px); } }
@media screen and (min-width: 1920px) {
    #header .navbar-header .user-menu {
        right: calc(((100% - 1540px) / 2) + 20px); }
    #header .navbar-header .navbar-nav-toggler {
        right: calc(((100% - 1540px) / 2) + 375px); }
    #header .navbar-header .media-menu-md {
        left: calc(((100% - 1540px) / 2) + 25px); } }

.h-100 {
    height: 100%; }

.h-auto {
    height: auto; }

.max-h-75vh {
    max-height: 75vh; }

@media screen and (min-width: 480px) {
    .h-100-xs {
        height: 100%; }

    .h-auto-xs {
        height: auto; }

    .max-h-75vh-xs {
        max-height: 75vh; } }
@media screen and (min-width: 760px) {
    .h-100-sm {
        height: 100%; }

    .h-auto-sm {
        height: auto; }

    .max-h-75vh-sm {
        max-height: 75vh; } }
@media screen and (min-width: 990px) {
    .h-100-md {
        height: 100%; }

    .h-auto-md {
        height: auto; }

    .max-h-75vh-md {
        max-height: 75vh; } }
@media screen and (min-width: 1200px) {
    .h-100-lg {
        height: 100%; }

    .h-auto-lg {
        height: auto; }

    .max-h-75vh-lg {
        max-height: 75vh; } }
/* Box heights */
.h-sm {
    padding-bottom: 130%; }
.h-sm.ad {
    padding-bottom: 30px; }
.h-sm.no-xs {
    padding-bottom: 30px; }
.h-sm.adv-sm {
    padding-bottom: 30px; }
.h-sm.no-sm {
    padding-bottom: 30px; }
@media screen and (min-width: 480px) {
    .h-sm {
        padding-bottom: 100%; }
    .h-sm.no-xs.xs-n {
        padding-bottom: 100%; }
    .h-sm.xs-sm-n {
        padding-bottom: 30px; } }
@media screen and (min-width: 760px) {
    .h-sm.adv-sm, .h-sm.no-sm, .h-sm.xs-sm-n {
        padding-bottom: 100%; } }
@media screen and (min-width: 990px) {
    .h-sm.ad {
        padding-bottom: 100%; }
    .h-sm.no-xs {
        padding-bottom: 100%; } }

.h-md {
    padding-bottom: 141.5%; }
@media screen and (min-width: 480px) {
    .h-md {
        padding-bottom: 111.5%; } }
@media screen and (min-width: 760px) {
    .h-md {
        padding-bottom: 163%; } }

.h-lg {
    padding-bottom: 30px; }
.h-lg.ad {
    padding-bottom: 30px; }
.h-lg.artcls {
    height: auto;
    padding-bottom: 0; }
.h-lg.w-2-sb {
    padding-bottom: 30px; }
@media screen and (min-width: 480px) {
    .h-lg {
        padding-bottom: 200%; } }
@media screen and (min-width: 760px) {
    .h-lg.ad {
        padding-bottom: 200%; }
    .h-lg.artcls {
        padding-bottom: 173%; }
    .h-lg.artcls.sngl {
        height: auto;
        padding-bottom: 0; } }
@media screen and (min-width: 990px) {
    .h-lg.w-2-sb {
        padding-bottom: 95%; }
    .h-lg.artcls.sngl {
        padding-bottom: 173%; }
    .h-lg.artcls.sngl.h-2-sb {
        padding-bottom: 200%; } }
@media screen and (min-width: 1200px) {
    .h-lg.artcls {
        padding-bottom: 172%; }
    .h-lg.w-2-sb {
        padding-bottom: 94.6%; } }
@media screen and (min-width: 1920px) {
    .h-lg.w-2-sb {
        padding-bottom: 95.8%; } }

.lh-14 {
    line-height: 14px; }

.lh-16 {
    line-height: 16px; }

.lh-18 {
    line-height: 18px; }

.lh-20 {
    line-height: 20px; }

.lh-23 {
    line-height: 23px; }

.lh-27 {
    line-height: 27px; }

.lh-33 {
    line-height: 33px; }

@media screen and (min-width: 760px) {
    .lh-14-sm {
        line-height: 14px; }

    .lh-16-sm {
        line-height: 16px; }

    .lh-18-sm {
        line-height: 18px; }

    .lh-20-sm {
        line-height: 20px; }

    .lh-23-sm {
        line-height: 23px; }

    .lh-27-sm {
        line-height: 27px; }

    .lh-33-sm {
        line-height: 33px; } }
@media screen and (min-width: 990px) {
    .lh-14-md {
        line-height: 14px; }

    .lh-16-md {
        line-height: 16px; }

    .lh-18-md {
        line-height: 18px; }

    .lh-20-md {
        line-height: 20px; }

    .lh-23-md {
        line-height: 23px; }

    .lh-27-md {
        line-height: 27px; }

    .lh-33-md {
        line-height: 33px; } }
@media screen and (min-width: 1200px) {
    .lh-14-lg {
        line-height: 14px; }

    .lh-16-lg {
        line-height: 16px; }

    .lh-18-lg {
        line-height: 18px; }

    .lh-20-lg {
        line-height: 20px; }

    .lh-23-lg {
        line-height: 23px; }

    .lh-27-lg {
        line-height: 27px; }

    .lh-33-lg {
        line-height: 33px; } }
.list {
    list-style-type: none; }

.ma-0 {
    margin: 0; }

.ma-5 {
    margin: 5px; }

.mt-0 {
    margin-top: 0; }

.mt-5 {
    margin-top: 5px; }

.mt-20 {
    margin-top: 20px; }

.mt-10 {
    margin-top: 10px; }

.mt-15 {
    margin-top: 15px; }

.mt-30 {
    margin-top: 30px; }

.mt-50 {
    margin-top: 50px; }

.mr-0 {
    margin-right: 0; }

.mr-10 {
    margin-right: 10px; }

.mb-0 {
    margin-bottom: 0; }

.mb-5 {
    margin-bottom: 5px; }

.mb-10 {
    margin-bottom: 10px; }

.mb-15 {
    margin-bottom: 15px; }

.mb-20 {
    margin-bottom: 20px; }

.mb-30 {
    margin-bottom: 30px; }

.mb-40 {
    margin-bottom: 40px; }

.mb-50 {
    margin-bottom: 50px; }

.mb6 {
    margin-bottom: 6%; }

.mv-5 {
    margin-top: 5px;
    margin-bottom: 5px; }

.mv-10 {
    margin-top: 10px;
    margin-bottom: 10px; }

.mv-30 {
    margin-top: 30px;
    margin-bottom: 30px; }

.mh-10 {
    margin-left: 10px;
    margin-right: 10px; }

.mh-20 {
    margin-left: 20px;
    margin-right: 20px; }

.center {
    margin-right: auto;
    margin-left: auto; }

@media screen and (min-width: 480px) {
    .ma-0-xs {
        margin: 0; }

    .ma-5-xs {
        margin: 5px; }

    .mt-0-xs {
        margin-top: 0; }

    .mt-5-xs {
        margin-top: 5px; }

    .mt-10-xs {
        margin-top: 10px; }

    .mt-20-xs {
        margin-top: 20px; }

    .mt-30-xs {
        margin-top: 30px; }

    .mt-50-xs {
        margin-top: 50px; }

    .mr-0-xs {
        margin-right: 0; }

    .mr-10-xs {
        margin-right: 10px; }

    .mb-0-xs {
        margin-bottom: 0; }

    .mb-10-xs {
        margin-bottom: 10px; }

    .mb-15-xs {
        margin-bottom: 15px; }

    .mb-20-xs {
        margin-bottom: 20px; }

    .mb-50-xs {
        margin-bottom: 50px; }

    .mb6-xs {
        margin-bottom: 6%; }

    .mv-5-xs {
        margin-top: 5px;
        margin-bottom: 5px; }

    .mv-10-xs {
        margin-top: 10px;
        margin-bottom: 10px; }

    .mh-10-xs {
        margin-left: 10px;
        margin-right: 10px; }

    .mh-20-xs {
        margin-left: 20px;
        margin-right: 20px; }

    .center-xs {
        margin-right: auto;
        margin-left: auto; } }
@media screen and (min-width: 760px) {
    .ma-0-sm {
        margin: 0; }

    .ma-5-sm {
        margin: 5px; }

    .mt-0-sm {
        margin-top: 0; }

    .mt-5-sm {
        margin-top: 5px; }

    .mt-10-sm {
        margin-top: 10px; }

    .mt-20-sm {
        margin-top: 20px; }

    .mt-30-sm {
        margin-top: 30px; }

    .mt-50-sm {
        margin-top: 50px; }

    .mr-0-sm {
        margin-right: 0; }

    .mr-10-sm {
        margin-right: 10px; }

    .mr-15-sm {
        margin-right: 15px; }

    .mb-0-sm {
        margin-bottom: 0; }

    .mb-15-sm {
        margin-bottom: 15px; }

    .mb-10-sm {
        margin-bottom: 10px; }

    .mb-20-sm {
        margin-bottom: 20px; }

    .mb-30-sm {
        margin-bottom: 30px; }

    .mb-50-sm {
        margin-bottom: 50px; }

    .mb6-sm {
        margin-bottom: 6%; }

    .mv-5-sm {
        margin-top: 5px;
        margin-bottom: 5px; }

    .mv-10-sm {
        margin-top: 10px;
        margin-bottom: 10px; }

    .mh-10-sm {
        margin-left: 10px;
        margin-right: 10px; }

    .mh-20-sm {
        margin-left: 20px;
        margin-right: 20px; }

    .center-sm {
        margin-right: auto;
        margin-left: auto; } }
@media screen and (min-width: 990px) {
    .ma-0-md {
        margin: 0; }

    .ma-5-md {
        margin: 5px; }

    .mt-0-md {
        margin-top: 0; }

    .mt-5-md {
        margin-top: 5px; }

    .mt-10-md {
        margin-top: 10px; }

    .mt-15-md {
        margin-top: 15px; }

    .mt-20-md {
        margin-top: 20px; }

    .mt-30-md {
        margin-top: 30px; }

    .mt-50-md {
        margin-top: 50px; }

    .mr-0-md {
        margin-right: 0; }

    .mr-10-md {
        margin-right: 10px; }

    .mb-0-md {
        margin-bottom: 0; }

    .mb-10-md {
        margin-bottom: 10px; }

    .mb-15-md {
        margin-bottom: 15px; }

    .mb-20-md {
        margin-bottom: 20px; }

    .mb-50-md {
        margin-bottom: 50px; }

    .mb6-md {
        margin-bottom: 6%; }

    .mv-5-md {
        margin-top: 5px;
        margin-bottom: 5px; }

    .mv-10-md {
        margin-top: 10px;
        margin-bottom: 10px; }

    .mh-10-md {
        margin-left: 10px;
        margin-right: 10px; }

    .mh-20-md {
        margin-left: 20px;
        margin-right: 20px; }

    .center-md {
        margin-right: auto;
        margin-left: auto; } }
@media screen and (min-width: 1200px) {
    .ma-0-lg {
        margin: 0; }

    .ma-5-lg {
        margin: 5px; }

    .mt-0-lg {
        margin-top: 0; }

    .mt-5-lg {
        margin-top: 5px; }

    .mt-10-lg {
        margin-top: 10px; }

    .mt-20-lg {
        margin-top: 20px; }

    .mt-30-lg {
        margin-top: 30px; }

    .mt-50-lg {
        margin-top: 50px; }

    .mr-0-lg {
        margin-right: 0; }

    .mr-10-lg {
        margin-right: 10px; }

    .mb-0-lg {
        margin-bottom: 0; }

    .mb-10-lg {
        margin-bottom: 10px; }

    .mb-15-lg {
        margin-bottom: 15px; }

    .mb-20-lg {
        margin-bottom: 20px; }

    .mb-40-lg {
        margin-bottom: 40px; }

    .mb-50-lg {
        margin-bottom: 50px; }

    .mb6-lg {
        margin-bottom: 6%; }

    .mv-5-lg {
        margin-top: 5px;
        margin-bottom: 5px; }

    .mv-10-lg {
        margin-top: 10px;
        margin-bottom: 10px; }

    .mh-10-lg {
        margin-left: 10px;
        margin-right: 10px; }

    .mh-20-lg {
        margin-left: 20px;
        margin-right: 20px; }

    .center-lg {
        margin-right: auto;
        margin-left: auto; } }
#media-menu {
    z-index: 99999;
    overflow: hidden;
    backface-visibility: hidden; }
#media-menu .wrapper {
    width: 180px;
    height: 120px;
    animation: open-media-menu .5s ease-in-out;
    -webkit-animation: open-media-menu .5s ease-in-out; }
#media-menu .wrapper a.toggle-media-menu {
    width: 60px;
    height: 60px;
    background: #015da6 url("../images/media_menu_close.svg") center center no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 30; }
#media-menu .wrapper ul {
    width: 180px;
    height: 120px;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden; }
#media-menu .wrapper ul li {
    float: left; }
#media-menu .wrapper ul li:nth-child(1), #media-menu .wrapper ul li:nth-child(2) {
    width: 60px;
    height: 60px; }
#media-menu .wrapper ul li:nth-child(3) {
    width: 180px;
    height: 60px; }
#media-menu .wrapper ul li a {
    width: 100%;
    height: 100%;
    float: left;
    position: relative;
    overflow: hidden; }
#media-menu .wrapper ul li a img {
    max-height: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
#media-menu .wrapper ul li:nth-child(1) a {
    background: #f6f6f6; }
#media-menu .wrapper ul li:nth-child(2) a {
    background: #0174b7; }
#media-menu .wrapper ul li:nth-child(3) a {
    background: #0084c2; }
#media-menu.close .wrapper {
    width: 60px;
    height: 60px;
    animation: close-media-menu .5s ease-in-out;
    -webkit-animation: close-media-menu .5s ease-in-out; }
#media-menu.close .wrapper a.toggle-media-menu {
    background: #015da6 url("../images/media_menu_open.svg") center center no-repeat; }

@-webkit-keyframes open-media-menu {
    0% {
        width: 60px;
        height: 60px; }
    50% {
        width: 180px;
        height: 60px; }
    100% {
        width: 180px;
        height: 120px; } }
@keyframes open-media-menu {
    0% {
        width: 60px;
        height: 60px; }
    50% {
        width: 180px;
        height: 60px; }
    100% {
        width: 180px;
        height: 120px; } }
@-webkit-keyframes close-media-menu {
    0% {
        width: 180px;
        height: 120px; }
    50% {
        width: 180px;
        height: 60px; }
    100% {
        width: 60px;
        height: 60px; } }
@keyframes close-media-menu {
    0% {
        width: 180px;
        height: 120px; }
    50% {
        width: 180px;
        height: 60px; }
    100% {
        width: 60px;
        height: 60px; } }
#modal-overlay {
    width: 100%;
    height: 100%;
    max-height: 100%;
    background: rgba(0, 0, 0, 0.6);
    padding: 50px 20px;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;
    animation: opacity 0.25s ease-in-out;
    overflow-y: auto; }

#modal {
    display: table-cell;
    vertical-align: middle; }
#modal .modal {
    width: calc(100% - 40px);
    max-width: 750px;
    background: #ffffff;
    padding: 100px 30px;
    margin: 0 auto;
    position: relative;
    animation: sliding 0.25s ease-in-out; }
#modal .modal a.close-modal {
    display: block;
    border: 2px solid #ff7e22;
    color: #ff7e22;
    font-size: 18px;
    font-size: 1.125rem;
    text-transform: uppercase;
    font-weight: 700;
    padding: 8px;
    position: absolute;
    top: 20px;
    right: 20px; }
#modal .modal h2 {
    width: 100%;
    color: #1f41b1;
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 700;
    text-align: center;
    float: left;
    margin: 0 0 40px 0; }
#modal .modal .modal-content {
    max-width: 550px;
    margin: 0 auto; }
#modal .modal.modal-contact p {
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    color: #ff7e22;
    text-transform: uppercase;
    float: left;
    margin: 0; }
#modal .modal.modal-contact p a {
    width: 100%;
    color: #ff7e22;
    float: left; }
#modal .modal.modal-contact p a:hover {
    text-decoration: underline; }
#modal .modal.modal-contact p a:first-of-type {
    margin-bottom: 7.5px; }
#modal .modal.modal-contact p a:last-of-type {
    margin-top: 7.5px; }
#modal .modal.modal-contact p span {
    display: none;
    margin: 0 30px; }
@media screen and (min-width: 600px) {
    #modal .modal.modal-contact p a {
        width: auto;
        float: none; }
    #modal .modal.modal-contact p span {
        display: inline-block; } }
@media screen and (min-width: 760px) {
    #modal .modal.modal-contact p {
        font-size: 18px;
        font-size: 1.125rem; } }
#modal .modal.modal-search form {
    width: 100%;
    float: left; }
#modal .modal.modal-search form .form-group {
    width: 100%;
    display: inline-block; }
#modal .modal.modal-search form .form-control {
    width: 100%;
    height: 46px;
    background: #f2f2f2;
    border: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    font-size: 0.875rem;
    color: #7d7d7d;
    padding: 0 20px; }
#modal .modal.modal-search form .form-control.select {
    background-image: url("../images/icon_select.svg");
    background-position: calc(100% - 15px) center;
    background-repeat: no-repeat;
    padding: 0 40px 0 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
#modal .modal.modal-search form .form-control.select::-ms-expand {
    display: none; }
@media screen and (min-width: 0\0) {
    #modal .modal.modal-search form .form-control.select {
        background: none\9;
        padding: 5px\9; } }
#modal .modal.modal-search form .btn {
    display: block;
    width: 140px;
    height: 46px;
    border: 2px solid #ff7e22;
    background: #ffffff;
    color: #ff7e22;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 14px;
    font-size: 0.875rem;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    margin: 15px auto 0 auto;
    -webkit-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -ms-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: background 0.2s ease-in-out, color 0.2s ease-in-out; }
#modal .modal.modal-search form .btn:hover {
    color: #ffffff;
    background: #ff7e22; }
@media screen and (min-width: 600px) {
    #modal .modal.modal-search form {
        text-align: center; }
    #modal .modal.modal-search form .form-group {
        max-width: 480px; }
    #modal .modal.modal-search form .form-control {
        max-width: 340px;
        float: left;
        width: calc(100% - 140px); }
    #modal .modal.modal-search form .btn {
        float: left;
        margin: 0; } }
#modal .modal.modal-login .modal-content {
    max-width: 430px; }
#modal .modal.modal-login .modal-content .modal-tab {
    display: none; }
#modal .modal.modal-login .modal-content .modal-tab .form-errors {
    width: 100%;
    text-align: center;
    float: left; }
#modal .modal.modal-login .modal-content .modal-tab .form-errors p {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 15px 0;
    margin: 0 0 5px 0; }
#modal .modal.modal-login .modal-content .modal-tab .form-errors p.error {
    background: #f2dede;
    color: #a94442; }
#modal .modal.modal-login .modal-content .modal-tab .form-errors p.success {
    background: #dff0d8;
    color: #3c763d; }
#modal .modal.modal-login .modal-content .modal-tab .form-control {
    width: 100%;
    height: 46px;
    background: #f2f2f2;
    border: none;
    color: #7a7a7a;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    font-size: 0.875rem;
    padding: 0 20px;
    float: left;
    margin: 5px 0; }
#modal .modal.modal-login .modal-content .modal-tab .form-control.select {
    background-image: url("../images/icon_select.svg");
    background-position: calc(100% - 15px) center;
    background-repeat: no-repeat;
    padding: 0 40px 0 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
#modal .modal.modal-login .modal-content .modal-tab .form-control.select::-ms-expand {
    display: none; }
@media screen and (min-width: 0\0) {
    #modal .modal.modal-login .modal-content .modal-tab .form-control.select {
        background: none\9;
        padding: 5px\9; } }
#modal .modal.modal-login .modal-content .modal-tab .form-buttons {
    width: 100%;
    text-align: center;
    float: left;
    margin: 15px 0 5px 0; }
#modal .modal.modal-login .modal-content .modal-tab .form-buttons .btn {
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 5px 0; }
@media screen and (min-width: 600px) {
    #modal .modal.modal-login .modal-content .modal-tab .form-buttons .btn {
        width: auto;
        padding: 0 40px;
        margin: 0; } }
#modal .modal.modal-login .modal-content .modal-tab .form-buttons .buttons-separator {
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-size: 0.875rem; }
#modal .modal.modal-login .modal-content .modal-tab .modal-links {
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-size: 0.875rem;
    color: #ff7e22;
    float: left;
    margin: 25px 0 5px 0; }
#modal .modal.modal-login .modal-content .modal-tab .modal-links a {
    display: block;
    width: 100%;
    color: #ff7e22;
    margin: 10px 0; }
#modal .modal.modal-login .modal-content .modal-tab .modal-links a:hover {
    text-decoration: underline; }
#modal .modal.modal-login .modal-content .modal-tab .modal-links span {
    display: none;
    margin: 0 20px; }
@media screen and (min-width: 480px) {
    #modal .modal.modal-login .modal-content .modal-tab .modal-links a {
        display: inline-block;
        width: auto;
        margin: 0 5px; }
    #modal .modal.modal-login .modal-content .modal-tab .modal-links span {
        display: inline-block; } }
#modal .modal.modal-ad form {
    width: 100%;
    float: left; }
#modal .modal.modal-alert .modal-content, #modal .modal.modal-confirm .modal-content {
    width: 100%;
    max-width: none;
    float: left;
    margin: 5px 0; }
#modal .modal.modal-alert .modal-content p, #modal .modal.modal-confirm .modal-content p {
    font-size: 16px;
    font-size: 1rem;
    text-align: center; }
#modal .modal.modal-alert .form-buttons, #modal .modal.modal-confirm .form-buttons {
    width: 100%;
    text-align: center;
    float: left;
    margin: 15px 0 5px 0; }
#modal .modal.modal-alert .form-buttons .btn, #modal .modal.modal-confirm .form-buttons .btn {
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 5px 0; }
@media screen and (min-width: 600px) {
    #modal .modal.modal-alert .form-buttons .btn, #modal .modal.modal-confirm .form-buttons .btn {
        width: auto;
        padding: 0 40px;
        margin: 0 5px; } }
#modal .modal.modal-reset-password .modal-content {
    max-width: 430px; }
#modal .modal.modal-reset-password .modal-content .form-errors {
    width: 100%;
    text-align: center;
    float: left; }
#modal .modal.modal-reset-password .modal-content .form-errors p {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 15px 0;
    margin: 0 0 5px 0; }
#modal .modal.modal-reset-password .modal-content .form-errors p.error {
    background: #f2dede;
    color: #a94442; }
#modal .modal.modal-reset-password .modal-content .form-control {
    width: 100%;
    height: 46px;
    background: #f2f2f2;
    border: none;
    color: #7a7a7a;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    font-size: 0.875rem;
    padding: 0 20px;
    float: left;
    margin: 5px 0; }
#modal .modal.modal-reset-password .modal-content .form-control.select {
    background-image: url("../images/icon_select.svg");
    background-position: calc(100% - 15px) center;
    background-repeat: no-repeat;
    padding: 0 40px 0 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
#modal .modal.modal-reset-password .modal-content .form-control.select::-ms-expand {
    display: none; }
@media screen and (min-width: 0\0) {
    #modal .modal.modal-reset-password .modal-content .form-control.select {
        background: none\9;
        padding: 5px\9; } }
#modal .modal.modal-reset-password .modal-content .form-buttons {
    width: 100%;
    text-align: center;
    float: left;
    margin: 15px 0 5px 0; }
#modal .modal.modal-reset-password .modal-content .form-buttons .btn {
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 5px 0; }
@media screen and (min-width: 600px) {
    #modal .modal.modal-reset-password .modal-content .form-buttons .btn {
        width: auto;
        padding: 0 40px;
        margin: 0; } }
#modal .modal.modal-user-panel .avatar {
    width: 110px;
    height: 110px;
    margin: 0 auto 15px auto;
    position: relative;
    overflow: hidden; }
#modal .modal.modal-user-panel .avatar img {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0; }
#modal .modal.modal-user-panel .btn {
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 5px 0; }
@media screen and (min-width: 600px) {
    #modal .modal.modal-user-panel .btn {
        width: auto;
        padding: 0 40px;
        margin: 0 5px; } }
#modal .modal.modal-user-panel .links {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 40px; }
#modal .modal.modal-user-panel .links a {
    width: 100%;
    color: #1f41b1;
    margin: 5px 0;
    float: left; }
#modal .modal.modal-user-panel .links a:hover {
    text-decoration: underline; }
@media screen and (min-width: 600px) {
    #modal .modal.modal-user-panel .links a {
        width: auto;
        float: none;
        margin: 0 15px; } }
#modal .modal.modal-abuse .modal-content, #modal .modal.modal-note .modal-content {
    max-width: 430px; }
#modal .modal.modal-abuse .modal-content .form-errors, #modal .modal.modal-note .modal-content .form-errors {
    width: 100%;
    text-align: center;
    float: left; }
#modal .modal.modal-abuse .modal-content .form-errors p, #modal .modal.modal-note .modal-content .form-errors p {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 15px 0;
    margin: 0 0 5px 0; }
#modal .modal.modal-abuse .modal-content .form-errors p.error, #modal .modal.modal-note .modal-content .form-errors p.error {
    background: #f2dede;
    color: #a94442; }
#modal .modal.modal-abuse .modal-content .form-errors p.success, #modal .modal.modal-note .modal-content .form-errors p.success {
    background: #dff0d8;
    color: #3c763d; }
#modal .modal.modal-abuse .modal-content .form-control, #modal .modal.modal-note .modal-content .form-control {
    width: 100%;
    height: 46px;
    background: #f2f2f2;
    border: none;
    color: #7a7a7a;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    font-size: 0.875rem;
    padding: 0 20px;
    float: left;
    margin: 5px 0; }
#modal .modal.modal-abuse .modal-content .form-control.textarea, #modal .modal.modal-note .modal-content .form-control.textarea {
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    resize: none; }
#modal .modal.modal-abuse .modal-content .form-buttons, #modal .modal.modal-note .modal-content .form-buttons {
    width: 100%;
    float: left;
    margin: 15px 0 5px 0; }
#modal .modal.modal-abuse .modal-content .form-buttons .btn, #modal .modal.modal-note .modal-content .form-buttons .btn {
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 5px 0; }
@media screen and (min-width: 600px) {
    #modal .modal.modal-abuse .modal-content .form-buttons .btn, #modal .modal.modal-note .modal-content .form-buttons .btn {
        width: auto;
        padding: 0 40px;
        margin: 0 5px; } }
@media screen and (min-width: 480px) {
    #modal .modal h2 {
        font-size: 24px;
        font-size: 1.5rem; } }
@media screen and (min-width: 760px) {
    #modal .modal {
        padding-left: 50px;
        padding-right: 50px; } }
@media screen and (min-width: 990px) {
    #modal .modal {
        width: 80%; }
    #modal .modal h2 {
        font-size: 36px;
        font-size: 2.25rem;
        margin: 0 0 50px 0; } }

@-webkit-keyframes opacity {
    0% {
        opacity: 0; }
    100% {
        opacity: 1; } }
@keyframes opacity {
    0% {
        opacity: 0; }
    100% {
        opacity: 1; } }
@-webkit-keyframes sliding {
    0% {
        margin-top: -200px; }
    100% {
        margin-top: 0; } }
@keyframes sliding {
    0% {
        margin-top: -200px; }
    100% {
        margin-top: 0; } }
.adv-ph {
    height: 100%;
    min-height: 80px;
    background: url("../images/reklama_logo.svg") center center no-repeat; }

.ad-wrapper {
    width: 100%;
    float: left; }
.ad-wrapper .ad {
    width: 100%;
    background: url("../images/reklama_logo.svg") center center no-repeat;
    position: relative;
    overflow: hidden; }
.ad-wrapper .ad * {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.ad-h-300 {
    min-height: 300px; }

.ad-h-90 {
    min-height: 90px; }

.ad-h-250 {
    min-height: 250px; }

.image-link {
    overflow: hidden; }
.image-link:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background: #333333;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out; }
.image-link:after {
    opacity: 0.35; }
@media screen and (min-width: 990px) {
    .image-link:after {
        opacity: 0; } }
@media screen and (min-width: 990px) {
    .image-link:hover:after {
        opacity: 0.35; }
    .image-link:hover .show-gallery-page {
        opacity: 1;
        top: 50%; } }
.image-link .show-gallery-page {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 1;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    z-index: 50; }
@media screen and (min-width: 990px) {
    .image-link .show-gallery-page {
        top: 25%;
        opacity: 0; } }
.image-link .show-gallery-page .gallery-page-icon {
    display: block;
    width: auto;
    max-width: 100px;
    height: auto;
    margin: 0 auto; }
.image-link .show-gallery-page .gallery-page-text {
    display: block;
    background: transparent;
    color: #ffffff;
    border: 2px solid #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    font-size: 0.875rem;
    text-transform: uppercase;
    padding: 10px 30px;
    margin: 0 auto;
    text-align: center;
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out; }
.image-link .show-gallery-page .gallery-page-text:hover {
    background: #ff7e22;
    border-color: #ff7e22; }

.stic {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden; }

.weather-wrapper {
    width: 100%;
    padding-bottom: 100%;
    background: #ff7e22;
    float: left;
    position: relative;
    overflow: hidden; }
.weather-wrapper * {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.ac-s2_4 {
    background: url("../images/reklama_logo_vertical.svg") center center no-repeat;
    padding-bottom: 58%;
    overflow: auto; }
.ac-s2_4 .dt .dtc * {
    display: block;
    margin: 0 auto; }

.mnr {
    min-height: 100px;
    background: url("../images/reklama_logo_vertical.svg") center center no-repeat;
    overflow-x: auto; }
.mnr .cntr {
    text-align: center; }
.mnr .cntr * {
    display: block;
    margin: 0 auto; }

.event-date {
    background: #333333;
    padding: 6px 12px;
    position: absolute;
    top: 10px;
    left: 10px; }
.event-date .day-number {
    color: #ffffff;
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 400;
    padding-right: 12px;
    line-height: 28px;
    border-right: 1px solid #ffffff;
    float: left; }
.event-date .date-details {
    height: 28px; }
.event-date .date-details .day-name,
.event-date .date-details .time {
    color: #ffffff;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: 400;
    padding-left: 12px;
    line-height: 14px;
    float: left; }

.bn {
    border: none; }

.hide {
    display: none; }

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    width: 100%;
    height: 0;
    float: left;
    overflow: hidden; }
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.overflow-hidden {
    overflow: hidden; }

.overflow-x-hidden {
    overflow-x: hidden; }

.overflow-y-hidden {
    overflow-y: hidden; }

@media screen and (min-width: 480px) {
    .overflow-hidden-xs {
        overflow: hidden; }

    .overflow-x-hidden-xs {
        overflow-x: hidden; }

    .overflow-y-hidden-xs {
        overflow-y: hidden; } }
@media screen and (min-width: 760px) {
    .overflow-hidden-sm {
        overflow: hidden; }

    .overflow-x-hidden-sm {
        overflow-x: hidden; }

    .overflow-y-hidden-sm {
        overflow-y: hidden; } }
@media screen and (min-width: 990px) {
    .overflow-hidden-md {
        overflow: hidden; }

    .overflow-x-hidden-md {
        overflow-x: hidden; }

    .overflow-y-hidden-md {
        overflow-y: hidden; } }
@media screen and (min-width: 1200px) {
    .overflow-hidden-lg {
        overflow: hidden; }

    .overflow-x-hidden-lg {
        overflow-x: hidden; }

    .overflow-y-hidden-lg {
        overflow-y: hidden; } }
.pa-0 {
    padding: 0; }

.pa-5 {
    padding: 5px; }

.pa-10 {
    padding: 10px; }

.pa-15 {
    padding: 15px; }

.pa-20 {
    padding: 20px; }

.pa-30 {
    padding: 30px; }

.pa-40 {
    padding: 40px; }

.pa-50 {
    padding: 50px; }

.pa-60 {
    padding: 60px; }

.pa-70 {
    padding: 70px; }

.pa-80 {
    padding: 80px; }

.pa-90 {
    padding: 90px; }

.pa-100 {
    padding: 100px; }

.pt-0 {
    padding-top: 0; }

.pt-10 {
    padding-top: 10px; }

.pt-20 {
    padding-top: 20px; }

.pt-30 {
    padding-top: 30px; }

.pt-40 {
    padding-top: 40px; }

.pt-50 {
    padding-top: 50px; }

.pt-60 {
    padding-top: 60px; }

.pt-70 {
    padding-top: 70px; }

.pt-80 {
    padding-top: 80px; }

.pt-90 {
    padding-top: 90px; }

.pt-100 {
    padding-top: 100px; }

.pr-0 {
    padding-right: 0; }

.pr-10 {
    padding-right: 10px; }

.pr-15 {
    padding-right: 15px; }

.pr-20 {
    padding-right: 20px; }

.pr-30 {
    padding-right: 30px; }

.pr-40 {
    padding-right: 40px; }

.pr-50 {
    padding-right: 50px; }

.pr-60 {
    padding-right: 60px; }

.pr-70 {
    padding-right: 70px; }

.pr-80 {
    padding-right: 80px; }

.pr-90 {
    padding-right: 90px; }

.pr-100 {
    padding-right: 100px; }

.pb-0 {
    padding-bottom: 0; }

.pb-10 {
    padding-bottom: 10px; }

.pb-15 {
    padding-bottom: 15px; }

.pb-20 {
    padding-bottom: 20px; }

.pb-25 {
    padding-bottom: 25px; }

.pb-30 {
    padding-bottom: 30px; }

.pb-40 {
    padding-bottom: 40px; }

.pb-50 {
    padding-bottom: 50px; }

.pb-60 {
    padding-bottom: 60px; }

.pb-70 {
    padding-bottom: 70px; }

.pb-80 {
    padding-bottom: 80px; }

.pb-90 {
    padding-bottom: 90px; }

.pb-100 {
    padding-bottom: 100px; }

.pl-0 {
    padding-left: 0; }

.pl-10 {
    padding-left: 10px; }

.pl-15 {
    padding-left: 15px; }

.pl-20 {
    padding-left: 20px; }

.pl-30 {
    padding-left: 30px; }

.pl-40 {
    padding-left: 40px; }

.pl-50 {
    padding-left: 50px; }

.pl-60 {
    padding-left: 60px; }

.pl-70 {
    padding-left: 70px; }

.pl-80 {
    padding-left: 80px; }

.pl-90 {
    padding-left: 90px; }

.pl-100 {
    padding-left: 100px; }

.pv-0 {
    padding-top: 0;
    padding-bottom: 0; }

.pv-5 {
    padding-top: 5px;
    padding-bottom: 5px; }

.pv-10 {
    padding-top: 10px;
    padding-bottom: 10px; }

.pv-15 {
    padding-top: 15px;
    padding-bottom: 15px; }

.pv-20 {
    padding-top: 20px;
    padding-bottom: 20px; }

.pv-25 {
    padding-top: 25px;
    padding-bottom: 25px; }

.pv-30 {
    padding-top: 30px;
    padding-bottom: 30px; }

.pv-40 {
    padding-top: 40px;
    padding-bottom: 40px; }

.pv-50 {
    padding-top: 50px;
    padding-bottom: 50px; }

.ph-0 {
    padding-right: 0;
    padding-left: 0; }

.ph-5 {
    padding-right: 5px;
    padding-left: 5px; }

.ph-10 {
    padding-right: 10px;
    padding-left: 10px; }

.ph-15 {
    padding-right: 15px;
    padding-left: 15px; }

.ph-20 {
    padding-right: 20px;
    padding-left: 20px; }

.ph-25 {
    padding-right: 25px;
    padding-left: 25px; }

.ph-30 {
    padding-right: 30px;
    padding-left: 30px; }

.ph-40 {
    padding-right: 40px;
    padding-left: 40px; }

.ph-50 {
    padding-right: 50px;
    padding-left: 50px; }

.ph-60 {
    padding-right: 60px;
    padding-left: 60px; }

.ph-70 {
    padding-right: 70px;
    padding-left: 70px; }

.ph-80 {
    padding-right: 80px;
    padding-left: 80px; }

.ph-90 {
    padding-right: 90px;
    padding-left: 90px; }

.ph-100 {
    padding-right: 100px;
    padding-left: 100px; }

@media screen and (min-width: 480px) {
    .pa-0-xs {
        padding: 0; }

    .pa-5-xs {
        padding: 5px; }

    .pa-10-xs {
        padding: 10px; }

    .pa-15-xs {
        padding: 15px; }

    .pa-20-xs {
        padding: 20px; }

    .pa-30-xs {
        padding: 30px; }

    .pa-40-xs {
        padding: 40px; }

    .pa-50-xs {
        padding: 50px; }

    .pa-60-xs {
        padding: 60px; }

    .pa-70-xs {
        padding: 70px; }

    .pa-80-xs {
        padding: 80px; }

    .pa-90-xs {
        padding: 90px; }

    .pa-100-xs {
        padding: 100px; }

    .pt-0-xs {
        padding-top: 0; }

    .pt-5-xs {
        padding-top: 5px; }

    .pt-10-xs {
        padding-top: 10px; }

    .pt-20-xs {
        padding-top: 20px; }

    .pt-40-xs {
        padding-top: 40px; }

    .pt-30-xs {
        padding-top: 30px; }

    .pt-50-xs {
        padding-top: 50px; }

    .pt-60-xs {
        padding-top: 60px; }

    .pt-70-xs {
        padding-top: 70px; }

    .pt-80-xs {
        padding-top: 80px; }

    .pt-90-xs {
        padding-top: 90px; }

    .pt-100-xs {
        padding-top: 100px; }

    .pr-0-xs {
        padding-right: 0; }

    .pr-10-xs {
        padding-right: 10px; }

    .pr-20-xs {
        padding-right: 20px; }

    .pr-30-xs {
        padding-right: 30px; }

    .pr-40-xs {
        padding-right: 40px; }

    .pr-50-xs {
        padding-right: 50px; }

    .pr-60-xs {
        padding-right: 60px; }

    .pr-70-xs {
        padding-right: 70px; }

    .pr-80-xs {
        padding-right: 80px; }

    .pr-90-xs {
        padding-right: 90px; }

    .pr-100-xs {
        padding-right: 100px; }

    .pb-0-xs {
        padding-bottom: 0; }

    .pb-10-xs {
        padding-bottom: 10px; }

    .pb-15-xs {
        padding-bottom: 15px; }

    .pb-20-xs {
        padding-bottom: 20px; }

    .pb-30-xs {
        padding-bottom: 30px; }

    .pb-40-xs {
        padding-bottom: 40px; }

    .pb-50-xs {
        padding-bottom: 50px; }

    .pl-0-xs {
        padding-left: 0; }

    .pl-10-xs {
        padding-left: 10px; }

    .pl-20-xs {
        padding-left: 20px; }

    .pl-30-xs {
        padding-left: 30px; }

    .pl-40-xs {
        padding-left: 40px; }

    .pl-50-xs {
        padding-left: 50px; }

    .pl-60-xs {
        padding-left: 60px; }

    .pl-70-xs {
        padding-left: 70px; }

    .pl-80-xs {
        padding-left: 80px; }

    .pl-90-xs {
        padding-left: 90px; }

    .pl-100-xs {
        padding-left: 100px; }

    .pv-0-xs {
        padding-top: 0;
        padding-bottom: 0; }

    .pv-5-xs {
        padding-top: 5px;
        padding-bottom: 5px; }

    .pv-10-xs {
        padding-top: 10px;
        padding-bottom: 10px; }

    .pv-15-xs {
        padding-top: 15px;
        padding-bottom: 15px; }

    .pv-20-xs {
        padding-top: 20px;
        padding-bottom: 20px; }

    .pv-25-xs {
        padding-top: 25px;
        padding-bottom: 25px; }

    .pv-30-xs {
        padding-top: 30px;
        padding-bottom: 30px; }

    .pv-40-xs {
        padding-top: 40px;
        padding-bottom: 40px; }

    .pv-50-xs {
        padding-top: 50px;
        padding-bottom: 50px; }

    .ph-5-xs {
        padding-right: 5px;
        padding-left: 5px; }

    .ph-10-xs {
        padding-right: 10px;
        padding-left: 10px; }

    .ph-15-xs {
        padding-right: 15px;
        padding-left: 15px; }

    .ph-20-xs {
        padding-right: 20px;
        padding-left: 20px; }

    .ph-20-xs {
        padding-right: 30px;
        padding-left: 30px; }

    .ph-20-xs {
        padding-right: 50px;
        padding-left: 50px; }

    .ph-60-xs {
        padding-right: 60px;
        padding-left: 60px; } }
@media screen and (min-width: 760px) {
    .pa-0-sm {
        padding: 0; }

    .pa-5-sm {
        padding: 5px; }

    .pa-10-sm {
        padding: 10px; }

    .pa-15-sm {
        padding: 15px; }

    .pa-20-sm {
        padding: 20px; }

    .pa-30-sm {
        padding: 30px; }

    .pa-50-sm {
        padding: 50px; }

    .pt-0-sm {
        padding-top: 0; }

    .pt-10-sm {
        padding-top: 10px; }

    .pt-15-sm {
        padding-top: 15px; }

    .pt-20-sm {
        padding-top: 20px; }

    .pt-30-sm {
        padding-top: 30px; }

    .pt-40-sm {
        padding-top: 40px; }

    .pt-50-sm {
        padding-top: 50px; }

    .pr-0-sm {
        padding-right: 0; }

    .pr-10-sm {
        padding-right: 10px; }

    .pr-20-sm {
        padding-right: 20px; }

    .pr-30-sm {
        padding-right: 30px; }

    .pr-50-sm {
        padding-right: 50px; }

    .pb-0-sm {
        padding-bottom: 0; }

    .pb-10-sm {
        padding-bottom: 10px; }

    .pb-15-sm {
        padding-bottom: 15px; }

    .pb-20-sm {
        padding-bottom: 20px; }

    .pb-30-sm {
        padding-bottom: 30px; }

    .pb-40-sm {
        padding-bottom: 40px; }

    .pb-50-sm {
        padding-bottom: 50px; }

    .pl-0-sm {
        padding-left: 0; }

    .pl-10-sm {
        padding-left: 10px; }

    .pl-15-sm {
        padding-left: 15px; }

    .pl-20-sm {
        padding-left: 20px; }

    .pl-30-sm {
        padding-left: 30px; }

    .pl-40-sm {
        padding-left: 40px; }

    .pl-50-sm {
        padding-left: 50px; }

    .pl-60-sm {
        padding-left: 60px; }

    .pl-70-sm {
        padding-left: 70px; }

    .pl-80-sm {
        padding-left: 80px; }

    .pl-90-sm {
        padding-left: 90px; }

    .pl-100-sm {
        padding-left: 100px; }

    .pv-0-sm {
        padding-top: 0;
        padding-bottom: 0; }

    .pv-5-sm {
        padding-top: 5px;
        padding-bottom: 5px; }

    .pv-10-sm {
        padding-top: 10px;
        padding-bottom: 10px; }

    .pv-15-sm {
        padding-top: 15px;
        padding-bottom: 15px; }

    .pv-20-sm {
        padding-top: 20px;
        padding-bottom: 20px; }

    .pv-30-sm {
        padding-top: 30px;
        padding-bottom: 30px; }

    .pv-40-sm {
        padding-top: 40px;
        padding-bottom: 40px; }

    .pv-50-sm {
        padding-top: 50px;
        padding-bottom: 50px; }

    .ph-5-sm {
        padding-right: 5px;
        padding-left: 5px; }

    .ph-10-sm {
        padding-right: 10px;
        padding-left: 10px; }

    .ph-15-sm {
        padding-right: 15px;
        padding-left: 15px; }

    .ph-20-sm {
        padding-right: 20px;
        padding-left: 20px; }

    .ph-30-sm {
        padding-right: 30px;
        padding-left: 30px; }

    .ph-50-sm {
        padding-right: 50px;
        padding-left: 50px; }

    .ph-60-sm {
        padding-right: 60px;
        padding-left: 60px; } }
@media screen and (min-width: 990px) {
    .pa-0-md {
        padding: 0; }

    .pa-5-md {
        padding: 5px; }

    .pa-10-md {
        padding: 10px; }

    .pa-15-md {
        padding: 15px; }

    .pa-20-md {
        padding: 20px; }

    .pa-30-md {
        padding: 30px; }

    .pa-50-md {
        padding: 50px; }

    .pt-0-md {
        padding-top: 0; }

    .pt-10-md {
        padding-top: 10px; }

    .pt-15-md {
        padding-top: 15px; }

    .pt-40-md {
        padding-top: 40px; }

    .pt-20-md {
        padding-top: 20px; }

    .pt-30-md {
        padding-top: 30px; }

    .pt-50-md {
        padding-top: 50px; }

    .pr-0-md {
        padding-right: 0; }

    .pr-10-md {
        padding-right: 10px; }

    .pr-20-md {
        padding-right: 20px; }

    .pr-30-md {
        padding-right: 30px; }

    .pr-50-md {
        padding-right: 50px; }

    .pb-0-md {
        padding-bottom: 0; }

    .pb-10-md {
        padding-bottom: 10px; }

    .pb-15-md {
        padding-bottom: 15px; }

    .pb-20-md {
        padding-bottom: 20px; }

    .pb-30-md {
        padding-bottom: 30px; }

    .pb-40-md {
        padding-bottom: 40px; }

    .pb-50-md {
        padding-bottom: 50px; }

    .pl-0-md {
        padding-left: 0; }

    .pl-10-md {
        padding-left: 10px; }

    .pl-20-md {
        padding-left: 20px; }

    .pl-30-md {
        padding-left: 30px; }

    .pl-40-md {
        padding-left: 40px; }

    .pl-50-md {
        padding-left: 50px; }

    .pl-60-md {
        padding-left: 60px; }

    .pl-70-md {
        padding-left: 70px; }

    .pl-80-md {
        padding-left: 80px; }

    .pl-90-md {
        padding-left: 90px; }

    .pl-100-md {
        padding-left: 100px; }

    .pv-0-md {
        padding-top: 0;
        padding-bottom: 0; }

    .pv-5-md {
        padding-top: 5px;
        padding-bottom: 5px; }

    .pv-10-md {
        padding-top: 10px;
        padding-bottom: 10px; }

    .pv-15-md {
        padding-top: 15px;
        padding-bottom: 15px; }

    .pv-20-md {
        padding-top: 20px;
        padding-bottom: 20px; }

    .pv-30-md {
        padding-top: 30px;
        padding-bottom: 30px; }

    .pv-40-md {
        padding-top: 40px;
        padding-bottom: 40px; }

    .pv-50-md {
        padding-top: 50px;
        padding-bottom: 50px; }

    .ph-0-md {
        padding-right: 0;
        padding-left: 0; }

    .ph-5-md {
        padding-right: 5px;
        padding-left: 5px; }

    .ph-10-md {
        padding-right: 10px;
        padding-left: 10px; }

    .ph-15-md {
        padding-right: 15px;
        padding-left: 15px; }

    .ph-20-md {
        padding-right: 20px;
        padding-left: 20px; }

    .ph-30-md {
        padding-right: 30px;
        padding-left: 30px; }

    .ph-50-md {
        padding-right: 50px;
        padding-left: 50px; }

    .ph-60-md {
        padding-right: 60px;
        padding-left: 60px; } }
@media screen and (min-width: 1200px) {
    .pa-0-lg {
        padding: 0; }

    .pa-5-lg {
        padding: 5px; }

    .pa-10-lg {
        padding: 10px; }

    .pa-15-lg {
        padding: 15px; }

    .pa-20-lg {
        padding: 20px; }

    .pa-30-lg {
        padding: 30px; }

    .pa-50-lg {
        padding: 50px; }

    .pt-0-lg {
        padding-top: 0; }

    .pt-10-lg {
        padding-top: 10px; }

    .pt-20-lg {
        padding-top: 20px; }

    .pt-30-lg {
        padding-top: 30px; }

    .pt-40-lg {
        padding-top: 40px; }

    .pt-50-lg {
        padding-top: 50px; }

    .pr-0-lg {
        padding-right: 0; }

    .pr-10-lg {
        padding-right: 10px; }

    .pr-20-lg {
        padding-right: 20px; }

    .pr-30-lg {
        padding-right: 30px; }

    .pr-50-lg {
        padding-right: 50px; }

    .pb-0-lg {
        padding-bottom: 0; }

    .pb-10-lg {
        padding-bottom: 10px; }

    .pb-15-lg {
        padding-bottom: 15px; }

    .pb-20-lg {
        padding-bottom: 20px; }

    .pb-30-lg {
        padding-bottom: 30px; }

    .pb-40-lg {
        padding-bottom: 40px; }

    .pb-50-lg {
        padding-bottom: 50px; }

    .pl-0-lg {
        padding-left: 0; }

    .pl-10-lg {
        padding-left: 10px; }

    .pl-20-lg {
        padding-left: 20px; }

    .pl-30-lg {
        padding-left: 30px; }

    .pl-40-lg {
        padding-left: 40px; }

    .pl-50-lg {
        padding-left: 50px; }

    .pl-60-lg {
        padding-left: 60px; }

    .pl-70-lg {
        padding-left: 70px; }

    .pl-80-lg {
        padding-left: 80px; }

    .pl-90-lg {
        padding-left: 90px; }

    .pl-100-lg {
        padding-left: 100px; }

    .pv-0-lg {
        padding-top: 0;
        padding-bottom: 0; }

    .pv-5-lg {
        padding-top: 5px;
        padding-bottom: 5px; }

    .pv-10-lg {
        padding-top: 10px;
        padding-bottom: 10px; }

    .pv-15-lg {
        padding-top: 15px;
        padding-bottom: 15px; }

    .pv-20-lg {
        padding-top: 20px;
        padding-bottom: 20px; }

    .pv-25-lg {
        padding-top: 25px;
        padding-bottom: 25px; }

    .pv-30-lg {
        padding-top: 30px;
        padding-bottom: 30px; }

    .pv-40-lg {
        padding-top: 40px;
        padding-bottom: 40px; }

    .pv-50-lg {
        padding-top: 50px;
        padding-bottom: 50px; }

    .ph-5-lg {
        padding-right: 5px;
        padding-left: 5px; }

    .ph-10-lg {
        padding-right: 10px;
        padding-left: 10px; }

    .ph-15-lg {
        padding-right: 15px;
        padding-left: 15px; }

    .ph-20-lg {
        padding-right: 20px;
        padding-left: 20px; }

    .ph-30-lg {
        padding-right: 30px;
        padding-left: 30px; }

    .ph-40-lg {
        padding-right: 40px;
        padding-left: 40px; }

    .ph-50-lg {
        padding-right: 50px;
        padding-left: 50px; }

    .ph-60-lg {
        padding-right: 60px;
        padding-left: 60px; } }
@media screen and (min-width: 1920px) {
    .pt-30-xl {
        padding-top: 30px; }

    .ph-50-xl {
        padding-left: 50px;
        padding-right: 50px; } }
.absolute {
    position: absolute; }

.fixed {
    position: fixed; }

.relative {
    position: relative; }

.static {
    position: static; }

@media screen and (min-width: 480px) {
    .absolute-xs {
        position: absolute; }

    .fixed-xs {
        position: fixed; }

    .relative-xs {
        position: relative; }

    .static-xs {
        position: static; } }
@media screen and (min-width: 760px) {
    .absolute-sm {
        position: absolute; }

    .fixed-sm {
        position: fixed; }

    .relative-sm {
        position: relative; }

    .static-sm {
        position: static; } }
@media screen and (min-width: 990px) {
    .absolute-md {
        position: absolute; }

    .fixed-md {
        position: fixed; }

    .relative-md {
        position: relative; }

    .static-md {
        position: static; } }
@media screen and (min-width: 1200px) {
    .absolute-lg {
        position: absolute; }

    .fixed-lg {
        position: fixed; }

    .relative-lg {
        position: relative; }

    .static-lg {
        position: static; } }
/* Post 1 */
.post-1 .post-photo:after {
    display: block;
    content: '';
    background: #333333;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out; }
.post-1 .post-title {
    position: relative; }
.post-1 .post-title h3 {
    height: 36.8px;
    color: #333333;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.15;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
    position: relative; }
@media screen and (min-width: 990px) {
    .post-1 .post-title h3 {
        height: 41.4px;
        font-size: 18px;
        font-size: 1.125rem; } }
@media screen and (min-width: 1200px) {
    .post-1 .post-title h3 {
        height: 46px;
        font-size: 20px;
        font-size: 1.25rem; } }
@media screen and (min-width: 1920px) {
    .post-1 .post-title h3 {
        height: 50.6px;
        font-size: 22px;
        font-size: 1.375rem; } }
.post-1 .post-title .comments {
    background: #ffffff url("../images/icon_comments.svg") right center no-repeat;
    color: #ff7e22;
    font-weight: 400;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.15;
    position: absolute;
    padding: 0 22px 0 5px;
    bottom: 0;
    right: 0; }
.post-1:hover .post-photo:after {
    opacity: 0.3; }
.post-1:hover .post-title h3 {
    color: #ff7e22; }

.post-1-ad {
    background: url(../images/reklama_logo_horizontal.svg) center no-repeat;
    overflow: auto; }
.post-1-ad .ad-center {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

/* Post 2 */
.post-2 {
    border-top: 1px solid #eaeaea; }
.post-2 .post-title h3 {
    height: auto;
    max-height: 32.2px;
    color: #333333;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.15;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out; }
@media screen and (min-width: 1200px) {
    .post-2 .post-title h3 {
        max-height: 36.8px;
        font-size: 16px;
        font-size: 1rem; } }
@media screen and (min-width: 1920px) {
    .post-2 .post-title h3 {
        max-height: 41.4px;
        font-size: 18px;
        font-size: 1.125rem; } }
.post-2 .post-title p {
    height: 16.8px;
    color: #ff7e22;
    line-height: 1.2;
    font-size: 14px;
    font-size: 0.875rem; }
.post-2.first {
    border-top: 1px solid #eaeaea; }
@media screen and (min-width: 990px) {
    .post-2.first {
        border-top: none; } }
.post-2:hover .post-title h3 {
    color: #ff7e22; }

/* Post 3 */
.post-3 .post-photo:after {
    display: block;
    content: '';
    background: #333333;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out; }
.post-3 .post-title {
    position: relative; }
.post-3 .post-title h3 {
    height: 36.8px;
    color: #333333;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.15;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
    position: relative; }
@media screen and (min-width: 990px) {
    .post-3 .post-title h3 {
        height: 41.4px;
        font-size: 18px;
        font-size: 1.125rem; } }
@media screen and (min-width: 1200px) {
    .post-3 .post-title h3 {
        height: 48px;
        font-size: 20px;
        font-size: 1.25rem; } }
@media screen and (min-width: 1920px) {
    .post-3 .post-title h3 {
        height: 50.6px;
        font-size: 22px;
        font-size: 1.375rem; } }
.post-3 .post-title .comments {
    background: #ffffff url("../images/icon_comments.svg") right center no-repeat;
    color: #ff7e22;
    font-weight: 400;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.15;
    position: absolute;
    padding: 0 22px 0 5px;
    bottom: 0;
    right: 0; }
.post-3:hover .post-photo:after {
    opacity: 0.3; }
.post-3:hover .post-title h3 {
    color: #ff7e22; }

/* Post 4 (warto przeczytac) */
.post-4 .post-photo:after {
    display: block;
    content: '';
    background: #333333;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out; }
.post-4 .post-title h3 {
    height: 36.8px;
    color: #333333;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.15;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out; }
@media screen and (min-width: 760px) {
    .post-4 .post-title h3 {
        height: 55.2px; } }
@media screen and (min-width: 990px) {
    .post-4 .post-title h3 {
        height: 82.8px;
        font-size: 18px;
        font-size: 1.125rem; } }
@media screen and (min-width: 1200px) {
    .post-4 .post-title h3 {
        height: 92px;
        font-size: 20px;
        font-size: 1.25rem; } }
@media screen and (min-width: 1920px) {
    .post-4 .post-title h3 {
        height: 151.8px;
        font-size: 22px;
        font-size: 1.375rem; } }
.post-4:hover .post-photo:after {
    opacity: 0.3; }
.post-4:hover .post-title h3 {
    color: #ff7e22; }

/* Post 5 (section_1 - ostatni, w mobile img 50%, a w md tak jak 1) */
.post-5 .post-photo {
    width: calc(50% - 10px); }
.post-5 .post-photo:after {
    display: block;
    content: '';
    background: #333333;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out; }
@media screen and (min-width: 760px) {
    .post-5 .post-photo {
        width: calc(50% - 15px); } }
@media screen and (min-width: 990px) {
    .post-5 .post-photo {
        width: 100%; } }
.post-5 .post-title {
    position: relative; }
.post-5 .post-title h3 {
    height: 55.2px;
    color: #333333;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.15;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
    position: relative; }
@media screen and (min-width: 480px) {
    .post-5 .post-title h3 {
        height: 73.6px; } }
@media screen and (min-width: 760px) {
    .post-5 .post-title h3 {
        height: 92px; } }
@media screen and (min-width: 990px) {
    .post-5 .post-title h3 {
        height: 41.4px;
        font-size: 18px;
        font-size: 1.125rem; } }
@media screen and (min-width: 1200px) {
    .post-5 .post-title h3 {
        height: 46px;
        font-size: 20px;
        font-size: 1.25rem; } }
@media screen and (min-width: 1920px) {
    .post-5 .post-title h3 {
        height: 50.6px;
        font-size: 22px;
        font-size: 1.375rem; } }
.post-5 .post-title .comments {
    background: #ffffff url("../images/icon_comments.svg") right center no-repeat;
    color: #ff7e22;
    font-weight: 400;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.15;
    position: absolute;
    padding: 0 22px 0 5px;
    bottom: 0;
    right: 0; }
.post-5:hover .post-photo:after {
    opacity: 0.3; }
.post-5:hover .post-title h3 {
    color: #ff7e22; }

/* Post 6 */
.post-6 .post-photo {
    width: calc(50% - 10px); }
.post-6 .post-photo:after {
    display: block;
    content: '';
    background: #333333;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out; }
@media screen and (min-width: 480px) {
    .post-6 .post-photo {
        width: 100%; } }
.post-6 .post-title {
    position: relative; }
.post-6 .post-title h3 {
    height: 55.2px;
    color: #333333;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.15;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out; }
@media screen and (min-width: 480px) {
    .post-6 .post-title h3 {
        height: 36.8px; } }
@media screen and (min-width: 990px) {
    .post-6 .post-title h3 {
        height: 41.4px;
        font-size: 18px;
        font-size: 1.125rem; } }
@media screen and (min-width: 1200px) {
    .post-6 .post-title h3 {
        height: 46px;
        font-size: 20px;
        font-size: 1.25rem; } }
@media screen and (min-width: 1920px) {
    .post-6 .post-title h3 {
        height: 50.6px;
        font-size: 22px;
        font-size: 1.375rem; } }
.post-6 .post-title .comments {
    background: #ffffff url("../images/icon_comments.svg") right center no-repeat;
    color: #ff7e22;
    font-weight: 400;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.15;
    position: absolute;
    padding: 0 22px 0 5px;
    bottom: 0;
    right: 0; }
.post-6:hover .post-photo:after {
    opacity: 0.3; }
.post-6:hover .post-title h3 {
    color: #ff7e22; }

/* Post 7 */
.post-7 .post-photo {
    width: calc(50% - 10px); }
@media screen and (min-width: 760px) {
    .post-7 .post-photo {
        width: calc(50% - 15px); } }
@media screen and (min-width: 990px) {
    .post-7 .post-photo {
        width: calc(50% - 10px); } }
.post-7 .post-photo:after {
    display: block;
    content: '';
    background: #333333;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out; }
.post-7 .post-title {
    width: calc(50% + 10px);
    position: relative; }
@media screen and (min-width: 760px) {
    .post-7 .post-title {
        width: calc(50% + 15px); } }
@media screen and (min-width: 990px) {
    .post-7 .post-title {
        width: calc(50% + 10px); } }
.post-7 .post-title h3 {
    height: 55.2px;
    color: #333333;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.15;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
    position: relative; }
@media screen and (min-width: 480px) {
    .post-7 .post-title h3 {
        height: 92px; } }
@media screen and (min-width: 990px) {
    .post-7 .post-title h3 {
        height: 73.6px;
        font-size: 16px;
        font-size: 1rem; } }
@media screen and (min-width: 1200px) {
    .post-7 .post-title h3 {
        height: 82.8px;
        font-size: 18px;
        font-size: 1.125rem; } }
@media screen and (min-width: 1920px) {
    .post-7 .post-title h3 {
        height: 92px;
        font-size: 20px;
        font-size: 1.25rem; } }
.post-7 .post-title .comments {
    background: #ffffff url("../images/icon_comments.svg") right center no-repeat;
    color: #ff7e22;
    font-weight: 400;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.15;
    position: absolute;
    padding: 0 22px 0 5px;
    bottom: 0;
    right: 0; }
.post-7:hover .post-photo:after {
    opacity: 0.3; }
.post-7:hover .post-title h3 {
    color: #ff7e22; }

/* Post 8 */
.post-8 .post-photo:after {
    display: block;
    content: '';
    background: #333333;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out; }
.post-8 .post-title {
    position: relative; }
.post-8 .post-title h3 {
    height: 36.8px;
    color: #333333;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.15;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out; }
@media screen and (min-width: 760px) {
    .post-8 .post-title h3 {
        font-weight: 600; } }
@media screen and (min-width: 1920px) {
    .post-8 .post-title h3 {
        height: 41.4px;
        font-size: 18px;
        font-size: 1.125rem; } }
.post-8 .post-title .comments {
    background: #ffffff url("../images/icon_comments.svg") right center no-repeat;
    color: #ff7e22;
    font-weight: 400;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.15;
    position: absolute;
    padding: 0 22px 0 5px;
    bottom: 0;
    right: 0; }
.post-8:hover .post-photo:after {
    opacity: 0.3; }
.post-8:hover .post-title h3 {
    color: #ff7e22; }

/* Post 9 */
.post-9 .post-photo {
    width: calc(50% - 10px); }
.post-9 .post-photo:after {
    display: block;
    content: '';
    background: #333333;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out; }
@media screen and (min-width: 760px) {
    .post-9 .post-photo {
        width: 100%; } }
.post-9 .post-title {
    position: relative; }
.post-9 .post-title h3 {
    height: 55.2px;
    color: #333333;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.15;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
    position: relative; }
@media screen and (min-width: 480px) {
    .post-9 .post-title h3 {
        height: 73.6px; } }
@media screen and (min-width: 760px) {
    .post-9 .post-title h3 {
        height: 36.8px; } }
@media screen and (min-width: 990px) {
    .post-9 .post-title h3 {
        height: 41.4px;
        font-size: 18px;
        font-size: 1.125rem; } }
@media screen and (min-width: 1200px) {
    .post-9 .post-title h3 {
        height: 46px;
        font-size: 20px;
        font-size: 1.25rem; } }
@media screen and (min-width: 1920px) {
    .post-9 .post-title h3 {
        height: 50.6px;
        font-size: 22px;
        font-size: 1.375rem; } }
.post-9 .post-title .comments {
    background: #ffffff url("../images/icon_comments.svg") right center no-repeat;
    color: #ff7e22;
    font-weight: 400;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.15;
    position: absolute;
    padding: 0 22px 0 5px;
    bottom: 0;
    right: 0; }
.post-9:hover .post-photo:after {
    opacity: 0.3; }
.post-9:hover .post-title h3 {
    color: #ff7e22; }

.profile-title {
    color: #1f41b1;
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    font-size: 1.875rem;
    margin: 0 0 50px 0; }
@media screen and (min-width: 990px) {
    .profile-title {
        font-size: 36px;
        font-size: 2.25rem; } }
@media screen and (min-width: 1200px) {
    .profile-title {
        font-size: 40px;
        font-size: 2.5rem; } }

#profile-form {
    width: 100%;
    max-width: 600px;
    margin: 0 auto; }
#profile-form .form-group {
    width: 100%;
    float: left;
    margin: 5px 0; }
#profile-form .form-group label {
    width: 100%;
    height: 46px;
    background: #f2f2f2;
    padding: 0 20px;
    line-height: 46px;
    color: #787878;
    font-size: 14px;
    font-size: 0.875rem;
    float: left;
    cursor: pointer; }
#profile-form .form-group .form-control {
    width: 100%;
    height: 46px;
    background: #ffffff;
    border: 2px solid #7c7c7c;
    font-family: 'Open Sans', sans-serif;
    color: #777777;
    font-size: 14px;
    font-size: 0.875rem;
    padding: 0 20px;
    float: left; }
#profile-form .form-group .form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #c3c3c3; }
#profile-form .form-group .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #c3c3c3; }
#profile-form .form-group .form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: #c3c3c3; }
#profile-form .form-group .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #c3c3c3;
    opacity: 1; }
#profile-form .form-group .form-control.select {
    background-image: url("../images/icon_select.svg");
    background-position: calc(100% - 15px) center;
    background-repeat: no-repeat;
    padding: 0 40px 0 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
#profile-form .form-group .form-control.select::-ms-expand {
    display: none; }
@media screen and (min-width: 0\0) {
    #profile-form .form-group .form-control.select {
        background: none\9;
        padding: 5px\9; } }
#profile-form .form-group #avatar-upload {
    width: 100%;
    height: 120px;
    float: left;
    padding: 10px 0 0 0; }
#profile-form .form-buttons {
    width: 100%;
    float: left;
    margin: 25px 0 5px 0; }
#profile-form .form-errors {
    width: 100%;
    text-align: center;
    float: left; }
#profile-form .form-errors p {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 15px 0;
    margin: 5px 0 5px 0; }
#profile-form .form-errors p.error {
    background: #f2dede;
    color: #a94442; }
#profile-form .form-errors p.success {
    background: #dff0d8;
    color: #3c763d; }
@media screen and (min-width: 600px) {
    #profile-form .form-group label {
        width: 50%; }
    #profile-form .form-group .form-control {
        width: 50%; }
    #profile-form .form-group #avatar-upload {
        width: 50%;
        height: 110px;
        padding: 0; }
    #profile-form .form-group .avatar {
        margin: 32px 0 0 0; } }

.comments-list li:after {
    display: block;
    content: '';
    width: 50px;
    height: 2px;
    background: #d1d1d1;
    position: absolute;
    left: 0;
    bottom: 0; }
.comments-list li a {
    font-weight: 700;
    color: #313131; }
.comments-list li a:hover {
    text-decoration: underline; }

.user-ad:after {
    display: block;
    content: '';
    width: 50px;
    height: 2px;
    background: #d1d1d1;
    position: absolute;
    left: 0;
    bottom: 0; }
.user-ad.inactive .ad-title a {
    color: #a8a8a8; }
.user-ad.lock .ad-title a {
    text-decoration: line-through; }
.user-ad .ad-title {
    width: 100%; }
.user-ad .ad-title a {
    font-weight: 700;
    color: #313131; }
.user-ad .ad-title a:hover {
    text-decoration: underline; }
.user-ad .ad-options {
    width: 100%;
    margin-top: 20px; }
.user-ad .ad-options li {
    padding: 0 18px 0 19px;
    line-height: 15px;
    color: #ff7e22;
    font-size: 12px;
    font-size: 0.75rem;
    text-transform: uppercase;
    position: relative; }
.user-ad .ad-options li:after {
    display: block;
    content: '';
    width: 1px;
    height: 100%;
    background: #d0d0d0;
    position: absolute;
    top: 0;
    right: 0; }
.user-ad .ad-options li:first-child {
    padding: 0 19px 0 0; }
.user-ad .ad-options li:last-child {
    padding: 0 0 0 18px; }
.user-ad .ad-options li:last-child:after {
    display: none; }
.user-ad .ad-options li a {
    color: #ff7e22; }
.user-ad .ad-options li a.show-answers {
    background: url("../images/icon_odpowiedzi.svg") left top no-repeat;
    background-size: 15px 15px;
    padding-left: 20px; }
.user-ad .ad-options li a:hover {
    text-decoration: underline; }
.user-ad .answers {
    display: none; }
.user-ad .answers h3 {
    color: #ff7e22;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 12px;
    font-size: 0.75rem;
    margin: 30px 0; }
.user-ad .answers .txt-1 {
    font-weight: 700; }
.user-ad .answers .txt-2 {
    line-height: 24px; }
.user-ad .answers .txt-3 {
    color: #ff7e22;
    font-size: 12px;
    font-size: 0.75rem; }
.user-ad .answers .table-responsive {
    width: 100%;
    float: left;
    overflow-x: auto; }
.user-ad .answers .table-responsive table {
    width: 100%; }
.user-ad .answers .table-responsive table thead th {
    color: #1f41b1;
    font-size: 12px;
    font-size: 0.75rem;
    text-transform: uppercase;
    font-weight: 400; }
.user-ad .answers .table-responsive table tbody td {
    border-top: 4px solid #f1f1f1; }
@media screen and (min-width: 990px) {
    .user-ad .ad-title {
        width: calc(100% - 250px); }
    .user-ad .ad-options {
        width: 250px;
        float: right;
        text-align: right;
        margin-top: 0; }
    .user-ad .ad-options li {
        display: inline-block;
        float: none; } }

.s-pt-xs {
    padding-top: 10px; }

.s-pt-sm {
    padding-top: 20px; }

.s-pt-md {
    padding-top: 30px; }

.s-pt-lg {
    padding-top: 50px; }

.s-pr-xs {
    padding-right: 10px; }

.s-pr-sm {
    padding-right: 20px; }

.s-pr-md {
    padding-right: 30px; }

.s-pr-lg {
    padding-right: 50px; }

.s-pb-xs {
    padding-bottom: 10px; }

.s-pb-sm {
    padding-bottom: 20px; }

.s-pb-md {
    padding-bottom: 30px; }

.s-pb-lg {
    padding-bottom: 50px; }

.s-pl-xs {
    padding-left: 10px; }

.s-pl-sm {
    padding-left: 20px; }

.s-pl-md {
    padding-left: 30px; }

.s-pl-lg {
    padding-left: 50px; }

.s-mt-xs {
    margin-top: 10px; }

.s-mt-sm {
    margin-top: 20px; }

.s-mt-md {
    margin-top: 30px; }

.s-mt-lg {
    margin-top: 50px; }

.s-mr-xs {
    margin-right: 10px; }

.s-mr-sm {
    margin-right: 20px; }

.s-mr-md {
    margin-right: 30px; }

.s-mr-lg {
    margin-right: 50px; }

.s-mb-xs {
    margin-bottom: 10px; }

.s-mb-sm {
    margin-bottom: 20px; }

.s-mb-md {
    margin-bottom: 30px; }

.s-mb-lg {
    margin-bottom: 50px; }

.s-ml-xs {
    margin-left: 10px; }

.s-ml-sm {
    margin-left: 20px; }

.s-ml-md {
    margin-left: 30px; }

.s-ml-lg {
    margin-left: 50px; }

.tc {
    text-align: center; }

.tl {
    text-align: left; }

.tr {
    text-align: right; }

.tj {
    text-align: justify; }

@media screen and (min-width: 480px) {
    .tc-xs {
        text-align: center; }

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

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

    .tj-xs {
        text-align: justify; } }
@media screen and (min-width: 760px) {
    .tc-sm {
        text-align: center; }

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

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

    .tj-sm {
        text-align: justify; } }
@media screen and (min-width: 990px) {
    .tc-md {
        text-align: center; }

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

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

    .tj-md {
        text-align: justify; } }
@media screen and (min-width: 1200px) {
    .tc-lg {
        text-align: center; }

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

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

    .tj-lg {
        text-align: justify; } }
.t-1 {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 16px; }
@media screen and (min-width: 420px) {
    .t-1 {
        line-height: 20px; } }
@media screen and (min-width: 480px) {
    .t-1 {
        font-weight: 700;
        line-height: 22px; } }
@media screen and (min-width: 600px) {
    .t-1 {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 24px; } }
@media screen and (min-width: 760px) {
    .t-1 {
        line-height: 26px; } }
@media screen and (min-width: 990px) {
    .t-1 {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 28px; } }
@media screen and (min-width: 1200px) {
    .t-1 {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 30px; } }

.t-2 {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 16px; }
@media screen and (min-width: 420px) {
    .t-2 {
        line-height: 20px; } }
@media screen and (min-width: 480px) {
    .t-2 {
        font-weight: 700;
        line-height: 22px; } }
@media screen and (min-width: 600px) {
    .t-2 {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 24px; } }
@media screen and (min-width: 760px) {
    .t-2 {
        line-height: 26px; } }
@media screen and (min-width: 990px) {
    .t-2 {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 20px; } }
@media screen and (min-width: 1200px) {
    .t-2 {
        font-size: 16px;
        font-size: 1rem;
        line-height: 22px; } }

.t-3 {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 16px; }
@media screen and (min-width: 420px) {
    .t-3 {
        line-height: 20px; } }
@media screen and (min-width: 480px) {
    .t-3 {
        font-weight: 700;
        line-height: 22px; } }
@media screen and (min-width: 600px) {
    .t-3 {
        font-size: 16px;
        font-size: 1rem;
        line-height: 22px; } }
@media screen and (min-width: 760px) {
    .t-3 {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 18px; } }
@media screen and (min-width: 990px) {
    .t-3 {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 20px; } }
@media screen and (min-width: 1200px) {
    .t-3 {
        font-size: 16px;
        font-size: 1rem;
        line-height: 22px; } }

.t-4 {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 16px; }
@media screen and (min-width: 420px) {
    .t-4 {
        line-height: 20px; } }
@media screen and (min-width: 480px) {
    .t-4 {
        line-height: 22px; } }
@media screen and (min-width: 600px) {
    .t-4 {
        font-size: 16px;
        font-size: 1rem;
        line-height: 22px; } }
@media screen and (min-width: 760px) {
    .t-4 {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 18px; } }
@media screen and (min-width: 990px) {
    .t-4 {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 20px; } }
@media screen and (min-width: 1200px) {
    .t-4 {
        font-size: 16px;
        font-size: 1rem;
        line-height: 22px; } }

.t-5 {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 16px; }
@media screen and (min-width: 600px) {
    .t-5 {
        font-size: 16px;
        font-size: 1rem;
        line-height: 22px; } }
@media screen and (min-width: 760px) {
    .t-5 {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 18px; } }
@media screen and (min-width: 990px) {
    .t-5 {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 20px; } }
@media screen and (min-width: 1200px) {
    .t-5 {
        font-size: 16px;
        font-size: 1rem;
        line-height: 22px; } }

.t-6 {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 24px; }
@media screen and (min-width: 420px) {
    .t-6 {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 30px; } }
@media screen and (min-width: 480px) {
    .t-6 {
        font-size: 14px;
        font-size: 0.875rem;
        font-weight: 700;
        line-height: 22px; } }
@media screen and (min-width: 600px) {
    .t-6 {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 24px; } }
@media screen and (min-width: 760px) {
    .t-6 {
        line-height: 26px; } }
@media screen and (min-width: 990px) {
    .t-6 {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 28px; } }
@media screen and (min-width: 1200px) {
    .t-6 {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 30px; } }

.t-7 {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 24px; }
@media screen and (min-width: 480px) {
    .t-7 {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 16px; } }
@media screen and (min-width: 600px) {
    .t-7 {
        font-size: 16px;
        font-size: 1rem;
        line-height: 22px; } }
@media screen and (min-width: 760px) {
    .t-7 {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 18px; } }
@media screen and (min-width: 990px) {
    .t-7 {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 20px; } }
@media screen and (min-width: 1200px) {
    .t-7 {
        font-size: 16px;
        font-size: 1rem;
        line-height: 22px; } }

.t-8 {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 24px; }
@media screen and (min-width: 480px) {
    .t-8 {
        font-size: 16px;
        font-size: 1rem;
        line-height: 20px; } }
@media screen and (min-width: 600px) {
    .t-8 {
        font-size: 16px;
        font-size: 1rem;
        line-height: 22px; } }
@media screen and (min-width: 760px) {
    .t-8 {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 18px; } }
@media screen and (min-width: 990px) {
    .t-8 {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 20px; } }
@media screen and (min-width: 1200px) {
    .t-8 {
        font-size: 16px;
        font-size: 1rem;
        line-height: 22px; } }
@media screen and (min-width: 1920px) {
    .t-8 {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 24px; } }

.t-line {
    color: #1f41b1;
    font-size: 30px;
    font-size: 1.875rem;
    text-align: center; }
.t-line:before {
    display: block;
    content: '';
    width: 100%;
    height: 2px;
    background: #eaeaea;
    position: absolute;
    top: calc(50% - 1px);
    left: 0; }
.t-line span {
    background: #ffffff;
    padding: 0 20px;
    position: relative;
    z-index: 10;
    float: left;
    margin-left: 50%;
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
.t-line span:first-letter {
    text-transform: uppercase; }
@media screen and (min-width: 480px) {
    .t-line span {
        padding: 0 50px; } }
.t-line span a {
    color: #1f41b1; }
.t-line.orange {
    color: #ff7e22; }
.t-line.orange span a {
    color: #ff7e22; }
.t-line.grey {
    color: #d1d1d1; }
.t-line.grey span a {
    color: #d1d1d1; }
@media screen and (min-width: 760px) {
    .t-line span {
        padding: 0 100px; } }
@media screen and (min-width: 990px) {
    .t-line {
        font-size: 38px;
        font-size: 2.375rem; } }
/*@media screen and (min-width: 1200px) {*/
    /*.t-line {*/
        /*font-size: 26px;*/
        /*font-size: 1.625rem; } }*/

@media screen and (min-width: 760px) {
    .fs-1 {
        font-size: 18px;
        font-size: 1.125rem;
        font-weight: 400;
        line-height: normal; } }

.fs-2 {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: normal; }

.fs-3 {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: normal; }

.fs-4 {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: normal; }

.fs-5 {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: normal; }

.fs-6 {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: normal; }

.fs-7 {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: normal; }

.top-entries .t-line {
    font-size: 30px;
    font-size: 1.875rem; }
@media screen and (min-width: 990px) {
    .top-entries .t-line {
        font-size: 38px;
        font-size: 2.375rem; } }
.top-entries .t-line span {
    text-transform: none; }
.top-entries .post-with-photo .post-photo {
    width: calc(50% - 10px); }
@media screen and (min-width: 760px) {
    .top-entries .post-with-photo .post-photo {
        width: calc(50% - 15px); } }
@media screen and (min-width: 990px) {
    .top-entries .post-with-photo .post-photo {
        width: calc(50% - 10px); } }
.top-entries .post-with-photo .post-photo:after {
    display: block;
    content: '';
    background: #333333;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out; }
.top-entries .post-with-photo .post-title {
    width: calc(50% + 10px);
    position: relative; }
@media screen and (min-width: 760px) {
    .top-entries .post-with-photo .post-title {
        width: calc(50% + 15px); } }
@media screen and (min-width: 990px) {
    .top-entries .post-with-photo .post-title {
        width: calc(50% + 10px); } }
.top-entries .post-with-photo .post-title h3 {
    height: 64.4px;
    color: #333333;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.15;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out; }
@media screen and (min-width: 480px) {
    .top-entries .post-with-photo .post-title h3 {
        height: 48.3px; } }
@media screen and (min-width: 760px) {
    .top-entries .post-with-photo .post-title h3 {
        height: 80.5px; } }
@media screen and (min-width: 990px) {
    .top-entries .post-with-photo .post-title h3 {
        height: 73.6px;
        font-size: 16px;
        font-size: 1rem; } }
@media screen and (min-width: 1200px) {
    .top-entries .post-with-photo .post-title h3 {
        height: 82.8px;
        font-size: 18px;
        font-size: 1.125rem; } }
@media screen and (min-width: 1920px) {
    .top-entries .post-with-photo .post-title h3 {
        height: 92px;
        font-size: 20px;
        font-size: 1.25rem; } }
.top-entries .post-with-photo .post-title .comments {
    background: #ffffff url("../images/icon_comments.svg") right center no-repeat;
    color: #ff7e22;
    font-weight: 400;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.15;
    position: absolute;
    padding: 0 22px 0 5px;
    bottom: 0;
    right: 0; }
.top-entries .post-with-photo:hover .post-photo:after {
    opacity: 0.3; }
.top-entries .post-with-photo:hover .post-title h3 {
    color: #ff7e22; }
.top-entries .post-without-photo {
    border-top: 1px solid #ebebeb; }
.top-entries .post-without-photo a .post-title h3 {
    max-height: 32.2px;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.15;
    font-weight: 700;
    -webkit-transition: color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out;
    -ms-transition: color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out; }
@media screen and (min-width: 1200px) {
    .top-entries .post-without-photo a .post-title h3 {
        max-height: 36.8px;
        font-size: 16px;
        font-size: 1rem; } }
@media screen and (min-width: 1920px) {
    .top-entries .post-without-photo a .post-title h3 {
        max-height: 41.4px;
        font-size: 18px;
        font-size: 1.125rem; } }
.top-entries .post-without-photo a p {
    height: 16.8px;
    color: #ff7e22;
    line-height: 1.2;
    font-size: 14px;
    font-size: 0.875rem; }
.top-entries .post-without-photo a:hover .post-title h3 {
    color: #ff7e22; }

.partial-top .section-title {
    color: #1f41b1;
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: 700; }
.partial-top .post-with-photo .post-photo {
    width: calc(50% - 10px); }
@media screen and (min-width: 760px) {
    .partial-top .post-with-photo .post-photo {
        width: calc(50% - 15px); } }
@media screen and (min-width: 990px) {
    .partial-top .post-with-photo .post-photo {
        width: calc(50% - 10px); } }
.partial-top .post-with-photo .post-photo:after {
    display: block;
    content: '';
    background: #333333;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out; }
.partial-top .post-with-photo .post-title {
    width: calc(50% + 10px);
    position: relative; }
@media screen and (min-width: 760px) {
    .partial-top .post-with-photo .post-title {
        width: calc(50% + 15px); } }
@media screen and (min-width: 990px) {
    .partial-top .post-with-photo .post-title {
        width: calc(50% + 10px); } }
.partial-top .post-with-photo .post-title h3 {
    height: 64.4px;
    color: #333333;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.15;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out; }
@media screen and (min-width: 480px) {
    .partial-top .post-with-photo .post-title h3 {
        height: 48.3px; } }
@media screen and (min-width: 760px) {
    .partial-top .post-with-photo .post-title h3 {
        height: 80.5px; } }
@media screen and (min-width: 990px) {
    .partial-top .post-with-photo .post-title h3 {
        height: 73.6px;
        font-size: 16px;
        font-size: 1rem; } }
@media screen and (min-width: 1200px) {
    .partial-top .post-with-photo .post-title h3 {
        height: 82.8px;
        font-size: 18px;
        font-size: 1.125rem; } }
@media screen and (min-width: 1920px) {
    .partial-top .post-with-photo .post-title h3 {
        height: 92px;
        font-size: 20px;
        font-size: 1.25rem; } }
.partial-top .post-with-photo .post-title .comments {
    background: #ffffff url("../images/icon_comments.svg") right center no-repeat;
    color: #ff7e22;
    font-weight: 400;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.15;
    position: absolute;
    padding: 0 22px 0 5px;
    bottom: 0;
    right: 0; }
.partial-top .post-with-photo:hover .post-photo:after {
    opacity: 0.3; }
.partial-top .post-with-photo:hover .post-title h3 {
    color: #ff7e22; }
.partial-top .post-without-photo {
    border-top: 1px solid #ebebeb; }
.partial-top .post-without-photo a .post-title h3 {
    max-height: 32.2px;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.15;
    font-weight: 700;
    -webkit-transition: color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out;
    -ms-transition: color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out; }
@media screen and (min-width: 1200px) {
    .partial-top .post-without-photo a .post-title h3 {
        max-height: 36.8px;
        font-size: 16px;
        font-size: 1rem; } }
@media screen and (min-width: 1920px) {
    .partial-top .post-without-photo a .post-title h3 {
        max-height: 41.4px;
        font-size: 18px;
        font-size: 1.125rem; } }
.partial-top .post-without-photo a p {
    height: 16.8px;
    color: #ff7e22;
    line-height: 1.2;
    font-size: 14px;
    font-size: 0.875rem; }
.partial-top .post-without-photo a:hover .post-title h3 {
    color: #ff7e22; }

.top-slider-spacing {
    height: 40px; }
.top-slider-spacing:after {
    display: block;
    content: '';
    width: 66.66667%;
    background: #f9f9f9;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0; }

.top-slider-teasers {
    background: #f9f9f9; }

.top-slider .slide .slide-teaser {
    background: rgba(255, 126, 34, 0.9);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out; }
.top-slider .slide .slide-teaser .title h3 {
    font-size: 16px;
    font-size: 1rem;
    max-height: 38.4px;
    color: #ffffff;
    line-height: 1.2;
    font-weight: 700; }
.top-slider .slide .slide-teaser .title h3 a {
    color: #ffffff; }
@media screen and (min-width: 600px) {
    .top-slider .slide .slide-teaser .title h3 {
        font-size: 24px;
        font-size: 1.5rem;
        max-height: 57.6px; } }
@media screen and (min-width: 1200px) {
    .top-slider .slide .slide-teaser .title h3 {
        font-size: 28px;
        font-size: 1.75rem;
        max-height: 67.2px; } }
@media screen and (min-width: 1920px) {
    .top-slider .slide .slide-teaser .title h3 {
        font-size: 32px;
        font-size: 2rem;
        max-height: 76.8px; } }
.top-slider .slide .slide-teaser .nav {
    width: 100px; }
.top-slider .slide .slide-teaser .nav:before {
    display: block;
    content: '';
    width: 2px;
    height: 100%;
    background: url("../images/dotted_separator_white.png") left top repeat;
    position: absolute;
    top: 0;
    left: -1px; }
@media screen and (min-width: 1200px) {
    .top-slider .slide .slide-teaser .nav {
        width: 150px; } }
.top-slider .slide .slide-teaser .nav .prev-arrow,
.top-slider .slide .slide-teaser .nav .next-arrow {
    float: left;
    cursor: pointer; }
.top-slider .slide .slide-teaser .nav .prev-arrow div,
.top-slider .slide .slide-teaser .nav .next-arrow div {
    padding: 8px;
    border: 2px solid #ffffff; }
.top-slider .slide .slide-teaser .nav .prev-arrow div img,
.top-slider .slide .slide-teaser .nav .next-arrow div img {
    display: block; }
@media screen and (min-width: 1200px) {
    .top-slider .slide .slide-teaser .nav .prev-arrow div,
    .top-slider .slide .slide-teaser .nav .next-arrow div {
        padding: 15px; } }
.top-slider .slide .slide-teaser .nav .prev-arrow div {
    border-right-width: 1px; }
.top-slider .slide .slide-teaser .nav .next-arrow div {
    border-left-width: 1px; }
.top-slider .slide.slick-active .slide-teaser {
    opacity: 1;
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }

.top-slider-teasers {
    background: #f9f9f9; }
.top-slider-teasers ul {
    width: 100%;
    height: 100%;
    float: left; }
.top-slider-teasers ul li {
    border-bottom: 1px solid #eaeaea;
    cursor: pointer; }
.top-slider-teasers ul li:last-child {
    border-bottom-color: #f9f9f9; }
.top-slider-teasers ul li:after {
    display: block;
    content: '';
    width: 0;
    height: 4px;
    background: #ff7e22;
    position: absolute;
    bottom: -1px;
    left: 0;
    -webkit-transition: width 0.2s linear;
    -moz-transition: width 0.2s linear;
    -ms-transition: width 0.2s linear;
    -o-transition: width 0.2s linear;
    transition: width 0.2s linear; }
.top-slider-teasers ul li a {
    max-height: 38.4px;
    line-height: 1.2;
    font-weight: 700;
    font-size: 16px;
    font-size: 1rem;
    -webkit-transition: color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out;
    -ms-transition: color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out; }
.top-slider-teasers ul li a:hover {
    color: #ff7e22; }
@media screen and (min-width: 1200px) {
    .top-slider-teasers ul li a {
        max-height: 48px;
        font-size: 20px;
        font-size: 1.25rem; } }
@media screen and (min-width: 1920px) {
    .top-slider-teasers ul li a {
        max-height: 52.8px;
        font-size: 22px;
        font-size: 1.375rem; } }
.top-slider-teasers ul li p {
    color: #1f41b1;
    font-size: 12px;
    font-size: 0.75rem;
    text-transform: uppercase; }
.top-slider-teasers ul li .comments {
    background: #f9f9f9 url("../images/icon_comments.svg") right center no-repeat;
    color: #ff7e22;
    font-weight: 400;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.15;
    position: absolute;
    padding: 0 22px 0 5px;
    bottom: 25px;
    right: 0; }
.top-slider-teasers ul li.active:after {
    width: 100%;
    -webkit-transition: width 4.1s linear;
    -moz-transition: width 4.1s linear;
    -ms-transition: width 4.1s linear;
    -o-transition: width 4.1s linear;
    transition: width 4.1s linear; }

.v-base {
    vertical-align: baseline; }

.v-mid {
    vertical-align: middle; }

.v-top {
    vertical-align: top; }

.v-btm {
    vertical-align: bottom; }

@media screen and (min-width: 480px) {
    .v-base-xs {
        vertical-align: baseline; }

    .v-mid-xs {
        vertical-align: middle; }

    .v-top-xs {
        vertical-align: top; }

    .v-btm-xs {
        vertical-align: bottom; } }
@media screen and (min-width: 760px) {
    .v-base-sm {
        vertical-align: baseline; }

    .v-mid-sm {
        vertical-align: middle; }

    .v-top-sm {
        vertical-align: top; }

    .v-btm-sm {
        vertical-align: bottom; } }
@media screen and (min-width: 990px) {
    .v-base-md {
        vertical-align: baseline; }

    .v-mid-md {
        vertical-align: middle; }

    .v-top-md {
        vertical-align: top; }

    .v-btm-md {
        vertical-align: bottom; } }
@media screen and (min-width: 1200px) {
    .v-base-lg {
        vertical-align: baseline; }

    .v-mid-lg {
        vertical-align: middle; }

    .v-top-lg {
        vertical-align: top; }

    .v-btm-lg {
        vertical-align: bottom; } }
.w-10 {
    width: 10%; }

.w-20 {
    width: 20%; }

.w-25 {
    width: 25%; }

.w-30 {
    width: 30%; }

.w-35 {
    width: 35%; }

.w-40 {
    width: 40%; }

.w-50 {
    width: 50%; }

.w-60 {
    width: 60%; }

.w-70 {
    width: 70%; }

.w-75 {
    width: 75%; }

.w-80 {
    width: 80%; }

.w-90 {
    width: 90%; }

.w-100 {
    width: 100%; }

.w-third {
    width: 33.33333%; }

.w-two-thirds {
    width: 66.66667%; }

.w-one-sixth {
    width: 16.66667%; }

.w-one-eighth {
    width: 12.5%; }

.w-auto {
    width: auto; }

.max-w-100 {
    max-width: 100%; }

@media screen and (min-width: 480px) {
    .w-10-xs {
        width: 10%; }

    .w-20-xs {
        width: 20%; }

    .w-25-xs {
        width: 25%; }

    .w-30-xs {
        width: 30%; }

    .w-35-xs {
        width: 35%; }

    .w-40-xs {
        width: 40%; }

    .w-50-xs {
        width: 50%; }

    .w-60-xs {
        width: 60%; }

    .w-70-xs {
        width: 70%; }

    .w-75-xs {
        width: 75%; }

    .w-80-xs {
        width: 80%; }

    .w-90-xs {
        width: 90%; }

    .w-100-xs {
        width: 100%; }

    .w-third-xs {
        width: 33.33333%; }

    .w-two-thirds-xs {
        width: 66.66667%; }

    .w-one-sixth-xs {
        width: 16.66667%; }

    .w-one-eighth-xs {
        width: 12.5%; }

    .w-auto-xs {
        width: auto; } }
@media screen and (min-width: 760px) {
    .w-10-sm {
        width: 10%; }

    .w-20-sm {
        width: 20%; }

    .w-25-sm {
        width: 25%; }

    .w-30-sm {
        width: 30%; }

    .w-35-sm {
        width: 35%; }

    .w-40-sm {
        width: 40%; }

    .w-50-sm {
        width: 50%; }

    .w-60-sm {
        width: 60%; }

    .w-70-sm {
        width: 70%; }

    .w-75-sm {
        width: 75%; }

    .w-80-sm {
        width: 80%; }

    .w-90-sm {
        width: 90%; }

    .w-100-sm {
        width: 100%; }

    .w-third-sm {
        width: 33.33333%; }

    .w-two-thirds-sm {
        width: 66.66667%; }

    .w-one-sixth-sm {
        width: 16.66667%; }

    .w-one-eighth-sm {
        width: 12.5%; }

    .w-auto-sm {
        width: auto; } }
@media screen and (min-width: 990px) {
    .w-10-md {
        width: 10%; }

    .w-20-md {
        width: 20%; }

    .w-25-md {
        width: 25%; }

    .w-30-md {
        width: 30%; }

    .w-35-md {
        width: 35%; }

    .w-40-md {
        width: 40%; }

    .w-50-md {
        width: 50%; }

    .w-60-md {
        width: 60%; }

    .w-70-md {
        width: 70%; }

    .w-75-md {
        width: 75%; }

    .w-80-md {
        width: 80%; }

    .w-90-md {
        width: 90%; }

    .w-100-md {
        width: 100%; }

    .w-third-md {
        width: 33.33333%; }

    .w-two-thirds-md {
        width: 66.66667%; }

    .w-one-sixth-md {
        width: 16.66667%; }

    .w-one-eighth-md {
        width: 12.5%; }

    .w-auto-md {
        width: auto; }

    .w-worth-reading-md {
        width: calc((100% / 1.5) - 10px); } }
@media screen and (min-width: 990px) and (min-width: 1200px) {
    .w-worth-reading-md {
        width: calc((100% / 1.5) - 46px); } }

@media screen and (min-width: 1200px) {
    .w-10-lg {
        width: 10%; }

    .w-20-lg {
        width: 20%; }

    .w-25-lg {
        width: 25%; }

    .w-30-lg {
        width: 30%; }

    .w-35-lg {
        width: 35%; }

    .w-40-lg {
        width: 40%; }

    .w-50-lg {
        width: 50%; }

    .w-60-lg {
        width: 60%; }

    .w-70-lg {
        width: 70%; }

    .w-75-lg {
        width: 75%; }

    .w-80-lg {
        width: 80%; }

    .w-90-lg {
        width: 90%; }

    .w-100-lg {
        width: 100%; }

    .w-third-lg {
        width: 33.33333%; }

    .w-two-thirds-lg {
        width: 66.66667%; }

    .w-one-sixth-lg {
        width: 16.66667%; }

    .w-one-eighth-lg {
        width: 12.5%; }

    .w-auto-lg {
        width: auto; } }
@media screen and (min-width: 1920px) {
    .w-10-xl {
        width: 10%; }

    .w-20-xl {
        width: 20%; }

    .w-25-xl {
        width: 25%; }

    .w-30-xl {
        width: 30%; }

    .w-35-xl {
        width: 35%; }

    .w-40-xl {
        width: 40%; }

    .w-50-xl {
        width: 50%; }

    .w-60-xl {
        width: 60%; }

    .w-70-xl {
        width: 70%; }

    .w-75-xl {
        width: 75%; }

    .w-80-xl {
        width: 80%; }

    .w-90-xl {
        width: 90%; }

    .w-100-xl {
        width: 100%; }

    .w-third-xl {
        width: 33.33333%; }

    .w-two-thirds-xl {
        width: 66.66667%; }

    .w-one-sixth-xl {
        width: 16.66667%; }

    .w-one-eighth-xl {
        width: 12.5%; }

    .w-auto-xl {
        width: auto; } }

.btn-filter {
    display: inline-block;
    height: 46px;
    background: #1f41b1;
    border: 0;
    color: #ffffff;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
    line-height: 46px;
    cursor: pointer; }

@media screen and (min-width: 990px) {
    .btn-filter {
        width: 100%;
    }
}

.ad-link {
    line-height: 46px;
    color: #1f41b1;
    font-size: 16px;
    font-size: 1rem; }

.ad-link:hover {
    text-decoration: underline; }

.kategoria-ogloszen {
    color: #ff7e22;
}

.filtrowanie h3 {
    color: #1f41b1;
    background: url('../images/dotted_separator.png') left bottom repeat-x;
    padding-bottom: 15px;
    font-size: 20px;
}

.custom-checkbox {
    font-size: 14px;
    margin-bottom: 5px;
}

.custom-checkbox input[type="checkbox"] {
    display: none;
}

.custom-checkbox input[type="checkbox"] + label {
    position: relative;
    display: inline-block;
    padding-left: 1.5em;
    margin-right: 2em;
    cursor: pointer;
    line-height: 1em;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.custom-checkbox input[type="checkbox"] + label:before,
.custom-checkbox input[type="checkbox"] + label:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1em;
    height: 1em;
    text-align: center;
    color: white;
    border-radius: 50%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.custom-checkbox input[type="checkbox"] + label:before {
    content: '✗';
    border-radius: 4px;
    background-color: #f2f2f2;
    color: #f2f2f2;
}

.custom-checkbox input[type="checkbox"] + label:hover:before {
    color: #1f41b1;
}

.custom-checkbox input[type="checkbox"]:checked + label:before {
    background-color: #f2f2f2;
    color: #ff7e22;
}

/*.custom-checkbox {*/
    /*font-size: 14px;*/
    /*cursor: pointer;*/
    /*!*line-height: 22px;*!*/
    /*!*float: left;*!*/
/*}*/

/*.custom-checkbox input[type='checkbox'] {*/
    /*!*width: 15px;*!*/
    /*!*height: 15px;*!*/
    /*!*margin-top: 2px;*!*/
/*}*/

/*.custom-checkbox {*/
    /*line-height: 20px;*/
    /*font-size: 16px;*/
    /*padding-left: 30px;*/
    /*cursor: pointer;*/
    /*position: relative;*/
    /*float: left;*/
/*}*/

/*.custom-checkbox input[type='checkbox'] {*/
    /*position: absolute;*/
    /*opacity: 0;*/
/*}*/

/*.custom-checkbox:before {*/
    /*content: '';*/
    /*width: 20px;*/
    /*height: 20px;*/
    /*background: #f2f2f2;*/
    /*border: 1px solid #f2f2f2;*/
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
/*}*/

.top-slider-wrapper .prev-arrow.mobile,
.top-slider-wrapper .next-arrow.mobile {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.top-slider-wrapper .prev-arrow.mobile {
    left: 20px;
}

.top-slider-wrapper .next-arrow.mobile {
    right: 20px;
}

.top-slider-wrapper .prev-arrow.mobile div,
.top-slider-wrapper .next-arrow.mobile div {
    border: 2px solid #fff;
    padding: 8px;
    cursor: pointer;
}

@media screen and (max-width: 990px) {
    .region {
        display: inline-block;
        list-style-type: none;
        width: 250px;
        height: 40px;
        background: #f9f9f9;
        padding: 0;
        margin: 10px 0 10px 0;
        position: relative;
        overflow: hidden;
        -webkit-transition: height 0.25s ease-in-out;
        -moz-transition: height 0.25s ease-in-out;
        -ms-transition: height 0.25s ease-in-out;
        -o-transition: height 0.25s ease-in-out;
        transition: height 0.25s ease-in-out;
    }
    .region.open {
        height: 80px;
    }
    .region.open .arrow a {
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .region .arrow {
        width: 40px;
        height: 40px;
        background: #eaeaea;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 9999;
    }
    .region .arrow a {
        width: 100%;
        height: 100%;
        float: left;
        text-align: center;
        padding: 0;
        line-height: 40px;
        font-size: 12px;
    }
    .region .arrow a:hover {
        color: #1f41b1;
    }
    .region li {
        width: 100%;
        height: 40px;
        background: #f9f9f9;
        padding: 0;
        float: left;
    }
    .region li a {
        display: block;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        padding: 0 10px;
    }
    .region li a:hover {
        color: #ff7e22;
    }
}

@media screen and (max-width: 990px) {
    .lista-regionow li {
        margin: 4px 5px;
    }

    .lista-regionow li a {
        min-width: 220px;
        display: block;
        background: #f6f6f6;
        text-align: center;
        text-transform: uppercase;
        line-height: 40px;
        -webkit-transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        -ms-transition: all 0.25s ease-in-out;
        -o-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
    }

    .lista-regionow li a:hover {
        background-color: #d4d4d4;
        /*color: #fff;*/
    }

    .lista-regionow li a.active {
        background-color: #ff7e22;
        color: #fff;
    }
}

.grayscale {
    filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
}

.gallery-thumbs .swiper-slide:before,
.full-article .gallery-photos .gallery-photo:before {
    display: block;
    content: '';
    height: 0;
    /*padding-bottom: 56.25%;*/
    padding-bottom: 66.43%;
}

.gallery-thumbs .swiper-slide img,
.full-article .gallery-photos .gallery-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}