html, body {
    background: #fff;
    color: #444444;
    font-family: "azo-sans-web",sans-serif;
}
a {
    color: #5a5a5a;
    text-decoration: none;
}
a:hover {
    color: #333;
    text-decoration: none;
}
.cf-np {
    padding-left: 0;
    padding-right: 0;
}
h5 {
    font-size: 20px;
}
h6 {
    font-size: 16px;
}
.capitol {
    font-family: "capitolium-2",serif;
    font-weight: 400;
    font-size: 16px;
}
.capitol a {
    font-weight: 700;
    text-decoration: underline;
}
aside {
    background: #58595b;
    text-align: right;
    height: 40px;
    line-height: 40px;
    padding-right: 20px;
    font-family: "capitolium-2",serif;
}
aside a {
    color: #ccc;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 18px;
}
aside a.lnk {
    margin-right: 40px;
}
aside a:hover {
    text-decoration: none;
    color: #fff;
}
aside .dropdown-menu a {
    text-align: left;
    font-size: 16px;
}
.g-plusone, #___plusone_0 {
    position:absolute;
    right:15px;
    bottom:4px
}
.div-fixed {
    position: fixed;
    z-index: 1;
    top: 150px;
}
.div-rel {
    position: relative;
    z-index: 2;
    background: #fff;
}
.row-no-gutters-container {
    width: 80%;
}
.equal {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}
.navbar-sng {
    background: #fff;
    min-height: 64px;
    position: relative;
    margin-bottom: 0;
}
.navbar-nav>li>a {
    line-height: 88px;
    font-weight: 300;
    font-size: 15px;
    color: #ae8a50;
}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background: none;
    opacity: .7;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background: none;
    border-color: transparent;
}
.navbar-header {
    min-height: 64px;
}
.navbar-toggle {
    margin-top: 15px;
}
.navbar-brand {
    position: absolute;
    top: -36px;
}
.dropdown-menu {
    border: 0;
    padding-top:0;
    padding-bottom:0;
}
.dropdown-menu>li>a {
    padding: 10px 0px;
    color: #ae8a50;
    font-size: 15px;
    border-bottom: 1px solid #e5e5e5;
}
.dropdown-menu li {
    margin-left: 15px;
    margin-right: 15px;
}
.dropdown-menu li:last-child a {
    border: 0;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #ae8a50;
    text-decoration: none;
    background-color: transparent;
}
#main-menu-spacer {
    height: 118px;
    width: 100%;
}
#main-menu-spacer.affix, #main-menu-spacer.affix-x {
    height: 64px;
}
#main-menu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    height: 118px;
    width: 100%;
    background: #fff;
    padding-left: 118px;
    padding-right: 118px;
}
#menu-open {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    float: left;
    width: 118px;
    line-height: 118px;
    text-align: center;
    color: #ae8a50;
    font-weight: 500;
}
#menu-close {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    float: right;
    width: 118px;
    line-height: 118px;
    text-align: center;
    color: #ae8a50;
    font-weight: 500;
}
#menu-logo-big {
    position: absolute;
    top: 0;
    left: 118px;
    width: 118px;
    height: 236px;
    background: url('/img/Logo/SNG_logo_pion_SNG_RGB.svg');
    z-index: 1000;
    background-repeat: no-repeat;
}
#menu-logo-big.affix-x {
    display: none;
}
#menu-logo {
    display: inline-block;
    height: 64px;
    width: 128px;
    background: url('/img/Logo/SNG_logo_poziom_SNG_RGBn.svg');
    background-repeat: no-repeat;
}
#main-menu.affix, #main-menu.affix-x {
    height: 64px;
    box-shadow: 0 4px 4px -2px rgba(0,0,0,0.2);
}
#main-menu.affix #menu-open, #main-menu.affix #menu-close, #main-menu.affix-x #menu-open, #main-menu.affix-x #menu-close {
    height: 64px;
    line-height: 64px;
}
#main-menu.affix .navbar-nav>li>a, #main-menu.affix-x .navbar-nav>li>a {
    line-height: 33px;
}
#main-menu .navbar-right li {
    display: inline-block;
    border-right: 1px solid #dbdbdb;
}
#main-menu .navbar-right li:last-child {
    border: 0;
}
#main-menu .navbar-right li a {
    text-align: center;
    font-size: 11px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 25px;
    padding-right: 25px;
    margin-right: 3px;
}
#main-menu .navbar-right li a:hover {
    color: #333;
}
#main-menu .navbar-left {
    margin-left: 30px;
}
#main-menu .navbar-right {
    margin-top: 30px;
}
#main-menu.affix .navbar-right li a, #main-menu.affix-x .navbar-right li a {
    padding-top: 0;
    padding-bottom: 0;
}
#main-menu.affix .navbar-right, #main-menu.affix-x .navbar-right {
    margin-top:9px;
}
#menu-cover {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 2000;
    display: none;
    overscroll-behavior: contain;
    overflow: auto;
}
#menu-cover ul, #menu-cover li {
    margin: 0;
    padding: 0;
    display: block;
}
#menu-cover li {
    border-bottom: 1px solid #e5e5e5;
}
#menu-cover a {
    display: block;
    padding: 15px 0;
    color: #5a5a5a;
    font-size: 15px;
}
#menu-cover .sng1, #menu-cover .sng1 a {
    color: #ae8a50;
}
#menu-cover .sng2, #menu-cover .sng2 a {
    color: #005532;
}
#menu-cover .sng3, #menu-cover .sng3 a {
    color: #e53438;
}
#menu-cover .sng4, #menu-cover .sng4 a {
    color: #0048aa;
}
#menu-cover big {
    font-size: 20px;
    font-weight: 500;
    margin-top: 25px;
    display: none;
}
#menu-cover li:last-child {
    border: 0;
}
#menu-cover a.l {
    position: relative;
    padding: 0;
}
#menu-cover ul a:hover {
    opacity: .7;
}
.l1, .l2 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 118px;
    height: 118px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1px;
    text-align: center;
    line-height: 16px;
    transition: all .2s;
}
.l2 {
    padding: 15px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
}
.l2 span {
    font-size: 10px;
    margin-top: 5px;
}
.l:hover .l1 {
    width: 100%;
    height: 100%;
}
#menu-cover .sng1 .l1, #menu-cover .sng1 .l2 {
    background: #fff;
    color: #ae8a50;
}
#menu-cover .sng1 .l:hover .l1, #menu-cover .sng1 .l:hover .l2 {
    background: #ae8a50;
    color: #fff;
}
#menu-cover .sng2 .l1, #menu-cover .sng2 .l2 {
    background: #005532;
    color: #ae8a50;
}
#menu-cover .sng3 .l1, #menu-cover .sng3 .l2 {
    background: #e53438;
    color: #fff;
}
#menu-cover .sng4 .l1, #menu-cover .sng4 .l2 {
    background: #0048aa;
    color: #fff;
}

#carousel {
    /*margin-bottom: -90px;*/
    /*height: 550px;*/
}
#carousel .container-fluid {
    padding: 0;
}
#carousel .item {
    /*height: 550px;*/
    background-size: cover;
    background-position: right center;
}
#carousel .carousel-caption {
    /*width: 45%;*/
    height: 100%;
    background: #fff;
    position: static;
    /*right: 0;*/
    /*bottom: 0;*/
    /*top: 0;*/
    text-align: left;
    padding: 5px 25px;
    left: auto;
    color: #ae8a50;
    text-shadow: none;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    align-content: stretch;
    padding-left: 60px;
    overflow: hidden;
    padding-right: 118px;
}
#carousel .carousel-caption strong {
    margin: 0;
    padding: 0;
    font-family: "capitolium-2",serif;
    /*text-transform: uppercase;*/
    font-weight: 600;
    font-size: 60px;
    line-height: 64px;
}
#carousel .carousel-caption p {
    font-size: 18px;
    margin-top: 20px;
}
#carousel .carousel-caption a {
    color: #ae8a50;
    font-size:18px;
    display: inline-block;
    border-bottom: 1px solid #ae8a50;
    padding-bottom: 5px;
    margin-top: 25px;
}
#carousel .btn-sng {
    color: #fff;
}
.carousel-nav {
    color: #ae8a50;
    width: 33.33333333%;
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: left;
    left: auto;
    padding-left: 60px;
}
.carousel-control {
    position: static;
    top: 0;
    bottom: 0;
    left: 0;
    width: auto;
    font-size: 20px;
    color: #ae8a50;
    text-align: center;
    text-shadow: none;
    background: none !important;
    filter: none;
    opacity: 1;
}
.carousel-control:hover {
    color: #ae8a50;
}
.carousel-control:focus, .carousel-control:hover {
    color: #ae8a50;
}
/*.carousel-control {
        width: 28px;
        height: 44px;
        z-index: 9999;
        opacity: 1;
}
.carousel-control.left {
        background: url(../img/prev.png);
        left: 15px;
        top: 360px;
}
.carousel-control.right {
        background: url(../img/next.png);
        left: 55px;
        top: 360px;
}*/
.box-header {
    position: relative;
    z-index: 666;
    /*	margin-bottom: 1px;*/
}
.box-header h1, .box-header p {
    color: #fff;
    font-family: "capitolium-2",serif;
    font-weight: 300;
    margin: 0 15px;
    padding: 0;
    line-height: 36px;
    font-size: 22px;
    letter-spacing: -1px;
}
.box-main .box {
    height: 140px;
    position: relative;
    color: #fff;
    z-index: 666;
}
.box-main .box h2 {
    font-family: "capitolium-2",serif;
    margin: 10px 0;
    font-weight: 300;
}
.box-buttons {
    position: absolute;
    width: 85px;
    right: 15px;
    bottom: 15px;
}
.box-buttons a {
    color: #fff;
    border-color: #fff;
    margin-top: 5px;
}
.box-buttons a:hover {
    color: #000;
    border-color: #000;
}

.btn-sng {
    background: none;
    min-width: 85px;
    text-align: left;
    color: #959796;
    position: relative;
}
.btn-sng span {
    position: absolute;
    font-size: 8px;
    right: 5px;
    top: 6px;
}
.btn-sng:hover {
    background: none;
}
.bootstrap-checkbox .btn-link {
    color: #888888;
}
.box-start-header {
    padding-top: 50px;
    padding-bottom: 20px;
    color: #ae8a50;
}
.box-start-header strong {
    font-family: "capitolium-2",serif;
    font-size: 36px;
    display: block;
    float: left;
    margin-right: 50px;
}
.box-start-header a {
    display: block;
    float: left;
    color: #ae8a50;
    border-bottom: 1px solid #ae8a50;
    padding-bottom: 5px;
    margin-top: 8px;
    
    font-size: 15px;
}
.box-start-header span {
    display: block;
    float: left;
    color: #ae8a50;
    margin-top: 18px;
    /*margin-left: 50px;*/
    font-weight: 500;
}
.box-start-header .col div {
    border-top: 1px solid #dbdbdb;
    padding-top: 10px;
}

.box-start .box {
    /*height: 220px;*/
    position: relative;
    color: #fff;
    z-index: 666;
}
.box-start .box h2 {
    font-family: "azo-sans-web",sans-serif;
    margin: 10px 0;
    font-size: 20px;
    display: block;
    max-width: 180px;
}
/*.box-start .c3-bg h2 {
    background: url(../img/1.png) left center no-repeat;
}
.box-start .c4-bg h2 {
    background: url(../img/2.png) left center no-repeat;
}
.box-start .c8-bg h2 {
    background: url(../img/3.png) left center no-repeat;
    padding-left: 65px;
}*/
.box-start .box .box-cont {
    height: 100%;
    background-size: 50% 100%;
    background-position: top right;
    background-repeat: no-repeat;
    position: relative;
    padding-bottom: 50%;
}
.box-start .box .box-cont div {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 50%;

    /*width: 220px;*/
    /*height: 100%;*/
    background-color: inherit;
    padding: 20px;
    /*position: relative;*/
    transition: width 0.2s;
}
.box-start .box .box-cont:hover div {
    width: 100%;
}
.box-start .c3-bg {
    background: none;
}
.box-start .c3-bg .box-cont {
    background-color: #e53438;
}
.box-start .c4-bg {
    background: none;
}
.box-start .c4-bg .box-cont {
    background-color: #e53438;
}
.box-start .c8-bg {
    background: none;
}
.box-start .c8-bg .box-cont {
    background-color: #0048aa;
}
.box-start .box h3 {
    /*	color: #000;*/
    font-weight: normal;
    font-size: 14px;
    margin-top: 25px;
    display: block;
    max-width: 180px;
}
.box-start .box a.btn-sng {
    width: 120px;
    color: #fff;
    border-color: #a4a4a4;
}
.box-start .box a.btn-sng:hover {
    border-color: #a4a4a4;
    background: #a4a4a4;
}
.box-start .box a:not(.btn-sng) {
    color: #fff;
    display: inline-block;
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-weight: 500;
    padding-bottom: 5px;
    border-bottom: 1px solid #fff;
}
.box-start .box a:hover:not(.btn-sng) {
    color: #fff;
    text-decoration: none;
}
.content-sng h3, .content-sng h1 {
    font-family: "capitolium-2",serif;
    font-weight: 300;
    font-size: 28px;
    color: #656567;
    border-top: 1px solid #dbdbdb;
    padding-bottom: 5px;
    padding-top: 5px;
    letter-spacing: -1px;
}

.news-date {
    max-width: 60px;
    height: 60px;
    color: #fff;
    font-family: "capitolium-2",serif;
    font-weight: 300;
    font-size: 26px;
    line-height: 18px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: -1px;
    padding-top: 13px;
}
.news-date span {
    display: block;
    font-size: 16px;
}
.content-news {
    padding-left: 0;
    padding-right: 0;
}
.news-box {
    padding-bottom: 10px;
    /*border-bottom: 1px solid #dbdbdb;*/
    margin-bottom: 15px;
    color: #444;
}
.news-box .div-fixed {
    width: inherit;
    padding-right: 60px;
    padding-left: 118px;
}
.news-box .div-fixed h1 {
    font-family: inherit;
    border: 0;
    font-size: 40px;
    line-height: 46px;
    font-weight: 500;
    color: #333;
}
.news-box .div-fixed a:first-child {
    color: #ae8a50;
    font-size: 15px;
}
.capitol-news {
    color: #1d1d1d;
}

.news-tags a {
    color: #959796;
}
.news-tags .news-tags-more a {
    display: inline-block;
    color: #ae8a50;
    padding-bottom: 5px;
    border-bottom: 1px solid #ae8a50;
    font-size: 15px;
}
.news-tags .news-tags-more {
    border-bottom: 1px solid #dbdbdb;
    padding-top: 10px;
    padding-bottom: 50px;
}
.news-box-date {
    position: relative;
    padding-right: 200px;
    margin-bottom: 20px;
}
.news-box-date h4 {
    font-size: 24px;
    line-height: 28px;
    font-weight: 500;
}
.news-box-date span {
    font-size: 15px;
    line-height: 15px;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
}
.news-box-date span a {
    color: #5a5a5a;
}
.instructors-box h4 {
    font-size: 24px;
    margin-bottom: 20px;
}
.instructor-image {
    width: 100%;
    padding-top: 56.25%;
    background-position: top center;
    background-size: 100% auto;
    margin-bottom: 15px;
}
.panel-group-instructors .col p {
    font-size: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 64px;
}
.panel-group-instructors .col {
    padding-bottom: 40px;
}
.panel-group-instructors .col > a {
    display: inline-block;
    color: #ae8a50;
    padding-bottom: 5px;
    border-bottom: 1px solid #ae8a50;
    font-size: 15px;
}
.instructor-box .news-tags span {
    display: block;
    font-size: 28px;
    font-weight: 500;
    color: #333;
}
.instructor-box .news-tags div {
    padding: 8px 0;
    border-bottom: 1px solid #dbdbdb;
    width: 70%;
    font-size: 15px;
}
.instructor-box .news-tags div:last-child {
    border: 0;
}
.panel-sng {
    border: 0;
    background: none;
    margin: 0 !important;
    border: 0 !important;
    box-shadow: none !important
}
.panel-sng .panel-body {
    padding-left: 0;
    padding-right: 0;
    border: 0 !important;
}
.panel-sng .panel-heading {
    background: none;
    padding: 0;
}
.panel-sng .panel-title a {
    display: block;
    /*font-family: "capitolium-2",serif;*/
    /*font-weight: 300;*/
    /*color: #959796;*/
    font-size: 18px;
    /*letter-spacing: -1px;*/
    height: 38px;
    line-height: 34px;
    border-top: 1px solid #dbdbdb;
    padding-top: 5px;
    text-decoration: none;
    position: relative;
}
.panel-sng .panel-title a:after {
    display: block;
    content: "+";
    position: absolute;
    top: 6px;
    right: 0;
    height: 32px;
    line-height: 32px;
    font-weight: 500;
    font-size: 20px;
}
.panel-group-instructors .panel-sng .panel-title a {
    font-size: 32px;
    height: 48px;
    line-height: 40px;
}

.panel-sng .panel-heading.active .panel-title a:after {
    content: "-";
} 
.panel-sng.panel-pink-full .panel-heading.active .panel-title a {
    background: #bb3454 url(../img/downwx.png) 99% 50% no-repeat;
}
.panel-sng .list-group-item {
    border-radius: 0 !important;
    border: 0;
    background: #f2f2f2;
    margin-right: 118px;
}
.panel-sng .list-group-item i {
    margin-right: 10px;
}
.panel-sng .list-group-item span {
    display: inline-block;
    color: #ae8a50;
    padding-bottom: 5px;
    border-bottom: 1px solid #ae8a50;
    font-weight: 500;
    font-size: 12px;
}
.panel-sng .panel-title a:hover {
    text-decoration: none;
}
.panel-c3 .panel-title a {
    border-bottom: 1px solid #e0425b;
}
.panel-c3 .btn-sng:hover {
    border-color: #e0425b;
    color: #e0425b;
}
.panel-c4 .panel-title a {
    border-bottom: 1px solid #6dae48;
}
.panel-c4 .btn-sng:hover {
    border-color: #6dae48;
    color: #6dae48;
}
.panel-c8 .panel-title a {
    border-bottom: 1px solid #62d0f5;
}
.panel-c8 .btn-sng:hover {
    border-color: #62d0f5;
    color: #62d0f5;
}
.list-group-sng {
    margin: 0;
}
.list-group-sng li {
    background: none;
    border-left: 0;
    border-right: 0;
    padding-left: 0;
    padding-right: 0;
}
.list-group-sng h5 {
    font-family: "capitolium-2",serif;
    font-weight: 300;
    color: #959796;
    font-size: 22px;
    letter-spacing: -1px;
    margin: 0;
}
.list-group-sng .btn-sng {
    margin-left: 5px;
    margin-top: 2px;
    text-align: center;
}
.list-group-sng p {
    margin: 0;
    color: #5a5a5a;
}
.box-footer {
    color: #666;
    font-size: 15px;
    /*padding-top: 50px;*/
}
.box-footer h5 {
    color: #ae8a50;
    font-size: 20px;
    margin-bottom: 25px;
}
.box-footer strong {
    text-transform: uppercase;
    display: block;
    padding-bottom: 5px;
    font-weight: 500;
}
.box-footer ul, .box-footer li {
    margin: 0;
    padding: 0;
    display: block;
}
.box-footer li {
    border-bottom: 1px solid #dbdbdb;
}
.box-footer li:last-child {
    border: 0;
}
.box-footer li a {
    display: block;
    padding: 12px 0;
    color: #5a5a5a;
}
.link-underline {
    color: #ae8a50;
    display: inline-block;
    padding-bottom: 5px;
    border-bottom: 1px solid #ae8a50;
}
.link-underline:hover {
    color: #ae8a50;
}
.box-footer button {
    border-radius: 0;
    border: 0;
    padding: 0;
    color: #ae8a50;
    display: inline-block;
    padding-bottom: 5px;
    border-bottom: 1px solid #ae8a50;
}
.footer-links {
    /*padding-right: 70px;*/
    width: auto;
    margin: 0 auto;
    display: inline-block;
    padding-bottom: 10px;
}
.footer-links a {
    margin: 0 20px;
    margin-bottom: 10px;
    display: inline-block;
}
.border-bottom {
    border-bottom: 1px solid #dbdbdb;
}
.no-border {
    border: 0 !important;
}
.media {
    padding-bottom: 15px;
    border-bottom: 1px solid #dbdbdb;
}

#schedule th {
    font-family: "capitolium-2",serif;
    font-weight: 300;
    letter-spacing: -1px;
    font-size: 18px;
    line-height: 20px;
    color: #888888;
    padding: 5px;
}
#schedule td.schedule-hour {
    font-family: "capitolium-2",serif;
    font-weight: 300;
    letter-spacing: -1px;
    font-size: 20px;
    color: #888888;
    padding: 5px;
    background: none;
}
#schedule td {
    background: #dddddf;
    border: 2px solid #f2f2f2;
}
#schedule td > div {
    /*    min-height: 80px;*/
    border-bottom: 2px solid #f2f2f2;
    /*    color: #fff;
        position: relative;
        padding: 5px;
        font-size: 13px;*/
}
#schedule td a {
    display: block;
    height: 100%;
    color: #fff;
    margin: -5px;
    padding: 5px;
}
#schedule td a:hover {
    text-decoration: none;
    opacity: 0.9;
}
#schedule td div strong {
    display: block;
    text-transform: capitalize;
    font-size: 14px;
}
#schedule td div:last-child {
    border: 0;
}

.list-table-event {
    cursor: pointer !important;
}
.list-entry {
    padding: 5px;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    min-height: 120px;
    background: green;
}
.list-table-event:hover {
    opacity: 0.8;
}
.list-entry-header {
    font-family: "capitolium-2",serif;
    font-weight: 500;
    letter-spacing: 0 px;
    font-size: 18px;
    line-height: 17px;
    height: 54px;
}
.list-entry-time {
    font-size: 12px;
    line-height: 13px;
}
.list-entry-info {
    font-size: 12px;
    line-height: 13px;
}
.list-entry-instructor {
    font-size: 12px;
    line-height: 13px;
}
.list-entry-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: right;
    background: rgba(255, 255, 255, 0.5);
    font-size: 10px;
    line-height: 10px;
    padding: 2px 0px;
}


#i-table {
    width: 100%;
    position: relative;
}
#i-table-row {
    border-bottom: 1px solid #fff;
}
#i-table-row div {
    height: 50px;
    float: left;
}
#i-table-row .i-table-event-caption {
    height: 50px;
    line-height: 50px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
}
#i-table-col1 {
    /*width: 50px;*/
    float: left;
    position: relative;
    padding: 0;
}
.i-table-hour-line {
    position: absolute;
    left: 0;
    height: 0;
    border-bottom: 1px dotted #fff;
    width: 100%;
    z-index: 3;
    opacity: 0.5;
}
#i-table-col1 div {
    width: 100%;
    height: 50px;
    text-align: center;
    line-height: 50px;
}
#i-table-col1 div.i-table-hour {
    background: #bdbdbd;
    height: 29px;
    line-height: 29px;
    border-bottom: 1px solid #fff;
}
#i-table-col1 div.i-table-hour.t25 {
    height: 14px;
    line-height: 14px;
    font-size: 10px;
}
#i-table-col1 div.i-table-hour.t50 {
    height: 29px;
    line-height: 29px;
}
#i-table-col1 div.i-table-hour.t100 {
    height: 60px;
    line-height: 60px;
}
#i-table-col2 {
    /*width: 930px;*/
    float: left;
    background: #eee;
    padding: 0;
}
.i-table-events {
    float: left;
    position: relative;
    overflow: hidden;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.i-table-event-body {
    background: #d9534f;
    width: 100%;
    position: absolute;
    left: 0;
}
.i-table-event {
    background: #5cb85c;
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 1;
}
.i-table-event.click {
    cursor: pointer;
}
.i-table-event span {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    color: #fff;
    font-size: 13px;
    line-height: 13px;
    height: 26px;
    width: 120px;
    text-align: center;
    margin-left: -60px;
    margin-top: -13px;
}
.i-table-line {
    position: absolute;
    width: 100%;
    height: 1px;
    background: #fff;
    left: 0;
    z-index: 2;
}
.i-table-event:hover {
    /*    opacity: .9;*/
}


.bodyart {
    background: #c43757 !important;
}
.fitness {
    background: #e24163 !important;
}
.btn-group-nav button {
    border: 0;
    background: none;
}
.breadcrumb-sng {
    background: none;
    font-size: 12px;
    margin: 0;
}
.box-instructor {
    background: #636466;
    color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
}
.box-instructor h5 {
    font-family: "capitolium-2",serif;
    font-weight: 300;
    letter-spacing: -1px;
    font-size: 26px;
    text-align: right;
    margin-top: 0;
}
.box-instructor a {
    color: #fff;
    min-width: 160px;
}
.panel-pink-full .panel-title a {
    background: #bb3454 url(../img/downw.png) 99% 50% no-repeat;
    border: 0 !important;
    color: #fff;
    padding: 0 10px;
    margin-bottom: 5px;
}
.box-book h2 {
    font-family: "capitolium-2",serif;
    font-weight: 300;
    letter-spacing: -1px;
    font-size: 28px;
    margin-top: 0;
    margin-bottom: 20px;
}
.button-submit {
    background: #bb3454;
    display: block;
    color: #fff;
    font-family: "capitolium-2",serif;
    font-weight: 300;
    font-size: 24px;
    letter-spacing: -1px;
    height: 38px;
    line-height: 34px;
    padding: 0 10px;
    margin-bottom: 30px;
    border: 0;
    width: 100%;
    text-align: left;
}
.button-submit:hover {
    color: #fff;
    text-decoration: none;
}
.button-submit span {
    font-size: 14px;
    margin-top: 10px;
}
.list-group-booking li {
    /*    cursor: pointer;*/
}
.list-group-booking li:hover {
    opacity: 0.9;
}
.pink { color: #bb3454; }
.pink-1, .c3 { color: #e24163; }
.pink-2 { color: #c43757; }
.pink-3 { color: #e14165; }
.pink-4 { color: #a82d4a; }

.pink-bg, .c3-bg { background: #bb3454; }
.pink-1-bg, .c5-bg { background: #e24163; }
.pink-2-bg, .c6-bg { background: #c43757; }
.pink-3-bg, .c7-bg { background: #e14165; }
.pink-4-bg, .c13-bg { background: #a82d4a; }

/*.box-main .c5-bg { border-left: 7px solid #e24163; background: #464648; color: #e24163; }
.box-main .c6-bg { border-left: 7px solid #c43757; background: #3d3d3f; color: #c43757; }
.box-main .c7-bg { border-left: 7px solid #e14165; background: #464648; color: #e14165; }
.box-main .c13-bg { border-left: 7px solid #a82d4a; background: #3d3d3f; color: #a82d4a; }*/

.green, .c4 { color: #83c442; }
.green-1 { color: #3f9915; }

.green-bg, .c4-bg { background: #83c442; }
.green-1-bg, .c22-bg { background: #3f9915; }
.green-2-bg, .c23-bg { background: #78ba38; }
.green-3-bg, .c24-bg { background: #5fac14; }
.green-4-bg, .c25-bg { background: #79cd27; }

.blue, .c8 { color: #33c5f4; }
.blue-bg, .c8-bg { background: #33c5f4; }
.blue-bg-1, .c28-bg { background: #13c1ed; }
.blue-bg-2, .c197-bg { background: #0ab8e3; }
.blue-bg-3, .c29-bg { background: #6bd3ed; }
.blue-bg-4, .c30-bg { background: #4bc2e0; }

.c41-bg {
    background: #4a4326;
}

.box-active {
    background: #949599;
}

.navbar-sng .dropdown-menu li:hover:nth-child(1) a {
    color: #fff;
    background: #e24163;
}
.navbar-sng .dropdown-menu li:hover:nth-child(2) a {
    color: #fff;
    background: #83c442;
}
.navbar-sng .dropdown-menu li:hover:nth-child(3) a {
    color: #fff;
    background: #33c5f4;
}

.navbar-sng .dropdown-menu a.li-fitness:hover {
    color: #fff !important;
    background: #e24163 !important;
}
.navbar-sng .dropdown-menu a.li-sporty-rakietkowe:hover {
    color: #fff !important;
    background: #83c442 !important;
}
.navbar-sng .dropdown-menu a.li-aquapark:hover {
    color: #fff !important;
    background: #33c5f4 !important;
}








hr {
    border-color: #dbdbdb;
}

.spacer {
    height: 30px;
    width: 100%;
}


.checkbox input[type=checkbox]:checked + label:after {
    font-family: 'Glyphicons Halflings';
    content: "\e013";
}
.checkbox label:after {
    padding-left: 4px;
    padding-top: 2px;
    font-size: 9px;
}
.checkbox label {
    padding-left: 0px;
}
.radio, .checkbox {
    margin-top: -8px;
}



#timetable-1 {
    color: #888888;
}
#timetable-1 .day-header {
    font-family: "capitolium-2",serif;
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 20px;
    display: inline-block;
    margin-right: 10px;
}
#timetable-1 strong {
    font-weight: bold;
    font-size: 20px;
    display: block;
    padding-top: 10px;
    text-transform: uppercase;
}
#timetable-1 ul {
    display: block;
    margin: 15px 0;
    padding: 0;
}
#timetable-1 li {
    display: block;
    font-size: 16px;
    margin-bottom: 1px;
    color: #fff;
    padding: 0;
}
#timetable-1 li div {

}
#timetable-1 .list-hour {
    background: #ccc;
    font-family: "capitolium-2",serif;
    font-weight: 300;
    letter-spacing: -1px;
    font-size: 20px;
    color: #888888;
    border-right: 1px solid #fff;
    overflow: hidden;
    line-height: 32px;
    float: left;
    padding: 5px;
    line-height: 30px;
    width: 100px;
}
#timetable-1 .list-name {
    font-family: "capitolium-2",serif;
    font-weight: 500;
    letter-spacing: 0 px;
    font-size: 18px;
    text-transform: uppercase;
    float: left;
    padding: 5px;
    line-height: 30px;
}
#timetable-1 .list-info {
    float: left;
    padding: 5px;
    line-height: 30px;
}
#timetable-1 .list-list-event {
    cursor: pointer;
}
#timetable-1 a.buy {
    float: right;
    color: #000;
    display: inline-block;
    width: 100px;
    height: 30px;
    background: darkred;
    color: #fff;
    margin-top: 3px;
    border: 0;
    text-align: center;
}
#timetable-1 a.buy:hover {
    background: red;
}
#timetable-1 .list-booking #page-modal {
    width: 100%;
    height: auto;
    font-size: 12px;
    background: #eee;
}
#timetable-1 .list-booking #page-modal strong {
    display: inline-block;
    font-family: 'helvetica_neue_lt_std77BdCnOb';
    font-size: 14px;
}
#timetable-1 .list-booking #page-modal .blu {
    width: 50% !important;
}
#timetable-1 .list-booking #page-modal .success {
    margin-bottom: 0 !important;
}
#timetable-1 .list-entry {
    min-height: 40px;
}
.price-list-3 th,
.price-list-3 td {
    -ms-word-break: break-all;
    word-break: break-all;

    /* Non standard for webkit */
    word-break: break-word;

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
.price-list-1 {
    border: 0;
}
.price-list-1 th {
    font-family: "capitolium-2",serif;
    font-weight: 300;
    letter-spacing: -1px;
    font-size: 18px;
    line-height: 20px;
    color: #888888;
    padding: 5px;
    border: 2px solid #f2f2f2 !important;
}
.price-list-1 td {
    background: #dddddf;
    border: 2px solid #f2f2f2;
    vertical-align: middle !important;
}
.price-list-1 big {
    font-family: "capitolium-2",serif;
    font-weight: 300;
    letter-spacing: -1px;
    font-size: 20px;
    color: #000;
}
.price-list-3 td {
    height: 80px !important;
}
.price-list-3 td.dark {
    background: #b2b3b7;
    color: #fff;
    text-align: center;
}
.price-list-3 th.dark {
    background: #666;
    color: #fff;
    text-align: center;
}
h3.price-list-heading {
    border: 0;
    background: #656567;
    color: #f2f2f2;
    padding: 5px;
}
.panel-group-instructors .news-box {
    border:0
}
.panel-group-instructors .news-box .panel-heading a {
    border: 0;
}
.panel-group-instructors .collapse.in .panel-body {
    /*	border: 0;*/
}

.instructor-col h4 {
    position: relative;
    display: block;
}
.instructor-col h4 a {
    position: absolute;
    bottom: 4px;
    right: 0;
    width: 135px;
    font-family: Arial, sans-serif;
    font-size: 13px;
    letter-spacing: 0;
}
.box-main-footer-cont {
    width: 100%;
    height: 250px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    padding-left: 270px;
    font-size: 14px;
    position: relative;
    padding-top: 5px;
    margin-bottom: 20px;
}
.box-main-footer-cont h2, .box-main-footer-cont h2 a {
    font-size: 20px;
    margin-bottom: 20px;
    color: #ae8a50;
    margin-top: 0px;
}
.box-main-footer-cont p {
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 15px;
}
.box-main-footer a.m {
    position: absolute;
    bottom: 0;
    left: 270px;
    display: inline-block;
    color: #ae8a50;
    text-decoration: none;
    padding-bottom: 5px;
    border-bottom: 1px solid #ae8a50;
    font-weight: 500;
}
.box-main-footer a:hover {
    /*opacity: 0.8;*/
}
.container-footer .fa {
    margin-right: 15px;
}
.container-footer .box-start-header .col div, .box-start-header .col div.nb {
    border: 0;
}
.box-links {
    padding-bottom: 100px;
}
.box-white {
    background: #fff;
    position: relative;
    z-index: 2;
}
.box-instructors {
    background: #fbf9f6;
    padding-bottom: 80px;
    position: relative;
    z-index: 2;
}
.box-instructors div {
    background: inherit;
}
.box-instructors .box-main-footer-cont {
    width: 100%;
    height: 120px;
    background-size: 120px 120px;
    background-repeat: no-repeat;
    padding-left: 135px;
    font-size: 12px;
    position: relative;
    padding-top: 5px;
    padding-right: 10px;
}
.box-instructors .box-main-footer-cont h2 {
    font-size: 15px;
    margin-bottom: 10px;
}
.box-instructors .box-main-footer a {
    left: 135px;
    position: absolute;
    bottom: 0;
}
.box-instructors .box-main-footer-cont p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 14px;
}
.owl-carousel {
    margin-top: 30px;
}

.pagination, .pagination li a {
    border-radius: 0 !important;
}
.pagination li a {
    border-top: 0;
    border-left: 0;
    border-bottom: 0;
    border-right: 1px solid #ae8a50;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    background-color: #fbf9f6;
    border-color: #ae8a50;
    color: #ae8a50;
    font-weight: 500;
}
.pagination>li>a, .pagination>li>span {
    color: #ae8a50;
    margin-left: 0;
}
.pagination>li>a:hover {
    background-color: #fbf9f6;
    color: #ae8a50;
    border-color: #ae8a50;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-right: 0;
}
.list-group-pin {
    margin-bottom: 0;
}
.list-group-pin a.list-group-item {
    border: 0;
    border-radius: 0;
    padding-bottom: 20px;
    font-size: 18px;
    font-weight: 500;
    padding-left: 0;
    padding-right: 50px;
    border-top: 1px solid #dbdbdb;
    position: relative;
    color: #333;
}
.list-group-pin a.list-group-item span {
    font-size: 13px;
    border-bottom: 1px solid #444;
    padding-bottom: 5px;
    position: absolute;
    right: 0;
    top: 6px;
}
/*.list-group-pin.cl3-bg a.list-group-item {
    background-color: #bb3454;
}
.list-group-pin.cl4-bg a.list-group-item {
    background-color: #83c442;
}
.list-group-pin.cl8-bg a.list-group-item {
    background-color: #33c5f4;
}*/
#now-sort-list .list-group-item {
    border: 0;
    border-radius: 0;
    background: none;
    border-bottom: 1px solid #e5e5e5;
    font-size: 15px;
    padding: 15px 0px;
    position: relative;
    padding-left: 125px;
}
#now-sort-list span {
    display: inline-block;
    font-weight: 500;
    /*margin-right: 30px;*/
    width: 95px;
    position: absolute;
    top: 15px;
    left: 0;
}

.container-attractions .content-sng h2 {
    font-weight: 500;
    font-size: 34px;
    border-top: 1px solid #dbdbdb;
    padding-bottom: 30px;
    padding-top: 10px;
}
.container-attractions .col {
    padding-bottom: 30px;
}
.attraction {
    height: 100%;
    padding: 20px;
    padding-bottom: 75px;
    position: relative;
    min-height: 240px;
}
.attraction h4 {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 20px;
}
.attraction p {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 15px;
}
.attraction div {
    position: absolute;
    left: 20px;
    bottom: 15px;
}
.attraction div a {
    display: inline-block;
    padding-bottom: 5px;
    border-bottom: 1px solid #ae8a50;
    margin-right: 20px;
    margin-bottom: 5px;
}
.a21 h2, .a21 h4 {
    color: #ae8a50;
}
.a21 .attraction {
    background: #fbf9f6;
}
.a21 .attraction div a {
    color: #5a5a5a;
    border-color: #5a5a5a;
}
.a21 .attraction div a:first-child {
    color: inherit;
    border-color: inherit;
    font-weight: 500;
    color: #ae8a50;
}

.a22 h2, .a22 h4 {
    color: #e53438;
}
.a22 .attraction {
    background: #fef5f5;
}
.a22 .attraction div a {
    color: #e53438;
    border-color: #e53438;
}
.a22 .attraction div a:first-child {
    color: #ae8a50;
    border-color: #ae8a50;
    font-weight: 500;
}
.a22 .b-active .attraction {
    background: #e53438;
    color: #fff;
}
.a22 .b-active .attraction h4, .a22 .b-active .attraction a {
    color: #fff !important;
    border-color: #fff !important;
}

.a23 h2, .a23 h4 {
    color: #0048aa;
}
.a23 .attraction {
    background: #f2f6fb;
}
.a23 .attraction div a {
    color: #0048aa;
    border-color: #0048aa;
}
.a23 .attraction div a:first-child {
    color: #ae8a50;
    border-color: #ae8a50;
    font-weight: 500;
}
.a23 .b-active .attraction {
    background: #0048aa;
    color: #fff;
}
.a23 .b-active .attraction h4, .a23 .b-active .attraction a {
    color: #fff !important;
    border-color: #fff !important;
}

.container-header-left .col-l div {
    height: 100%;
    width: 100%;
    padding-left: 118px;
    padding-right: 60px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    align-content: stretch;
}
.container-header-left .col-l div h1 {
    margin: 0;
    padding: 0;
    font-family: inherit;
    font-weight: 500;
    font-size: 60px;
    line-height: 64px;
    border: 0;
    color: #ae8a50;
    margin-bottom: 30px;
}
.container-header-right .col-r {
    min-height: 300px;
    padding-right: 30px;

}
.container-header-left .col-l {
    min-height: 300px;
}
.container-header-left .col-r img {
    width: 100%;
}
.container-header-left .col-r {
    padding-left: 30px;
}
.container-header-right .col-l img {
    width: 100%;
}
.container-header-right .col-r div {
    height: 100%;
    width: 100%;
    padding-right: 118px;
    padding-left: 60px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    align-content: stretch;
}
.container-header-right .col-r div h1 {
    margin: 0;
    padding: 0;
    font-family: inherit;
    font-weight: 500;
    font-size: 60px;
    line-height: 64px;
    border: 0;
    color: #ae8a50;
    margin-bottom: 30px;
}
.container-header-right p:first-child a {
    display: inline-block;
    color: #ae8a50;
    margin-bottom: 20px;
}
.col-content {
    width: 80%;
}
.col-content-news > div {
    padding-left: 30px;
}
.row-no-gutters .col-content-contact,  .col-content-contact {
    padding-left: 30px;
}

/*kolory*/

#c22 #menu-open,
#c22 #menu-close,
#c22 .navbar-nav>li>a,
#c22 .box-start-header,
#c22 .box-start-header span,
#c22 #carousel .carousel-caption,
#c22 .container-header-right h1,
#c22 .container-header-left h1,
#c22 .box-main-footer-cont h2,
#c22 .box-footer h5,
#c22 .box-footer .link-underline,
#c22 .box-footer button,
#c22 .content-sng h3, #c22 .content-sng h1 {
    color: #e53438;
}
#c22 .box-start-header a {
    color: #e53438;
    border-bottom: 1px solid #e53438;
}
#c22 .box-instructors {
    background-color: #fef5f5;
}
#c22 #menu-logo-big {
    background: url(/img/logo_d_czerwone.png);
}
#c22 #menu-logo {
    background: url(/img/Logo/SNG_logo_poziom_Centrum_Sportu_RGB.svg);
}
#c22 .list-group-pin a.list-group-item span {
    color: #e53438;
    border-color: #e53438;
}
#c22 .panel-sng .panel-title a:after {
    /*color: #e53438;*/
}
#c22 .panel-group-instructors h4, #c22 .panel-group-instructors h4 a {
    color: #e53438;
}
#c22 .dropdown-menu>li>a {
    color: #e53438;
}

#c23 #menu-open,
#c23 #menu-close,
#c23 .navbar-nav>li>a,
#c23 .box-start-header,
#c23 .box-start-header span,
#c23 #carousel .carousel-caption,
#c23 .container-header-right h1,
#c23 .container-header-left h1,
#c23 .box-main-footer-cont h2,
#c23 .box-footer h5,
#c23 .box-footer .link-underline,
#c23 .box-footer button {
    color: #0048aa;
}
#c23 .box-start-header a {
    color: #0048aa;
    border-bottom: 1px solid #0048aa;
}
#c23 .box-instructors {
    background-color: #f2f6fb;
}
#c23 #menu-logo-big {
    background: url(/img/logo_d_niebieskie.png);
}
#c23 #menu-logo {
    background: url(/img/Logo/SNG_logo_poziom_Aquapark_RGB.svg);
}
#c23 .list-group-pin a.list-group-item span {
    color: #0048aa;
    border-color: #0048aa;
}
#c23 .panel-sng .panel-title a:after {
    /*color: #0048aa;*/
}
#c23 .dropdown-menu>li>a {
    color: #0048aa;
}
.p-sng {
    font-size: 18px;
    font-weight: bold;
}
.div-er-sng {
    padding: 25px;
    background: #fef5f5;
    color: #e53438;
    width: 100%;
    font-size: 18px;
}

/* menu kolejnosc */

.row-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.row-flex .sng1 { /*sng*/
    order: 1;
}
.row-flex .sng2 { /*hotel*/
    order: 2;
}
.row-flex .sng3 { /*centrum*/
    order: 3;
}
.row-flex .sng4 { /*aqua*/
    order: 4;
}

.carousel-image {
    display: none;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: 0;
}
a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
    color: #555;
    text-decoration: none;
    background-color: transparent;
}
#footer-copy {
    font-size: 12px;
}
#footer-copy a {
    color: #444;
}
.owl-nav {
    text-align: center;
    padding-top: 25px;
}
.owl-nav button {
    margin: 0 10px;
}

@media (max-width: 1600px) {
    .box-main-footer-cont {
        background-position: top left -100px;
        padding-left: 170px;
    }
    .box-main-footer a {
        left: 170px;
    }
    .box-main-footer-cont p {
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

@media (max-width: 1400px) {
    .navbar-nav>li>a {
        padding-left: 10px;
        padding-right: 10px;
    }
    #main-menu .navbar-right li a {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 100%;
        padding-left: 118px;
        padding-right: 118px;
    }

}

@media (max-width: 1199px) {
    #menu-cover .container {
        width: 100%;
    }
    .container-header-left .col-l div {
        padding-left: 25px;
    }
    .content-news {
        padding-left: 15px;
    }
    .box-main-footer-cont {
        background-position: top left;
        padding-left: 270px;
    }
    .box-main-footer a {
        left: 270px;
    }
    .box-main-footer-cont p {
        display: -webkit-box;
        -webkit-line-clamp: 7;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    #main-menu .navbar-right {
        display: none;
    }
    #carousel .carousel-caption {
        padding-left: 30px;
    }
    #carousel .carousel-caption strong {
        font-size: 44px;
        line-height: 46px;
    }
    #carousel .carousel-caption p {
        font-size: 18px;
        margin-top: 20px;
    }
    #carousel .carousel-caption a {
        font-size:16px;
    }

}


@media (max-width: 992px) {
    .box-main-footer-cont {
        margin-bottom: 15px;
    }
    .box-footer h5 {
        margin-top: 25px;
    }
    #carousel .carousel-caption strong {
        font-size: 44px;
        line-height: 46px;
    }
    .box-start-header strong {
        font-size: 28px;
    }
    .news-box .div-fixed h1 {
        font-size: 36px;
    }
    .container-header-left .col-l div h1 {
        font-size: 44px;
        line-height: 46px;
    }
    .container-header-right .col-r div h1 {
        font-size: 44px;
        line-height: 46px;
    }
    .panel-group-instructors .panel-sng .panel-title a {
        font-size: 26px;
        height: 48px;
        line-height: 40px;
    }
    .instructors-box h4 {
        font-size: 20px;
    }
    .instructor-box .news-tags span {
        font-size: 20px;
    }
    /*    .box-start .box h3 {
            font-size: 12px;
        }
        .box-start .box {
            height: 160px;
        }
        .box-start .box hr {
            margin-bottom: 10px;
            margin-top: 10px;
        }
        .box-start .box h2 {
            font-size: 24px;
            padding-top: 8px;
        }
        .box-start .box a:not(.btn-sng) {
            font-size: 13px;
        }*/
}
@media (max-width: 768px) {
    .pagination {
        float: none!important;
    }
    .news-box-date {
        padding-right: 0;
    }
    #main-menu-spacer {
        height: 64px;
    }
    #main-menu {
        height: 64px;
        box-shadow: 0 4px 4px -2px rgb(0 0 0 / 20%);
        padding-left: 0;
    }
    #main-menu .navbar-right, #main-menu .navbar-left {
        display: none;
    }
    #menu-close {
        display: none !important;
    }
    #menu-open {
        right: 0;
        left: auto;
        height: 64px;
        line-height: 64px;
    }
    #menu-logo-big {
        display: none;
    }
    #menu-clone {
        text-align: center;
    }
    #menu-clone li {
        display: inline-block;
        border-bottom: 0;
        border-right: 1px solid #dbdbdb;
    }
    #menu-clone li:first-child {
        display: none;
    }
    #menu-clone li:last-child {
        border: 0;
    }
    #menu-clone .navbar-right li a {
        text-align: center;
        font-size: 11px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 18px;
        padding-right: 18px;
        margin-right: 3px;
    }
    #menu-open .visible-xs {
        display: inline-block!important;
    }
    /*    #menu-cover .sng1 .l {
            display: none;
        }
    */
    .l img {
        display: none;
    }
    .l {
        width: 100%;
        padding-bottom: 100% !important;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    #menu-cover .l1, #menu-cover .l2 {
        width: 100%;
        height: 100%;
    }
    #menu-cover .row-flex ul {
        display: none;
    }
    #menu-cover .row-flex div:first-child ul {
        display: block;
    }
    #menu-cover .row-flex div:first-child .l {
        display: none;
    }
    #carousel {
        height: auto;
        padding-bottom: 30px;
    }
    #carousel .carousel-caption p {
        display: block;
    }
    #carousel .carousel-caption a {
        font-size: 14px;
    }
    #carousel .container {
        padding: 0;
    }
    .carousel-image {
        display: block;
    }
    #carousel .item {
        height: auto;
        background: none !important;
    }
    #carousel .carousel-caption {
        display: block;
        height: auto;
        width: 100%;
        position: static;
        padding: 15px;
    }
    #carousel .carousel-caption strong {
        font-size: 38px;
        line-height: 40px;
    }
    .carousel-nav {
        padding-right: 15px;
        text-align: right;
        width: auto;
        bottom: 42px;
    }
    .box-start .box {
        padding-bottom: 15px;
    }
    .news-box-date span {
        position: static;
        margin-top: 0;
    }
    .box-main-footer-cont {
        margin-bottom: 15px;
    }
    .container-header-right .col-r div {
        padding-left: 15px;
        padding-right: 15px;
    }
    .container-header-left .col-l div {
        padding-left: 15px;
        padding-right: 15px;
    }
    .instructor-box .div-fixed, .news-box .div-fixed {
        position: static;
        padding-bottom: 60px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .content-news {
        padding-left: 0;
    }
    .row-no-gutters-container {
        padding-left: 15px !important;
        padding-right: 15px;
        width: 100%;
    }
    .box-main-footer-cont {
        background-position: top left -50px;
        padding-left: 220px;
    }
    .box-main-footer a {
        left: 220px;
    }
    .box-main-footer-cont p {
        display: -webkit-box;
        -webkit-line-clamp: 7;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .row-flex div:first-child {
        width: 100%;
    }

    #c22 .row-flex .sng1 { /*sng*/
        order: 2;
    }
    #c22 .row-flex .sng2 { /*hotel*/
        order: 3;
    }
    #c22 .row-flex .sng3 { /*centrum*/
        order: 1;
    }
    #c22 .row-flex .sng4 { /*aqua*/
        order: 4;
    }
    #c22 #menu-cover .row-flex div:first-child ul {
        display: none;
    }
    #c22 #menu-cover .row-flex div:first-child .l {
        display: block;
    }
    #c22 #menu-cover .row-flex div:first-child {
        width: 33.33333333%;
    }
    #c22 #menu-cover .row-flex div.sng3 {
        width: 100%;
    }
    #c22 #menu-cover .row-flex div.sng3 .l {
        display: none;
    }
    #c22 #menu-cover .row-flex div.sng3 ul {
        display: block;
    }
    #c22 #menu-cover .sng1 .l1, #c22 #menu-cover .sng1 .l2 {
        background: #fbf9f6;
        color: #ae8a50;
    }


    #c23 .row-flex .sng1 { /*sng*/
        order: 2;
    }
    #c23 .row-flex .sng2 { /*hotel*/
        order: 3;
    }
    #c23 .row-flex .sng3 { /*centrum*/
        order: 4;
    }
    #c23 .row-flex .sng4 { /*aqua*/
        order: 1;
    }
    #c23 #menu-cover .row-flex div:first-child ul {
        display: none;
    }
    #c23 #menu-cover .row-flex div:first-child .l {
        display: block;
    }
    #c23 #menu-cover .row-flex div:first-child {
        width: 33.33333333%;
    }
    #c23 #menu-cover .row-flex div.sng4 {
        width: 100%;
    }
    #c23 #menu-cover .row-flex div.sng4 .l {
        display: none;
    }
    #c23 #menu-cover .row-flex div.sng4 ul {
        display: block;
    }
    #c23 #menu-cover .sng1 .l1, #c23 #menu-cover .sng1 .l2 {
        background: #fbf9f6;
        color: #ae8a50;
    }

    #menu-clone-f #footer-info div:first-child, #menu-clone-f #footer-info div:last-child {
        display: none;
    }
    #menu-clone-f a {
        display: inline-block !important;
        padding: 0 !important
    }
    #menu-clone-f #footer-info {
        background: #fbf9f6;
        padding-top: 0;
        margin-top: 30px;
    }
    #menu-clone-f #footer-copy {
        background: #fbf9f6;
        padding-top: 0;
        padding-bottom: 30px;
        font-size: 8px;
    }
    #menu-clone-f #footer-copy a {
        font-size: 8px;
    }
    #menu-clone-f #footer-copy .footer-links {
        width: 100%;
        border-bottom: 1px solid #dbdbdb;
        margin-bottom: 20px;
    }
    #menu-clone-f #footer-copy .footer-links a { 
        margin-left: 5px;
        margin-right: 5px;
    }
    #menu-clone-f #footer-info .link-underline {
        padding-bottom: 5px !important;
        color: #ae8a50;
    }

    #c22 #menu-clone-f #footer-info, #c22 #menu-clone-f #footer-copy {
        background: #fef5f5;
    }

    #c22 #menu-clone-f #footer-info .link-underline {
        color: #e53438;
        border-color: #e53438;
    }

    #c23 #menu-clone-f #footer-info, #c23 #menu-clone-f #footer-copy {
        background: #f2f6fb;
    }

    #c23 #menu-clone-f #footer-info .link-underline {
        color: #0048aa;
        border-color: #0048aa;
    }
    #c23 .sng4 big {
        display: block;
    }
    #c22 .sng3 big {
        display: block;
    }
    #c21 .sng1 big {
        display: block;
    }

    .box-start-header {
        padding-top: 0;
    }
    .container-footer #footer-copy, .container-footer #footer-info > div:nth-child(1), .container-footer #footer-info > div:nth-child(2), .container-footer #footer-info > div:nth-child(3) {
        display: none;
    }
    .box-footer {
        padding-top: 0;
    }
    .container-header-right .col-r {
        padding-right: 0;
        min-height: 50px;
    }
    .col-content {
        width: 100%;
    }
    .container-header-left .col-r {
        padding-left: 0;
    }
    .container-header-left .col-l div {
        display: block;
        padding-top: 15px;
    }
    .container-header-left .col-l {
        min-height: 50px;

    }
    .container-header-left .col-l div h1 {
        font-size: 34px;
        line-height: 36px;
        margin-bottom: 15px;
    }
    .container-header-right .col-r div h1 {
        font-size: 34px;
        line-height: 36px;
        margin-bottom: 15px;
    }
    .container-header-right .col-r div {
        padding-top: 15px;
        padding-bottom: 30px;
    }
    .attraction {
        /*min-height: 50px;*/
    }
    .container-attractions .content-sng h2 {
        font-size: 28px;
    }
    .spacer {
        /*height: 0;*/
    }
    .row-no-gutters .col-content-contact, .col-content-contact {
        padding-left: 15px;
        padding-right: 15px;
    }
    #menu-cover .sng4 .l1 {
        background: url('/img/n/SNG_logo_sygnet_Aquapark_RGB.svg');
        background-size: cover;
    }
    #menu-cover .sng4 .l2 {
        display: none;
    }
    #menu-cover .sng3 .l1 {
        background: url('/img/n/SNG_logo_sygnet_Centrum_Sportu_RGB.svg');
        background-size: cover;
    }
    #menu-cover .sng3 .l2 {
        display: none;
    }
    #menu-cover .sng2 .l1 {
        background: url('/img/n/SNG_logo_sygnet_Hotel_RGB.svg');
        background-size: cover;
    }
    #menu-cover .sng2 .l2 {
        display: none;
    }
    #c22 #menu-cover .sng1 .l1, #menu-cover .sng1 .l1 {
        background: url('/img/n/SNG_logo_sygnet_SNG_RGB2.svg');
        background-size: cover;
    }
    #menu-cover .sng1 .l2 {
        display: none;
    }

}


@media (max-width: 1129px) {


    .navbar-brand {
        top: -20px;
    }
    .navbar-brand img {
        width: 70%;
    }

    .navbar-nav>li>a {
        padding-left: 5px;
        padding-right: 5px;
    }

}

@media (max-width: 650px) {

}
@media (max-width: 400px) {
    .l1, .l2 {
        font-size: 12px;
    }
    #menu-clone .navbar-right li a {
        padding-left: 10px;
        padding-right: 10px;
    }
    .box-links .box-main-footer-cont {
        background: none !important;
        padding-left: 0;
        height: auto;
        padding-bottom: 35px;
        margin-bottom: 40px;
    }
    .box-links .box-main-footer a.m {
        left: 0;
    }
    .box-links {
        padding-bottom: 10px;
    }
    .box-start .box h2 {
        margin-top: 0;
    }
    .box-start .box h3 {
        display: none;
    }
}
/*
@media (max-width: 1199px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}
*/

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
    top: 9%;
}

#schedule.print-sng td {
    border: 1px solid #fff;
}

.sng-popup {
    position: fixed;
    width: 320px;
    top: 100px;
    left: 50%;
    margin-left: -150px;
    z-index: 9999;
}
.sng-popup-close {
    position: absolute;
    top: -20px;
    right: -20px;
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 3px solid #444;
    color: #444;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    cursor: pointer;
}
.sng-form {
    width: 100%;
    padding: 20px 10px;
    color: #fff;
}
.sng-form h2 {
    font-family: "capitolium-2",serif;
    margin: 0;
    font-weight: 300;
    font-size: 38px;
    line-height: 38px;
    text-align: center;
    margin-bottom: 20px;
    letter-spacing: -1px;
}
.sng-form .form-control {
    border-radius: 0;
}
.sng-form label {
    font-weight: normal;
    font-size: 11px;
}
.sng-form-submit {
    font-family: "capitolium-2",serif;
    margin-top: 10px;
    font-weight: 300;
    font-size: 38px;
    line-height: 38px;
    text-align: center;
    letter-spacing: -1px;
    background: #000;
    border: 1px solid #fff;
    padding: 10px 50px;
}
.sng-form-submit:hover {
    background: #fff;
    color: #000;
}
.sng-form-pink {
    background: #e24065;
}
.sng-form-green {
    background: #83c442;
}
.sng-form-blue {
    background: #30c8ed;
}
.grecaptcha-badge {
    display: none;
}
#menu-info img, .menu-info img {
    width: 100%;
    height: auto;
}
.twitter-share-button {
    display: block;
    float: right;
    margin-left: 10px;
}