@font-face {
    font-family: 'lobster_regular';
    src: url('Lobster 1.4-webfont.eot');
    src: url('Lobster 1.4-webfont.eot?#iefix') format('embedded-opentype'), url('Lobster 1.4-webfont.woff2') format('woff2'), url('Lobster 1.4-webfont.woff') format('woff'), url('Lobster 1.4-webfont.ttf') format('truetype'), url('Lobster 1.4-webfont.svg#lobster_1.4regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'crayonregular';
    src: url('dk_cool_crayon-webfont.eot');
    src: url('dk_cool_crayon-webfont.eot?#iefix') format('embedded-opentype'),
    url('dk_cool_crayon-webfont.woff2') format('woff2'),
    url('dk_cool_crayon-webfont.woff') format('woff'),
    url('dk_cool_crayon-webfont.ttf') format('truetype'),
    url('dk_cool_crayon-webfont.svg#dk_cool_crayonregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../images/loader.gif) center no-repeat #fff;
}

.msg {
    position: fixed;
    top: 0;
    width: 100%;
    text-align: center;
    z-index: 10000;
}

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, acronym, address, code, em, img, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    margin: 0;
    font-family: 'open_sansregular', 'Arial', sans-serif;
}

a {
    outline: none;
    text-decoration: none;
}

/* ---------- SECTIONS ----------- */

#section0 {
    background: url(../images/sections/background-section-1.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#section1 {
    background: url(../images/sections/background-section-2.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#section2 {
    background: url(../images/sections/background-section-3.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}

#section3 {
    background: url(../images/sections/background-section-4.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#section4 {
    background: url(../images/sections/background-section-5.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#section5 {
    background: url(../images/sections/background-section-6.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* --- LOGO --- */

.logo {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    max-width: 268px;
}

.logo:hover {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

#section2 .slide .slide-inner {
    min-height: 450px;
}

/* ---------- END OF SECTIONS ----------- */

/* ---------- GRIDS ----------- */
.home-grid {
    text-align: center;
}

.home-grid h1 {
    padding: 20px;
}

.grid-12 {
    display: block;
    position: relative;
    width: 92%;
    margin: 0px auto;
}

/* ---------- END OF GRIDS ----------- */

/* ---------- HORIZONTAL NAV ------------ */
#section0 #horizontal-nav .title {
    display: none;
}

#section0 #horizontal-nav #nav {
    margin: 36px auto 0px auto;
    float: none;
    display: block;
}

#horizontal-nav {
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
    width: 100%;
    z-index: 2000;
}

#horizontal-nav .title {
    overflow: hidden;
    padding-left: 40px;
    max-width: 500px;
    width: 26%;
    float: left;
    margin-top: 36px;
}

#horizontal-nav .title .home-link {
    display: inline-block;
    width: 65px;
    height: 65px;
    float: left;
    margin-right: 16px;
}

.chosen{
    box-shadow: 1px 1px 10px #000 !important;
}

#horizontal-nav .title .main-title {
    font: 36px/65px 'lobster_regular';
    color: #fff;
    text-shadow: 1px 1px 1px #000;
}

#horizontal-nav #nav {
    width: 70%;
    float: left;
    margin-top: 36px;
    position: relative;
}

#horizontal-nav #nav .scroller-container {
    position: relative;
    display: block;
    height: 16px;
    overflow: hidden;
}

#horizontal-nav #nav .scroller-container .scroller-background {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMjYlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuNSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC41Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 26%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(26%, rgba(255, 255, 255, 0.5)), color-stop(50%, rgba(255, 255, 255, 1)), color-stop(75%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 26%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 26%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 26%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0) 100%); /* IE10+ */
    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 26%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1); /* IE6-8 fallback on horizontal gradient */
    height: 1px;
    width: 100%;
    margin-top: 7px;
    margin-bottom: 8px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1000;
}

#horizontal-nav #nav .scroller-container .scroller-pointer {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 10px;
    top: 0px;
    z-index: 1200;
    background: url(../images/horizontal-nav-pointer.png);
    border-radius: 1000px;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
}

#horizontal-nav #nav .scroller-nav-list {
    list-style: none;
    list-style-position: inside;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
}

#horizontal-nav #nav .scroller-nav-list .scroller-nav-item {
    font: 20px/36px 'lobster_regular';
    color: #fff;
    text-shadow: 1px 1px 0px #000;
    padding: 10px 2%;
    min-width: 8%;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
}

#horizontal-nav #nav .scroller-nav-list .scroller-nav-item a {
    color: #fff;
    text-decoration: none;
}

#horizontal-nav #nav .scroller-nav-list .scroller-nav-item:hover {
    text-shadow: 1px 1px 10px #000;
}

#section5 #horizontal-nav #nav .scroller-nav-list .scroller-nav-item a {
    color: #352118 !important;
    text-shadow: 0px 0px 0px #000 !important;
}

.scroller-nav-item.clicked{
    text-shadow: 1px 1px 10px #000!important;
    font: 23px/36px "lobster_regular"!important;
}

/* ---------- END OF NAVIGATION ------------ */

/* ---------- NAUKA ONLINE CONTENT ----------- */

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

.no-wrapper {
    width: 99%;
    margin: 0px auto;
    margin-top:100px;
}

.no-wrapper h1 {
    font: 40px/50px 'lobster_regular';
    color: #fff;
    position: absolute;
    top: 150px;
}
@media (max-width: 1200px)
{
    .no-wrapper h1 {
        font: 30px/30px 'lobster_regular';
        width: 150px;
    }

}
@media (max-width: 992px)
{
    .no-wrapper {
        margin-top:0;
    }
    .no-wrapper h1 {
        width: 100%;
        position: relative;
        top: auto;
    }

}
@media (max-width: 720px) {
    .no-wrapper h1 {
        font: 30px/30px 'lobster_regular';
        position: relative;
        top: auto;
        width: 100%;
    }
}
.no-circle-inner {
    overflow: hidden;
    width: auto;
    margin: 0px auto;
    text-align: center;
}

.no-circle-item {
    width: 200px;
    height: 200px;
    margin: 10px;
    background: url(../images/no-circle-bg.png);
    border-radius: 1000px;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    display: inline-block;
    position: relative;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.no-circle-item .circle-inner {
    display: table;
    width: 100%;
    height: 100%;
}

.no-circle-item .item {
    display: table-cell;
    vertical-align: middle;
    font: 28px/36px 'lobster_regular';
    color: #fff;
    text-shadow: 1px 1px 0px #000;
    text-align: center;
    padding: 0px 20px;
    position: relative;
    text-decoration: none;
}

.no-circle-item .circle-inner > .item:hover {
    background: url(../images/no-circle-bg-hover.png);
}

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

/* ---------- END OF NAUKA ONLINE ----------- */

/* NAUKA TRADYCYJNA */
#nt-nav {
    list-style: none;
    list-style-position: inside;
    /*position: absolute;
    top: 108px;
    left: 0px;*/
    width: 100%;
    margin: 40px 0px 20px 0px;
}
@media (max-width: 1024px) {
    #nt-nav {
        margin-top: 110px!important;
    }
}
#nt-nav li {
    display: inline-block;
    position: relative;
}

#nt-nav li.nt-active a {
    color: #ffa6a3;
}

#nt-nav li.nt-active:after {
    content: "";
    position: absolute;
    bottom: -18px;
    right: 12px;
    width: 29px;
    height: 29px;
    background: url(../images/icon-active.png);
}

#nt-nav li.nt-active a > .image0 {
    background: url(../images/icon-1-pink.png);
}

#nt-nav li.nt-active a > .image1 {
    background: url(../images/icon-2-pink.png);
}

#nt-nav li.nt-active a > .image2 {
    background: url(../images/icon-3-pink.png);
}

#nt-nav li.nt-active a > .image3 {
    background: url(../images/icon-4-pink.png);
}

#nt-nav li.nt-active a > .image4 {
    background: url(../images/icon-5-pink.png);
}

#nt-nav li a {
    padding: 10px 20px;
    color: #a1a7c7;
    font: 20px/48px 'crayonregular';
    text-decoration: none;
    text-align: center;
    display: block;
}

#nt-nav li a div[class*="image"] {
    width: 76px;
    height: 44px;
    display: block;
    margin: 0px auto;
}

#nt-nav li a .image0 {
    background: url(../images/icon-1-blue.png);
}

#nt-nav li a .image1 {
    background: url(../images/icon-2-blue.png);
}

#nt-nav li a .image2 {
    background: url(../images/icon-3-blue.png);
}

#nt-nav li a .image3 {
    background: url(../images/icon-4-blue.png);
}

#nt-nav li a .image4 {
    background: url(../images/icon-5-blue.png);
}

#nt-nav li a:hover .image0 {
    background: url(../images/icon-1-pink.png);
}

#nt-nav li a:hover .image1 {
    background: url(../images/icon-2-pink.png);
}

#nt-nav li a:hover .image2 {
    background: url(../images/icon-3-pink.png);
}

#nt-nav li a:hover .image3 {
    background: url(../images/icon-4-pink.png);
}

#nt-nav li a:hover .image4 {
    background: url(../images/icon-5-pink.png);
}

#nt-nav li a:hover {
    color: #ffa6a3;
}

.fp-controlArrow {
    display: none;
}

.contact-wrapper {
    width: 100%;
}

.contact-wrapper .contact-form {
    width: 30%;
    float: left;
    display: inline-block;
    font-family: 'museo', sans-serif;
    font-size: 14px;
    line-height: 24px;
    color: #352118;
    margin-top: 90px;
}

.contact-wrapper .contact-form a {
    color: #352118;
    text-decoration: none;
}

.contact-wrapper .contact-addons {
    width: 70%;
    float: left;
    display: inline-block;
    text-align: center;
}

/* LEKTORZY */
.translators-wrapper {
    width: 100%;
    text-align: center;
}

.translators-wrapper .translator {
    width: 280px;
    display: inline-block;
    text-align: center;
}

.translators-wrapper .translator a.item {
    text-decoration: none;
    overflow: hidden;
}

.translators-wrapper .translator h4 {
    color: #352118;
    font: 20px/28px 'lobster_regular';
    text-align: center;
}

.translators-wrapper .translator span.more {
    width: 167px;
    height: 56px;
    background: url(../images/translator-more.png);
    font: 16px/56px 'lobster_regular';
    color: #352118;
    display: block;
    text-align: center;
    text-decoration: none;
    margin: 16px auto;
}

.translator-description {
    width: 80%;
    overflow: hidden;
    margin: 0px auto;
}

.translator-description .image {
    max-width: 30%;
    float: left;
}

.translator-description .description {
    max-width: 70%;
    float: left;
}

.translator-description .description h1 {
    font: 26px/40px 'lobster_regular';
    margin-bottom: 20px;
    color: #352118;
}

.translator-description .description p {
    font: 14px/24px 'Arial';
    color: #352118;
}

.tr-back-to-item {
    color: #352118;
    font: 22px/28px 'lobster_regular';
    text-decoration: none;
}

.no-back-to-item {
    color: #fff;
    font: 22px/28px 'lobster_regular';
    text-decoration: none;
}

.nt-back-to-item {
    color: #fff;
    font: 22px/28px 'lobster_regular';
    text-decoration: none;
    display: none;
}

.nt-title {
    display: none;
}

.nt-content {
    font: 18px/40px 'crayonregular';
    color: #fff;
    width: 95%;
    margin: 0px auto;
}

.no-content {
    font: 14px/25px 'Arial';
    color: #fff;
    width: 95%;
    margin: 0px auto;
}

.container-12 .inner .page-content {
    padding-left: 62px;
    color: #fff;
    z-index: 1000;
    position: relative;
}

.container-12 .inner .page-content ul,
.container-12 .inner .page-content dl {
    list-style-position: inside;
}

.container-12 .inner .page-content p,
.container-12 .inner .page-content ul,
.container-12 .inner .page-content dl {
    color: #fff;
}

.container-12 .inner .page-content .person {
    width: 261px;
    display: inline-block;
    margin-top: 10px;
    position: relative;
}

.container-12 .inner .page-content .person img {
    z-index: 14000;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    perspective: 1000;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.container-12 .inner .page-content .person:hover img {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.container-12 .inner .page-content .person:nth-child(2) {
    margin: 0px 46px;
}

.container-12 .inner .page-content .person h4 {
    font-size: 20px;
    font-family: 'lobster_regular';
    line-height: 28px;
    color: #fff;
    display: block;
    font-weight: normal;
    text-align: center;
}

.container-12 .inner .page-content .person p {
    font-size: 13px;
    line-height: 24px;
    color: #fff;
    display: block;
    text-align: center;
}

.container-12 .inner .page-content .person p.long-description {
    display: none;
}

.container-12 .inner .page-content .person .person-more {
    width: 156px;
    border: 2px solid #fff;
    color: #fff;
    line-height: 44px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -o-border-radius: 16px;
    -ms-border-radius: 16px;
    cursor: pointer;
    margin: 0px auto;
    position: relative;
}

.container-12 .inner .page-content .person .person-more span {
    display: block;
    padding-left: 28px;
}

.container-12 .inner .page-content .person .person-more img {
    position: absolute;
    left: 32px;
    top: 15px;
}

.container-12 .inner .page-content .person .more {

}

.modal-body {
    height: 400px;
}

#personDetails .modal-content,
#translate-status .modal-content {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

#personDetails .modal-header .modal-title,
#translate-status .modal-header .modal-title {
    color: #483269;
    font-family: 'lobster_regular';
    font-size: 20px;
    font-weight: normal;
}

#personDetails .modal-body .person-details-description p {
    font-size: 14px;
    color: #565656;
    line-height: 24px;
}

#personDetails .modal-footer .btn-default,
#translate-status .modal-footer .btn-default {
    background: rgba(255, 255, 255, 0);
    border: 2px solid #483269;
    color: #483269;
    padding: 10px 60px;
    font-size: 14px;
    font-family: 'lobster_regular';
    outline: none;
    cursor: pointer;
    overflow: hidden;

}

#personDetails .modal-footer .btn-default:hover,
#translate-status .modal-footer .btn-default:hover {
    background: #483269;

    color: #fff;
    text-shadow: rgb(38, 27, 55) 1px 1px,
    rgb(38, 27, 55) 2px 2px,
    rgb(38, 27, 55) 3px 3px,
    rgb(38, 27, 55) 4px 4px,
    rgb(38, 27, 55) 5px 5px,
    rgb(38, 27, 55) 6px 6px,
    rgb(38, 27, 55) 7px 7px,
    rgb(38, 27, 55) 8px 8px,
    rgb(38, 27, 55) 9px 9px,
    rgb(38, 27, 55) 10px 10px,
    rgb(38, 27, 55) 11px 11px,
    rgb(38, 27, 55) 12px 12px,
    rgb(38, 27, 55) 13px 13px,
    rgb(38, 27, 55) 14px 14px,
    rgb(38, 27, 55) 15px 15px,
    rgb(38, 27, 55) 16px 16px,
    rgb(38, 27, 55) 17px 17px,
    rgb(38, 27, 55) 18px 18px,
    rgb(38, 27, 55) 19px 19px,
    rgb(38, 27, 55) 20px 20px,
    rgb(38, 27, 55) 21px 21px,
    rgb(38, 27, 55) 22px 22px,
    rgb(38, 27, 55) 23px 23px,
    rgb(38, 27, 55) 24px 24px;
}

.section-2 .container-12 .inner .page-content {
    color: #cc0630;
}

.section-2 .container-12 .inner .page-content p {
    color: #3b3b3b;
}

.section-2 .container-12 .inner .page-content hr {
    height: 1px;
    color: #cc0630;
    background: #cc0630;
    border: none;
}

.section-2 .container-12,
.section-3 .container-12,
.section-4 .container-12,
.section-5 .container-12,
.section-6 .container-12 {
    margin: 0px;
}

.section-2 .additional-menu .admenu li span {
    color: #000;
}

.section-3 .additional-menu .admenu li span {
    color: #fff;
}

.section-4 .additional-menu .admenu li span {
    color: #fff;
}

.section-5 .additional-menu .admenu li span {
    color: #fff;
}

.section-6 .additional-menu .admenu li span {
    color: #000;
}

/* FORM */
#translate-form, #translate-form2, #translate-form3, #translate-form4{
    width: 100%;
}
.formularzcenter{
    margin-left: auto!important;
    margin-right: auto!important;
    width: auto!important;
}

.formularzcenter tr td{
    padding: 6px 0px;
    width: auto!important;
}
.formularzcenter tr td button[type="submit"]{
    padding-left: 0px!important;
}

#translate-form table, #translate-form2 table, #translate-form3 table, #translate-form4 table {
    width: 100%;
}

#translate-form table tr td,#translate-form2 table tr td, #translate-form3 table tr td, #translate-form4 table tr td {
    padding: 6px 0px;
    width: 50%;
}

#translate-form table tr td:first-child, #translate-form2 table tr td:first-child, #translate-form3 table tr td:first-child, #translate-form4 table tr td:first-child {
    text-align: right;
}

#translate-form table tr td:last-child, #translate-form2 table tr td:last-child, #translate-form3 table tr td:last-child, #translate-form4 table tr td:last-child {
    text-align: left;
}

#translate-form table tr td:first-child p, #translate-form2 table tr td:first-child p, #translate-form3 table tr td:first-child p, #translate-form4 table tr td:first-child p {
    padding: 0px 10px 0px 0px;
}

#translate-form table tr td:last-child p, #translate-form2 table tr td:last-child p, #translate-form3 table tr td:last-child p, #translate-form4 table tr td:last-child p {
    padding: 0px 0px 0px 10px;
}

#translate-form table tr td p, #translate-form2 table tr td p, #translate-form3 table tr td p, #translate-form4 table tr td p {
    display: block;
    margin: 0px;
    font-family: 'lobster_regular';
    font-size: 20px;
    color: #fff;
}

#translate-form table tr td p .daneosoboweclausule, #translate-form2 table tr td p .daneosoboweclausule, #translate-form3 table tr td p .daneosoboweclausule, #translate-form4 table tr td p .daneosoboweclausule {
    max-width: 600px;
    font-size: 16px;
    padding-top: 10px;
    text-align: justify;
    display: none;
}
#translate-form table tr td p .daneosoboweclausule.active, #translate-form2 table tr td p .daneosoboweclausule.active, #translate-form3 table tr td p .daneosoboweclausule.active, #translate-form4 table tr td p .daneosoboweclausule.active {
    display: block;
}

#translate-form table tr td p input[type="text"], #translate-form2 table tr td p input[type="text"], #translate-form3 table tr td p input[type="text"],#translate-form4 table tr td p input[type="text"],
#translate-form table tr td p input[type="email"], #translate-form2 table tr td p input[type="email"], #translate-form3 table tr td p input[type="email"],#translate-form4 table tr td p input[type="email"],
#translate-form table tr td p input[type="number"], #translate-form2 table tr td p input[type="number"], #translate-form3 table tr td p input[type="number"],#translate-form4 table tr td p input[type="number"],
#translate-form table tr td p textarea, #translate-form2 table tr td p textarea, #translate-form3 table tr td p textarea, #translate-form4 table tr td p textarea{
    background: #fff;
    color: #000;
    outline: none;
    padding: 12px;
    border: 0px solid #fff;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -o-border-radius: 12px;
    -ms-border-radius: 12px;
    border-radius: 12px;
    width: 275px;
}

#translate-form table tr td p select, #translate-form2 table tr td p select, #translate-form3 table tr td p select, #translate-form4 table tr td p select {
    color: #000;
    outline: none;
    padding: 12px;
    border: 0px solid #fff;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -o-border-radius: 12px;
    -ms-border-radius: 12px;
    border-radius: 12px;
    width: 299px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../images/select-down.png) center right no-repeat #fff;
}

#translate-form table tr td p input[type="file"], #translate-form2 table tr td p input[type="file"], #translate-form3 table tr td p input[type="file"], #translate-form4 table tr td p input[type="file"] {
    background: #fff;
    color: #000;
    padding: 10px;
    width: 220px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -o-border-radius: 12px;
    -ms-border-radius: 12px;
    border-radius: 12px;
}

#translate-form table tr td p input[type="file"]::-webkit-file-upload-button, #translate-form2 table tr td p input[type="file"]::-webkit-file-upload-button, #translate-form3 table tr td p input[type="file"]::-webkit-file-upload-button, #translate-form4 table tr td p input[type="file"]::-webkit-file-upload-button {
    visibility: hidden;
}

#translate-form table tr td p input[type="file"]::before, #translate-form2 table tr td p input[type="file"]::before, #translate-form3 table tr td p input[type="file"]::before, #translate-form4 table tr td p input[type="file"]::before {
    content: 'Wybierz';
    display: inline-block;
    background: #f6f6f6;
    border: 1px solid #999;
    border-radius: 4px;
    padding: 0px 8px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    text-shadow: 1px 1px #fff;
    font-weight: 700;
    font-size: 10pt;
}

#translate-form table tr td p input[type="file"]:hover::before, #translate-form2 table tr td p input[type="file"]:hover::before, #translate-form3 table tr td p input[type="file"]:hover::before, #translate-form4 table tr td p input[type="file"]:hover::before {
    border-color: black;
}

#translate-form table tr td button[type="submit"], #translate-form2 table tr td button[type="submit"], #translate-form3 table tr td button[type="submit"], #translate-form4 table tr td button[type="submit"] {
    width: 156px;
    border: 2px solid #fff;
    color: #fff;
    line-height: 44px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -o-border-radius: 16px;
    -ms-border-radius: 16px;
    cursor: pointer;
    margin: 0px auto;
    position: relative;
    background: rgba(255, 255, 255, 0);
    outline: none;
}

#translate-form table tr td button[type="submit"] span, #translate-form2 table tr td button[type="submit"], #translate-form3 table tr td button[type="submit"], #translate-form4 table tr td button[type="submit"] {
    display: block;
    padding-left: 28px;
}

#translate-form table tr td button[type="submit"] img, #translate-form2 table tr td button[type="submit"] img, #translate-form3 table tr td button[type="submit"] img, #translate-form4 table tr td button[type="submit"] img {
    position: absolute;
    left: 32px;
    top: 15px;
}

.translate-buy {
    border: 2px solid #fff;
    color: #fff;
    line-height: 44px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -o-border-radius: 16px;
    -ms-border-radius: 16px;
    cursor: pointer;
    margin: 0px auto;
    position: relative;
    background: rgba(255, 255, 255, 0);
    outline: none;
    display: block;
}

.translate-buy span {
    display: block;
    padding: 0px 30px;
}

#translate-form button[type="button"].translate-close, #translate-form2 button[type="button"].translate-close, #translate-form3 button[type="button"].translate-close,#translate-form4 button[type="button"].translate-close {
    width: 156px;
    border: 2px solid #fff;
    color: #fff;
    line-height: 44px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -o-border-radius: 16px;
    -ms-border-radius: 16px;
    cursor: pointer;
    margin: 0px auto;
    position: relative;
    background: rgba(255, 255, 255, 0);
    outline: none;
    opacity: 0.5;
}

#translate-form button[type="button"].translate-close span, #translate-form2 button[type="button"].translate-close span, #translate-form3 button[type="button"].translate-close span,#translate-form4 button[type="button"].translate-close span {
    display: block;
    padding-left: 28px;
}

#translate-form button[type="button"].translate-close img, #translate-form2 button[type="button"].translate-close img, #translate-form3 button[type="button"].translate-close img,#translate-form4 button[type="button"].translate-close img {
    position: absolute;
    left: 32px;
    top: 15px;
}

#translate-form button[type="button"].translate-close:hover, #translate-form2 button[type="button"].translate-close:hover, #translate-form3 button[type="button"].translate-close:hover, #translate-form4 button[type="button"].translate-close:hover {
    opacity: 1;
}

.required {
    -webkit-box-shadow: inset 0 0 10px 0 rgba(255, 0, 0, 1);
    box-shadow: inset 0 0 10px 0 rgba(255, 0, 0, 1);
}

/* CUSTOM BOXEX */
.box-circle {
    width: 188px;
    height: 188px;
    background: url(../images/box-circle-background.png) no-repeat center center;
    display: table;
    float: left;
    margin: 0px 15px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: relative;
}

.box-circle a.home-hover {
    position: absolute;
    bottom: -50px;
    left: -28px;
    font-family: 'open_sansregular', 'Arial', sans-serif;
    text-decoration: none;
}

.box-circle h3 {
    width: 168px;
    text-align: center;
    padding: 0px 29px;
    color: #fff;
    font-size: 28px;
    text-shadow: -3px 3px 5px rgba(0, 0, 0, 0.75);
    display: table-cell;
    vertical-align: middle;
    font-family: 'lobster_regular';
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.box-circle h3 a {
    color: #fff;
    text-decoration: none;
}

.box-circle:hover {
    background: url(../images/box-circle-background.png) no-repeat center center;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);

}

/*
.box-circle:hover a {color:#fff;}
.box-circle:hover h3 {
    color: #fff;
    text-shadow: -3px 3px 5px rgba(0,0,0, 0.45);
}
*/

.home-btn {
    width: 250px;
    height: 42px;
    visibility: hidden;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    background: rgba(255, 255, 255, 0);
    border-radius: 0px 16px 16px 0px;
    -webkit-border-radius: 0px 16px 16px 0px;
    -moz-border-radius: 0px 16px 16px 0px;
    -o-border-radius: 0px 16px 16px 0px;
    -ms-border-radius: 0px 16px 16px 0px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    position: relative;
    cursor: pointer;
}

.home-btn.hbtn1,
.home-btn.hbtn2 {
    display: inline-block;
    margin-left: 24px;
    visibility: visible !important;
}

.prefix-1 {
    content: " ";
    width: 8.33%;
    display: inline-block;
}

.home-btn span.text {
    font-size: 14px;
    color: #fff;
    text-align: left;
    display: block;
    line-height: 42px;
    padding-left: 40px;
}

.home-btn .piggy-btn {
    width: 42px;
    height: 42px;
    border: 2px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    position: absolute;
    top: -2px;
    left: -24px;
}

/*
.grid-custom .box-circle:hover {
    -webkit-animation-name: wiggle;
    animation-name: wiggle;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
*/

.buy-btn {
    width: 250px;
    height: 42px;
    border-top: 2px solid #cc0630;
    border-right: 2px solid #cc0630;
    border-bottom: 2px solid #cc0630;
    background: rgba(255, 255, 255, 0);
    border-radius: 0px 16px 16px 0px;
    -webkit-border-radius: 0px 16px 16px 0px;
    -moz-border-radius: 0px 16px 16px 0px;
    -o-border-radius: 0px 16px 16px 0px;
    -ms-border-radius: 0px 16px 16px 0px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.buy-btn span.text {
    font-size: 14px;
    color: #cc0630;
    text-align: left;
    display: block;
    line-height: 42px;
    padding-left: 40px;
    margin-right: 0px;
    border-radius: 0px 14px 14px 0px;
    -webkit-border-radius: 0px 14px 14px 0px;
    -moz-border-radius: 0px 14px 14px 0px;
    -o-border-radius: 0px 14px 14px 0px;
    -ms-border-radius: 0px 14px 14px 0px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.buy-btn .piggy-btn {
    width: 42px;
    height: 42px;
    border: 2px solid #cc0630;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    position: absolute;
    top: -2px;
    left: -24px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.buy-btn:hover span,
.buy-btn:hover .piggy-btn {
    background: #cc0630;
}

.buy-btn:hover span {
    color: #fff;
}

.freelesson-btn {
    width: 250px;
    margin-left: 40px;
    height: 42px;
    border-top: 2px solid #cc0630;
    border-right: 2px solid #cc0630;
    border-bottom: 2px solid #cc0630;
    background: rgba(255, 255, 255, 0);
    border-radius: 0px 16px 16px 0px;
    -webkit-border-radius: 0px 16px 16px 0px;
    -moz-border-radius: 0px 16px 16px 0px;
    -o-border-radius: 0px 16px 16px 0px;
    -ms-border-radius: 0px 16px 16px 0px;
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.freelesson-btn span.text {
    font-size: 14px;
    color: #cc0630;
    text-align: left;
    display: block;
    line-height: 42px;
    padding-left: 40px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 0px 14px 14px 0px;
    -webkit-border-radius: 0px 14px 14px 0px;
    -moz-border-radius: 0px 14px 14px 0px;
    -o-border-radius: 0px 14px 14px 0px;
    -ms-border-radius: 0px 14px 14px 0px;
}

.freelesson-btn .piggy-btn {
    width: 42px;
    height: 42px;
    border: 2px solid #cc0630;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    position: absolute;
    top: -2px;
    left: -24px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.freelesson-btn:hover span,
.freelesson-btn:hover .piggy-btn {
    background: #cc0630;
}

.freelesson-btn:hover span {
    color: #fff;
}

.reservation {
    border: 2px solid #fff;
    color: #fff;
    line-height: 44px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -o-border-radius: 16px;
    -ms-border-radius: 16px;
    cursor: pointer;
    margin: 0px auto;
    position: relative;
    padding: 4px 20px;
}

.reservation:hover {
    background: #fff;
}

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

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

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

/* TABS */
#tabs .r-tabs-nav {
}

#tabs .r-tabs-nav .r-tabs-tab {
    display: inline-block;
    text-align: center;
    margin-right: 10px;
    padding: 8px 15px;
    border: 0px solid #fff;
    color: #fff;
    line-height: 24px;
    font: 30px 'crayonregular', 'Arial', sans-serif;
}

#tabs .r-tabs-nav .r-tabs-tab a {
    display: block;
    position: relative;
}

#tabs .r-tabs-nav .r-tabs-tab.r-tabs-state-active {
    border: 0px solid #9feb0c;
    text-decoration: none;
}

#tabs .r-tabs-nav .r-tabs-tab.r-tabs-state-active a {
}

#tabs .r-tabs-nav .r-tabs-tab[data-color="c-green"].r-tabs-state-active a:after {
    content: url(../images/active-r-tab-green.png);
    position: absolute;
    top: 14px;
    left: 0px;
}

#tabs .r-tabs-nav .r-tabs-tab[data-color="c-white"].r-tabs-state-active a:after {
    content: url(../images/active-r-tab-white.png);
    position: absolute;
    top: 14px;
    left: 0px;
}

#tabs .r-tabs-nav .r-tabs-tab[data-color="c-pink"].r-tabs-state-active a:after {
    content: url(../images/active-r-tab-pink.png);
    position: absolute;
    top: 14px;
    left: 0px;
}

#tabs .r-tabs-nav .r-tabs-tab[data-color="c-yellow"].r-tabs-state-active a:after {
    content: url(../images/active-r-tab-yellow.png);
    position: absolute;
    top: 14px;
    left: 0px;
}

#tabs .r-tabs-panel {
    padding: 10px 0px;
}

.img {
    width: 167px;
    height: 167px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.7);
    -o-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.7);
    -ms-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.7);
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.7);

}

.grid-custom {
    width: 686px;
    margin: 0px auto;
}

.grid-custom .box-circle {
    width: 188px !important;
}

/**
 *  PRELOADER
 */
.no-js #loader {
    display: none;
}

.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
}

.se-pre-loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #fff;
}

.apla {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100% !important;
    z-index: 99999;
    background: url(../images/background-section-1-shaded.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.apla img {
    width: 268px;
    height: 268px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -134px 0px 0px -134px;
    display: block;
}

.person-details {
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    background: rgba(255, 255, 255, 1);
    height: 100% !important;
    z-index: 13000;
    display: none;
}

i {
    margin: 0px 10px 0px 0px;
}

/* INFO BOXES */
#infoLessonOnline .modal-footer .btn-default,
#infoLanguages .modal-footer .btn-default,
#infoCourses .modal-footer .btn-default,
#infoPromotion .modal-footer .btn-default,
.custom-modal .modal-footer .btn-default {
    background: rgba(255, 255, 255, 0);
    border: 2px solid #cc0630;
    color: #cc0630;
    padding: 10px 60px;
    font-size: 14px;
    font-family: 'lobster_regular';
    outline: none;
    cursor: pointer;
    overflow: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#infoLessonOnline .modal-footer .btn-default:hover,
#infoLanguages .modal-footer .btn-default:hover,
#infoCourses .modal-footer .btn-default:hover,
#infoPromotion .modal-footer .btn-default:hover,
.custom-modal .modal-footer .btn-default:hover {
    background: #cc0630;

    color: #fff;
    text-shadow: rgb(155, 0, 31) 1px 1px,
    rgb(155, 0, 31) 2px 2px,
    rgb(155, 0, 31) 3px 3px,
    rgb(155, 0, 31) 4px 4px,
    rgb(155, 0, 31) 5px 5px,
    rgb(155, 0, 31) 6px 6px,
    rgb(155, 0, 31) 7px 7px,
    rgb(155, 0, 31) 8px 8px,
    rgb(155, 0, 31) 9px 9px,
    rgb(155, 0, 31) 10px 10px,
    rgb(155, 0, 31) 11px 11px,
    rgb(155, 0, 31) 12px 12px,
    rgb(155, 0, 31) 13px 13px,
    rgb(155, 0, 31) 14px 14px,
    rgb(155, 0, 31) 15px 15px,
    rgb(155, 0, 31) 16px 16px,
    rgb(155, 0, 31) 17px 17px,
    rgb(155, 0, 31) 18px 18px,
    rgb(155, 0, 31) 19px 19px,
    rgb(155, 0, 31) 20px 20px,
    rgb(155, 0, 31) 21px 21px,
    rgb(155, 0, 31) 22px 22px,
    rgb(155, 0, 31) 23px 23px,
    rgb(155, 0, 31) 24px 24px;
}

.openInfo {
    border: 2px solid #CC0630;
    padding: 10px 20px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    margin-right: 16px;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.openInfo:hover {
    background: #CC0630;
    color: #fff;
}

/* modal-content */
.openedContent {
    width: 600px;
    position: absolute;
    top: 0px;
    left: -100px;
    opacity: 0;
    display: block;
    background: rgba(255, 255, 255, 0);
    z-index: -1;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.openedContent h3 {
    font: 20px 'lobster_regular';
    margin: 0px;
    padding: 4px 10px;
}

.openedContent p {
    visibility: visible !important;
    opacity: 1 !important;
}

.openedContent .open-body {
    padding: 10px;
}

.openedContent .open-footer {
    display: block;
    padding: 10px;
    text-align: right;
}

.openedContent .open-footer .open-close {
    border: 0px;
    background: none;
    outline: none;
    cursor: pointer;
}

.openedContent.active {
    opacity: 1;
    display: block;
    z-index: 1200;
    left: 60px;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

li[data-color="c-green"] a {
    color: #d6fab9;
}

li[data-color="c-green"]:hover a,
li[data-color="c-green"].active a {
    color: #b4f87c !important;
}

li[data-color="c-white"] a {
    color: #fff;
}

li[data-color="c-white"]:hover a,
li[data-color="c-white"].active a {
    color: #fff !important;
}

li[data-color="c-pink"] a {
    color: #fbe0f4;
}

li[data-color="c-pink"]:hover a,
li[data-color="c-pink"].active a {
    color: #fd9ee5 !important;
}

li[data-color="c-yellow"] a {
    color: #f3f2b7;
}

li[data-color="c-yellow"]:hover a,
li[data-color="c-yellow"].active a {
    color: #efee7e !important;
}

/* FLUID */

#fluidnav {
    width: 100%;
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(255, 255, 255, 0.68);
    overflow: hidden;
    z-index: 1040;
}

#fluidnav:hover {
    background: rgba(255, 255, 255, 1);
}

#fluidnav span {
    cursor: pointer;
    line-height: 40px;
    color: #000;
    padding-left: 20px;
}

#fluidnav img {
    width: 54px;
    height: 54px;
    margin: 3px;
    float: left;
    display: none;
}

#fluidnav ul {
    display: none;
    padding-left: 0px;
    list-style: none;
}

#fluidnav ul li {

    display: list-item;
}

#fluidnav ul li a {
    display: block;
    padding: 6px 0px 6px 20px;
    color: #fff;
}

#fluidnav ul li a span {
    padding: 0px;
    line-height: 36px;
    display: block;
}

#fluidnav ul li a:hover,
#fluidnav ul li a:hover span {
    color: #CC0630;
}

#fluidnav ul li a .fa-circle,
#fluidnav ul li a:hover .fa-circle {
    display: none;
}

.fromTop {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    animation-name: FromTOP;
}

/* FROM TOP ANIMATION */
@-webkit-keyframes FromTOP {
    0% {
        -webkit-transform: translateX(0px) translateY(-200px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px) translateY(0px);
        opacity: 1;
    }
}

@-moz-keyframes FromTOP {
    0% {
        -moz-transform: translateX(0px) translateY(-200px);
        opacity: 0;
    }
    100% {
        -moz-transform: translateX(0px) translateY(0px);
        opacity: 1;
    }
}

@-o-keyframes FromTOP {
    0% {
        -o-transform: translateX(0px) translateY(-200px);
        opacity: 0;
    }
    100% {
        -o-transform: translateX(0px) translateY(0px);
        opacity: 1;
    }
}

@keyframes FromTOP {
    0% {
        -o-transform: translateX(0px) translateY(-200px);
        -ms-transform: translateX(0px) translateY(-200px);
        transform: translateX(0px) translateY(-200px);
        opacity: 0;
    }
    100% {
        -o-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
        opacity: 1;
    }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

.animated2 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes swing2 {
    20%, 40%, 60%, 80%, 100% {
        -webkit-transform-origin: top center;
    }
    20% {
        -webkit-transform: rotate(15deg);
    }
    40% {
        -webkit-transform: rotate(-10deg);
    }
    60% {
        -webkit-transform: rotate(5deg);
    }
    80% {
        -webkit-transform: rotate(-5deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
    }
}

@-moz-keyframes swing2 {
    20%, 40%, 60%, 80%, 100% {
        -moz-transform-origin: top center;
    }
    20% {
        -moz-transform: rotate(15deg);
    }
    40% {
        -moz-transform: rotate(-10deg);
    }
    60% {
        -moz-transform: rotate(5deg);
    }
    80% {
        -moz-transform: rotate(-5deg);
    }
    100% {
        -moz-transform: rotate(0deg);
    }
}

@-o-keyframes swing2 {
    20%, 40%, 60%, 80%, 100% {
        -o-transform-origin: top center;
    }
    20% {
        -o-transform: rotate(15deg);
    }
    40% {
        -o-transform: rotate(-10deg);
    }
    60% {
        -o-transform: rotate(5deg);
    }
    80% {
        -o-transform: rotate(-5deg);
    }
    100% {
        -o-transform: rotate(0deg);
    }
}

@keyframes swing2 {
    20% {
        transform: rotate(15deg);
    }
    40% {
        transform: rotate(-10deg);
    }
    60% {
        transform: rotate(5deg);
    }
    80% {
        transform: rotate(-5deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

.swing:hover {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

.section-img-table:hover {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing2;
    animation-name: swing2;
}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
    }
}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-30px);
    }
    60% {
        -moz-transform: translateY(-15px);
    }
}

@-o-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -o-transform: translateY(0);
    }
    40% {
        -o-transform: translateY(-30px);
    }
    60% {
        -o-transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-30px);
    }
    60% {
        transform: translateY(-15px);
    }
}

.bounce:hover {
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    -o-animation-name: bounce;
    -ms-animation-name: bounce;
    animation-name: bounce;
}

@-webkit-keyframes wiggle {
    0% {
        -webkit-transform: skewX(9deg);
    }
    10% {
        -webkit-transform: skewX(-8deg);
    }
    20% {
        -webkit-transform: skewX(7deg);
    }
    30% {
        -webkit-transform: skewX(-6deg);
    }
    40% {
        -webkit-transform: skewX(5deg);
    }
    50% {
        -webkit-transform: skewX(-4deg);
    }
    60% {
        -webkit-transform: skewX(3deg);
    }
    70% {
        -webkit-transform: skewX(-2deg);
    }
    80% {
        -webkit-transform: skewX(1deg);
    }
    90% {
        -webkit-transform: skewX(0deg);
    }
    100% {
        -webkit-transform: skewX(0deg);
    }
}

@-moz-keyframes wiggle {
    0% {
        -moz-transform: skewX(9deg);
    }
    10% {
        -moz-transform: skewX(-8deg);
    }
    20% {
        -moz-transform: skewX(7deg);
    }
    30% {
        -moz-transform: skewX(-6deg);
    }
    40% {
        -moz-transform: skewX(5deg);
    }
    50% {
        -moz-transform: skewX(-4deg);
    }
    60% {
        -moz-transform: skewX(3deg);
    }
    70% {
        -moz-transform: skewX(-2deg);
    }
    80% {
        -moz-transform: skewX(1deg);
    }
    90% {
        -moz-transform: skewX(0deg);
    }
    100% {
        -moz-transform: skewX(0deg);
    }
}

@-o-keyframes wiggle {
    0% {
        -o-transform: skewX(9deg);
    }
    10% {
        -o-transform: skewX(-8deg);
    }
    20% {
        -o-transform: skewX(7deg);
    }
    30% {
        -o-transform: skewX(-6deg);
    }
    40% {
        -o-transform: skewX(5deg);
    }
    50% {
        -o-transform: skewX(-4deg);
    }
    60% {
        -o-transform: skewX(3deg);
    }
    70% {
        -o-transform: skewX(-2deg);
    }
    80% {
        -o-transform: skewX(1deg);
    }
    90% {
        -o-transform: skewX(0deg);
    }
    100% {
        -o-transform: skewX(0deg);
    }
}

@keyframes wiggle {
    0% {
        transform: skewX(9deg);
    }
    10% {
        transform: skewX(-8deg);
    }
    20% {
        transform: skewX(7deg);
    }
    30% {
        transform: skewX(-6deg);
    }
    40% {
        transform: skewX(5deg);
    }
    50% {
        transform: skewX(-4deg);
    }
    60% {
        transform: skewX(3deg);
    }
    70% {
        transform: skewX(-2deg);
    }
    80% {
        transform: skewX(1deg);
    }
    90% {
        transform: skewX(0deg);
    }
    100% {
        transform: skewX(0deg);
    }
}

.wiggle2 {

}

.wiggle2:hover {
    -webkit-animation-name: wiggle;
    -moz-animation-name: wiggle;
    -o-animation-name: wiggle;
    -ms-animation-name: wiggle;
    animation-name: wiggle;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

.vpagescroll_navigation img {
    visibility: hidden;
}

.additional-menu {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 12000;
}

.admenu {
}

.admenu li {
    display: inline-block;
}

.admenu li a {
    display: block;
    padding: 6px 10px;
}

.admenu li span {
    display: block;
    padding: 6px 10px;
    cursor: pointer;
}

/**
    SINGLE PAGE
**/

.single-page-wrapper {
    width: 100%;
    font-family: 'open_sansregular', sans-serif;
    background: #eee url(../images/brickwall.png) repeat;
}

.single-page-wrapper .wrapper {
    width: 1170px;
    margin: 0px auto;
    -webkit-box-shadow: 0 0 10px 0 rgba(180, 180, 180, 0.6);
    box-shadow: 0 0 10px 0 rgba(180, 180, 180, 0.6);
}

.single-page-wrapper .single-page-header {
    max-width: 1170px;
    height: 430px;
    margin: 0px auto;
    background: url(../images/single-page-header.jpg) no-repeat;
}

.single-page-wrapper .single-page-header .single-logo {
    margin: 81px;
}

.single-page-wrapper .container-fluid {
}

.single-page-wrapper .col-sm-12 {
    width: 100%;
    padding: 10px 0px;
    display: block;
}

.single-page-wrapper .single-content-wrapper,
.single-page-wrapper .single-footer-wrapper {
    max-width: 1170px;
    margin: 0px auto;
}

.single-content-wrapper {
    background: #fff;
}

.single-content-wrapper h1 {
    font-family: 'lobster_regular';
    font-size: 50px;
    display: inline-block;
    margin: 20px 0px;
    border-bottom: 2px solid;
    padding: 0px 22px 0px 22px;
	margin: 0 20px;
    color: #414141;
}

.single-content-wrapper .content {
    display: block;
    padding: 20px;
    margin: 0 20px;
    min-height: 300px;
}

.single-content-wrapper .content p {
    margin: 0px!important;
    line-height: 24px;
    font-size: 14px;

}

.single-page-wrapper .single-footer-wrapper {
    background: #414141;
}

.single-page-wrapper .single-footer-wrapper .content {
    padding: 20px;
    color: #fff;
    overflow: hidden;
    position: relative;
}

.single-page-wrapper .single-footer-wrapper .content .col-half {
    float: left;
    width: 49.5%;
    color: #fff !important;
}

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

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

.single-page-wrapper .single-footer-wrapper .content a {
    color: #e1e1e1;
    text-decoration: none;
}

.single-page-wrapper .single-footer-wrapper .content a:hover {
    color: #fff;
}

/**
   ENF OF SINGLE PAGE
**/
#msg_ok0 {
    position: fixed !important;
    top: 0px;
    left: 0px;
    z-index: 99999;
    margin: 0px !important;
    padding: 10px;
}

#rodzaje-kursow, #ucz-sie-taniej {
}
#rodzaje-kursow img{
    cursor: pointer;
}
/* --------- MEDIA QUERIES ----------- */
@media (min-width: 992px) {
    #horizontal-nav .title{
        width: 14%;
    }
    #horizontal-nav .title .main-title{
        display: none;
    }
    #horizontal-nav #nav {
        margin: 36px auto 0;
    }
}
@media only screen and (max-width: 480px) {
    #horizontal-nav .title {
        width: 100%;
    }

    #horizontal-nav .title .main-title {
        padding-left: 10px;
        font: 26px/65px 'lobster_regular';
    }

    .box-circle a.home-hover {
        display: none;
    }

    #rbtns {
        display: block !important;
    }
}

@media only screen and (max-width: 719px) {
    #fluidnav {
        display: block !important;
    }

    section {
        height: auto !important;
        min-height: 800px;
    }

    .vpagescroll_navigation {
        text-align: center;
        background: rgba(255, 255, 255, 0) !important;
        display: none;
    }

    .grid-custom {
        width: 100%;
        text-align: center;
    }

    .grid-custom .home-btn {
        margin-left: 62px;
    }

    .box-circle {
        width: 100%;
        height: 30%;
        background: none;
        margin: 0px;
        float: none;
    }

    .box-circle h3 {
        width: 100%;
        display: block;
        text-align: center;
        padding: 0px;
        font-size: 20px;
    }

    .box-circle:hover {
        background: none;
    }

    .section-1 .container-12 .inner {
        position: relative !important;
        top: 0% !important;
        margin-top: 0px !important;
        width: 97% !important;
    }

    .container-12 .inner .page-content {
        padding-left: 10px;
        padding-right: 19px;
        padding-bottom: 60px;
        text-align: center;
    }

    .container-12 .inner .page-content .person:nth-child(2) {
        margin: 10px 0px 0px 0px;
    }

    .logo {
        margin-top: 0px;
    }

    .buy-btn {
        margin-left: 20px;
        margin-top: 10px;
        display: block;
    }

    .freelesson-btn {
        margin-left: 20px;
        margin-top: 10px;
        display: block;
    }

    #fluidnav {
        display: block;
    }

    .section-6 .section-img-table {
        height: 50%;
        bottom: -40px;
        right: -60px;
    }

    .container-12 .inner .page-content .person {
        margin-top: 10px;
    }

    #translate-form table, #translate-form2 table, #translate-form3 table,#translate-form4 table {
        width: 100%;
        display: table;
        padding-bottom: 34px;
    }

    #translate-form table tr, #translate-form2 table tr, #translate-form3 table tr, #translate-form4 table tr {
        display: block;
    }

    #translate-form table tr td, #translate-form2 table tr td, #translate-form3 table tr td, #translate-form4 table tr td {
        display: block;
        text-align: left !important;
        margin: 0px;
    }

    .section-2 .container-12 .inner h1, .section-3 .container-12 .inner h1, .section-4 .container-12 .inner h1, .section-5 .container-12 .inner h1, .section-6 .container-12 .inner h1 {
        font-size: 30px;
        padding: 60px 0px 0px 0px;
    }

    .section-2 .container-12 .inner, .section-3 .container-12 .inner, .section-4 .container-12 .inner, .section-5 .container-12 .inner, .section-6 .container-12 .inner {
        width: 94%;
        padding: 0px 3%;
    }

    .section-6 .section-img-table {
        display: none;
    }

    .openInfo {
        display: inline-block;
        margin: 0px 0px 10px 0px;
    }

    .section-2 .container-12 .inner,
    .section-3 .container-12 .inner,
    .section-4 .container-12 .inner,
    .section-5 .container-12 .inner,
    .section-6 .container-12 .inner {
        position: relative;
    }

    #horizontal-nav #nav {
        display: none !important;
    }

    #horizontal-nav .title {
        width: 100%;
    }

    .contact-wrapper .contact-addons {
        display: none;
    }

    .contact-wrapper .contact-form {
        width: 96%;
    }

    #translate-form table tr td, #translate-form2 table tr td, #translate-form3 table tr td, #translate-form4 table tr td {
        width: 100%;
        text-align: center !important;
    }

    .section {
        height: auto !important;
        padding: 120px 0px 20px 0px;
    }

    .translator-description {
        width: 100%;
    }

    .translator-description .image,
    .translator-description .description {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }

    #nt-nav li.nt-active:after {
        display: none;
    }

    #nt-nav {
        text-align: center;
    }

    .prefix-1 {
        display: block;
        margin: 10px 0px;
    }

    #rbtns {
        display: block !important;
    }

    #sb-site {
        min-height: auto !important;
    }

    .grid-custom .box-circle {
        margin: 0 auto;
        width: 188px !important;
    }

    div.oferta-table, div.oferta-voucher {
        width: 100% !important;
    }

    #rodzaje-kursow tr td, #ucz-sie-taniej tr td {
        width: 100% !important;
        display: block;
    }
}

@media only screen and (min-width: 720px) and (max-width: 990px) {
    section {
        height: auto;
    }

    #fluidnav {
        display: block !important;
    }

    .vpagescroll_navigation {
        text-align: center;
        background: rgba(255, 255, 255, 0) !important;
        display: none;
    }

    .section-2 .section-img-table-2,
    .section-3 .section-img-table-3,
    .section-4 .section-img-table-4,
    .section-6 .section-img-table {
        display: none;
    }

    .section-2 .container-12,
    .section-3 .container-12,
    .section-4 .container-12,
    .section-5 .container-12,
    .section-6 .container-12 {
        margin: 0px;
    }

    .openInfo {
        display: inline-block;
        margin-bottom: 4px;
    }

    .container-12 .inner .page-content {
        padding-right: 42px;

    }

    #horizontal-nav #nav {
        display: none !important;
    }

    #horizontal-nav .title {
        width: 100%;
    }

    .contact-wrapper .contact-addons {
        width: 60%;
        margin-left: 5%;
    }

    .contact-wrapper .contact-addons img {
        max-width: 100%;
    }

    #rbtns {
        display: block !important;
    }

    .section {
        height: auto !important;
        padding: 120px 0px 20px 0px;
    }

    .grid-custom .box-circle {
        margin: 0 16px;
        width: 188px !important;
    }
}

@media only screen and (min-width: 991px) and (max-width: 1170px) {
    #fluidnav {
        display: none;
    }

    section {
        height: auto;
    }

    .section-2 .container-12,
    .section-3 .container-12,
    .section-4 .container-12,
    .section-5 .container-12,
    .section-6 .container-12 {
        margin: 0px;
    }

    .openInfo {
        display: inline-block;
        margin-bottom: 4px;
    }

    .section-2 .section-img-table-2,
    .section-3 .section-img-table-3,
    .section-4 .section-img-table-4,
    .section-6 .section-img-table {
        width: 24%;
    }

    #kontakt_form textarea {
        height: 68px !important;
    }

    .grid-custom .box-circle {
        margin: 0 16px;
        width: 188px !important;
    }
}

@media only screen and (min-width: 990px) and (max-width: 1059px) {
    #fullpage {
        height: auto;
    }

    #horizontal-nav #nav {
        width: 64%;
    }

    #section0 .grid-12 {
        overflow: visible;
    }

    #section1 .grid-12,
    #section1 .grid-12,
    #section1 .grid-12,
    #section1 .grid-12,
    #section1 .grid-12 {

        overflow: hidden;
    }

    #horizontal-nav .title .main-title {
        font: 22px/65px 'lobster_regular';
    }

    #horizontal-nav #nav .scroller-nav-list .scroller-nav-item {
        font: 17px/36px 'lobster_regular';
        min-width: 4%;
        padding: 10px 1%;
    }

    .nt-content {
        font: 14px/28px 'crayonregular';
    }

    .translator-description {
        width: 100%;
    }

    .home-grid .logo {
        width: 160px;
    }

    #kontakt_form textarea {
        height: 68px !important;
    }

    #kontakt_form input, #kontakt_form textarea {
        padding: 4px;
    }

    .contact-wrapper .contact-form {
        line-height: 20px;
    }

    .contact-wrapper .contact-addons {
        width: 40%;
        margin: 0px 15%;
    }

    .contact-wrapper .contact-addons img {
        width: 100%;
        margin-top: 10%;
    }
}

@media only screen and (min-width: 1060px) and (max-width: 1139px) {
    #fullpage {
        height: auto;
    }

    #horizontal-nav .title .main-title {
        font: 26px/65px 'lobster_regular';
    }

    #horizontal-nav #nav .scroller-nav-list .scroller-nav-item {
        font: 17px/36px 'lobster_regular';
    }
}

@media only screen and (min-width: 1140px) and (max-width: 1340px) {
    #horizontal-nav .title .main-title {
        font: 26px/65px 'lobster_regular';
    }
}

@media only screen and (max-width: 820px) {
    .single-page-wrapper .single-footer-wrapper .content .col-half {
        display: block;
        float: none;
        width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    .single-page-wrapper .single-footer-wrapper .content .col-half {
        display: block;
        float: none;
        width: 100%;
    }

    .single-page-wrapper .single-page-header {
        width: 100%;
        height: 200px;
    }

    .single-page-wrapper .single-page-header .single-logo {
        margin: 0px auto;
        width: 120px;
        margin: 40px;
    }
}

/*
    position: fixed;
    top: 0px;
    background: #fff;
    left: 0px;
    z-index: 99;
    filter: blur(10px);
    width: 100%;
    height: 100%;
    z-index: 10000;
    -webkit-filter: blur(91px);
    -moz-filter: blur(20px);
    -o-filter: blur(20px);
    -ms-filter: blur(20px);
    filter: blur(20px);
    opacity: 0.95;
*/

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

                ANIMATIONS

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

.animated {
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
}

.animated.x05 {
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -ms-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -ms-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
}

@-webkit-keyframes bounceIn {

    0% {
        opacity: 0;
        -webkit-transform: scale(0.8);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.25);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes bounceIn {

    0% {
        opacity: 0;
        -moz-transform: scale(0.8);
    }

    50% {
        opacity: 1;
        -moz-transform: scale(1.25);
    }

    100% {
        opacity: 1;
        -moz-transform: scale(1);
    }
}

@-o-keyframes bounceIn {

    0% {
        opacity: 0;
        -o-transform: scale(0.8);
    }

    50% {
        opacity: 1;
        -o-transform: scale(1.25);
    }

    100% {
        opacity: 1;
        -o-transform: scale(1);
    }
}

@keyframes bounceIn {

    0% {
        opacity: 0;
        transform: scale(0.8);
    }

    50% {
        opacity: 1;
        transform: scale(1.25);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.delay-none {
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
}

.delay-six {
    -webkit-animation-delay: 1.20s;
    -moz-animation-delay: 1.20s;
    -o-animation-delay: 1.20s;
    animation-delay: 1.20s;
}

.delay-five {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
}

.delay-four {
    -webkit-animation-delay: 0.80s;
    -moz-animation-delay: 0.80s;
    -o-animation-delay: 0.80s;
    animation-delay: 0.80s;
}

.delay-three {
    -webkit-animation-delay: 0.60s;
    -moz-animation-delay: 0.60s;
    -o-animation-delay: 0.60s;
    animation-delay: 0.60s;
}

.delay-two {
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    -o-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.delay-one {
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -o-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@-o-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    -moz-animation-name: fadeOutDown;
    -o-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
    }
}

@-moz-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -moz-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(-20px);
    }
}

@-o-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -o-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -o-transform: translateX(-20px);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(-20px);
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.animated.fadeOut {
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    -o-animation-name: fadeOut;
    animation-name: fadeOut;
}

.animated.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    -moz-animation-name: fadeOutLeft;
    -o-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

#rbtns {
    display: none;
    background: transparent;
    z-index: 2000;
    position: fixed;
    top: 20px;
    right: 20px;
    height: 24px;
    cursor: pointer;
}

#rbtns .btn-m-1 {
    width: 16px;
    height: 16px;
    padding: 0px;
    margin: 4px 2px;
    border-radius: 1000px;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    background: url(../images/horizontal-nav-pointer-16x16.png) no-repeat;
    display: inline-block;

}

#rbtns .btn-m-2 {
    width: 16px;
    height: 16px;
    padding: 0px;
    margin: 4px 2px;
    border-radius: 1000px;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    background: url(../images/horizontal-nav-pointer-16x16.png) no-repeat;
    display: inline-block;

}

#rbtns .btn-l {
    width: 24px;
    height: 24px;
    margin: 0px 2px;
    border-radius: 1000px;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    background: url(../images/horizontal-nav-pointer-24x24.png) no-repeat;
    display: inline-block;
}

.sb-slidebar ul {
    display: block;
}

.sb-slidebar ul li {
    display: block;
}

.sb-slidebar ul li a {
    display: block;
    color: #fff;
    padding: 10px 0px 10px 0px;
    text-align: center;
    font: 16px/22px 'lobster_regular';
}

#fixedRightBottom {
    display: none;
}
.box-to-open{
    display:none;
}
#fixedRightBottom.shown {
    display: block !important;
    z-index: 1000 !important;
    position: fixed;
    bottom: 0px;
    right: 15px;
}

#fixedRightBottom span.more {
    color: #fff;
    cursor: pointer;
    font: 20px/36px "lobster_regular";
    min-width: 8%;
    padding: 10px 2%;
    text-align: center;
    text-shadow: 1px 1px 0 #000;
    transition: all 100ms ease-in-out 0s;
    float: left;
}

#fixedRightBottom span.more a {
    color: #fff;
    text-decoration: none;
    margin-left: 10px;
}

#fixedRightBottom span.more a:hover {
    text-shadow: 1px 1px 10px #000;
}

.pageBox #cboxCurrent,.pageBox #cboxPrevious,.pageBox #cboxNext {
    display: none !important;
}

#pageBox {
    position: fixed;
    z-index: 10000;
    width: 90%;
    margin-left: 5%;
    height: 550px;
    display: none;
}

.sb-slidebar .sb-sidebar-top {
    text-align: center;
    padding: 10px;
}

.sb-slidebar .sb-sidebar-content {
}

#horizontal-nav .title .home-link {
    width: 100px;
    height: 100px;
}

#horizontal-nav .title .home-link img {
    width: 100px !important;
}
@media (max-width: 720px) {
    #horizontal-nav .title .home-link img {
        width: 80px !important;
    }
}
#horizontal-nav .title .main-title {
    font: 19px/98px 'lobster_regular';
}

#kontakt_form textarea {
    height: 100px !important;
}

#languages-content-table tr td p {
    display: none;
}

#languages-content-table tr td h6 {
    cursor: pointer;
}

#rodzaje-kursow tr td .textline {
    display: none;
}

#languages-content-table {
    width: 100%;
}

#languages-content-table tr td {
    width: 12.65%;
    margin: 0px 2%;
}

#languages-content-table tr td hr {
    height: 1px;
    color: #fff;
    background: #fff;
    margin: 20px 0px;
    border: 0px;
}

#languages-content-table h6 {
    font-size: 25px;
    font-family: 'lobster_regular';
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75);
}

#languages-content-table tr td p {
    font-size: 12px;
    line-height: 25px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
}

#buy-steps {
}

#buy-steps tr td {
    margin: 0px 2%;
    width: 21%;
}

#buy-steps h6 {
    font-size: 25px;
    font-family: 'lobster_regular';
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75);
}

#buy-steps tr td {
    font-size: 12px;
    line-height: 25px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    padding-top: 10px;
}

#buy-steps tr td a {
    color: #fff;
}

div.oferta-table {
    width: 70%;
    float: left;
}

div.oferta-table table {
    width: 100%;
}

div.oferta-voucher {
    width: 30%;
    text-align: center;
    float: left;
}

div.oferta-voucher img {
    max-width: 80%;
}

.gallery-link {
    width: 180px;
    height: 127px;
    margin: 10px;
    overflow: hidden !important;
    float: left;
    border-radius: 6px;
    -webkit-border-radius: 6px;
}

.gallery-link:hover img {
    width: 210px !important;
    height: 147px !important;
}

.gallery-link img {
    width: 180px !important;
    height: 127px !important;
    margin: 0px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

/* TABLES */
@media only screen and (min-width: 700px) and (max-width: 900px) {
    #languages-content-table tr td,
    #buy-steps tr td {
        width: 30% !important;
        display: inline-block !important;
        margin: 0% 1%;
    }
}

@media only screen and (min-width: 480px) and (max-width: 699px) {
    #languages-content-table tr td,
    #buy-steps tr td {
        width: 47% !important;
        display: inline-block !important;
        margin: 20px 1% 0px 1%;
    }
}

@media only screen and (max-width: 479px) {
    #languages-content-table tr td,
    #buy-steps tr td {
        width: 97% !important;
        display: inline-block !important;
        margin: 20px 1% 0px 1%;
    }
}

#regulamin{
    color: #F11C20;
}