/* Main */
body{
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}

h1, h2, h3, h4, h5, h6{
    font-weight: bold;
    text-transform: uppercase;
}
a:hover{text-decoration: none !important;}
.iv-link-arch{
    color:#000; 
    padding:5px;
    background-color:#c6f596;
    border-radius:2px;
    margin:5px;
}
.iv-link-arch:hover, .iv-link-arch-active{background-color:#a0dc62 !important;text-decoration: none !important;} 
.container-fluid{
    padding: 0;
} 
.iv-plakat{
    width:100%;
    height:600px;
    background-size:100%;
    background-image: url(../img/plakat.jpg);
    background-color: #71706E;
    background-repeat: no-repeat;
    padding-top:530px;
    text-align: center;
    padding-left:22%;
}
.iv-plakat a{color:#666;}
.iv-plakat a:hover{color:#333;}
.iv-zdjecia-akt{
    width:100%;
    height:250px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 5px;
}
.logo{
    padding-top: 0;
    margin-top: -16px;
    height: auto;
    position: relative;
    z-index: 1;
}

.logo-small{
    width: 280px;
}

.logo-small img{
    width: 97%;
}

.no-margin{
    margin: 0;
}

.marg-bot-40{
    margin-bottom: 40px;
}

.more-link{
    display: inline-block;
    background-color: #a0dc62;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
    border-radius: 5px;
    padding: 14px 42px;
}

.more-link:hover{
    background-color: #aeeb6f;
    transition-duration: 0.4s;
}

.more-link-purple{
    display: inline-block;
    background-color: #9979ed;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    border-radius: 5px;
    padding: 18px 42px;
}

.more-link-purple:hover{
    background-color: #a785ff;
    transition-duration: 0.4s;
}

.more-link-yellow{
    display: inline-block;
    background-color: #f8a42a;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
    border-radius: 5px;
    padding: 16px 42px;
}

.more-link-yellow:hover{
    background-color: #ffbb2a;
    transition-duration: 0.4s;
}

.more-link-small{
    font-size: 15px;
    padding: 10px 38px;    
}

.more-link:hover, .more-link-purple:hover, .more-link-yellow:hover{
    color: white;
    text-decoration: none;
}

/* HEADER */
/* Top bar */
.social-top-bar{
    background-color: #a0dc62;
    height: 42px;
}

.social-top-bar div{
    padding-top: 3px;
    padding-left: 0;
}

.social-top-bar a{
    color: #6bac29;
    font-size: 24px;
    margin-right: 26px;
}

.social-top-bar a:hover{
    color: white;
}

.contact-top-bar{
    background-color: #9979ed;
    height: 42px;
    color: #fff;
    padding-top: 10px;
}
.contact-top-bar a{
    color: #fff;
}
.contact-top-bar span{
    margin-right: 10px;
}

.bg-gray{
    background: url("../img/bg-gray.jpg");
}


/* Main menu */
.navbar{
    margin: 0;
    height: 83px;
    padding-top: 16px;
}

.navbar ul li a{
    color: black;
    font-weight: bold;
    font-size: 14px;
}

.navbar ul li a:hover, .navbar ul li.active a{
    color: #e98b02;
    font-weight: bold;
    background: none;
}

.navbar ul li a:focus{
    background: none !important;
}

.dropdown-menu{
    background-color: #e98b02;
    padding: 0;
}

.dropdown-menu li a{
    color: white !important;
    font-weight: normal !important;
    padding: 12px 20px 13px;
    border-bottom: 1px solid #e78500;
}

.dropdown-menu li a:hover{
    background-color: #f8a42a !important;
    border-bottom: 1px solid #f3a93d;
}

/* Slider */
.slider-container{
    background: url("../img/slider-bg.jpg") no-repeat;
    background-size: contain;
/*    height: 756px;*/
    color: white;
}

.slider-container .item{
    height: 630px;
    padding-top: 54px;
}

.slider-container .item h2{
    font-weight: bold;
    font-size: 64px;
    width: 600px;
}

.slider-arrow{
    width: 70px;
    height: 70px;
    
}

.slider-arrow-left{
    background: url(../img/slider-arrows.png) no-repeat;
    background-position: 0 0;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
}

.slider-arrow-right{
    background: url(../img/slider-arrows.png) no-repeat;
    background-position: -70px 0;
    position: absolute;
    top: 50%;
    right: 50%;
    z-index: 5;
}

.slider-more{
    margin-top: 36px;
}

.carousel-control{
    height: 98%;
}


#myCarousel a.left:hover .slider-arrow-left{
    background-position: 0 -70px;
}

#myCarousel a.right:hover .slider-arrow-right{
    background-position: -70px -70px;
}


/*CONTENT*/

.bg-white{
    background: url("../img/akt-bg.png");    
}
/* Aktualności */
.feature-aktual{    
    margin-top: -80px;
    padding-bottom: 100px;
}

.fature-aktual-bottom{
    padding: 0;
}

.rounded-gray{
    background: #f8f8f8;
    border-radius: 10px;
}

.aktual-row{
    padding: 15px;
    padding-right: 15px;
    margin-bottom: 40px;
}

.post-container{
    padding: 15px;
}

.f-akt-intro-txt{
    margin-bottom: 50px;
    color: #6e6f6f;
    line-height: 28px;
}

.aktual-img{
    padding: 0 !important;
}

.aktual-desc{
    line-height: 30px;
    color: #6e6f6f;
    padding: 0 20px;
}

.aktual-desc h3{
    margin-top: 0;
    margin-bottom: 0;
    color: black;
}

.aktual-date{
    font-size: 14px;
    font-style: italic;
    color: #bdbdbd;
}

/*.aktual-desc h3::after{
        display: block;
        content: "";
        width: 90px;
        height: 1px;
        background-color: #a0dc62;
        position: absolute;
        top: 60px;
        left: 15px;
}*/

.hr1{
    width: 90px; 
    height: 1px; 
    background-color: #a0dc62;
    margin-top: 10px;
    border: 0;
}

.hr1-white{
    background-color: white;
    width: 70px;
    margin-top: 12px;
    margin-bottom: 8px;
}

.aktual-desc p{
    margin: 20px 0;
    margin-bottom: 30px;
}

.bells{
    background-color: #a0dc62;
    color: white;
    padding: 0;
    padding-bottom: 46px;
    border-radius: 5px;
}

.bells-h-container{
    border-bottom: 1px solid #bae68e;
    background: url("../img/bells-h-bg.png") center right no-repeat;
    background-size: 100%;
}

.bells-h-container h3{
    text-shadow: 4px 4px 0 #72bc26;
    margin: 0;
    padding: 46px 0;
}

.bl-t{
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
    text-shadow: 2px 2px 0 #72bc26;
}

.bell-info{
    color: #c1c1c1;
    background-color: white;
    border-radius: 5px;
    padding: 16px 22px;
    margin-bottom: 14px;
}

bells .bell-info:last-child{
    margin-bottom: 50px;
}

.bell-info div{
    padding: 0;
}

.bell-info span{
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
}

.bells-more{
    margin-top: 30px;
}

.section-container{
    color: white;
    padding: 130px 0;
    padding-bottom: 100px;    
}

.section-padding{
    padding: 130px 0;    
}

.section-container .row{
    margin-bottom: 40px;
}

/* Teachers */
.teachers-container{
    background: url("../img/teachers-bg.jpg") center top repeat-y;
}

.teacher-pic-wrapper{
    margin-bottom: 30px;
}

.teacher-pic:hover{
    transition-duration: 0.4s;
}

/*.teacher-pic:hover img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition-duration: 0.6s;
}*/

.teacher-pic{
    overflow: hidden;
}

.color-gray{
    color: #aaabab;
}

.color-black{
    color: black;
}

.section-desc{
    padding: 0 170px;
    line-height: 26px;
    margin: 30px 0;
}

.half-col-desc{
    
}

.hr4{
    width: 190px; 
    height: 4px; 
    background-color: #a0dc62;
    margin-top: 10px;
    border: 0;
}

.hr4-purple{
    background-color: #7955da;
}

.teacher-pic{
    padding: 0;  
}

.teacher-name-container{
    margin-top: -150px;
    padding: 10px;
}

.teacher-name{
    background-color: #f8a42a;
    padding: 20px 5px;
    padding-bottom: 40px;
    color: white;
}

.teacher-subject{
    display: block;
}

/* Gallery teaser */
.gallery{
    background: url("../img/gallery-bg.jpg") center top;
    color: white !important;
}

.thumb-big{
    padding: 0;
    overflow: hidden;
}

.thumb-big a{
    display: block;
}

.thumb-big a:hover img{
    opacity: 0.8;
}

/* Partnership - logos */
.part-images-container img{
    margin: 0 10px;
}

/* CONTENT - Page */
.page-banner{
    background: url("../img/baner-page.jpg") center top no-repeat;
   min-height:180px;
    padding-bottom:40px;
    -webkit-background-size: cove;
    background-size: cover;
    margin-top: -90px;
}

.banner-h1{
    color: white;
    margin-top: 100px;
}

.page-container{
    padding-bottom: 50px;
    padding-left: 0;
    padding-right: 0;
}

.breadcrumb-container{    
    margin-top: -40px;
}

.breadcrumb{
    margin-bottom: 0;
}

/* Siedebar */
.sidebar-box{
    border: 2px solid #ebebeb; 
    padding: 20px;
}

.sidebar-box h3{
    margin-top: 0;
}

.sidebar-box div{
    padding: 0;
}

.box-category{
    display: block;
    width: 100%;
    color: #888;
    text-transform: uppercase;
    padding: 10px 20px;
    border-radius: 25px;
    margin-bottom: 5px;
    font-weight: bold;
}

.box-category:hover, .iv-active-category{
    color: #f4664e;
    text-decoration: none;
    background: #f8f8f8;
}

/* CONTACT - page */
.contact-page-addr span.fa{
    color: #bae68e;
}

.contact-page-addr div.addr-row{
    border-top: 1px solid #e9e9e9;
    padding-top: 25px;
    padding-bottom: 5px;
    margin: 0;
}

.contact-page-addr div.addr-row:last-child{
    border-bottom: 1px solid #e9e9e9;
}

.contact-page-addr h4{
    display: inherit;
}

.cont-elem{
    margin-top: 10px;
    color: #969d9f;
    font-weight: bold;
}

form input, form textarea{
    border: 1px solid #efefef !important;
}

form input{
    height: 60px !important;
}

form textarea{
    height: 210px !important;
}

form input:focus, form textarea:focus{
    border: 2px solid #9979ed !important;
}

button[type="submit"]{
    margin-top: 20px;
}

/* FOOTER */
footer{
    background: url(../img/footer-bg.jpg) center top;
    color: #bebebe;
    line-height: 28px;
    padding-top: 60px !important;
}

.footer-cols-container{
    padding-bottom: 30px;
}

.footer-contact p{
    margin-bottom: 30px;
}

footer h3{
    color: white;
    margin-bottom: 20px;
}
.iv-img-display{
    width:100%;
    height:100px;
    border-radius: 4px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.hr-short{
    margin-bottom: 40px !important;
    height: 2px;
    border: 0;
    background-color: #969696 !important;
    width: 40px !important;
}

.hr-short-green{
    margin-bottom: 40px !important;
    height: 2px;
    border: 0;
    background-color: #a0dc62 !important;
    width: 40px !important;
}

footer ul{
    padding-left: 20px;
    list-style: circle;
}

footer ul li{
    color: #f8a42a;
}

footer ul li:hover{
    list-style: disc;
    color: #72bc26;
}

footer a{
    color: #bebebe;    
}

footer a:hover{
    color: #a0dc62;
    text-decoration: none;
}

footer address{
    color: #a0dc62;
    margin-bottom: 40px;
}

address .fa{
    margin-right: 10px;
}

address div{
    margin: 20px 0;
}

ul.footer-gallery{
    list-style: none !important;
    padding: 0;
    margin-bottom: 0;
}

ul.footer-gallery li.thumb-small{
    height: 100px;
    width: 90px;
    float: left;
    overflow: hidden;
}

.thumb-left{
    margin-right: 10px;
    margin-bottom: 10px;
}

.thumb-center{
    margin: 0 10px;
    margin-bottom: 10px;
}

.thumb-right{
    margin-left: 10px;
    margin-bottom: 10px;
}

ul.footer-gallery li:hover{
    list-style: none;
}

ul.footer-gallery li a{
    background-color: #72bc26;
}

ul.footer-gallery li a:hover img{
    opacity: 0.8;
}

ul.footer-gallery li a img{
    width: 90px;
}

.footer-bottom{
    border-top: 1px solid #969696;
    padding: 10px;
}

.footer-social{
    padding: 20px 0;
}

a.fb:hover{
    background-color: #3b5999;
    border: 2px solid #5580d9;
}

a.tt:hover{
    background-color: #55acee;
    border: 2px solid #9fd6ff;
}

a.pin:hover{
    background-color: #bd081c;
    border: 2px solid #f20a24;
}

a.inst:hover{
    background-color: #e4405f;
    border: 2px solid #ff879e;
}

.footer-bottom a, .social-icon{
    display: inline-block;
    border: 2px solid gray;
    width: 60px;
    height: 60px;
    padding-top: 20px;
    border-radius: 70px;
    color: white;
    background-color: #5a5a5a;
    margin: 5px;
    text-align: center;
    line-height: 0;    
}

.footer-bottom a:hover, .social-icon:hover{
    color: white;
}

.copyrights{
    text-transform: uppercase;
}
.iv-kafelek, .iv-min-gal, .iv-zd-gal{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
   border-radius: 8px;
    height:250px;
    width:100%;
}
.iv-zd-gal{margin-bottom:20px;}
.iv-box-g{
     margin-bottom:20px;
}
.iv-opis{color:#333; height:50px;width:100%;}
/* MQ */
@media (max-width: 1600px){
    #myCarousel{
        height: 630px;
    }    
}

@media (max-width: 1366px){
    .logo{
        width: 95%;
    }
    
    .logo-small{
        width: 90%;
    }
    
    #myCarousel{
        height: 540px;
    }
    
    .carousel-control{
        width: 6%;
    }
    
    #myCarousel .item{
        padding-top: 0;
    }
    
    #myCarousel h2{
        font-size: 54px;
    }
    
    /*.page-banner{
        height: 190px;
    }*/
    
    .banner-h1{
       float: left;
        margin-top: 60px;
        margin-left: 20%;
    }

}

@media (max-width: 1250px){
    .social-top-bar div{
        padding-right: 0;
    }
}

@media (max-width: 1199px){
    footer{
        background-size: cover;
        background-repeat: no-repeat;
    }
    .page-banner {
    margin-top: -50px;
    }
  
    #myCarousel{
        height: 510px;
    }
    .logo img{
        width:180px;height:auto;
    }
    .section-container{
        padding: 80px 0;
    }
    
    .container{
        width: 90%
    }
    
    .carousel-control{
        height: 460px;
    }
    
    .slides-container{
        height: 460px;
        width: 80%;
    }
    
    .slider-arrow-left{
        left: 3%;
        top: 45%
    }
    
    .slider-arrow-right{
        right: 3%;
        top: 45%;
    }
    
    .banner-h1{
        margin-left: 10%;
    }
    
    .feature-aktual{
        padding-bottom: 70px;
    }
    
    .breadcrumb-container{
        margin-top: -65px;
    }
    
    .breadcrumb{
        padding: 5px 8px;
    }
    
    .banner-h1{
        margin-top: 46px;
    }
}
@media (max-width: 1120px){
    .navbar ul li a {
   padding:10px 8px !important;
    font-size: 13px;
}
    .social-top-bar{
        width:15%;
    }
    .contact-top-bar{
        width:85%;
    }
}
@media (max-width: 991px){
    .breadcrumb-container {
    margin-top: -20px !important;
    }
     .bells {
    height: 980px;
    }
     .logo img{
        width:160px;height:auto;
    }
     .logo{
        padding: 0;
        width: 85%;
    }
    
    .section-container{
        padding: 60px 0;
    }
    
    .section-padding{
        padding: 70px 0;
    }
    
    #bs-example-navbar-collapse-1{
        padding: 0;
    }
    
    .feature-aktual-big{
        margin-bottom: 20px;
    }
    
    .feature-aktual-bottom{
        display: none !important;
    }
    
    .bells-h-container{
        background-position: center;
        background-size: 50%;
    }
    
    .feature-aktual{    
        margin-top: -160px;
    }
    
    .aktual-row{
        margin-bottom: 0;
    }
    
    .slider-container .item h2{
        font-weight: bold;
        font-size: 44px !important;
    }
    
    .slider-more{
        margin-top: 10px;
        font-size: 17px;
        padding: 12px 36px;
    }
    
    .slider-arrow-left{
        left: 10%;
    }

    .slider-arrow-right{
        right: 10%;
    }
    
    .part-images-container{
        padding: 0;
    }
    
    .part-images-container img{
        margin-right: 0;
    }
    
    .footer-wrapper{
        padding: 0;
    }
    
    .thumb-left{
        margin-right: 0;
        margin-bottom: 5px;
    }

    .thumb-center{
        margin: 0;
        margin-bottom: 5px;
    }

    .thumb-right{
        margin-left: 0;
        margin-bottom: 5px;
    }
    
    footer .thumb-small{
        margin-right: 10px;
    }
    
    .footer-gallery-wrapper{
        clear: both;
        margin-top: 20px
    }
    
    .banner-h1{
        margin-left: 5%;
    }
    
    .breadcrumb-container{
        margin-top: -75px;
        margin-bottom: 20px;
    }

    .breadcrumb{
        padding: 0px 8px;
    }
    
    .sidebar{
        padding-right: 0;
    }
}
@media (max-width: 870px){
    .navbar ul li a {
   padding:10px 7px !important;
    font-size: 12px;
    }
     .logo img, .logo-small img{
        width:100px;height:auto;
    }
    .page-banner {
    margin-top: -20px;
    }  
}
@media(max-width: 767px){
    .rounded-gray{
        margin-top:20px;
    }
    .navbar-nav {
    margin: 7.5px 0px;
    }
    .iv-container-menu-mob{
        width:100% !important;
    }
     .social-top-bar{
        width:15%;
    }
    .nav > li {
    border-top: 1px solid #eee !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    }
    .nav{
        text-align:right;
    }
    .dropdown-menu li{
        background-color: #F8A42A;
    }
    .contact-top-bar{
        width:85%;
    }
    .logo img {
    width: 160px;
    height: auto;
    }
    
    .navbar-collapse{
        position: relative;
        z-index: 2;
        background-color: #fff;
    }
    
    .navbar ul li a {
    font-size: 14px;
    }
    .logo{
        width: 35%;
    }
    
    .logo-small{
        width: 30%;
    }
    
    .navbar{
        height: 108px; 
    }
    
    .navbar-toggle{
        border: 2px solid #a0dc62;
        padding: 20px 18px;
    }
    
    .navbar-toggle .icon-bar{
        width: 28px;
    }
    
    .navbar-toggle .icon-bar{
        background-color: #a0dc62;
    }
    
    #myCarousel{
        height: 450px;
    }

    #myCarousel h2{
        font-size: 28px !important;
        width: 320px;
    }
    
    .carousel-control{
        height: 290px;
    }
    
    .feature-aktual{    
        margin-top: -170px;
    }
    
    .section-desc{
        padding: 0;
    }
    
    .footer-wrapper{
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .footer-cols-container div{
        margin-bottom: 50px;
    }
    
    .footer-contact address div{
        margin-bottom: 30px;
        font-size: 20px;
    }
    
    .footer-contact h3{
        text-align: left;
    }
    
    p, span{
        font-size: 18px;
    }
    
    .banner-h1{
        margin: 5% 2%;
    }
    
    .sidebar{
        margin-top: 40px;
        padding-left: 0;
    }
}


@media (min-width: 768px){
    .navbar-right .dropdown-menu {
        right: auto;
        left: 0;
    }    
}
@media (max-width: 600px){
  .contact-top-bar span{
        font-size:13px;
    }
    .aktual-img, .aktual-desc{
        width:100% !important;
    }
    .carousel-control {
    height: 100px;
    }
    .page-banner {
    min-height: 80px;
    }
    .social-top-bar a {
    margin-right: 10px;
    }
    .slider-container {
    background-size: cover;
   background-position: right center;
        height:300px;
}
    .feature-aktual {
    margin-top: -60px;
}
}
@media (max-width: 440px){
  .social-top-bar{
        width:10%;
    }
    .contact-top-bar{
        width:90%;
    }
    .contact-top-bar span {
    font-size: 10px;
    }
    .contact-top-bar{padding-right:5px; padding-left:5px;}
}
@media (max-width: 380px){
    .bells {
    height: 1200px;
    }
}