@charset "utf-8";
@import url('reset.css');

/**
 * Layout CSS Style 
 *
 * @project         Trends
 * @date            2013-03-26
 * @author          Konrad Bojarun
 * @company         Autentika, @link http://www.autentika.pl
 * 
 *
 * Naming convention (based on SMACSS @link http://www.smacss.com):
 * .l-className                  layout element
 * .is-className                 element's state
 * .ui-className                 (graphic) user interface element
 * .js-className                 javascript handle class
 * .className                    standalone module
 * .className-SubClassName       submodule
 * .className--subClassName      module modifier
 */

/**
 * @section: Webfonts
 *
 * Generated by Font Squirrel (http://www.fontsquirrel.com)
 * Font protection: WebOnly(tm)
 * -------------------------------------------------------
 */

@font-face {
    font-family: 'FuturaLTPro-Heavy';
    src: url('../fonts/FuturaLTPro-Heavy.eot?#iefix') format('embedded-opentype'), url('../fonts/FuturaLTPro-Heavy.otf') format('opentype'),
    url('../fonts/FuturaLTPro-Heavy.woff') format('woff'), url('../fonts/FuturaLTPro-Heavy.ttf') format('truetype'), url('../fonts/FuturaLTPro-Heavy.svg#FuturaLTPro-Heavy') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaLTPro-Book';
    src: url('../fonts/FuturaLTPro-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/FuturaLTPro-Book.otf') format('opentype'),
    url('../fonts/FuturaLTPro-Book.woff') format('woff'), url('../fonts/FuturaLTPro-Book.ttf') format('truetype'), url('../fonts/FuturaLTPro-Book.svg#FuturaLTPro-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}

/**
 * @section: Browser Update Tip
 * -------------------------------------------------------
 */

.ancientBrowser {
    background: #F75B00;
    color: #FFFFFF;
    font: normal 14px/18px arial, sans-serif;
    margin: 0;
    overflow: hidden;
    padding: 10px;
}

.ancientBrowser a {
    color: #fff;
    text-decoration: underline;
}

/**
 * @section: Placeholder
 * -------------------------------------------------------
 */

.fakePlaceholder {
    color: #666666 !important;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #666666 !important;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #666666 !important;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #666666 !important;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #666666 !important;
}

/**
 * @section: main
 * -------------------------------------------------------
 */

* {
    vertical-align: top;
}

.main {
    display: block;
    position: relative;
    overflow: hidden;
}

body {
    display: block;
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #363636;
}

body * {
    text-rendering: optimizeLegibility !important;
    font-smooth: always !important;
    font-smoothing: antialiased !important;
    -moz-font-smoothing: antialiased !important;
    -webkit-font-smoothing: antialiased !important;
}

.layout {
    width: 1170px;
    margin: 0 auto;
    padding: 0 20px;
}

a {
    color: #328cc1;
    text-decoration: none;
    outline: 0;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

    opacity: 1;
}

a:hover {
    opacity: 0.7;
}

a:hover,
a:focus,
a:active {
    text-decoration: none;
    outline: 0;
}

/**
 * @section: Header
 * -------------------------------------------------------
 */

header[role="banner"] {
    display: block;
    position: relative;
    padding: 25px 0px;
    z-index: 10;
}

header[role="banner"] .logo {
    display: block;
    position: relative;
    float: left;
    margin-left: 50px;
    width: 210px;
    height: 60px;
    background: url(../i/layout/logo.png) 0px 0px no-repeat;
}

/* ----- Nav ----- */

nav[role="navigation"] {
    position: relative;
    display: block;
    width: calc(100% - 100px - 210px - 315px);
    height: 60px !important;
    float: left;
    text-align: center;
}

nav[role="navigation"] a {
    display: inline-block;
    position: relative;

    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #4b4b4c;
    padding: 20px 0px;
    margin-right: 35px;
}

nav[role="navigation"] a:last-child {
    margin-right: 0px;
}

nav[role="navigation"] a:hover {
    opacity: 1;
    color: #00abc2;
}

nav[role="navigation"] .dropDownMenu {
    display: inline-block;
    position: relative;
}

nav[role="navigation"] .dropDownMenu .dropDownList {
    display: none;
    position: absolute;
    padding: 30px;
    background: #FFF;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    text-align: left;
    min-width: 150px;
    margin-left: -30px;
}

nav[role="navigation"] .dropDownMenu .dropDownList a {
    display: block;
    position: relative;
    margin-right: 0px;
    padding: 0px;
    margin-bottom: 15px;
}

nav[role="navigation"] .dropDownMenu .dropDownList a:last-child {
    margin-bottom: 0px;
}

nav[role="navigation"] .dropDownMenu:hover .dropDownList {
    display: block;
}

nav[role="navigation"] .l-pageTools {
    display: none;
}

.l-pageTools {
    display: block;
    position: relative;
    float: right;
    width: 290px;
    width: 315px;
    height: 45px;
    margin-right: 50px;
    margin-top: 15px;
}

.l-pageTools .btn-search {
    display: inline-block;
    position: relative;
    width: 30px;
    height: 30px;
    background: url(../i/layout/ico-search.png) 0px 50% no-repeat;
    border-right: 2px solid #E8EDEF;
    margin-right: 20px;
    padding-right: 10px;
}

.l-pageTools .btn-drop {
    display: inline-block;
    position: relative;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #8ca3ad;
    padding-right: 20px;
    background: url(../i/layout/ico-drop.png) right 50% no-repeat;
    margin-right: 20px;
}

.l-pageTools .socialBox {
    display: inline-block;
    position: relative;
}

.l-pageTools .btn-social {
    display: inline-block;
    position: relative;
    width: 28px;
    height: 28px;
    border: solid 2px #E8EDEF;
    background: url(../i/layout/iconset-social.png) 0px 50% no-repeat;
    overflow: hidden;
    margin-right: 5px;
}

.l-pageTools .btn-social:last-child {
    margin-right: 0px;
}

.l-pageTools .btn-social.yt {
    background-position: -39px 50%;
}

.l-pageTools .btn-social.tw {
    background-position: -79px 50%;
}

.l-pageTools .btn-social.in {
    background: url(../i/layout/icon-instagram.svg) 50% 50% no-repeat;
    background-size: 18px 18px;
    color: #2179b9;
}

.searchFormBox {
    display: none;
    position: absolute;
    width: 240px;
    height: 32px;
    z-index: 10;
    background: #FFF;
    top: -1px;
    right: 245px;
    padding-right: 20px;
}

.searchFormBox.active {
    display: block;
}

.searchFormBox form {
    display: bock;
    position: relative;
    padding: 0px 10px;
    background: #F3F6F7;
    height: 32px;
}

.searchFormBox form input {
    display: bock;
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 32px;
    color: #8894a0;
    padding-right: 30px;
    background: none;
    width: 190px;
    z-index: 1;
}

.searchFormBox form button {
    display: bock;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 32px;
    height: 32px;
    background: url(../i/layout/ico-search-2.png) 50% 50% no-repeat;
    z-index: 2;
}

/**
 * @section: .l-pageContent-article
 * -------------------------------------------------------
 */

.l-pageContent {
    display: block;
    position: relative;
    z-index: 2;
}

.l-pageContent-article.no-image {
    border-top: solid 1px rgba(0, 0, 0, 0.1);
}

.art-cover {
    display: block;
    position: relative;
    width: 100%;
    height: 600px;
    background-size: cover !important;
    /*background-size:120% 120% !important;*/
}

article {
    display: block;
    position: relative;
    margin: 0px auto;
    margin-top: 50px;
    width: 66%;
}

article h1 {
    display: block;
    position: relative;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 55px;
    line-height: 90px;
    color: #383838;
    text-align: center;
    margin-bottom: 60px;
}

article h1 span {
    display: block;
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 60px;
    color: #8894a0;
    text-align: center;
}

article .lead h2 {
    display: block;
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 42px;
    color: #383838;
    margin-bottom: 30px;
}

article p {
    display: block;
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 36px;
    color: #383838;
    margin-bottom: 30px;
}

article p strong {
    font-weight: 700;
}

article p img {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}

article ul {
    display: block;
    position: relative;
    margin-bottom: 30px;
    padding-left: 20px;
}

article ul li {
    display: block;
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 36px;
    color: #383838;
    padding-left: 30px;
}

article ul li:before {
    display: block;
    position: absolute;
    width: 10px;
    height: 2px;
    left: 0px;
    top: 46%;
    background: #FAA61A;
    content: "";
}

article ol li {
    display: list-item;
    list-style-type: decimal;
    list-style-position: inside;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 36px;
    color: #383838;
}

article blockquote {
    display: block;
    position: relative;
    margin-bottom: 30px;
    padding: 40px 50px;
    background: #F9F8F5;
}

article blockquote p {
    display: block;
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 24px;
    line-height: 42px;
    color: #383838;
    margin-top: 20px;
    margin-bottom: 0px;
}

article blockquote span {
    display: block;
    position: relative;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #faa61a;
}

.art-more {
    display: block;
    position: relative;
    padding-top: 50px;
    margin-top: 50px;
    border-top: solid 1px #E5E5E5;
}

.art-more strong {
    display: block;
    position: relative;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #383838;
    margin-bottom: 40px;
}

.art-more a {
    display: block;
    position: relative;
    float: left;
    width: calc((100% - 60px) / 3);
    margin-right: 30px;
}

.art-more a:last-child {
    margin-right: 0px;
}

.art-more a img {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.art-more a p {
    display: block;
    position: relative;
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
    color: #383838;
    padding: 0px 10px;
}

.art-more a p span {
    display: block;
    position: relative;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #8894a0;
    margin-top: 10px;
}

/**
 * @section: gms-minigallery
 * -------------------------------------------------------
 */

.minigallery {
    display: block;
    position: relative;
    width: 610px;
    margin: 0px auto;
    margin-bottom: 30px;
}

.minigallery .mg-projector {
    display: block;
    position: relative;
    width: 100%;

    height: 325px;
    background: #F5F8FA;
}

.minigallery .mg-projector .mg-image {
    display: block;
    position: relative;
    padding: 10px;
}

.minigallery .mg-projector .mg-image.reset {
    opacity: 0;
}

.minigallery .mg-projector .mg-image img {
    display: block;
    position: relative;
    width: auto;
    max-height: 305px;
    margin: 0px auto;
}

.minigallery .mg-thumbs {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 20px;
    overflow: hidden;

    height: 85px;
    background: #000;
}

.minigallery .mg-thumbs .mg-prev {
    display: block;
    position: absolute;
    width: 75px;
    height: 100%;
    z-index: 1;
    left: 0px;
    top: 0px;
    cursor: pointer;
    background-size: cover !important;
    background-position: 50% 0px !important;
}

.minigallery .mg-thumbs .mg-prev:after {
    display: block;
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    content: "";
    background: rgba(0, 0, 0, 0.3) url("../i/layout/mg-prev.png") 50% 50% no-repeat;
}

.minigallery .mg-thumbs .mg-next {
    display: block;
    position: absolute;
    width: 75px;
    height: 100%;
    z-index: 1;
    right: 0px;
    top: 0px;
    cursor: pointer;
    background-size: cover !important;
    background-position: 50% 0px !important;
}

.minigallery .mg-thumbs .mg-next:before {
    display: block;
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    top: 0px;
    right: 0px;
    content: "";
    background: rgba(0, 0, 0, 0.3) url("../i/layout/mg-next.png") 50% 50% no-repeat;
}

.minigallery .mg-thumbs .mg-thumb {
    display: block;
    position: relative;
    height: 100%;
    z-index: 10;
    width: calc((100% - 149px) / 3);
    background: #00F;
    float: left;
    cursor: pointer;
    background-size: cover !important;
    background-position: 50% 0px !important;
}

.minigallery .mg-thumbs .mg-thumb:nth-child(1) {
    margin-left: 75px;
}

/**
 * @section: .l-pageContent-article-list
 * -------------------------------------------------------
 */

.art-list-item {
    display: block;
    position: relative;
}

.art-list-item .al-content {
    display: block;
    position: relative;
    width: 50%;
}

.art-list-item .al-content .inside {
    display: block;
    position: relative;
    padding: 90px;
    width: 495px;
}

.al-content.left .inside {
    padding-left: 0px;
    float: right;
}

.art-list-item .inside strong {
    display: block;
    position: relative;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 42px;
    color: #383838;
}

.art-list-item .inside small {
    display: block;
    position: relative;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #8894a0;
    margin-bottom: 30px;
}

.art-list-item .inside p {
    display: block;
    position: relative;
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
    color: #8894a0;
    margin-bottom: 20px;
}

.art-list-item .inside a {
    display: block;
    position: relative;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 38px;
    color: #383838;
}

.art-list-item .inside a span {
    display: inline-block;
    position: relative;
    width: 30px;
    height: 2px;
    background: #FAA61A;
    margin-left: 20px;
    top: 19px;
}

.art-list-item .al-image {
    display: block;
    position: relative;
    width: 50%;
    overflow: hidden;
    background-size: cover !important;
}

.art-list-item .al-image a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

.art-list-item .al-image img {
    display: block;
    position: relative;
    height: 100%;
    width: auto;
    opacity: 0;
}

.art-list-item.block {
    background: #EEF1F6;
}

.art-list-item.block .al-content {
    width: 100%;
}

.art-list-item.block .al-content .inside {
    display: block;
    position: relative;
    padding: 90px 0px;
    width: 100%;
}

.buttonsBox {
    padding-top: 100px;
    padding-bottom: 100px;
    background: #FFF;
    text-align: center;
}

.buttonsBox .btn-more {
    display: inline-block;
    position: relative;
    padding: 0px 20px;
    border: solid 2px #4b4b4c;
    text-align: center;

    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 46px;
    color: #383838;
}

/**
 * @section: .l-pageContent-biogram
 * -------------------------------------------------------
 */

.columns {
    display: block;
    position: relative;
}

.column {
    display: block;
    position: relative;
}

.column-30 {
    width: 30%;
}

.column-30 + .column {
    width: calc(70% - 30px);
}

.column-50 {
    width: 50%;
}

.column-100 {
    width: 100%;
}

.column-50 + .column {
    width: calc(50% - 30px);
}

.column-27 {
    width: 27%;
}

.column-65 {
    width: 65%;
}

.l-pageContent-biogram {
    display: block;
    position: relative;
    margin-bottom: 20px;
    border-top: solid 1px #DAE2EA;
}

.l-pageContent-biogram .layout {
    margin: 30px auto;
}

.l-pageContent-biogram h1 {
    display: block;
    position: relative;

    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 72px;
    line-height: 84px;
    color: #383838;
}

.l-pageContent-biogram h1 + span {
    display: block;
    position: relative;

    font-weight: 300 !important;
    font-size: 24px;
    line-height: 42px;
    color: #8894a0;
    margin-bottom: 40px;
}

.guest-avatar {
    display: block;
    position: relative;
    padding: 50px;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}

.guest-avatar img {
    width: 100%;
    height: auto;
}

.l-pageContent-biogram p {
    font-weight: 300;
    font-size: 18px;
    line-height: 36px;
    color: #383838;
    margin-bottom: 40px;
    color: #383838;
}

.l-pageContent-biogram h2 {
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    color: #383838;
    margin-bottom: 40px;
    color: #383838;
}

.bioBox {
    display: block;
    position: relative;
    padding: 40px;
    background: #F9F8F5;
    margin-bottom: 40px;
}

.bioBox .bb-left {
    display: block;
    position: relative;
    width: 26%;
    float: left;
}

.bioBox .bb-left img {
    display: block;
    position: relative;
    margin-left: -100px;
    width: calc(100% + 90px);
    height: auto;
    -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.2);
}

.bioBox .bb-right {
    display: block;
    position: relative;
    width: 65%;
    float: right;
    padding-right: 5%;
    text-align: left;
}

.bioBox strong {
    display: block;
    position: relative;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 60px;
    line-height: 82px;
    color: #383838;
    margin-bottom: 30px;
    font-style: italic;
}

.l-pageContent-biogram .bioBox p {
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    color: #383838;
    margin-bottom: 40px;
    color: #383838;
}

.biogram-list {
    display: block;
    position: relative;
    margin: 40px 0px;
}

.biogram-list .item {
    display: block;
    position: relative;
    width: calc((100% - 60px) / 4);
    float: left;
    margin-right: 20px;
    margin-bottom: 30px;
}

.biogram-list .item:nth-child(4n) {
    margin-right: 0px;
}

.biogram-list .item .inside {
    display: block;
    position: relative;
    padding: 50px;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}

.biogram-list .item .inside img {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}

.biogram-list .item .inside p {
    display: block;
    position: relative;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 42px;
    color: #00abc2;
    z-index: 1;
    text-align: center;
    margin-bottom: 0px;
}

.biogram-list .item .g-hover {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    background: rgba(0, 171, 194, 0.85);
    top: 0px;
    left: 0px;
    opacity: 0;
}

.biogram-list .item:hover {
    opacity: 1;
}

.biogram-list .item:hover .g-hover {
    opacity: 1;
}

.biogram-list .item:hover .inside p {
    opacity: 0;
}

.biogram-list .item .g-hover .gh-inside {
    display: block;
    position: relative;
    text-align: center;
    padding: 20px;
}

.biogram-list .item .g-hover .gh-inside strong {
    display: block;
    position: relative;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 42px;
    color: #fff;
    margin-bottom: 20px;
    margin-top: 120px;
}

.biogram-list .item .g-hover .gh-inside small {
    display: block;
    position: relative;
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    margin-bottom: 10px;
}

.biogram-list .item .g-hover .gh-inside .btn-more {
    display: block;
    position: relative;
    font-weight: 300;
    font-size: 16px;
    line-height: 40px;
    color: #fff;
    margin-bottom: 20px;
}

.biogram-list .item .g-hover .gh-inside .btn-more span {
    display: inline-block;
    position: relative;
    height: 2px;
    width: 30px;
    margin-left: 20px;
    background: #FFF;
    margin-top: 19px;
}

/**
 * @section: .l-pageContent-biogram-list
 * -------------------------------------------------------
 */

.biogram-header {
    display: block;
    position: relative;
    margin: 50px 0px;
}

.biogram-header h1 {
    float: left;
    margin-right: 40px;
}

.biogram-header .bh-nav {
    display: block;
    position: relative;
    float: left;
    margin-top: 20px;
}

.biogram-header .bh-nav .customSelectBox {
    display: inline-block;
    position: relative;
    margin-right: 30px;
}

.biogram-header .bh-nav a {
    display: inline-block;
    position: relative;

    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 48px;
    color: #8894a0;
    margin-right: 30px;
}

.biogram-header .bh-nav a.active {
    color: #383838;
}

.biogram-header .bh-nav a.active:after {
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background: #FAA61A;
    content: "";
    bottom: 0px;
    left: 0px;
}

/**
 * @section: .l-pageContent-parnetrs-list
 * -------------------------------------------------------
 */

.breadcrumbs {
    display: block;
    position: relative;
    margin-bottom: 40px;
}

.breadcrumbs small {
    display: inline-block;
    position: relative;

    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 48px;
    color: #8894a0;

    margin-right: 20px;
}

.breadcrumbs a {
    display: inline-block;
    position: relative;

    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 48px;
    color: #383838;

    margin-right: 5px;
}

.breadcrumbs a span {
    display: inline-block;
    position: relative;
    color: #faa61a;
    margin-left: 5px;
}

.l-pageContent-biogram.l-pageContent-partners .biogram-header {
    margin-bottom: 20px;
}

.biogram-list .item .inside .tableBlock {
    display: table;
    position: relative;
    width: 100%;
    height: 80px;
    text-align: center;
    margin-bottom: 40px;
}

.biogram-list .item .inside .tableBlock img {
    diplay: table-cell;
    position: relative;
    height: 80px;
    width: auto;
    margin: 0px auto;
}

.l-pageContent-biogram.l-pageContent-partners .biogram-list .item .inside p {
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #383838;
    margin-bottom: 0px;
}

.l-pageContent-biogram.l-pageContent-partners .biogram-list .item:hover .inside p {
    opacity: 1;
}

.subsectionTitle {
    display: block;
    position: relative;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 42px;
    color: #8894a0;
    margin-bottom: 30px;
}

/**
 * @section: .l-pageContent-multimedia
 * -------------------------------------------------------
 */

/* ---- grid ---- */

.grid {
    display: block;
    position: relative;
}

/* ---- .grid-item ---- */

.grid-sizer {
    width: 25%;
}

.grid-item {
    display: block;
    position: relative;
    float: left;
    width: 25%;
    height: 360px;
}

.grid-item img {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
}

.grid-item--width2 {
    width: 50%;
}

.grid-item--height2 {
    height: 720px;
}

.grid-item .video {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: url(../i/layout/ico-play.png) 50% 50% no-repeat;
}

.grid-item.video:hover:after {
    background: rgba(0, 171, 194, 0.85) url(../i/layout/ico-play.png) 50% 50% no-repeat;
}

.grid-item .podcast {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: url(../i/layout/ico-podcast.png) 50% 50% no-repeat;
}

.grid-item.podcast:hover:after {
    background: rgba(0, 171, 194, 0.85) url(../i/layout/ico-podcast.png) 50% 50% no-repeat;
}

.grid-item:hover:after {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    content: "";
    background: rgba(0, 171, 194, 0.85) url(../i/layout/ico-zoom.png) 50% 50% no-repeat;
}

.l-pageContent-biogram.l-pageContent-media {
    margin-bottom: 0px;
}

.my-overlay {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1000;
    top: 0px;
    left: 0px;
}

.my-overlay .mo-background {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.66);
}

.my-overlay .mo-box {
    display: block;
    position: relative;
    width: 55%;
    max-width: 980px;
    margin: 0px auto;
    margin-top: 150px;
    z-index: 10;
    background: #FFF;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}

.my-overlay .mo-box .mo-close {
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    top: -30px;
    right: -30px;
    background: url(../i/layout/ico-close.png) 50% 50% no-repeat;
}

.mediaBox {
    display: block;
    position: relative;
    padding: 50px;
    background: #FFF;
}

.mediaBox .mb-prev {
    display: block;
    position: absolute;
    width: 70px;
    height: 70px;
    z-index: 100;
    background: #FFF url(../i/layout/ico-arrow-left.png) 50% 50% no-repeat;
    top: calc(50% - 35px);
    left: -35px;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}

.mediaBox .mb-next {
    display: block;
    position: absolute;
    width: 70px;
    height: 70px;
    z-index: 100;
    background: #FFF url(../i/layout/ico-arrow-right.png) 50% 50% no-repeat;
    top: calc(50% - 35px);
    right: -35px;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}

.mediaBox .mb-prev:hover, .mediaBox .mb-next:hover {
    opacity: 1;
}

.mediaBox .mb-projector {
    display: block;
    position: relative;
    margin-bottom: 30px;
}

.mediaBox .mb-projector img {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
}

.mediaBox .mb-projector iframe {
    display: block;
    position: relative;
    width: 100%;
    /*height:auto;*/
}

.mediaBox .mb-bottom {
    display: block;
    position: relative;
}

.mediaBox .mb-bottom .mbb-left {
    display: block;
    position: relative;
    float: left;
    width: 48%;
    width: calc(100% - 325px);
    width: 100%;
    margin-bottom: 20px;
}

.mediaBox .mb-bottom .mbb-left p {
    display: block;
    position: relative;
    font-weight: 300;
    font-size: 15px;
    line-height: 30px;
    color: #383838;
    margin-bottom: 0px;
}

.mediaBox .mb-bottom .mbb-right {
    display: block;
    position: relative;
    float: right;
    width: 305px;
    text-align: left;
    width: 100%;

}

/**
 * @section: .l-pageContent-search-results
 * -------------------------------------------------------
 */

.biogram-header h1 span {
    color: #8894a0;
}

.search-list {
    display: block;
    position: relative;
    padding-right: 35%;
}

.search-list a {
    display: block;
    position: relative;
    margin-bottom: 40px;
    padding-bottom: 40px;
}

.search-list a strong {
    display: block;
    position: relative;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 42px;
    color: #383838;
    margin-bottom: 25px;
}

.search-list a p {
    display: block;
    position: relative;
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
    color: #8894a0;
    margin-bottom: 0px;
}

.search-list a:after {
    display: block;
    position: absolute;
    width: 70px;
    height: 2px;
    content: "";
    bottom: 0px;
    left: 0px;
    background: #DAE2EA;
}

.search-list a:last-child:after {
    display: none;
}

.pagin-nav {
    display: block;
    position: relative;
}

.pagin-nav .btn {
    display: inline-block;
    position: relative;
    padding: 0px 20px;
    border: solid 2px #8894A0;
    text-align: center;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 46px;
    color: #8894a0;
    margin-right: 10px;
}

.pagin-nav .btn.prev {
    color: #383838;
    margin-right: 30px;
    border: solid 2px #4b4b4c;
    width: 130px;
}

.pagin-nav .btn.next {
    color: #383838;
    margin-right: 0px;
    border: solid 2px #4b4b4c;
    width: 130px;
    margin-left: 20px;
}

.pagin-nav .btn.active {
    color: #383838;
    border: solid 2px #4b4b4c;
}

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

.no-results h1 {
    float: none;
}

.nrBox {
    display: block;
    position: relative;
}

.nrBox strong {
    display: block;
    position: relative;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 48px;
    color: #383838;
    margin-bottom: 30px;
}

.nrBox p {
    display: block;
    position: relative;
    font-weight: 400;
    font-size: 24px;
    line-height: 42px;
    color: #8894a0;
}

.nrBox form {
    display: block;
    position: relative;
    width: 65%;
    background: #EEF1F6;
    margin: 50px auto;
    margin-top: 80px;
}

.nrBox form fieldset {
    display: block;
    position: relative;
    padding: 50px;
}

.nrBox form input {
    display: block;
    position: relative;
    width: calc(100% - 20px - 40px);
    font-weight: 500;
    font-size: 16px;
    line-height: 48px;
    height: 48px;
    background: #fff;
    color: #1e2e3d;
    padding-left: 20px;
    padding-right: 40px;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}

.nrBox form button {
    display: block;
    position: absolute;
    width: 40px;
    height: 48px;
    top: 50px;
    right: 50px;
    background: url("../i/layout/ico-arrow-blue.png") 50% 50% no-repeat;
}

/**
 * @section: .l-pageContent-contact
 * -------------------------------------------------------
 */

.grey-bg {
    background: #EEF1F6;
    display: block;
    position: relative;
    margin-top: -30px;
    padding: 30px 0px;
    padding-bottom: 100px;
}

.l-pageContent-contact h2 {
    display: block;
    position: relative;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 42px;
    color: #383838;
    margin-bottom: 30px;
}

.l-pageContent-contact p {

}

.l-pageContent-contact .contact-columns {
    display: block;
    position: relative;
    font-family: 'FuturaLTPro-Book', sans-serif;
    font-weight: 300;
    font-size: 24px;
    line-height: 42px;
    color: #8894a0;
    margin-bottom: 30px;
    display: grid;
    row-gap: 30px;
}
@media(min-width:768px) {
    .l-pageContent-contact .contact-columns {
        grid-template-columns: repeat(2,1fr);
    }
}


.l-pageContent-contact .column + .column {
    max-width: 470px;
}

.contactBox {
    display: block;
    position: relative;
    max-width: 470px;
    background: #FFF;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    display: none;
}

.contactBox form {
    display: block;
    position: relative;
    padding: 50px;
    background: #FFF;
    text-align: left;
}

.contactBox form strong {
    display: block;
    position: relative;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 300;
    font-size: 24px;
    line-height: 24px;
    color: #383838;
    margin-bottom: 30px;
}

.contactBox form fieldset {
    display: block;
    position: relative;
    margin-bottom: 30px;
}

.contactBox form fieldset:last-child {
    margin-bottom: 0px;
    text-align: center;
}

.contactBox form input {
    display: block;
    position: relative;
    padding: 10px 20px;
    border: solid 2px #ECEDEE;
    width: calc(100% - 44px);
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #383838;
    font-family: 'Roboto', sans-serif;
}

.contactBox form input:focus, .contactBox form input:hover, .contactBox form textarea:focus, .contactBox form textarea:hover {
    border: solid 2px #999;
}

.contactBox form input:focus, .contactBox form textarea {
    outline: none !important;
}

.contactBox form textarea {
    display: block;
    position: relative;
    padding: 10px 20px;
    border: solid 2px #ECEDEE;
    width: calc(100% - 44px);
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #383838;
    resize: none;
    height: 180px;
    font-family: 'Roboto', sans-serif;
}

.contactBox form button {
    display: inline-block;
    position: relative;
    padding: 0px 20px;
    border: solid 2px #4b4b4c;
    text-align: center;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 46px;
    color: #383838;
    background: #FFF;
    outline: none !important;
}

.contactBox form.submited button {
    display: block;
    position: relative;
    width: 100%;
}

.contactBox form button span {
    display: none;
}

.contactBox form.submited button span {
    display: block;
    position: absolute;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    width: 100%;
    height: 100%;
    color: #FFF;
    background: #03AAC1;
    z-index: 10;
    top: -2px;
    left: -2px;
    border: solid 2px #FFF;
}

.default-form .error {
    border-color: #ff0000 !important;
}

.default-form label.error {
    display: none !important;
    position: relative;
    border-radius: 5px;
    padding: 5px 20px;
    background: #ff0000;
    margin: 10px 0px;
    margin-bottom: 0px;
    color: #FFF;
}

.grey-bg .layout {
    display: block;
    position: relative;
    z-index: 2;
}

.mapBox {
    display: block;
    z-index: 1;
    /*
    position: absolute;
    margin-top: -350px;*/
    width: 100%;
    height: 450px;
}

.map {
    width: 100%;
    height: 450px;
    z-index: 1;
}

#gmap1 {
    width: 100%;
    height: 450px;
}

.contacts-list {
    display: block;
    position: relative;
    margin-top: 50px;
}

.cl-item {
    display: block;
    position: relative;
    width: 50%;
    float: left;
    margin-bottom: 50px;
}

.cl-item .inside {
    display: block;
    position: relative;
}

.cl-item .inside .imgBox {
    display: block;
    position: relative;
    width: calc(50% - 100px);
    padding: 50px;
    background: #FFF;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    float: left;
}

.cl-item .inside .imgBox img {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
}

.cl-item .inside .infoBox {
    display: block;
    position: relative;
    width: calc(50% - 60px);
    padding: 50px 30px;
    padding-right: 0px;
    float: left;
}

.cl-item .inside .infoBox strong {
    display: block;
    position: relative;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 42px;
    color: #383838;
    margin-bottom: 10px;
}

.cl-item .inside .infoBox p {
    display: block;
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
    color: #383838;
    margin-bottom: 10px;
}

.cl-item .inside .infoBox a {
    display: block;
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 39px;
    color: #00abc2;
    margin-bottom: 10px;
}

/**
 * @section: .l-pageContent-info
 * -------------------------------------------------------
 */

.l-pageContent-info article h1 {
    text-align: left;
    font-size: 60px;
    line-height: 90px;
}

.art-download {
    display: block;
    position: relative;
    margin-bottom: 30px;
}

.art-download strong {
    display: block;
    position: relative;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #383838;
    margin-bottom: 40px;
}

.art-download a {
    display: block;
    position: relative;
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
    padding: 6px 0px;
    min-height: 42px;
    color: #00abc2;
    padding-left: 65px;
    background: url("../i/layout/ico-download-pdf.png") 0% 0% no-repeat;
    margin-bottom: 30px;
}

.art-download a:before {
    display: block;
    position: absolute;
    width: 30px;
    height: 28px;
    left: 2px;
    top: 8px;
    background: #FFF;
    z-index: 10;
    content: attr(data-file);
    font-size: 13px;
    line-height: 28px;
    color: #8894A0;
    text-align: center;
}

.art-download a:last-child {
    margin-bottom: 0px;
}

.art-download + .art-footer {
    margin-bottom: 50px;
}

.art-footer {
    display: block;
    position: relative;
    margin-bottom: 50px;
}

.guestsBox + .bottomTripleBox {
    margin-top: 150px;
}

/**
 * @section: .l-pageContent-404
 * -------------------------------------------------------
 */

.box404 {
    display: block;
    position: relative;
    min-height: 520px;
    background: url("../i/layout/bg-404.png") 50% 50% no-repeat;
    background-size: 100% !important;
    text-align: center;
    padding: 50px 0px;
}

.box404 strong {
    display: block;
    position: relative;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 60px;
    line-height: 70px;
    color: #383838;
    margin-top: 160px;
    margin-bottom: 20px;
}

.box404 p {
    display: block;
    position: relative;
    font-family: 'FuturaLTPro-Book', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 42px;
    color: #8894a0;
    margin-bottom: 20px;
}

.box404 a {
    color: #8894a0;
    text-decoration: underline;
}

/**
 * @section: .l-pageContent-archive
 * -------------------------------------------------------
 */

.l-pageContent-archive .grid {
    background: url("../i/layout/archive-bg.jpg") 50% 0% no-repeat;
    background-size: cover;
}

.l-pageContent-archive .grid-item:hover:after {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    content: "";
    background: rgba(0, 171, 194, 0.0)
}

.l-pageContent-archive .grid-item img {
    opacity: 0;
}

.l-pageContent-archive .grid-item .darkOverlay {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, 0.1)
}

.l-pageContent-archive .grid-item:nth-child(2) {
    background: rgba(127, 213, 224, 0.7);
}

.l-pageContent-archive .grid-item:nth-child(3) {
    background: rgba(178, 230, 237, 0.7);
}

.l-pageContent-archive .grid-item:nth-child(4) {
    background: rgba(51, 188, 206, 0.7);
}

.l-pageContent-archive .grid-item:nth-child(5) {
    background: rgba(51, 188, 206, 0.7);
}

.l-pageContent-archive .grid-item:nth-child(6) {
    background: rgba(178, 230, 237, 0.7);
}

.l-pageContent-archive .grid-item:nth-child(7) {
    background: rgba(127, 213, 224, 0.7);
}

.l-pageContent-archive .grid-item:nth-child(8) {
    background: rgba(178, 230, 237, 0.7);
}

.l-pageContent-archive .grid-item:nth-child(9) {
    background: rgba(178, 230, 237, 0.7);
}

.l-pageContent-archive .grid-item:nth-child(10) {
    background: rgba(51, 188, 206, 0.7);
}

.gi-content {
    display: block;
    position: absolute;
    text-align: center;
    z-index: 10;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.gi-content .gic-wrapper {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
}

.gi-content .gic-wrapper .gicw-inside {
    display: table-cell;
    position: relative;
    height: 100%;
    width: 100%;
    vertical-align: middle;
}

.gi-content p {
    display: block;
    position: relative;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 48px;
    color: #FFF;
    text-align: center;
    /*margin-top:50px;*/
}

.gi-content p span {
    display: block;
    position: relative;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 100px;
    line-height: 118px;
    color: #FFF;
    text-align: center;
    /*margin-top:50px;*/
    margin-bottom: 20px;
}

.gi-content p span.smaller {
    font-size: 60px;
    line-height: 72px;
}

.gi-content strong {
    display: block;
    position: relative;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 140px;
    line-height: 148px;
    color: #FFF;
    text-align: center;
}

.gi-content small {
    display: block;
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
    color: #FFF;
    text-align: center;
}

.gi-content small + p {
    margin-top: 30px;
}

.grid-item--width2 small {
    margin-top: 70px;
    padding: 0px 40px;
    text-align: left;
}

/*
.gi-content strong 			= .text-huge
.gi-content p span 			= .text-large
.gi-content p span.smaller 	= .text-medium
.gi-content p				= .text-normal
.gi-content small			= p
*/

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

.gi-content .text-huge {
    display: block;
    position: relative;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 140px;
    line-height: 148px;
    color: #FFF;
    text-align: center;
}

.gi-content .text-large {
    display: block;
    position: relative;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 100px;
    line-height: 118px;
    color: #FFF;
    text-align: center;
    margin-bottom: 20px;
}

.gi-content .text-medium {
    display: block;
    position: relative;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 60px;
    line-height: 72px;
    color: #FFF;
    text-align: center;
    margin-bottom: 20px;
}

.gi-content .text-normal {
    display: block;
    position: relative;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 48px;
    color: #FFF;
    text-align: center;
    margin-bottom: 20px;
}

.gi-content p {
    display: block;
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
    color: #FFF;
    /*text-align:center;*/
    margin-bottom: 20px;
}

/**
 * @section: .l-pageContent-program
 * -------------------------------------------------------
 */

.dayBox {
    display: block;
    position: relative;
    margin: 70px 0px;
}

.dayBox .db-item {
    display: block;
    position: relative;
    width: calc(100% / 7);
    float: left;
}

.dayBox .db-item .inside {
    display: block;
    position: relative;
    background: #F6F6F6;
    height: 160px;
    text-align: center;
    border: solid 1px #FFF;
}

.dayBox .db-item .inside strong {
    display: block;
    position: relative;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 44px;
    color: #383838;
    margin-top: 7px;
}

.dayBox .db-item .inside span {
    display: block;
    position: relative;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 44px;
    color: #00abc2;
}

.dayBox .db-item .inside div {
    display: block;
    position: relative;
    font-family: 'FuturaLTPro-Book', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #8894a0;
}

.dayBox .db-item .inside p {
    display: block;
    position: relative;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #383838;
}

.programListBox h2 {
    font-size: 30px;
    margin-top: 48px;
}

.dayBox .db-item.active .inside {
    background: #FFF;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    padding: 20px 1px;
    margin: -20px -1px;
}

.dayBox .db-item.active .inside span {
    color: #faa61a;
}

.programFormBox {
    display: block;
    position: relative;
    text-align: right;
    z-index: 10;
}

.programFormBox .btn-modal {
    display: inline-block;
    position: relative;
    margin-right: 30px;
}

.programFormBox .btn-modal .btnm-title {
    display: block;
    position: relative;
    cursor: pointer;
}

.programFormBox .btn-modal p {
    display: block;
    position: relative;
    padding: 0px 20px;
    border: solid 2px #4b4b4c;
    text-align: center;

    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 46px;
    color: #383838;
    float: left;
    margin-bottom: 0px;
}

.programFormBox .btn-modal span {
    display: block;
    position: relative;
    padding: 0px 20px;
    border: solid 2px #4b4b4c;
    border-left: none;
    text-align: center;

    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 46px;
    color: #383838;
    float: left;
}

.programFormBox .btn-modal .btnm-hover {
    display: none;
    position: absolute;
    right: 0px;
    margin-top: 20px;
}

.programFormBox .btn-modal.active .btnm-hover {
    display: block;
}

.programFormBox .btn-modal .btnm-hover .inside {
    display: block;
    position: relative;
    padding: 30px;
    background: #FFF;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    width: 310px;
    right: 0px;
    text-align: left;
    z-index: 2;
}

.programFormBox .btn-modal .btnm-hover .inside .bottomBox {
    display: block;
    position: relative;
    padding: 20px 0px;
    background: #FFF;
    margin-top: 20px;
    border-top: solid 2px #DADADA;
    padding-bottom: 0px;
}

.programFormBox .btn-modal .btnm-hover .inside .bottomBox .yellow {
    display: block;
    position: relative;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #faa61a;
    margin-bottom: 20px;
}

.programFormBox .btn-modal .btnm-hover .inside .bottomBox.copied .yellow {
    color: #0C3;
}

.programFormBox .btn-modal .btnm-hover .inside .bottomBox form {
    display: block;
    position: relative;
    width: 100%;
}

.programFormBox .btn-modal .btnm-hover .inside .bottomBox .linkBox {
    display: block;
    position: relative;
    padding: 10px 20px;
    border: solid 2px #ECEDEE;
    width: calc(100% - 44px);
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #8894a0;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 20px;
    overflow: hidden;
    background: #FFF;
    cursor: pointer;
}

#d_clip_container {
    display: block;
    position: relative;
    cursor: pointer;
}

.programFormBox .btn-modal .btnm-hover .inside .bottomBox form a {
    display: block;
    position: relative;

    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 46px;
    color: #8894a0;
}

.programFormBox .btn-modal .btnm-hover .inside .bottomBox form input {
    display: block;
    position: relative;
    padding: 10px 20px;
    border: solid 2px #ECEDEE;
    width: calc(100% - 44px);
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #383838;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 20px;
}

.programFormBox .btn-modal .btnm-hover .inside .bottomBox form button {
    display: inline-block;
    position: relative;
    padding: 0px 20px;
    border: solid 2px #4b4b4c;
    text-align: center;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 46px;
    color: #383838;
    background: #FFF;
}

.programFormBox .btn-modal .btnm-hover .inside .bottomBox .sendMessage {
    display: block;
    position: relative;
    padding: 5px 20px;
    background: #03AAC1;
    margin: 10px 0px;
    margin-bottom: 0px;
    color: #FFF;
    margin-bottom: 10px;
    text-align: center;
}

.programFormBox .btn-modal .btnm-hover .inside b {
    display: block;
    position: relative;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #00abc2;
    margin-bottom: 20px;
}

.programFormBox .btn-modal .btnm-hover .inside .item {
    display: block;
    position: relative;
    margin-bottom: 25px;
    padding-bottom: 25px;
    padding-right: 90px;
}

.programFormBox .btn-modal .btnm-hover .inside .item:after {
    display: block;
    position: absolute;
    width: 70px;
    height: 2px;
    background: #DADADA;
    content: "";
    bottom: 0px;
    left: 0px;
}

.programFormBox .btn-modal .btnm-hover .inside .item:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.programFormBox .btn-modal .btnm-hover .inside .item:last-child:after {
    display: none;
}

.programFormBox .btn-modal .btnm-hover .inside .item strong {
    display: block;
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #383838;
}

.programFormBox .btn-modal .btnm-hover .inside .item small {
    display: block;
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #8894a0;
}

.programFormBox .btn-modal .btnm-hover .inside .item .btn-close {
    display: block;
    position: absolute;
    width: 13px;
    height: 13px;
    top: 48%;
    right: 0px;
    background: url("../i/layout/ico-close-2.png") 0% 0% no-repeat;
}

.programFormBox form {
    display: inline-block;
    position: relative;
}

.widget.fb {
    display: inline-block;
    position: relative;
    margin-right: 20px;
}

.widget.tw {
    display: inline-block;
    position: relative;
    margin-top: 3px;
}

/*---------- customSelectBox ----------*/

.customSelectBox {
    display: block;
    position: relative;
}

.customSelectBox select {
    padding: 12px 20px;
    margin: 0;
    background: #FFF;
    color: #383838;
    border: none;
    outline: none;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;

    padding: 0px 20px;
    border: solid 2px #ECEDEE;
    text-align: center;
    font-family: 'FuturaLTPro-Book', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 46px;
    color: #383838;

    padding-right: 40px;
    height: 46px;
}

.customSelectBox label {
    position: relative
}

.customSelectBox label:after {
    content: '>';
    font: 18px "Consolas", monospace;
    color: #383838;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 20px;
    top: 8px;
    padding: 0 0 2px;
    position: absolute;
    pointer-events: none;
}

.customSelectBox label:before {
    content: '';
    right: 6px;
    top: 0px;
    width: 20px;
    height: 20px;
    background: #FFF;
    position: absolute;
    pointer-events: none;
    display: block;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .customSelectBox select {
        padding-right: 40px
    }
}

/*---------- customSelectBox ----------*/

.programListBox .emptyBox {
    display: bock;
    position: relative;
    text-align: center;
    margin: 20px 0px;
    margin-top: 40px;
}

.programListBox .emptyBox strong {
    display: bock;
    position: relative;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 48px;
    color: #383838;
}

.programListBox .emptyBox p {
    display: bock;
    position: relative;
    font-family: 'FuturaLTPro-Book', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    color: #8894a0;
    margin-top: 30px;
}

.programListBox {
    display: block;
    position: relative;
    margin: 30px 0px;
}

.programListBox .item {
    display: block;
    position: relative;
    margin-bottom: 30px;
}

.programListBox .item:after {
    content: '>';
    font: 28px "Consolas", monospace;
    color: #23B6C9;
    right: 30px;
    top: 28px;
    position: absolute;
    display: block;
    height: 42px;
    z-index: 10;
    cursor: pointer;
}

.programListBox .item .plbi-header {
    display: block;
    position: relative;
    padding: 25px;
    padding-right: 55px;
    background: #E8F3F4;
}
.programListBox .item .plbi-header--additional {
    filter: hue-rotate(45deg);
}

.programListBox .item .plbi-header .date {
    display: block;
    position: relative;
    float: left;
    height: 100%;
    padding-right: 30px;
    margin-right: 30px;
    border-right: solid 2px #D3E3E4;

    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 42px;
    color: #00abc2;
}

.programListBox .item .plbi-header p {
    display: block;
    position: relative;
    width: 80%;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 24px;
    line-height: 42px;
    color: #383838;
    margin-bottom: 0px;
}


.programListBox .item .plbi-header p.padding {
    padding-top: 5px;
}

.programListBox .item .plbi-header .category{
    
    display: block;
    font-size: 14px;
    color: #00ABC2;
    letter-spacing: 0;
    height: auto;
    line-height: 14px;
    margin: 0;
    padding: 0;
    border: none;
    top: -5px;
}

@media (max-width: 767px) {
    .programListBox .item .plbi-header p span{
        font-size: 10px;
    }
}

.programListBox .item .plbi-content {
    display: none;
    position: relative;
    padding: 50px;
    padding-right: 100px;
    background: #FFF;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}

.programListBox .dateHeading {
    font-size: 18px;
    color: #00ABC2;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .programListBox .dateHeading {
        font-size: 12px;
        margin-top: 30px;
        margin-bottom: 20px;
    }
}

.programListBox .item .plbi-content .btn-close {
    display: block;
    position: absolute;
    width: 17px;
    height: 18px;
    top: 50px;
    right: 65px;
    z-index: 10;
    background: url("../i/layout/ico-close-3.png") 0% 0% no-repeat;
}

.programListBox .item .plbi-content .btn-calendar {
    display: block;
    position: absolute;
    width: 46px;
    height: 46px;
    top: 100px;
    right: 50px;
    z-index: 10;
    background: url("../i/layout/ico-calendar.png") 50% 50% no-repeat;
    border: solid 2px #FFFFFF
}

.programListBox .item .plbi-content .btn-calendar.active {
    border: solid 2px #FAA61A;
}

.programListBox .item .plbi-content h3 {
    display: block;
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 48px;
    color: #383838;
    margin-bottom: 30px;
}

.programListBox .item .plbi-content h3 span {
    display: block;
    position: relative;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #faa61a;
    margin-top: 10px;
}

.programListBox .item .plbi-content p {
    display: block;
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 36px;
    color: #383838;
    margin-bottom: 30px;
}

.programListBox .item .plbi-content p strong {
    position: relative;
    font-weight: 700;
    margin-bottom: 0px;
}

.programListBox .item .plbi-content .list {
    display: block;
    position: relative;
    padding-left: 30px;
    border-left: solid 2px #FAA61A;
    margin-bottom: 30px;
}

.programListBox .item .plbi-content .list p {
    margin-bottom: 0px;
}

.programListBox .item .plbi-content p a {
    color: #00abc2;
    font-weight: 500;
}

.programListBox .item .plbi-content .btn-more {
    display: inline-block;
    position: relative;
    padding: 0px 20px;
    border: solid 2px #4b4b4c;
    text-align: center;

    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 46px;
    color: #383838;
}

.programListBox .item .plbi-content .bottomBox {
    display: block;
    position: relative;
    margin: 40px 0px;
    padding-top: 40px;
    margin-bottom: 0px;
}

.programListBox .item .plbi-content .bottomBox:before {
    display: block;
    position: absolute;
    width: 70px;
    height: 2px;
    background: #DADADA;
    content: "";
    top: 15px;
    left: 0px;
}

.programListBox .item .plbi-content .bottomBox .listBox {
    display: block;
    position: relative;
    margin: 30px 0px;
}

.programListBox .item .plbi-content .bottomBox .listBox .lb-item {
    display: block;
    position: relative;
    width: 28%;
    float: left;
}

.programListBox .item .plbi-content .bottomBox .imgBox {
    display: block;
    position: relative;
    width: 60px;
    max-width: 60px;
    padding: 4px;
    background: #FFF;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    float: left;
    border: solid 1px #EEF1F6;
}

.programListBox .item .plbi-content .bottomBox .imgBox img {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    max-width: 60px;
}

.programListBox .item .plbi-content .bottomBox .infoBox {
    display: block;
    position: relative;
    width: calc(100% - 100px);
    padding: 5px;
    padding-left: 20px;
    float: left;
}

.programListBox .item .plbi-content .bottomBox .infoBox strong {
    display: block;
    position: relative;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #00abc2;
    margin-top: 5px;
}

.programListBox .item .plbi-content .bottomBox .infoBox p {
    display: block;
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #8894a0;
    margin-bottom: 0px;
}

.programListBox .item.active .plbi-header {
    display: none;
}

.programListBox .item.active:after {
    display: none;
}

.programListBox .item.active .plbi-content {
    display: block;
}

/**
 * @section: .l-pageContent-prize
 * -------------------------------------------------------
 */

.l-pageContent-prize .layout {
    max-width: 970px !important;
    width: 82% !important;
    margin: 30px auto !important;
}

.special-header {
    display: block;
    position: relative;
    text-align: center;
    margin-top: 30px;
}

.special-header .sh-title {
    display: block;
    position: relative;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 72px;
    line-height: 84px;
    color: #383838;
    text-align: center;
    margin-bottom: 30px;
}

.special-header span {
    display: block;
    position: relative;
    font-family: 'FuturaLTPro-Book', sans-serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 40px;
    color: #8894a0;
    text-align: center;
    margin-top: 30px;
}

.special-header span:before {
    display: block;
    position: relative;
    width: 70px;
    height: 2px;
    background: #DADADA;
    content: "";
    margin: 0px auto;
    margin-bottom: 30px;
}

.special-header p {
    display: block;
    position: relative;
    font-weight: 300;
    font-size: 18px;
    line-height: 36px;
    color: #383838;
    text-align: center;
    margin: 50px 0px;
}

.special-header .btns-box {
    display: block;
    position: relative;
    text-align: center;
}

.special-header .btns-box a {
    display: inline-block;
    position: relative;
    padding: 0px 20px;
    border: solid 2px #4b4b4c;
    text-align: center;

    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 46px;
    color: #383838;
    margin: 0px 15px;
}

.prize-list {
    display: block;
    position: relative;
    margin: 30px 0px;
}

.prize-list .item {
    display: block;
    position: relative;
    padding: 50px;
    background: #FFF;
    margin-bottom: 0px;
}

.prize-list .item.winner {
    background: #E8F3F4;
}

.prize-list .item .imgBox {
    display: block;
    position: relative;
    background: #FFF;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);

    width: 32%;
    float: left;
}

.prize-list .item .imgBox .inside {
    display: block;
    position: relative;
    padding: 50px;
}

.prize-list .item .imgBox img {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
}

.prize-list .item .infoBox {
    display: block;
    position: relative;
    width: 68%;
    float: right;
}

.prize-list .item .infoBox .inside {
    display: block;
    position: relative;
    padding: 20px 50px;
    padding-right: 120px;
}

.prize-list .item.winner .infoBox .inside {
    padding: 10px 50px;
}

.prize-list .item .infoBox .i-title {
    display: block;
    position: relative;

    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 42px;
    color: #383838;
    margin-bottom: 30px;
}

.prize-list .item.winner .infoBox .i-title {
    font-size: 48px;
    line-height: 48px;
}

.prize-list .item.winner .infoBox .i-title span {
    display: block;
    position: relative;
    font-size: 24px;
    line-height: 42px;
    color: #8894a0;
}

.prize-list .item .infoBox p {
    display: block;
    position: relative;

    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
    color: #383838;
    margin-bottom: 30px;
}

.prize-list .item .infoBox p strong {
    font-weight: 500;
}

.prize-list .item .infoBox .btns-box {
    display: block;
    position: relative;
}

.prize-list .item .infoBox .btn-more {
    display: inline-block;
    position: relative;
    padding: 0px 20px;
    border: solid 2px #4b4b4c;
    text-align: center;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 46px;
    color: #383838;
}

.prize-list .item .infoBox .btn-more.orange {
    border: solid 2px #FAA61A;
    background-color: transparent;
    margin-right: 20px;
    min-width: 120px;
}

.prize-list .item .infoBox .btn-more.orange.disabled {
    border: solid 2px #8894A0;
    color: #8894A0;
    cursor: default;
}

.prize-list .item .infoBox .badge {
    display: block;
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    background: #FFF;
    text-align: center;
    top: 39%;
    right: 0px;

    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}

.prize-list .item .infoBox .badge strong {
    display: block;
    position: relative;

    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    color: #faa61a;
    margin-top: 25px;
}

.prize-list .item .infoBox .badge small {
    display: block;
    position: relative;

    font-family: 'FuturaLTPro-Book', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #383838;
}

.prize-list .item .ib-overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    top: 0px;
    left: 0px;
    z-index: 10;
}

.prize-list .item .ib-overlay.active {
    display: block;
}

.prize-list .item .ib-overlay .ibo-inside {
    display: block;
    position: relative;
    background: #FFF;
    width: 757px;
    padding: 45px;
    box-sizing: border-box;
    max-width: 100%;
    margin: auto;
}

.checkbox {
    position: relative;
    padding-left: 32px;
    margin-top: 24px;
}

.checkbox__item-input {
    position: absolute;
    height: 1px !important;
    width: 1px !important;
    padding: 0 !important;
    overflow: hidden;
    left: 0;
    top: 0;
}

.buttonCenter {
    display: flex;
    justify-content: center;
}

.checkbox__item {
    position: absolute;
    left: 5px;
    top: 7px;
}

.checkbox__item-checkmark {
    width: 18px;
    height: 18px;
    border: 2px solid #CFEFF3;
    border-radius: 3px;
    cursor: pointer;
    position: absolute;
    background-color: #ffffff;
    left: -4px;
    top: -3px;
}

.checkbox__item-checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #00ABC2;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

input:checked ~ .checkbox__item-checkmark {
    border-color: #CFEFF3;
    background-color: #CFEFF3;
}

input:checked ~ .checkbox__item-checkmark:after {
    display: block;
}

.prize-list .item .ib-overlay .ibo-inside .btn-close {
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    top: 24px;
    right: 24px;
    background: url("../i/layout/ico-close-4.png") 0px 0px no-repeat;
    z-index: 10;
}

.prizeForm__top {
    display: flex;
}

.prizeForm__top-left img {
    width: 178px;
    margin-right: 32px;
}

.prizeForm__top-right {
    width: calc(100% - 32px - 178px);
}

@media (max-width: 991px) {
    .prizeForm__top-left {
        display: none;
    }

    .prizeForm__top-right {
        width: 100%;
    }
}

.prize-list .item .ib-overlay .ibo-inside .ibo-title {
    display: block;
    position: relative;
    line-height: 29px;
    margin-bottom: 18px;
    font-family: Helvetica;
    font-size: 24px;
    color: #000000;
    letter-spacing: 0;
}

.prize-list .item .ib-overlay .ibo-inside p {
    display: block;
    position: relative;
    line-height: 30px;
    color: #383838;
    margin-bottom: 24px;
    font-family: Helvetica;
    font-size: 18px;
    letter-spacing: 0;
}

.prize-list .item .ib-overlay .ibo-inside .column-50.left {
    width: 45%;
}

.prize-list .item .ib-overlay .ibo-inside .column-50.right {
    width: 55%;
}

.prizeForm input {
    display: block;
    position: relative;
    padding: 10px 20px;
    padding-right: 40px;
    border: solid 2px #ECEDEE;
    width: calc(100% - 64px);
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #383838;
    font-family: 'Roboto', sans-serif;
}

.prizeForm button {
    margin-top: 32px;
}

.prize-list .item .ib-overlay .ibo-inside .btn-fb {
    display: inline-block;
    position: relative;
    padding: 0px 20px;
    border: solid 2px #3b5998;
    text-align: center;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 44px;
    color: #3b5998;
}

.prize-list .item .ib-overlay .ibo-inside span {
    display: inline-block;
    position: relative;

    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 46px;
    color: #383838;
    width: 50px;
    text-align: center;
}

.ib-overlay .msgBox {
    display: block;
    position: relative;
    margin-top: 10px;
}

.ib-overlay .msg {
    display: block;
    position: relative;
    padding: 0px;
    text-align: center;

    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #FFF;
    background: #03AAC1;
    z-index: 10;
    border: solid 2px #FFF;
    line-height: 46px;
    height: 46px;
}

.ib-overlay .msg.error {
    background: #EF4F4F;
    color: #FFF;
}

.ib-overlay .msg.success {
    background: #03AAC1;
    color: #FFF;
}

.prize-list .item .infoBox .inside .to-hide {
    display: block;
}

.prize-list .item .infoBox .inside .ib-overlay {
    display: none;
}

.prize-list .item .infoBox.active .inside .ib-overlay {
    display: flex;
    justify-content: center;
    align-content: center;
}

/**
 * @section: .l-pageContent-home
 * -------------------------------------------------------
 */

.l-pageContent-home .art-cover {
    background-size: 140% !important;
    /*background-position:50% attr(data-y) !important;*/
}

#slides {
    display: block;
    position: relative;
    z-index: 1;
}

#slides .slides_container {
    display: block;
    position: relative;
    min-height: 600px;
    padding: 0px 0px;
    width: 100%;
}

#slides .slides_container .container {
    height: 600px;
    background-position: 50% 0% !important;
    background-size: cover !important;
}

#slides .slides_container div {
    display: block;
    position: absolute;
    text-align: center;
}

#slides .slides_container strong {
    display: block;
    position: absolute;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 72px;
    line-height: 84px;
    color: #FFF;
    text-align: center;
    top: 25%;
    z-index: 10;
    text-align: center;
    width: 100%;
}

#slides .slides_container p {
    display: block;
    position: absolute;

    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 32px;
    line-height: 48px;
    color: #FFF;
    text-align: center;
    top: 45%;
    z-index: 10;
    text-align: center;
    width: 100%;
}

#slides .slides_container div img {
    display: none;
}

#slides .slides_container div a {
    display: inline-block;
    position: relative;
    padding: 0px 20px;
    border: solid 2px #FFF;
    text-align: center;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 46px;
    color: #FFF;
    background: #000;
    margin-top: 440px;
}

#slides .pagination {
    display: block;
    position: absolute;
    width: 100%;
    height: 30px;
    text-align: center;
    z-index: 10;
    bottom: 40px;
}

#slides .pagination li {
    display: inline-block;
    position: relative;
    margin: 0px 5px;
}

#slides .pagination li a {
    display: block;
    position: relative;
    border: solid 1px #FFF;
    border-radius: 100%;
    width: 9px;
    height: 9px;
    text-indent: -99999px;
}

#slides .pagination li.current a {
    background: #FFF;
}

.tripleBox {
    display: block;
    position: relative;
    z-index: 2;
}

.tripleBox .tb-box {
    display: block;
    position: relative;
    width: calc(100% / 3);
    float: left;
}

.tripleBox .tb-box .inside {
    display: block;
    position: relative;
    padding: 100px 50px;
    background: #FFF;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    margin: -50px 0px;
    z-index: 2;
}

.tripleBox .tb-box:nth-child(2) .inside {
    padding: 50px 50px;
    margin: 0px 0px;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0);
    z-index: 1;
}

.tripleBox .tb-box:nth-child(3) .inside {
    background: #E8F3F4;
}

.tripleBox .tb-box .inside strong {
    display: block;
    position: relative;

    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 48px;
    color: #383838;

}

.tripleBox .tb-box .inside strong.blue, .tripleBox .tb-box .inside strong.blue a {
    color: #00abc2;
}

.tripleBox .tb-box .inside p {
    display: block;
    position: relative;

    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
    color: #8894a0;
}

.tripleBox .tb-box .inside .more {
    display: inline-block;
    position: relative;

    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 48px;
    color: #383838;
    margin-top: 20px;
}

.tripleBox .tb-box .inside .more:after {
    display: block;
    position: absolute;
    width: 30px;
    height: 2px;
    content: "";
    background: #FAA61A;
    right: -50px;
    top: 50%;
}

#slides-2, #slides-3 {
    display: block;
    position: relative;
    width: 100%;
}

#slides-2 .slides_container, #slides-3 .slides_container {
    display: block;
    position: relative;
    width: 100%;
    min-height: 222px;
}

#slides-2 .slides_container .container, #slides-3 .slides_container .container {
    min-height: 222px;
}

#slides-2 .slides_container .container, #slides-3 .slides_container .container {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
}

#slides-2 .slides_container div, #slides-3 .slides_container div {
    display: block;
    position: relative;
}

#slides-2 .slides_container div img, #slides-3 .slides_container div img {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
}

#slides-2 .slides_container div small, #slides-3 .slides_container div small {
    display: block;
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
    color: #383838;
    margin-bottom: 10px;
    width: 100%;
    height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#slides-2 .slides_container div span, #slides-3 .slides_container div span {
    display: block;
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #8894a0;
    margin-bottom: 10px;
}

#slides-2 .slides_container div .more, #slides-3 .slides_container div .more {
    display: inline-block;
    position: relative;
    z-index: 10;
}

#slides-2 .pagination, #slides-3 .pagination {
    display: block;
    position: absolute;
    right: 0px;
    height: 30px;
    text-align: right;
    z-index: 10;
    bottom: -2px;
    background: #FFF;
}

#slides-2 .pagination li, #slides-3 .pagination li {
    display: inline-block;
    position: relative;
    margin: 0px 5px;
}

#slides-2 .pagination li a, #slides-3 .pagination li a {
    display: block;
    position: relative;
    border: solid 1px #8894A0;
    border-radius: 100%;
    width: 9px;
    height: 9px;
    text-indent: 99999px;
}

#slides-2 .pagination li.current a, #slides-3 .pagination li.current a {
    background: #8894A0;
}

.scheduleBox {
    display: block;
    position: relative;
    padding: 100px 0px;
    background: #F6F6F6 url("../i/layout/bg-schedule.jpg") 50% 0px no-repeat;
    background-size: cover;
}

.l-pageContent-home .special-header {
    margin-bottom: 50px;
}

.schedulePad {
    display: block;
    position: relative;
    padding: 50px;
    background: #FFF;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}

.schedulePad p {
    display: block;
    position: relative;
    margin-bottom: 50px;
    padding-bottom: 50px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 24px;
    line-height: 48px;
    color: #383838;
}

.schedulePad p:after {
    display: block;
    position: absolute;
    widtH: 70px;
    height: 2px;
    content: "";
    bottom: 0px;
    background: #E9E9E9;
}

.schedulePad p:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.schedulePad p:last-child:after {
    display: none;
}

.schedulePad p span {
    display: block;
    position: relative;
    width: 29px;
    height: 32px;
    overflow: hidden;
    margin-bottom: 10px;
    background: url("../i/layout/iconset-schedule.png") 0% 0px no-repeat;
}

.schedulePad p:nth-child(1) span {
    background-position: 0px 0px;
}

.schedulePad p:nth-child(2) span {
    background-position: 0px -197px;
}

.schedulePad p:nth-child(3) span {
    background-position: 0px -400px;
}

.scheduleTitle {
    display: block;
    position: relative;
}

.scheduleTitle strong {
    display: block;
    position: relative;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    color: #383838;
    margin-bottom: 20px;
}

.scheduleTitle p {
    display: block;
    position: relative;
    font-family: 'FuturaLTPro-Book', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
    color: #8894a0;
    margin-bottom: 20px;
}

.scheduleList {
    display: block;
    position: relative;
    margin-top: 30px;
}

.scheduleList .item {
    display: block;
    position: relative;
    margin-bottom: 40px;
}

.scheduleList .item .sl-left {
    display: block;
    position: relative;
    width: 130px;
    float: left;
}

.scheduleList .item .sl-left strong {
    display: block;
    position: relative;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 48px;
    color: #00abc2;
}

.scheduleList .item .sl-right:after {
    display: block;
    position: absolute;
    width: 70px;
    height: 2px;
    left: -130px;
    bottom: 0px;
    background: #DADADA;
    content: "";
}

.scheduleList .item:last-child .sl-right:after {
    display: none;
}

.scheduleList .item .sl-right {
    display: block;
    position: relative;
    width: calc(100% - 130px);
    float: left;
}

.scheduleList .item .sl-right p {
    display: block;
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 42px;
    color: #383838;
    margin-bottom: 15px;
}

.scheduleList .item .sl-right p a {
    color: #383838;
}

.scheduleList .item .sl-right small {
    display: block;
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #faa61a;
}

.scheduleBox .more {
    display: inline-block;
    position: relative;

    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 48px;
    color: #383838;
    margin-left: 130px;
}

.scheduleBox .more:after {
    display: block;
    position: absolute;
    width: 30px;
    height: 2px;
    content: "";
    background: #FAA61A;
    right: -50px;
    top: 50%;
}

.l-pageContent-home .btnsBox {
    display: block;
    position: relative;
    text-align: center;
    margin-top: 75px;
}

.l-pageContent-home a.btn-full {
    display: inline-block;
    position: relative;
    padding: 0px 20px;
    border: solid 2px #FAA61A;
    text-align: center;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 46px;
    color: #383838;
}
.popup-newsletter-wrap {
	overflow: scroll;
	display: none; 
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, .5);
	z-index: 999999999 !important;
	}
	.popup-newsletter {
		min-height: 350px;
		height: auto;
		position: absolute;
		top: 40%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 650px;
		height: 350px;
		background: #00ABC2;
		padding: 0;
		color: #fff;
		font-size: 24px;
		text-align: center;
		z-index: 9999999999;
		}
		@media screen and (max-width: 767px) {
			.popup-newsletter {
				width: 95%;
				top: 30%;
				}
			}
		@media screen and (max-width: 425px) {
			.popup-newsletter {
				top: 25%;
				}
			}
		.popup-newsletter .popup-close {
			position: absolute;
			top: 15px;
			right: 15px;
			height: 30px;
			width: 30px;
			background: #343434;
			}
		.popup-newsletter .popup-close:before, .popup-newsletter .popup-close:after {
			content: '';
			height: 60%;
			width: 2px;
			background: #fff;
			position: absolute;
			left: 50%;
			top: 50%;
			}
		.popup-newsletter .popup-close:before {
			transform: translate(-50%, -50%) rotate(45deg);
			}
		.popup-newsletter .popup-close:after {
			transform: translate(-50%, -50%) rotate(-45deg);
			}
		.popup-newsletter .popup-close:hover {
			opacity: 1;
			}
		.popup-newsletter .outer {
			display: table;
			height: 100%;
			background: #00ABC2;
			}
			.popup-newsletter .outer .alerts{
				font-size: 18px;
				padding-top: 14px;
				}
				.popup-newsletter .outer .alerts .red{
					color: #ff2525;
					font-weight: 700;
					}
		.popup-newsletter .inner {
			padding: 35px 50px;
			display: table-cell;
			vertical-align: middle;
			}
		@media screen and (max-width: 425px) {
			.popup-newsletter .inner {
				padding: 25px;
				}
			}
		.popup-newsletter h1 {
			font-size: 30px;
			margin-bottom: 10px;
			}
		.popup-newsletter h2 {
			font-size: 24px;
			margin-bottom: 35px;
			}
		.popup-newsletter .desc {
			font-size: 18px;
			}
		.popup-newsletter .newsletter {
			display: flex;
			flex-wrap: wrap;
			margin-top: 35px;
			}
		.newsletter__grid {
			display: grid;
			grid-gap: 20px;
			width: 100%;
			}
		@media screen and (min-width: 768px) {
			.newsletter__grid {
				grid-template-columns: repeat(2, 1fr);
				}
			}
		.newsletter__input {
			color: #343434;
			border: none;
			font-size: 18px;
			line-height: 24px;
			padding: 5px 10px;
			}
		.newsletter__grid .newsletter-button {
			width: auto;
			height: auto;
			padding: 5px;
			margin-left: 0;
			}
		.button-inverted-white {
			width: 320px;
			height: 30px;
			display: inline-block;
			text-align: center;
			line-height: 30px;
			font-size: 14px;
			font-weight: 400;
			background-color: #343434;
			color: #fff!important;
			transition: .1s ease-in;
			text-transform: uppercase;
			cursor: pointer;
			}
		.popup-newsletter .error-message {
			font-family: "PT Mono";
			font-size: 14px;
			text-align: left;
			display: block;
			width: 100%;
			margin-top: 5px;
			}
		.checkbox__label {
			display: block;
			position: relative;
			font-size: 12px;
			line-height: 14px;
			margin-top: 20px;
			text-align: left;
			padding-left: 20px;
			}
			.checkbox__label span {
				font-size: 15px;
				cursor: pointer;
				}
			.checkbox__label .checkbox__error {
				font-size: 15px;
				color: #ff2525;
				display: none;
				}
		.checkbox__label input {
			box-shadow: none;
			margin: 4px 0 0;
			line-height: normal;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			padding: 0;
			outline: 0 !important;
			-webkit-appearance: none !important;
		    border-radius: 0 !important;
			}
		.checkbox__label.info {
			font-size: 16px;
			}
			.checkbox__label.info a {
				color: #fff;
				}
		.checkbox__block {
			height: 14px;
			width: 14px;
			position: absolute;
			left: 0;
			top: 0;
			border: 1px solid #fff;
			transition: background 0.3s ease-in-out;
			cursor: pointer;
			}
		.checkbox__block.red {
			border: 1px solid #ff2525;
			}
		.checkbox__block.checked {
			border: 1px solid #fff;
			background: #fff
			}
		.checkbox__label.info {
			padding-left: 0;
			}
		.checkbox__error {
			padding-top: 8px;
			}
.questionBox {
    display: block;
    position: relative;
    text-align: center;
    padding: 50px 0px;
    background: #00ABC2;
    /*background:#00ABC2 url("../i/layout/bg-calendar.png") 75% 100% no-repeat;*/
}

.questionBox p {
    display: block;
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 24px;
    line-height: 42px;
    color: #FFF;
}
	.questionBox button {
		transition: all 0.3s ease-in-out;
		opacity: 1;
		background: none;
		}
	.questionBox a, .questionBox button {
    display: inline-block;
    position: relative;
    padding: 0px 20px;
    border: solid 2px #FFF;
    text-align: center;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 46px;
    color: #FFF;
    margin-top: 30px;
}

.questionBox a span {
    display: inline-block;
    width: 18px;
    height: 46px;
    margin-right: 20px;
    background: url("../i/layout/ico-calendar-white.png") 0% 50% no-repeat;
}

.guestsBox {
    display: block;
    position: relative;
}

.guestsBox .special-header {
    margin-top: 75px;
}

.guestsBox .special-header p {
    display: block;
    position: relative;
    font-family: 'FuturaLTPro-Book', sans-serif;
    font-size: 30px;
    line-height: 48px;
    color: #8894a0;
    text-align: center;
    margin: 50px 0px;
    margin-top: -10px;
}

.guestsList {
    display: block;
    position: relative;
    margin: 50px 0px;
}

.guestsList .item {
    display: block;
    position: relative;
    float: left;
    width: calc((100% - 90px) / 4);
    margin-right: 30px;
    text-align: center;
    margin-bottom: 30px;
}

.guestsList .item:nth-child(4n) {
    margin-right: 0px;
}

.guestsList .item .imgBox {
    display: block;
    position: relative;
    padding: 50px;
    background: #FFF;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
}

.guestsList .item .imgBox img {
    display: block;
    position: relative;
    widtH: 100%;
    height: auto;
}

.guestsList .item strong {
    display: block;
    position: relative;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-size: 24px;
    line-height: 42px;
    color: #00abc2;
    text-align: center;
    margin-bottom: 10px;
}

.guestsList .item p {
    display: block;
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
    color: #383838;
    text-align: center;
}

.reviewBox {
    display: block;
    position: relative;
    padding: 150px 0px;
}

.reviewPad {
    display: block;
    position: relative;
    padding: 50px;
    background: #E8F3F4;
}

.reviewPad .rp-left {
    display: block;
    position: relative;
    width: 23%;
    float: left;
}

.reviewPad .rp-left img {
    display: block;
    position: relative;
    width: 100%;
    margin-top: -100px;
}

.reviewPad .rp-right {
    display: block;
    position: relative;
    width: 65%;
    padding-right: 5%;
    float: right;
}

.reviewPad .rp-right strong {
    display: block;
    position: relative;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-size: 18px;
    line-height: 30px;
    color: #383838;
    margin-bottom: 20px;
}

.reviewPad .rp-right p {
    display: block;
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 24px;
    line-height: 42px;
    color: #383838;
    margin-bottom: 20px;
}

.reviewPad .rp-right .btn-more {
    display: inline-block;
    position: relative;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 48px;
    color: #383838;
}

.reviewPad .rp-right .btn-more:after {
    display: block;
    position: absolute;
    width: 30px;
    height: 2px;
    content: "";
    background: #FAA61A;
    right: -50px;
    top: 50%;
}

.bottomTripleBox {
    display: block;
    position: relative;
    background: #F6F6F6;
}

.bottomTripleBox img {
    display: block;
    position: relative;
    margin-top: 20px;
    width: 100%;
    height: auto;
}

.bottomTripleBox .tripleBox .tb-box:nth-child(3) .inside {
    background: #FFF;
}

.pictureBox {
    display: block;
    position: relative;
    padding: 75px 0px;
    background: none !important;
    padding-bottom: 0px;
}

.pictureBox strong {
    display: block;
    position: relative;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 42px;
    color: #383838;
    margin-bottom: 30px;
}

.pictureBox p {
    display: block;
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
    color: #8894a0;
    margin-bottom: 40px;
}

.pictureBox .btn-more {
    display: inline-block;
    position: relative;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 48px;
    color: #383838;
}

.pictureBox .btn-more:after {
    display: block;
    position: absolute;
    width: 30px;
    height: 2px;
    content: "";
    background: #FAA61A;
    right: -50px;
    top: 50%;
}

.pictureBox {
    background: url("../i/layout/bg-pictureBox.png") 75% 0px no-repeat;
}

.pictureBox img {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
}

/**
 * @section: Footer
 * -------------------------------------------------------
 */

footer[role="contentinfo"] {
    display: block;
    position: relative;
    z-index: 1;
}

.f-top {
    display: block;
    position: relative;
}

.ft-left {
    display: block;
    position: relative;
    background: #EEF1F6;
    width: 50%;
    float: left;
    text-align: left;
}

.ftl-content {
    display: block;
    position: relative;
    padding: 40px 50px;
    padding-left: 0px;
    width: 535px;
    margin-right: 0px;
    float: right;
    height: 100%;
}

.ftl-content strong {
    display: block;
    position: relative;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #383838;
    margin-bottom: 40px;
}

.ftl-content p {
    display: block;
    position: relative;
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
    color: #8894a0;
    margin-bottom: 20px;
}

.ftl-content form {
    display: block;
    position: relative;
}

.ftl-content form input {
    display: block;
    position: relative;
    width: calc(100% - 20px - 40px);
    font-weight: 500;
    font-size: 16px;
    line-height: 48px;
    height: 48px;
    background: #fff;
    color: #1e2e3d;
    padding-left: 20px;
    padding-right: 40px;
}

.ftl-content form button {
    display: block;
    position: absolute;
    width: 40px;
    height: 48px;
    top: 0px;
    right: 0px;
    background: url("../i/layout/ico-arrow-blue.png") 50% 50% no-repeat;
}

.ft-right {
    display: block;
    position: relative;
    /*background: #303033;*/
    width: 50%;
    float: left;
}

.ftr-content {
    display: block;
    position: relative;
    padding: 40px 50px;
    padding-right: 0px;
    width: 535px;
    margin-right: 0px;
    float: left;
    height: 100%;
}

.ftr-content strong {
    display: block;
    position: relative;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    /*color: #FFF;*/
    margin-bottom: 40px;
}

.ftr-content a {
    display: block;
    position: relative;
    float: left;
    width: 33%;
    font-weight: 300;
    font-size: 17px;
    line-height: 30px;
    color: #8894a0;
    margin-bottom: 11px;
}

.ftr-content a.first {
    /*width:20%;*/
}

.ftr-content .l-pageTools {
    float: none;
    height: auto;
}

.ftr-content .l-pageTools a {
    margin-bottom: 0px;
    margin-right: 10px;
}

.ftr-content .l-pageTools .btn-social {
    border: solid 2px #59595C;
}

.f-bottom {
    display: block;
    position: relative;
    width: 100%;
    background: #2C2C2F;
}

.f-bottom .layout {
    padding: 20px;
}

.fb-left {
    display: block;
    position: relative;
    float: left;
    margin-bottom: 20px;
}

.fb-custom {
    background: #303033;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 0!important;
    margin-bottom: 0!important;
    padding: 20px 0;
}

.fb-left strong {
    display: inline-block;
    position: relative;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 46px;
    color: #8894a0;
    margin-right: 20px;
}

.fb-left a {
    display: inline-block;
    position: relative;
    margin-right: 40px;
    vertical-align: middle;
}

.fb-left a img {
    /*max-width: 90px;
    height: auto;*/
    max-height: 35px;
    width: 100%;
}

.fb-right {
    display: block;
    position: relative;
    float: right;
    text-align: right;
}

.fb-right p {
    display: block;
    position: relative;
    font-weight: 500;
    font-size: 14px;
    line-height: 30px;
    color: #8894a0;
}

.cookies-overlay {
    display: block;
    position: fixed;
    padding: 30px;
    bottom: 50px;
    right: 50px;
    width: 420px;
    background: #00ABC2;
    z-index: 100;
}

.cookies-overlay .btn-close {
    display: block;
    position: absolute;
    width: 13px;
    bottom: 12px;
    background: url("../i/layout/btn-close.png") 0% 0% no-repeat;
    z-index: 10;
    right: 10px;
    top: 10px;
}

.cookies-overlay p {
    display: block;
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #ffffff;
}

.cookies-overlay p a {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #ffffff;
}

/**
 * @section: forms
 * -------------------------------------------------------
 */

.defaultForm ul li {
    display: block;
    position: relative;
    clear: both;
    margin-bottom: 5px;
}

.defaultForm li label:first-child {
    float: left;
    display: block;
    font-size: 12px;
    line-height: 19px;
    margin-top: 9px;
    text-align: right;
    padding-right: 10px;
}

.defaultForm input[type="text"],
.defaultForm input[type="email"],
.defaultForm input[type="password"],
.defaultForm textarea {
    font: normal 12px/18px "DINProRegular", arial, sans-serif;

    border: 1px solid #d2dde4;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;

    background-color: #fff;

    padding: 9px 10px;
    float: left;

}

.defaultForm input[type="text"]:focus,
.defaultForm input[type="email"]:focus,
.defaultForm input[type="password"]:focus,
.defaultForm textarea:focus {
    border-color: #a1aab0;
}

.defaultForm .error input[type="text"],
.defaultForm .error input[type="email"],
.defaultForm .error input[type="password"],
.defaultForm .error textarea {
    border-color: #ff0000;
}

.defaultForm div.selector {
    background-position: -490px -40px;
    position: relative;
    padding-left: 10px;
    overflow: hidden;
}

.defaultForm div.selector span {
    background-position: right 0px;
    padding: 0px 35px 0px 2px;
    cursor: pointer;
    display: block;
    height: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font: normal 12px/37px "DINProRegular", arial, sans-serif;
}

.defaultForm .error .selector {
    background-position: -490px -200px;
}

.defaultForm .error .selector span {
    background-position: right -160px;
}

.defaultForm div.selector select {
    top: 0px;
    left: 0px;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity:0);
    border: none;
    background: none;
    height: 38px;
}

.defaultForm div.selector.focus {
    background-position: -490px -120px;
}

.defaultForm div.selector.focus span {
    background-position: right -80px;
}

.defaultForm label.error,
.defaultForm span.error {
    position: absolute;
    width: auto !important;
    height: 24px;
    font-size: 11px;
    line-height: 24px;
    white-space: nowrap;
    color: #fff;
    padding: 0 10px;
    margin: 0;
    background-color: #cd252d;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -O-border-radius: 4px;
    border-radius: 4px;
    z-index: 10;
}

.defaultForm label.error:before,
.defaultForm span.error:before {
    /*content: url('../i/layout/error-arrow.png');*/
    display: block;
    position: absolute;
    left: -4px;
    top: 2px;
}

/**
 * @section: Plugins CSS
 * -------------------------------------------------------
 */

/*

Uniform Theme: Uniform Default
Version: 1.6
By: Josh Pyles
License: MIT License
---
For use with the Uniform plugin:
http://pixelmatrixdesign.com/uniform/
---
Generated by Uniform Theme Generator:
http://pixelmatrixdesign.com/uniform/themer.html

*/

/* Global Declaration */

div.selector,
div.selector span,
div.checker span,
div.radio span,
div.uploader,
div.uploader span.action,
div.button,
div.button span {
    /*background-image: url('../i/layout/gui-forms.png');*/
    background-repeat: no-repeat;
}

.selector,
.radio,
.checker,
.uploader,
.button,
.selector *,
.radio *,
.checker *,
.uploader *,
.button * {
    margin: 0;
    padding: 0;
}

.selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus {
    outline: 0;
}

/**
 * @section: HTML5 player
 * -------------------------------------------------------
 */

.vjs-no-skin .vjs-error-display,
.vjs-no-skin .vjs-control-bar,
.vjs-no-skin .vjs-big-play-button,
.vjs-no-skin .vjs-loading-spinner {
    display: none !important;
}

.video-js {
    background: none !important;
}

.slides_container .video-js {
    width: 100% !important;
    height: 100% !important;
}

#slides .vjs-big-play-button {
    display: none !important;
    width: 100%;
    height: 100%;
    background: url("/i/layout/ico-play.png") 50% 50% no-repeat;
}

#slides .vjs-playing .vjs-big-play-button {
    display: none !important;
}

.slides_container video {
    width: 100% !important;
    /*height: 600px !important;*/
}

/*-------- hovers -------*/

.biogram-list .item .g-hover, .biogram-list .item .inside p, .contactBox form button, .scheduleList .item .sl-right p, .guestsList .item strong, .l-pageContent-biogram.l-pageContent-partners .biogram-list .item .inside p, .dayBox .db-item .inside span, .programFormBox .btn-modal p, .programFormBox .btn-modal span, .search-list a strong, .search-list a:after {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.biogram-header .bh-nav a:hover, .art-list-item .inside a:hover, .ftr-content a:hover, .cl-item .inside .infoBox a:hover, .tripleBox .tb-box .inside .more:hover, .guestsList .item:hover strong, .reviewPad .rp-right .btn-more:hover, .pictureBox .btn-more:hover, .tripleBox .tb-box .inside strong.blue:hover, .tripleBox .tb-box .inside strong.blue a:hover, .art-download a:hover, .breadcrumbs a:hover, .l-pageContent-biogram.l-pageContent-partners .biogram-list .item:hover .inside p, .dayBox .db-item:hover .inside span, a.sl-item:hover, .search-list a:hover strong {
    opacity: 1;
    color: #faa61a;
}

.search-list a:hover:after {
    background: #faa61a;
}

.biogram-header .bh-nav a.active:hover {
    color: #383838;
}

.scheduleList a.item:hover, .guestsList .item:hover, .dayBox .db-item:hover, .tripleBox .tb-box a.inside {
    opacity: 1;
}

.scheduleList .item .sl-right p:hover {
    color: #faa61a;
}

.buttonsBox .btn-more:hover, .contactBox form button:hover, #slides .slides_container div a:hover, .l-pageContent-home a.btn-full:hover, .special-header .btns-box a:hover, .prize-list .item .infoBox .btn-more:hover, .programFormBox .btn-modal:hover p, .programFormBox .btn-modal:hover span {
    opacity: 1;
    color: #FFF;
    background: #00ABC2;
    border: solid 2px #00ABC2;
}

.programFormBox .btn-modal:hover span {
    border-left: none;
}

.programFormBox .btn-modal:hover p {
    border-right: solid 2px #FFF;
}

.prize-list .item .infoBox .btn-more.orange.disabled:hover {
    border: solid 2px #8894A0;
    color: #8894A0;
    background: none;
    opacity: 1;
}
.questionBox a:hover, .questionBox button:hover {
    opacity: 1;
    border: solid 2px #FAA61A;
    background: #FAA61A;
    color: #383838;
}

#slides .pagination li a:hover, #slides-2 .pagination li a:hover, #slides-3 .pagination li a:hover {
    opacity: 1;
    border: solid 1px #00ABC2;
    background: #00ABC2;
}

.pictureBox a {
    display: block;
    position: relative;
}

.pictureBox:hover .btn-more {
    opacity: 1;
    color: #faa61a;
}

.programListBox .item:not(.active) a.plbi-header {

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.programListBox .item.active a.plbi-header {
    ebkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;

    transform: scale(1) !important;
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -o-transform: scale(1) !important;
}

/*

.biogram-list .item .inside .g-avatar{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;

	margin:0px;
	}

.biogram-list .item:hover .inside .g-avatar{
	margin:-25px;
	}
*/

.guestsList .item .imgBox {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.guestsList .item .imgBox:hover {
    padding: 25px;
}

.dayBox .db-item:not(.active) .inside {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 1;
}

.dayBox .db-item:not(.active):hover .inside {
    position: relative;
    margin: -10px;
    padding: 10px 0px;
    z-index: 100;
}

.dayBox .db-item.active .inside {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 1;
}

.dayBox .db-item.active:hover .inside {
    position: relative;
    margin: -30px -10px;
    padding: 30px 10px;
    z-index: 100;
}

.tripleBox .tb-box:nth-child(1) .inside, .tripleBox .tb-box:nth-child(3) .inside {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;

    transform: scale(1) !important;
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -o-transform: scale(1) !important;

}

.tripleBox .tb-box:nth-child(1) .inside:hover, .tripleBox .tb-box:nth-child(3) .inside:hover {
    transform: scale(1.05) !important;
    -webkit-transform: scale(1.05) !important;
    -moz-transform: scale(1.05) !important;
    -o-transform: scale(1.05) !important;

}

.tripleBox .tb-box .inside .more {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.tripleBox .tb-box .inside:hover .more {
    opacity: 1;
    color: #faa61a;
}

.scc {
    display: block;
    position: relative;
}

.scc:hover {
    opacity: 1;
}

.ftr-content .l-pageTools .btn-social:hover {
    opacity: 0.7;
}

/*--------- big-gallery -----------*/

.big-gallery {
    display: block;
    position: relative;
}

.big-gallery .bg-thumbs {
    display: none;
}

.big-gallery .bg-projector {
    display: block;
    position: relative;
    height: 435px;
}

.big-gallery .bg-projector .bg-prev-box, .big-gallery .bg-projector .bg-next-box {
    display: block;
    position: relative;
    float: left;
    height: 435px;
    width: 30%;
    background-size: cover !important;
    background-position: 50% 50% !important;
}

.big-gallery .bg-overlay {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.7);
}

.big-gallery .bg-projector .bg-current-box {
    display: block;
    position: relative;
    float: left;
    height: 435px;
    width: 40%;
    background-size: cover !important;
    background-position: 50% 50% !important;
}

.big-gallery .btn-prev {
    display: block;
    position: absolute;
    width: 70px;
    height: 70px;
    z-index: 100;
    background: #FFF url(../i/layout/ico-arrow-left.png) 50% 50% no-repeat;
    top: calc(50% - 35px);
    left: -35px;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}

.big-gallery .btn-next {
    display: block;
    position: absolute;
    width: 70px;
    height: 70px;
    z-index: 100;
    background: #FFF url(../i/layout/ico-arrow-right.png) 50% 50% no-repeat;
    top: calc(50% - 35px);
    right: -35px;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}

.message-box {
    display: block;
    position: relative;
}

.message-box .msg {
    display: block;
    position: relative;
    background: #8CA3AD;
    padding: 20px 0px;
}

.message-box .msg .msg-close {
    display: block;
    position: relative;
    width: 18px;
    height: 18px;
    background: url(../i/layout/ico-close-white.png) 50% 50% no-repeat;
    float: right;
    top: 3px;
}

.message-box .msg p a {
    text-decoration: underline;
    color: #383838;
}

.message-box .msg p {
    display: block;
    position: relative;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #383838;
    width: calc(100% - 50px);
    float: left;
}

.message-box .msg.alert {
    background: #FAA61A;
}

.message-box .msg.alert p, .message-box .msg.alert p a {
    color: #383838;
}

.message-box .msg.info {
    background: #8CA3AD;
}

.message-box .msg.info p, .message-box .msg.info p a {
    color: #FFF;
}

.message-box .msg.error {
    background: #EF4F4F;
}

.message-box .msg.error p, .message-box .msg.error p a {
    color: #FFF;
}

.blured-bg {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 100;
    background: #FFF;
    opacity: 0.9;
}

.blured-box {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 180px;
    left: 0px;
    z-index: 101;
    margin-top: 40px;
    text-align: center;
}

.blured-box strong {
    display: block;
    position: relative;
    text-align: center;
    margin-bottom: 30px;
    font-family: 'FuturaLTPro-Heavy', sans-serif;
    font-weight: 400;
    font-size: 72px;
    line-height: 94px;
    color: #383838;
}

.blured-box p {
    display: block;
    position: relative;
    text-align: center;
    margin-bottom: 30px;
    font-family: 'FuturaLTPro-Book', sans-serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 48px;
    color: #8894a0;
}

.scheduleBox.incomming .column-65 {
    width: 100%;
}

.scheduleBox.incomming .scheduleTitle {
    text-align: center;
}

.scheduleBox.incomming .scheduleList {
    text-align: center;
}

.scheduleBox.incomming .scheduleList .item .sl-left, .scheduleBox.incomming .scheduleList .item .sl-right {
    width: 100%;
    float: none;
}

.scheduleBox.incomming .scheduleList .item .sl-right:after {
    display: block;
    position: absolute;
    width: 70px;
    height: 2px;
    left: 50%;
    bottom: -20px;
    background: #DADADA;
    content: "";
    margin-left: -35px;
}

/**
 * @section: RWD
 * -------------------------------------------------------
 */

.l-pageContent-media .grid-item img {
    opacity: 0;
}

.l-pageContent-media .grid-item {
    background-size: cover !important;
}

.breadcrumbs .customSelectBox {
    display: none;
}

.scaleWrapper, .scaleWrapperB, .scaleWrapperC, .scaleWrapperD {
    display: block;
    position: relative;
    padding: 0px;
    margin: 0px;
    margin: 20px 0px;

    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
}

.scaleWrapperB {
    margin: 0px;
    z-index: 1000;
}

.mobile {
    display: none !important;
}

@media (max-height: 768px) {
    #slides .slides_container {
        min-height: 400px;
    }

    #slides .slides_container .container {
        height: 400px;
    }

    #slides .slides_container div a {
        margin-top: 250px;
    }

    #slides .slides_container strong {
        top: 12%;
    }

    #slides .slides_container p {
        top: 37%;
    }

    .l-pageContent .art-cover:first-child {
        height: 400px;
    }
}

@media (max-width: 1480px) {
    .main {
        overflow: hidden;
    }

    /*------ art_list -------*/
    .art-list-item .al-content .inside {
        width: auto;
    }

    .al-content.left .inside, .al-content.right .inside {
        padding: 50px 90px;
    }

    .art-list-item.block .al-content .inside {
        padding: 50px 30px;
        width: auto;
    }

    .layout.buttonsBox {
        margin: 20px 0px;
    }

    /*------ program -------*/
    .scaleWrapper .dayBox {
        margin: 0px;
    }
}

@media (max-width: 1420px) {
    nav[role="navigation"] a {
        font-size: 13px;
        line-height: 20px;
        margin: 0px 7px;
    }
}

@media (max-width: 1280px) {
    /*-------- archiwum ---------*/
    .gi-content p {
        font-size: 20px;
        line-height: 32px;
    }

    .gi-content strong {
        font-size: 100px;
        line-height: 130px;
    }

    .gi-content p span {
        font-size: 60px;
        line-height: 92px;
    }

    .gi-content small {
        font-size: 14px;
        line-height: 24px;
        padding: 0px 20px;
    }

    .gi-content p span.smaller {
        font-size: 34px;
        line-height: 48px;
    }
}

@media (max-width: 1240px) {
    .layout {
        width: 92%;
        padding: 0px 4%;
    }

    header[role="banner"] .logo {
        margin-left: 20px;
        width: 140px;
        background-size: 100%;
        background-position: 0px 50%;
    }

    nav[role="navigation"] {
        position: relative;
        display: block;
        width: calc(100% - 40px - 140px - 290px);
    }

    .l-pageTools .btn-search {
        margin-right: 10px;
        padding-right: 0px;
    }

    .l-pageTools {
        margin-right: 20px;
        width: 290px;
    }

    nav[role="navigation"] a {
        font-size: 13px;
        line-height: 20px;
        margin: 0px 7px;
    }

    .l-pageTools .btn-drop {
        font-size: 14px;
        line-height: 30px;
        margin-right: 10px;
    }

    footer[role="contentinfo"] {
        width: 100%;
        padding: 0px;
    }

    .ftl-content, .ftr-content {
        padding: 40px 20px;
        width: auto;
        float: none;
    }

    .fb-left {
        margin-top: 10px;
    }

    .fb-left strong {
        font-size: 16px;
        line-height: 36px;
    }

    .fb-left a {
        margin-right: 10px;
        width: auto;
        max-width: 100%;
    }

    .fb-left a img {
        /*width: 80%;*/
        height: auto;
    }

    /*--------- home -------*/
    #slides .slides_container {
        min-height: 400px;
    }

    #slides .slides_container .container {
        height: 400px;
    }

    #slides .slides_container div a {
        margin-top: 250px;
    }

    #slides .slides_container strong {
        top: 12%;
        font-size: 54px;
        line-height: 64px;
    }

    #slides .slides_container p {
        top: 37%;
        font-size: 24px;
        line-height: 32px;
    }

    /*---------- biogram_list -----*/
    .biogram-list .item {
        width: calc((100% - 40px) / 3);
    }

    .biogram-list .item:nth-child(4n) {
        margin-right: 20px;
    }

    .biogram-list .item:nth-child(3n) {
        margin-right: 0px;
    }

    /*---------- contact -----*/
    .cl-item {
        width: 50%;
        float: none;
        margin: 0px auto;
        margin-bottom: 50px;
    }

    /*------ prize ------*/
    .l-pageContent-prize .layout {
        max-width: inherit !important;
        width: 92% !important;
        padding: 0px 4%;
    }
}

@media (max-width: 1024px) {

    .big-gallery .bg-projector, .big-gallery .bg-projector .bg-prev-box, .big-gallery .bg-projector .bg-next-box, .big-gallery .bg-projector .bg-current-box {
        height: 250px;
    }

    .big-gallery .btn-next, .big-gallery .btn-prev {
        width: 50px;
        height: 50px;
        background-size: 50% 50%;
        top: 42%;
    }

    header[role="banner"] .logo {
        width: 130px;
    }

    nav[role="navigation"] {
        position: relative;
        display: block;
        width: calc(100% - 40px - 130px - 305px);
    }

    .fb-left strong {
        font-size: 14px;
        line-height: 26px;
    }

    .fb-left a img {
        /*width: 60%;*/
        height: auto;
    }

    .ftl-content p, .ftr-content a {
        font-size: 14px;
    }

    .ftr-content a {
        text-align: center;
    }

    /*---------- index --------*/
    .tripleBox .tb-box .inside, .tripleBox .tb-box:nth-child(2) .inside {
        padding: 50px 30px;
    }

    /*------- multimedia -----*/
    .grid-item {
        width: 50%;
    }

    .my-overlay .mo-box {
        width: 80%;
    }

    .mediaBox {
        padding: 20px;
        overflow: hidden;
    }

    .mediaBox .mb-bottom .mbb-left {
        width: 100%;
    }

    .mediaBox .mb-bottom .mbb-right {
        width: 100%;
    }

    .mediaBox .mb-prev, .mediaBox .mb-next {
        top: 75px;
        width: 30px;
        height: 30px;
        background-size: 50% 50%;
    }

    .mediaBox .mb-prev {
        left: 6px;
    }

    .mediaBox .mb-next {
        right: 6px;
    }

    /*-------- archiwum ---------*/
    .gi-content small, .gi-content p {
        padding-left: 20px;
        padding-right: 20px;
    }

    .gi-content strong {
        font-size: 90px;
        line-height: 111px;
    }

    .gi-content p span.smaller {
        font-size: 40px;
        line-height: 52px;
    }

    /*---------- contact -----*/
    .cl-item {
        width: 70%;
        float: none;
        margin: 0px auto;
        margin-bottom: 50px;
    }
}

/*-------- mobile ------*/
@media (max-width: 1023px) {
    nav[role="navigation"] .nav-wrapper {
        display: block;
        position: relative;
        width: 100%;
        padding: 10px 0px;
        background: #FFF;
        -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
        margin-top: -10px;
        z-index: 10;
    }

    nav[role="navigation"] .dropDownMenu {
        display: block;
    }

    nav[role="navigation"] .dropDownMenu .dropDownList {
        display: block;
        position: relative;
        padding: 0px;
        -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0);
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0);
        margin-left: 0px;
        margin-bottom: 0px;
        visibility: hidden;
        height: 0px;
        background: #F2F2F2;
    }

    nav[role="navigation"] .dropDownMenu.active {
        background: #F2F2F2;
    }

    nav[role="navigation"] .dropDownMenu a.drop {
        background: #FFF url(../i/layout/ico-arrow-down.png) 95% 50% no-repeat;
    }

    nav[role="navigation"] .dropDownMenu.active a.drop {
        background: #F2F2F2 url(../i/layout/ico-arrow-down.png) 95% 50% no-repeat;
    }

    nav[role="navigation"] .dropDownMenu.active a {
        background: #F2F2F2;
        margin-bottom: 0px;
        padding-bottom: 15px;

        -webkit-transition: all 0s ease-in-out;
        -moz-transition: all 0s ease-in-out;
        -o-transition: all 0s ease-in-out;
        transition: all 0s ease-in-out;
    }

    nav[role="navigation"] .dropDownMenu.active .dropDownList {
        visibility: visible;
        height: auto;
        margin-bottom: 10px;
    }

    .searchFormBox {
        right: 77px;
    }

    .mobile.menu {
        display: block !important;
        position: relative;
        float: left;
        width: 20px;
        height: 20px;
        background: url(../i/layout/ico-mobile-menu.svg) 0px 50% no-repeat;
        margin-left: 20px;
        margin-top: 19px;
    }

    header[role="banner"] {
        padding: 10px 0px;
    }

    nav[role="navigation"] {
        display: none;
        position: absolute;
        z-index: 10;
        width: 100%;
        padding: 10px 0%;
        margin-top: 60px;
    }

    nav[role="navigation"].active {
        display: block;
    }

    nav[role="navigation"] a {
        display: block;
        position: relative;
        margin: 0px;
        padding: 10px 0px;
        text-align: center;
        background: #FFF
    }

    nav[role="navigation"] a:hover {
        opacity: 1;
        color: #8894a0;
    }

    nav[role="navigation"] a:last-child {
        /*padding-bottom:20px;*/
    }

    nav[role="navigation"].active {
        /*-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);
			box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);
			background:#FFF;*/
    }

    nav[role="navigation"] .l-pageTools {
        margin-right: 0px !important;
        display: block;
    }

    nav[role="navigation"] .l-pageTools .socialBox {
        display: block !important;
    }

    nav[role="navigation"] .l-pageTools .socialBox a {
        padding: 0px !important;
    }

    nav[role="navigation"] .l-pageTools {
        width: 100% !important;
    }

    .l-pageTools {
        width: 160px;
        text-align: center;
    }

    header[role="banner"] .l-pageTools .socialBox {
        display: none;
    }

    .ft-left, .ft-right, .fb-left, .fb-right {
        width: 100%;
        float: none;
    }

    .fb-left, .fb-right {
        text-align: center;
        margin-bottom: 20px;
    }

    .ftl-content strong, .ftr-content strong {
        margin-bottom: 20px;
        text-align: center;
    }

    .ftr-content .l-pageTools {
        margin: 0px auto;
    }

    .ftr-content .l-pageTools .socialBox {
        display: block;
        text-align: center;
    }

    /*---------- index --------*/
    .guestsBox .special-header p {
        font-size: 20px;
        line-height: 32px;
    }

    .guestsBox .special-header {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .l-pageContent-home .art-cover {
        background-size: cover !important;
        background-position: 0px 0px !important;
    }

    .scheduleTitle strong, .questionBox p {
        font-size: 20px;
        line-height: 32px;
    }

    .scheduleTitle p, .scheduleList .item .sl-right p, .scheduleList .item .sl-left strong, .schedulePad p, .reviewPad .rp-right p {
        font-size: 16px;
        line-height: 24px;
    }

    .scheduleList .item .sl-right small {
        font-size: 14px;
        line-height: 20px;
    }

    .schedulePad {
        padding: 25px;
    }

    .tripleBox {
        margin-top: 25px;
    }

    .tripleBox .tb-box {
        width: 100%;
        float: none;
        height: auto !important;
        margin-right: 0px;
        margin-bottom: 30px;
    }

    .tripleBox .tb-box .inside {
        margin: 0px 0px;
        height: auto !important;
    }

    .tripleBox .tb-box:nth-child(2) .inside {
        -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
        padding: 50px 25px;
    }

    .scheduleBox, .reviewBox, .pictureBox {
        padding: 50px 0px;
    }

    .pictureBox {
        padding-bottom: 0px;
    }

    .guestsList .item {
        width: 48%;
        margin-right: 4%;
    }

    .guestsList .item:nth-child(2) {
        margin-right: 0px;
    }

    .reviewBox {
        margin-top: 100px;
    }

    .reviewPad {
        padding: 25px;
    }

    .reviewPad .rp-left, .reviewPad .rp-right {
        width: 100%;
        padding: 0px;
    }

    .reviewPad .rp-left {
        margin-bottom: 25px;
    }

    .pictureBox .column-50.right {
        width: 100%;
    }

    .l-pageContent-home .btnsBox {
        margin-top: 20px;
        margin-bottom: 00px;
    }

    .scheduleBox .more {
        margin-left: 0px;
    }

    .guestsList + .btnsBox {
        margin-top: 0px;
    }

    .guestsList .item:last-child {
        margin-bottom: 0px;
    }

    #slides-2 .pagination {
        /*display:block;
		position:relative;
		right:inherit;
		bottom:inherit;*/
    }

    #slides-2 .slides_container .container {
        min-height: 222px;
    }

    /*-------- article -------*/
    .art-cover {
        height: 400px;
    }

    article h1 {
        font-size: 32px;
        line-height: 50px;
        margin-bottom: 30px;
    }

    article .lead h2 {
        font-size: 18px;
        line-height: 32px;
    }

    article p, article ul li, article ol li, article blockquote span, article blockquote p, .art-more a p {
        font-size: 16px;
        line-height: 32px;
    }

    .art-more a p span {
        font-size: 12px;
    }

    article blockquote {
        padding: 25px 30px;
    }

    /*-------- biogram -------*/
    .l-pageContent-biogram h1 {
        font-size: 50px;
        line-height: 64px;
    }

    .l-pageContent-biogram h1 + span, .l-pageContent-biogram h2 {
        font-size: 18px;
    }

    .l-pageContent-biogram p, .l-pageContent-biogram .bioBox p {
        font-size: 16px;
        line-height: 32px;
    }

    .l-pageContent-biogram .bioBox p:last-child {
        margin-bottom: 0px;
    }

    .bioBox strong {
        font-size: 42px;
        line-height: 54px;
    }

    .guest-avatar {
        padding: 50px;
    }

    /*---------- biogram_list -----*/
    .biogram-list .item {
        width: calc((100% - 20px) / 2);
        width: 46%;
        margin-right: 4%;
    }

    .biogram-list .item:nth-child(3n) {
        /*margin-right:20px;*/
        margin-right: 4%;
    }

    .biogram-list .item:nth-child(2n) {
        margin-right: 0px;
    }

    .biogram-header {
        margin: 20px 0px;
        margin-top: 0px;
    }

    /*-------- partners -----*/
    .breadcrumbs small, .breadcrumbs a {
        font-size: 16px;
        line-height: 36px;
    }

    .breadcrumbs small {
        float: left;
    }

    .breadcrumbs a {
        display: none;
    }

    .breadcrumbs .customSelectBox {
        display: inline-block;
    }

    .breadcrumbs .customSelectBox select {
        font-size: 14px;
        line-height: 36px;
        padding: 0px 10px;
    }

    .breadcrumbs .customSelectBox label:after {
        top: 5px;
    }

    /*-------- prize -----*/
    /*.grey-bg{
		padding-bottom:30px;
		}
	.special-header{
		margin-top:0px;
		}
	.special-header .sh-title, .prize-list .item.winner .infoBox .i-title{
		font-size: 32px;
    	line-height: 50px;
		margin-bottom:30px;
		}
	.special-header span, .prize-list .item.winner .infoBox .i-title span, .prize-list .item .ib-overlay .ibo-inside .ibo-title{
		font-size: 20px;
    	line-height: 32px;
		}
	.prize-list .item .imgBox .inside{
		padding:20px;
		}
	.prize-list .item .infoBox .i-title{
		margin-bottom:10px;
		}
	.prize-list .item .infoBox p, .prize-list .item .ib-overlay .ibo-inside p{
		font-size:16px;
		line-height:24px;
		}
	.prize-list .item .infoBox .btn-more{
		font-size: 16px;
    	line-height: 30px;
		padding:0px 10px;
		}
	.prize-list .item .infoBox .btn-more.orange{
		width:auto;
		min-width:inherit;
		}
	.prize-list .item{
		padding:20px;
		}
	.prize-list .item .infoBox .badge{
		-webkit-transform-origin:50% 50%;
		-moz-transform-origin	:50% 50%;
		-o-transform-origin		:50% 50%;
		transform-origin		:50% 50%;

		transform:scale(0.75);
		-webkit-transform:scale(0.75);
		-moz-transform:scale(0.75);
		-o-transform:scale(0.75);
		right:-10px;
		}
	.prize-list .item .infoBox .inside, .prize-list .item.winner .infoBox .inside{
		padding:10px 20px;
		}*/
    .l-pageContent-biogram .grey-bg {
        padding-bottom: 30px;
    }

    .special-header {
        margin-top: 0px;
    }

    .special-header .sh-title, .prize-list .item.winner .infoBox .i-title {
        font-size: 32px;
        line-height: 50px;
        margin-bottom: 30px;
    }

    .special-header span, .prize-list .item.winner .infoBox .i-title span, .prize-list .item .ib-overlay .ibo-inside .ibo-title {
        font-size: 20px;
        line-height: 32px;
    }

    .prize-list .item .infoBox p, .prize-list .item .ib-overlay .ibo-inside p {
        font-size: 16px;
        line-height: 24px;
    }

    .prize-list .item {
        padding: 20px;
    }

    .prize-list .item .imgBox, .prize-list .item .infoBox {
        width: 100%;
        margin-bottom: 20px;
    }

    .prize-list .item .ib-overlay .ibo-inside {
        margin-left: 0px;
        margin-right: 0px;
    }

    .prize-list .item .infoBox .badge {
        top: 20px;
    }

    .prize-list .item .infoBox .inside {
        padding-right: 20px;
    }

    .prize-list .item .infoBox .i-title, .prize-list .item .infoBox p {
        padding-right: 120px;
    }

    /*--------- contact ------*/
    .l-pageContent-contact h2 {
        margin-bottom: 10px;
    }

    .contacts-list {
        margin-top: 120px;
    }

    /*--------- program -------*/
    .dayBox .db-item {
        width: calc(100% / 4);
        margin-bottom: 30px;
    }

    .dayBox {
        -webkit-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;

        transform: scale(0.75);
        -webkit-transform: scale(0.75);
        -moz-transform: scale(0.75);
        -o-transform: scale(0.75);
        width: 133%;
        margin-bottom: -100px;
    }

    .scaleWrapperB {
        margin-bottom: 100px;
    }

    .programListBox .item .plbi-content .bottomBox .listBox .lb-item {
        width: 46%;
        margin-right: 4%;
        margin-bottom: 20px;
    }

    .programListBox .item .plbi-content .bottomBox .listBox .lb-item:nth-child {
        margin-right: 0%;
    }
}

@media (max-width: 768px) {
    /*-------- article -------*/
    .art-cover {
        height: 300px;
    }

    article {
        width: 90%;
    }

    article p {
        margin-bottom: 15px;
    }

    /*------ art_list -------*/
    .al-content.left .inside, .al-content.right .inside {
        padding: 40px;
    }

    .art-list-item .al-content, .art-list-item .al-image {
        float: none;
        width: 100%;
        background: none !important;
    }

    .art-list-item .al-image img {
        opacity: 1;
    }

    /*------ search_results ---*/
    .search-list {
        padding-right: 0px;
    }

    .pagin-nav {
        text-align: center;

        -webkit-transform-origin: 0% 50%;
        -moz-transform-origin: 0% 50%;
        -o-transform-origin: 0% 50%;
        transform-origin: 0% 50%;

        transform: scale(0.75);
        -webkit-transform: scale(0.75);
        -moz-transform: scale(0.75);
        -o-transform: scale(0.75);
        width: 125%;
    }
}

@media (max-width: 767px) {
    /*.ftl-content strong, .ftr-content strong, .ftl-content p{
		text-align:center;
		}
	.fb-left strong{
		display:block;
		position:relative;
		text-align:center;
		margin:15px 0px;
		text-align:center;
		}
	.fb-left a{
		margin:0px 8px;
		}
	.fb-left a img{
		width:100%;
		}
	.ftr-content .links a{
		width:100% !important;
		text-align:center;
		}
	*/
    #slides .slides_container .container {
        background-position: 50% 50% !Important;
    }

    .grid-item {
        height: 180px;
    }

    .grid-item--height2 {
        height: 360px;
    }

    .programFormBox .btn-modal .btnm-hover .inside {
        right: -49%;
    }

    .cookies-overlay {
        width: 92%;
        padding: 4%;
        right: 0px;
        bottom: 0px;
    }

    header[role="banner"] .logo {
        width: 120px;
        margin-left: 10px;
    }

    header[role="banner"] .l-pageTools {
        width: auto;
    }

    .l-pageTools .btn-drop {
        font-size: 14px;
    }

    .l-pageTools {
        margin-right: 10px;
    }

    .fb-left strong {
        display: block;
        text-align: center;
        margin-bottom: 15px;
    }

    .fb-custom.fb-left strong {
        width: 100%;
    }

    .fb-left a {
        display: inline-block;
        width: auto;
        /*margin-right: 20px;*/
        max-width: 100%;
    }

    .fb-custom.fb-left a {
        max-width: 80px;
    }

    .fb-left a img {
        width: 100%;
        margin: 10px 0px;
    }

    .f-bottom .layout {
        padding: 20px 0px;
    }

    /*------- index --------*/
    .column-27, .column-65 {
        width: 100%;
        margin-bottom: 30px;
    }

    .schedulePad p, .schedulePad p span {
        text-align: center;
    }

    .schedulePad, .scheduleList .item .sl-right:after {
        display: none;
    }

    .scheduleTitle strong, .questionBox p, .scheduleTitle p {
        text-align: center;
    }

    .scheduleList .item .sl-left {
        width: 80px;
    }

    .scheduleList .item .sl-right {
        width: calc(100% - 100px);
    }

    .scheduleBox .more {
        margin-left: 0px;
    }

    .l-pageContent-home a.btn-full {
        font-size: 14px;
        line-height: 28px;
        padding: 10px 10px;
    }

    .l-pageContent-home .btnsBox {
        margin-bottom: 30px;
    }

    .guestsList + .btnsBox {
        margin-bottom: 80px;
    }

    .reviewBox {
        margin-top: 0px;
    }

    .tripleBox .tb-box .inside, .tripleBox .tb-box:nth-child(2) .inside {
        padding: 30px 30px;
    }

    #slides .slides_container {
        min-height: 200px;
    }

    #slides .slides_container .container {
        height: 200px;
    }

    #slides .slides_container div a {
        margin-top: 80px;
    }

    #slides .pagination {
        bottom: 0px;
    }

    #slides .slides_container strong, #slides .slides_container p {
        display: none;
    }

    /*-------- article -------*/
    .art-cover {
        height: 200px;
    }

    .art-more a {
        width: 100%;
        margin-right: 0px;
        text-align: center;
    }

    article h1 {
        font-size: 24px;
        line-height: 34px;
    }

    /*------ art_list -------*/
    .al-content.left .inside, .al-content.right .inside, .art-list-item.block .al-content .inside {
        padding: 30px 20px;
    }

    .art-list-item .al-content, .art-list-item .al-image {
        float: none;
        width: 100%;
        display: block;
        position: relative;
    }

    .art-list-item .al-image img {
        display: block;
        position: relative;
        width: 100%;
        height: auto;
    }

    /*-------- biogram -------*/
    .l-pageContent-biogram h1 {
        font-size: 24px;
        line-height: 34px;
    }

    .l-pageContent-biogram h1 + span, .l-pageContent-biogram h2 {
        font-size: 16px;
        line-height: 32px;
    }

    .l-pageContent-biogram h1 + span {
        line-height: 24px;
    }

    .l-pageContent-biogram p, .l-pageContent-biogram .bioBox p {
        font-size: 16px;
        line-height: 32px;
    }

    .bioBox strong {
        font-size: 24px;
        line-height: 34px;
    }

    .column-30 {
        width: 100%;
    }

    .column-30 + .column {
        width: 100%;
        margin: 30px 0px;
    }

    .bioBox {
        padding: 20px;
        padding-bottom: 50px;
    }

    .bioBox .bb-left {
        width: 100%;
    }

    .bioBox .bb-left img {
        width: 100%;
        margin: 20px auto;
        margin-top: -50px;
    }

    .bioBox .bb-right {
        width: 100%;
        padding-right: 0px;
    }

    /*-------- biogram_list -------*/
    .guestsList .item {
        width: 100%;
        margin-right: 0px;
    }

    .biogram-header h1 {
        float: none;
    }

    .bh-nav {
        display: block;
        float: none;
    }

    .biogram-header .bh-nav a {
        font-size: 16px;
        margin-right: 15px;
    }

    .biogram-list .item {
        width: 100%;
        margin-right: 0px;
    }

    .biogram-list .item:nth-child(2n) {
        margin-right: 0px;
    }

    /*------- multimedia -----*/
    .grid-item {
        width: 50%;
    }

    /*--------- info_page ------*/
    .l-pageContent-info article h1 {
        font-size: 24px;
        line-height: 34px;
    }

    /*---------- contact -----*/
    .cl-item {
        width: 100%;
        float: none;
        margin: 0px auto;
        margin-bottom: 30px;
    }

    .cl-item .inside .imgBox {
        width: 100%;
        float: none;
        padding: 0px;
    }

    .cl-item .inside .imgBox img {
        padding: 50px;
        width: inherit;
        max-width: calc(100% - 100px);
    }

    .cl-item .inside .infoBox {
        width: 100%;
    }

    .column-50 {
        width: 100%;
    }

    .l-pageContent-contact .column + .column {
        width: 100%;
        max-width: 100%;
    }

    .contactBox {
        width: 100%;
        max-width: 100%;
    }

    .mapBox {
        margin-top: 0px;
    }

    .grey-bg {
        /*padding-bottom:400px;*/
    }

    .mapBox {
        display: none;
    }

    .contactBox form {
        padding: 35px 20px;
    }

    /*------ search_results ---*/
    .pagin-nav {
        transform: scale(0.50);
        -webkit-transform: scale(0.50);
        -moz-transform: scale(0.50);
        -o-transform: scale(0.50);
        width: 200%;
    }

    .pagin-nav .btn.prev {
        width: 100px;
    }

    .pagin-nav .btn.next {
        width: 100px;
    }

    /*------- search_no_results ---*/
    .nrBox form {
        width: 100%;
        margin-top: 30px;
    }

    .nrBox form fieldset {
        padding: 20px;
    }

    .nrBox form button {
        top: 20px;
        right: 20px;
    }

    /*------ 404 ------*/
    .box404 {
        min-height: 300px;
        padding: 0px;
    }

    .box404 strong {
        font-size: 40px;
        line-height: 54px;
        margin-top: 50px;
        margin-bottom: 30px;
    }

    /*------ program -------*/
    .programFormBox {
        top: -50px;
        margin-bottom: -50px;
        text-align: left;
    }

    .programListBox .item {
        margin: 10px 0px;
    }

    .programListBox .item .plbi-header {
        padding: 15px;
        padding-right: 25px;
    }

    .programListBox .item .plbi-header span, .programListBox .item .plbi-header p {
        font-size: 14px;
        line-height: 20px;
        margin-right: 10px;
        padding-right: 10px;
    }

    .programListBox .item .plbi-header p {
        width: 70%;
        margin-right: 0px;
    }

    .programListBox .item:after {
        right: 10px;
        top: 8px;
    }

    .programListBox .item .plbi-content {
        padding: 15px;
        padding-right: 45px;
    }

    .programListBox .item .plbi-content .btn-close {
        top: 20px;
        right: 20px;
    }

    .programListBox .item .plbi-content .btn-calendar {
        top: 45px;
        right: 5px;
    }

    .programListBox .item .plbi-content h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .programListBox .item .plbi-content p {
        font-size: 14px;
        line-height: 18px;
    }

    .programListBox .item .plbi-content .bottomBox .listBox .lb-item {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px;
    }

    .dayBox .db-item {
        width: calc(100% / 4);
        margin-bottom: 30px;
    }

    .dayBox {
        -webkit-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;

        transform: scale(0.50);
        -webkit-transform: scale(0.50);
        -moz-transform: scale(0.50);
        -o-transform: scale(0.50);
        width: 200%;
    }

    .scaleWrapperB, .programListBox {
        top: -100px;
    }

    .l-pageContent-biogram {
        margin-bottom: -100px;
    }

    .l-pageContent-biogram + footer[role="contentinfo"] {
        top: 0px;
    }

    /*-------- prize -----*/
    .prize-list .item .imgBox .inside {
        padding: 20px;
    }

    .prize-list .item.winner .infoBox .inside {
        padding: 10px 20px;
    }

    .prize-list .item .infoBox .btn-more, .prize-list .item .ib-overlay .ibo-inside .btn-fb {
        display: block;
        margin-bottom: 20px;
        margin-right: 0px !important;
    }

    .prize-list .item .ib-overlay .ibo-inside .column-50.left, .prize-list .item .ib-overlay .ibo-inside span, .prize-list .item .ib-overlay .ibo-inside .column-50.right {
        width: 100%;
        margin-bottom: 20px;
    }

    .prize-list .item .ib-overlay .ibo-inside span {
        text-align: center;
    }

    .prize-list .item .infoBox .badge {
        right: 20px;
    }

    .prize-list .item .infoBox .inside {
        padding-left: 20px;
    }

    .prize-list .item {
        padding: 0px;
    }

    .prize-list .item .ib-overlay .ibo-inside {
        padding-left: 20px;
        padding-right: 20px;
    }

    .prize-list .item .infoBox .badge {
        -webkit-transform-origin: 50% 0%;
        -moz-transform-origin: 50% 0%;
        -o-transform-origin: 50% 0%;
        transform-origin: 50% 0%;

        transform: scale(0.60);
        -webkit-transform: scale(0.60);
        -moz-transform: scale(0.60);
        -o-transform: scale(0.60);
        right: -10px;
    }

    .prize-list .item .infoBox .i-title {
        padding-right: 60px;
    }

    .prize-list .item .infoBox p {
        padding-right: 0px;
    }

    .prize-list .item .ib-overlay .ibo-inside span {
        margin-bottom: 12px;
        line-height: 24px;
    }

    .special-header .btns-box a {
        display: block;
        position: relative;
        margin-bottom: 20px;
    }
}

@media (max-width: 540px) {
    .big-gallery .bg-projector, .big-gallery .bg-projector .bg-prev-box, .big-gallery .bg-projector .bg-next-box, .big-gallery .bg-projector .bg-current-box {
        height: 200px;
    }

    .l-pageContent-archive .grid-item {
        width: 100%;
    }

    .searchFormBox {
        width: 190px;
    }

    .searchFormBox form input {
        width: 140px;
    }

    .scaleWrapperB, .programListBox {
        top: -100px;
        margin-bottom: 0px;
    }

    .programListBox {
        top: -100px;
    }

    #slides-2 .pagination {
        bottom: -10px;
    }

    .mediaBox .mb-projector iframe {
        display: block;
        position: relative;
        width: 100%;
        height: auto;
    }

    .l-pageContent .art-cover:first-child {
        height: 200px;
    }
}

@media (max-width: 400px) {
    header[role="banner"] .logo {
        width: 90px;
        margin-left: 10px;
    }

    .l-pageTools .btn-drop {
        font-size: 12px;
    }

    .l-pageContent .art-cover:first-child {
        height: 150px;
    }
}

.printLogo {
    display: none;
}

@media print {
    .printLogo {
        display: block;
        margin: 20px 0px;
    }

    header[role="banner"], .art-cover, .minigallery, footer[role="contentinfo"], .art-footer, .art-more, .contactBox, .contacts-list, .art-download, .dayBox, .programFormBox,
    .programListBox .item .plbi-content .btn-more, .programListBox .item .plbi-content .btn-close, .programListBox .item .plbi-content .btn-calendar, .programListBox .item .plbi-content .bottomBox .listBox {
        display: none;
    }

    article {
        margin-top: 0px;
    }

    article ul li {
        padding-left: 0px;
        list-style: disc;
        display: list-item;
        list-style-type: disc;
    }

    article ul li:before {
        display: none;
    }

    .l-pageContent-biogram {
        border-top: none !important;
    }

    .l-pageContent-biogram .column-30.left {
        width: 30% !important;
        display: inline-block;
    }

    .l-pageContent-biogram .column-rest.right {
        width: 65% !important;
        display: inline-block;
        padding-left: 4%;
    }

    .guest-avatar {
        -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0);
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0);
        padding: 0px;
    }

    .programListBox .item .plbi-content .bottomBox .listBox .lb-item {
        width: 100% !important;
        display: inline-block !important;
        margin-right: 0px !important;
        margin-bottom: 20px !important;
        float: none !important;
    }

    .programListBox .item .plbi-content p a {
        display: block;
        margin-top: 10px;
    }
}