#loader {
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 100%;
  z-index: 99999;
}
.dot-container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.dot {
  width: 10px;
  height: 10px;
  border: 2px solid white;
  border-radius: 50%;
  float: left;
  margin: 0 5px;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-animation: fx 1000ms ease infinite 0ms;
          animation: fx 1000ms ease infinite 0ms;
}
.dot:nth-child(2) {
  -webkit-animation: fx 1000ms ease infinite 300ms;
          animation: fx 1000ms ease infinite 300ms;
}
.dot:nth-child(3) {
  -webkit-animation: fx 1000ms ease infinite 600ms;
          animation: fx 1000ms ease infinite 600ms;
}
@-webkit-keyframes fx {
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fx {
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
html, body {
    height: 100% !important;
}
body {
    background: #fff url(../images/bg.jpg) no-repeat center 0;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    font-family: 'Raleway', sans-serif;
    font-weight: 200;
    color: #333; 
    font-size: 18px;
    line-height: 26px;
    position: relative;
}
h1,h2,h3,h4,h5,h6 {
    font-family: 'Raleway', sans-serif;
    color: #fff;
}
@media (min-width: 600px) {
    section {
        min-height: 900px;
        padding-bottom: 150px;
    }
}
.mobile-nav-button .mobile-nav-button__line.pinky.white,
.white {
    background: #fff;   
}
.white-font {
    color: #fff !important;
}
.mobile-nav-button .mobile-nav-button__line.pinky,
.pinky {
    background: -moz-linear-gradient(45deg, rgba(255,38,38,1) 0%, rgba(102,15,15,1) 100%) !important; /* ff3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(255,38,38,1)), color-stop(100%, rgba(102,15,15,1))) !important; /* safari4+,chrome */
    background: -webkit-linear-gradient(45deg, rgba(255,38,38,1) 0%, rgba(102,15,15,1) 100%) !important; /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(45deg, rgba(255,38,38,1) 0%, rgba(102,15,15,1) 100%) !important; /* opera 11.10+ */
    background: -ms-linear-gradient(45deg, rgba(255,38,38,1) 0%, rgba(102,15,15,1) 100%) !important; /* ie10+ */
    background: linear-gradient(45deg, rgba(255,38,38,1) 0%, rgba(102,15,15,1) 100%) !important; /* w3c */
    color: #fff !important;
}
.display-flex {
    display: flex;
}
/*Top Phone*/
#top-phone {
    text-align: center;
    position: absolute;
    background-color: #000;
    width: 100%;
    z-index: 9;
}
#top-phone * {    
    color: #fff;
}
#top-phone .fa {
    margin: 0 5px 0 10px;
}
/* Language Flags*/ 
.flag-box {
    position: absolute;
    z-index: 99;
    top: 37px;
    right: 77px;
}
.flag-box img {
    width: 38px;
    height: 25px;
}
/*Logo*/
div.logo {
    display: none;
}
@media (max-width: 500px) {
    div.logo {
        display: block;
    }
    a.logo {
        display: none;
    }
    #home .logo {
        left: 0;
        width: 100%;
        text-align: center;
    }
    #home .logo h1 {
        font-size: 25px;
        margin-top: -11px;
    }
    #home .logo span {
        font-size: 40px;
        margin-left: 5px;
    }
    #home .mobile-nav-button {
        top: 10px;
    }
    .flag-box {
        right: initial;
        left: 25px;
        top: 47px;
    }
}
/*End Logo*/
#fb {
    position: fixed;
    top: 80%;
    z-index: 999999;
    left: -18px;
}
#fb img {
    width: 70px;
    height: 70px;
}
#about-us .section-header p.no-space,
.no-space {
    margin: 0;
    padding: 0;
} 
a {
    -webkit-transition: color 400ms, background-color 400ms;
    -moz-transition: color 400ms, background-color 400ms;
    -o-transition: color 400ms, background-color 400ms;
    transition: color 400ms, background-color 400ms;
}
a:hover,
a:focus {
    text-decoration: none;
    color: #0077E5;
}
.section-header {    
    padding-top: 15px;
    text-align: center;
    margin: 100px 0 0 0;
}
.section-header .section-title { 
    font-size: 76px;
    padding: 0 20px 5px 20px;
    font-family: 'Raleway', sans-serif;
    font-weight: 100;
}
@media (max-width: 500px) {
    .section-header .section-title { 
        font-size: 55px;
    }
}
/*.section-header p {
    padding-top: 45px;
    font-weight: 500;
}*/
.btn {
    border-width: 0;
    border-bottom-width: 3px;
    border-radius: 3px;
}
.btn.btn-primary {
    background: #DDC299;
    border-color: #DDC299; 
    border-radius:25px;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus {
    background: #DDC299;
}
.column-title {
    margin-top: 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
    position: relative;
}
.column-title:after {
    content: " ";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 40%;
    border-bottom: 1px solid #663090;
}
ul.nostyle {
    list-style: none;
    padding: 0;
    margin-bottom: 20px;
}
ul.nostyle i {
    color: #663090;
}
.scaleIn {
    -webkit-animation-name: scaleIn;
    animation-name: scaleIn;
}
.row {  
    padding: 50px 0;
}
@media(min-width:767px) {
    .navbar {
        padding: 5px 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }
}
@-webkit-keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
/*************************
*******Header******
**************************/
.navbar.navbar-default {
    border: 0;
    border-radius: 0;
    margin-bottom: 0; background:#fff;
}
.navbar.navbar-default .navbar-toggle {
    margin-top: 15px;
}

.navbar-collapse.navbar-right .navbar-nav {
    margin: 0 -15px;
    padding-top: 10px;
}

.navbar.navbar-default .navbar-brand {
    height: auto;
    padding: 5px 15px 5px;
}

.logo {    
    position: absolute;
    z-index: 1;
    left: 50px;
    top: 50px;
}
.logo:hover * {
    color: #e61d2b;
}
.logo span {
    font-weight: normal;
    font-family: 'Architects Daughter', cursive;
    font-size: 50px;
    margin-right: 3px;
    color: #931a1a;
}
.logo * {
    color: #000;
    margin: 0;
    font-size: 30px;
    font-weight: 300;
}
/* SLIDER */
#main-slider {
    overflow: hidden;
    height: 100%;
    padding: 0;
    min-height: initial;
}
#main-slider .owl-carousel .owl-wrapper,
#main-slider .owl-carousel .owl-wrapper-outer,
#main-slider .owl-carousel,
#main-slider .owl-carousel  .owl-item {
    height: 100%;   
}
#main-slider .item {
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
}
#slider-item-1 {
    background-image: url(../images/bg1.jpg);
}
#slider-item-2 {
    background-image: url(../images/bg2.jpg);
}
#slider-item-3 {
    background-image: url(../images/bg3.jpg);
}
@media (max-width: 500px) {
    #slider-item-1 {
        background-image: url(../images/bg1sm.jpg);
    }
    #slider-item-2 {
        background-image: url(../images/bg2sm.jpg);
    }
    #slider-item-3 {
        background-image: url(../images/bg3sm.jpg);
    }
}
.slider-inner .row {
    padding: 0;
}
#main-slider .owl-prev,
#main-slider .owl-next {
    position: absolute;
    top: 50%;
    background-color: rgba(0, 0, 0, 0.2);
    color: #fff;
    font-size: 30px;
    display: inline-block;
    margin-top: -35px;
    height: 70px;
    width: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 100px;
    z-index: 5;
    -webkit-transition: background-color 400ms;
    transition: background-color 400ms;
}
#main-slider .owl-prev:hover,
#main-slider .owl-next:hover {
    background-color: #cc181e;
}
#main-slider .owl-prev {
    left: -35px;
    text-indent: 10px;
}
#main-slider .owl-next {
    right: -35px;
    text-indent: -14px;
}
.slider-label {
    border-radius: 80px 80px 0 0; 
    margin: auto; 
    padding: 20px 60px;
    position: relative;
}
.slider-label * {
    color: #fff;
    font-weight: 100;
    font-size: 45px;
    text-align: center;
}
@media (min-width: 1001px)  {
    .slider-label {         
        width: 703px;
        bottom: 196px;
    }   
}
/*@media (max-width: 1000px){   */
#main-slider .slider-inner {    
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
/*}*/
@media (max-width: 1600px) {

    .slider-label h1 {
        font-size: 50px;
    }
    .slider-label h2 {
        font-size: 25px;
    }
}
@media (max-width: 1000px) {
    .slider-label h1 {
        font-size: 30px;        
    }
    .slider-label {
        padding: 10px 30px 20px 30px;
        bottom: 144px;
        width: 500px;
    }
}
@media (max-width: 500px) {
    .slider-label {
        padding: 10px 10px 20px 10px;
        max-width: 90%;
        bottom: 123px;
    }    
    .slider-label h1 {
        font-size: 20px;
    }
}
#progressBar {
    margin-top: -43px;
    position: relative;
    z-index: 999;
    width: 100%;
    background: rgba(0, 0, 0, 0.1);
}
#bar {
    width: 0%;
    max-width: 100%;
    height: 5px;
    background: #F44336;
}
/*O NAS czyli #about-us*/
#about-us .container {
    max-width: 1000px;
}
#about-us .section-title {
    color: #fff;
}
#about-us .section-header {
    min-height: 100%;
}
#about-us .pinky {  
    padding: 50px 30px;
    border-radius: 80px;
}
@media (max-width: 500px) {
    #about-us {
        padding: 100px 0;
    }
    #about-us .pinky {  
        margin-top: 50px;
    }

}
#about-us .row {
    padding: 5px 0 15px 0;
}
/*ZESPÓŁ czyli #team*/
#team {
    min-height: auto;
    padding-bottom: 0;
}
#team .row {
    padding-bottom: 0;
}
@media (min-width: 1200px){  
    .container-fluid .col-lg-2 {
        width: 20%;
    }
    #team .container-fluid {
        margin-right: 0;
        margin-left: 0;
    }
}
#team .member:nth-of-type(1) { background-image: url(../images/kasia.jpg); }
#team .member:nth-of-type(2) { background-image: url(../images/marek.jpg); }
#team .member:nth-of-type(3) { background-image: url(../images/karol.jpg); }
#team .member:nth-of-type(4) { background-image: url(../images/przemek.jpg); }
#team .member:nth-of-type(5) { background-image: url(../images/maciej.jpg); }

#team .member {  
    background-size: cover;
    min-height: 400px;
    padding: 0;
} 
@media (max-width: 500px) and (min-width: 767px) {
    #team .member {
        background-size: contain;
        min-height: 400px;   
        background-repeat: no-repeat;
        background-position: center;
    }
}
#team .member > div {
    /*    background:rgba(255,255,255, 0.9);*/
    padding: 25px;
    color: #000;
    opacity: 0;
    min-height: 400px;
    transition: all 0.5s ease-out;       
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#team .long-description {
    font-size: 16px;
    line-height: 22px;
}
#team .member h3 {
    font-weight: 300;
    padding-bottom: 4px;
    margin-bottom: 4px;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 28px;
}
#team .member p {
    font-weight: 200;
}
#team .member:hover > div {
    opacity: 0.95;
}
.team {
    padding: 350px 0 400px 0;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;
}
@media (max-width:500px) {
    .team {
        background: #fff url(../images/muzyka.png) cover no-repeat fixed;
        overflow: auto;
    }
    #about-us .section-header {
        margin: 0;
    }
}
.features {
    padding: 150px 0;
    align-items: center;
}
@media (min-width: 576px) {
    .features {
        display: flex;
        justify-content: space-between;
    }
}
.service-box:hover {
    transform: scale(1.05);    
}
.service-box {
    margin: 25px 5px; 
    text-align:center;
    transition: all 0.5s ease-out;   
    box-shadow: 10px 10px 5px 0 rgba(0,0,0,.75), 0px 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);
    background-image: url("../images/karton.jpg");
    background-size: contain;  
    padding: 30px;
    border-radius: 10px;
}
.media.service-box .pull-left {
    width: 100%; 
    padding-bottom: 10px;
}
.media.service-box .pull-left > i {
    font-size: 50px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    width: 64px;
}
.media-body p,
.media-body li { 
    line-height: 30px;
    padding: 20px 30px 10px 30px;
    font-size: 20px;
    font-weight: 400;
}
/*#portfolio czyli GALERIA*/
#portfolio {
    background: #f5f5f5;
    min-height: 1100px;
    height: 140%;
}
#portfolio .portfolio-filter {
    list-style: none;
    padding: 0;
    margin: 0 0 50px;
    display: inline-block;
}
#portfolio .portfolio-filter > li {
    float: left;
    display: block;
    border-radius: 10px;
}
#portfolio .portfolio-filter > li a {
    display: block;
    padding: 7px 15px;
    color: #64686d;
    position: relative;
    border-radius: 10px;
}
#portfolio .col-md-4 {
    max-height: 180px;
}
#portfolio .portfolio-filter > li a:hover,
#portfolio .portfolio-filter > li a.active {
    background: #DDC299;
    color: #fff;
}
#portfolio .portfolio-items {
    margin: -15px;
}
#portfolio .portfolio-item {
    width: 19.5%;
    float: left;
    /*  padding: 15px;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
#portfolio .portfolio-item .portfolio-item-inner {
    position: relative;
    min-height: 180px;
    width: 100%;
    background-size: cover;
}
/*VIDEO*/
#video {
    padding-bottom: 150px;
}
#video .section-title {
    padding-bottom: 0;
    margin-bottom: 0;
}
#video .container {
    max-width: 1000px;
}
#video .video > div {
    padding: 0;
    display: flex;
    justify-content: center;
    margin: 16px 0;
}
#video h3 {
    transition: all 0.3s ease-out;    
    font-weight: 500;
}
#video .fa-youtube,
#video h3:hover {
    color: #cc181e;  
}
#video .row.yt {
    padding-top: 0;
    padding-bottom: 25px;
}

.pricing .row,
#oferta .row {   
    padding: 50px 0;
}
#gallery .section-title {
    color: #fff;
    margin-bottom: 18px;
}
.nauka {
    min-height: 180px;
    font-size: 22px;
    margin: auto; 
    border-radius: 10px;
    padding: 30px;
    text-align: center;   
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 20px;
}
#gallery {
    padding-bottom:  100px;
}
@media (max-width: 500px) {
    #gallery {
        height: 100%;
    }
}
#gallery .col-sm-2  {
    height: 180px;
    background-size: cover;
    padding: 0;
}
#gallery a div img {
    height: 180px;
}
.view.col-sm-2 .mask {
    position: static;
}
.second-effect.col-sm-2 .info {
    position: absolute;
}
#korepetycje-testimonials {
    width: 290px;
    height: 103px;
} 
#fb-testmonials {
    width: 106px;
    height: 140px;
}
#music, footer {
    min-height: auto;
}
/*kontakt*/
#get-in-touch {
    min-height: 500px;
    padding: 50px 0;
}
#get-in-touch .address{ 
    float:left; 
    width:100%;  
    text-align: center;  
    /*    font-size: 18px;*/
}
#get-in-touch * {color: #fff;}
#get-in-touch .address h3{ color:#454545; margin:8px;}
#get-in-touch .address p{ font-size:16px; margin:0px; padding-bottom:5px;}

#get-in-touch .form-control{ height:40px;font-family: 'Ubuntu', sans-serif; color:#323232;}
#get-in-touch  textarea.form-control{ height:135px;color:#323232;}

#get-in-touch .btn.btn-primary{font-family: 'Ubuntu', sans-serif; font-size:22px; padding:8px 40px;}

#owl-example .item{ margin:15px;}

#contact .container-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(69, 174, 214, 0.3);
    z-index: 1;
}
#contact .contact-form {
    background: rgba(255, 255, 255, 0.8);
    padding: 20px;
    margin-top: 50px;
}
#contact .contact-form h3 {
    margin-top: 0;
}
/***********************
********* Footer ******
************************/
#footer {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    background: #2e2e2e;
}
#footer a {
    color: #fff;
}
#footer a:hover {
    color: #cc181e;
}
#footer ul {
    list-style: none;
    padding: 0;
    margin: 0 -7.5px;
}
#footer ul > li {
    display: inline-block;
    margin: 0 7.5px;
}
@media only screen and (min-width: 768px) {
    #footer .social-icons {
        float: right;
    }
}
.form-control {
    box-shadow: none;
    -webkit-box-shadow: none;
}
@media (max-width:767px) {
    #main-slider .slider-inner p {
        font-size: 20px;           
    }   
    .no-padding-sm {
        padding: 0 !important;
    }
    .sm-padding-sm {
        padding: 5px !important;
    }
    #oferta .nauka {
        padding: 5px;
    }
    .row-justify {
        justify-content: initial;
        display: block;
        text-align: center;
    }      
    .payment-info span {
        max-width: 150px;
        display: block;
        margin: auto;
        line-height: 23px;
    }
    #portfolio .section-header .section-title {
        border: none;
    }
    #oferta .col-sm-10 h3.oferta-cennik {
        padding: 20px;
        margin: 20px;
    }
}
@media (max-width:767px) and (min-width:575px) {
    #about-us .service-box {
        padding: 15px 5px;       
    }
}
#jssor_1 .img-fixed {
    width: auto;
    max-width: 800px;
}
/*you tube*/
.youtube-player {
    position: relative;
    padding-bottom: 28.23%;
    height: 0;
    overflow: hidden;    
    background: transparent;
    border: 10px solid transparent;
    box-sizing: border-box;
}
@media (min-width: 1200px) {
    .youtube-player {
        padding-bottom: 17.23%;
    }
}
.youtube-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: transparent;
}

.youtube-player img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    height: auto;
    cursor: pointer;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    transition: .4s all;
}

.youtube-player img:hover {
    -webkit-filter: brightness(75%);
}

.youtube-player .play {
    height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    background: url("//i.imgur.com/TxzC70f.png") no-repeat;
    cursor: pointer;
}
/*you tube end*/

#get-in-touch p#contact-info {
    margin-top: 16px;
}

/*Repertuar*/
#music {
    min-height: auto;
}
@media (max-width: 500px) {
    #music {
    padding-bottom: 100px;
}
}
#music .container {
    max-width: 900px;
}
#music i {
    font-size: 50px;
    margin-top: 70px;
}
@media (max-width: 1200px) {
    #music i {
        margin-top: 0;
    }    
}
#music a:hover h3 {
    color: #33691E;
    transition: color .4s ease-in-out;
}
.songs * {
    font-weight: 500;
}
.songs .container {
    max-width: 600px;
}

/*Music Accordion*/
#accordion {
    margin: 0 0 50px 0;
}
#accordion .ui-state-default:hover,
#accordion .ui-state-default.ui-state-active {
    border: none;
    background: #cc181e;  
    color: #fff !important;
}
#music .ui-accordion .ui-accordion-content {
    height: auto !important;
}
#music .ui-icon.ui-icon-plus {
    background-image: url(images/ui-icons_cc0000_256x240.png);
}
#music .ui-accordion .ui-accordion-header {
    padding: 1.5em 1.5em 1.5em 1.7em;
}
@media (max-width: 500px) {
    #music .ui-accordion .ui-accordion-content {
        padding: 1em 0.2em;
        font-size: 14px;
    }
}
#music .ui-state-default {
    /*    background: #fff;*/
    -webkit-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
    border: none;
}
/*End Repertuar*/