/*
Theme Name: Marianna Theme
Theme URI: 
Author: 
Author URI: 
Description: Responsyvny styl strony Marianna Theme
Version: 2.0

CSS
*/

body{font-family: 'Raleway', sans-serif;}
h1, h2{font-family: 'Oswald', sans-serif;}
.container-full{width:100% !important;overflow:hidden;}
.play_anhor{display:block;width:100px;height:100px;margin:0 auto;background:#9ae1d3;border-radius:50%;text-align:center;padding:30px;padding-left:40px;margin-top:20px;margin-bottom:10px;}
.play_anhor img{width:30px;height:auto;}
.img100{width:100%;height:auto;}
.jak-spiewam h2{margin-bottom:20px;padding:10px;padding-left:90px;font-family: 'Oswald', sans-serif;font-weight:100 !important;font-size:40px;background: url(img/play-icon.png) no-repeat;background-size:contain;background-position:left;}

.title-margin {padding-left:30px !important;}
.link_green a{color:#2a544c !important}
.co_komponuje h2{margin-bottom:20px;font-family: 'Oswald', sans-serif;font-weight:100 !important;font-size:40px;}
.co_komponuje{position:relative;}
.circle_bg_single{position:relative;margin-top:-40px;z-index:-1;max-width:100%;height:auto;}

.oktawy{width:100%;height:500px;position:relative;transition:all 0.2s !important;}
.oktawy p{font-family: 'Oswald', sans-serif;text-align:center;padding-top:400px;color:#2a544c;font-size:70px;font-weight:400;}
.oktawy:hover{opacity:0.6;}
.oktawy_active{opacity:0.6;}
.oktawy_hover{display:block;width:100%;height:500px;background:#369281;text-decoration:none !important;}

.music-type{position:relative;margin-top:-100px !important;padding-top:50px !important;}
.kontakt{background:#fff !important;margin-bottom:0px !important;}
.margin50{margin-top:50px;margin-bottom:50px;}
.img-responsive{max-width:100%;height:auto;}
.play_icon{position:relative;z-index:9999;width:100px;height:auto;display:block;margin:0 auto;margin-top:-70px;}
.play_box{color:#000 !important;position:relative;min-height:200px;width:100%;background:#fff;margin-bottom:20px;padding-top:15px;}

.spiewam_menu{margin-bottom:65px;font-size:32px;text-align:justify;font-family: 'Oswald', sans-serif;font-weight:200;text-align-last:justify;}
.spiewam_menu a{color:#000 ;}
.green{color:#369281 !important;}

.wybierz_utwor{margin-top:-30px;background:#fcd061;color:#000;font-family: 'Raleway', sans-serif;font-size:20px;font-weight:400;width:100%;border-radius:40px;}
.wybierz_utwor span{display:inline-block;padding:30px;}
.wybierz_utwor p{display:block;width:80px;height:80px;border-radius:50%;float:right;background:#fff0a3;border:2px solid #fff;margin:5px;}
.music_list{margin-top:50px;}

.no-link{text-decoration:none !important; }
.home-title{text-align:center;margin-top:30px;font-size:60px;font-weight:100 !important;text-transform:uppercase;font-family:'Oswald', sans-serif;}

.navbar {z-index:99999 !important;}

.page_desc{position:relative;font-family: 'Raleway', sans-serif;z-index:999;width:100%;display:block;left:0;right:0;margin: 0 auto;margin-bottom:100px;background:#ffeca8;color:#000; text-align:left;padding:30px;min-height:100px;}
.page_desc h1{font-size:50px;font-weight:100 !important;text-transform:uppercase;}
.page_desc p{font-size:24px;font-weight:200 !important;margin-top:30px;margin-left:0px;}

@media (max-width: 767px) {
.page_desc{margin-top:0px;}
.spiewam_menu{font-size:20px;margin-bottom:20px;}
.wybierz_utwor{margin-top:10px;}
.wybierz_utwor p{display:none;}
.music-type{margin-top:50px !important;}
.home_box span{display:none !important;}
.home_box{padding-top:20px !important;}
#content .col{width:33% !important;flex-basis:auto !important;}
}

.page_footer{background:#369281;color:#fff;padding:30px;text-align:left;font-size:20px;}
.navbar{position:fixed;width:100%;z-index:9999;}
.navbar-nav{font-family:Arial !important;}
.navbar-dark{background:#000 !important;}

.collapse {position:relative;}
.navbar-nav li {padding-left:20px;padding-right:20px;}
.navbar-nav li:first-child {padding-left:0px;}
.navbar-nav li:first-child .nav-link{padding-left:0px !important;}

.navbar-nav li:last-child {padding-right:0px !important;}
.navbar-expand-lg .navbar-nav .nav-link{padding-right:0px !important;}
.navbar-nav li a{color:#fff !important;transition:all 0.2s !important;}
.navbar-nav li a:hover{color:#fcd061 !important;}
.menu-left{position:absolute;left:0px;float:left;}
.circle_bg{overflow:hidden;background: url(img/bg.jpg);background-repeat:repeat;min-height:350px;padding-top:180px;padding-bottom:120px;margin-top:30px;margin-bottom:50px;}

.home_foto{display:block;height:1100px;float:right;}
.home_box{padding-top:50px;width:450px;height:350px;border-radius:20px;background:#fcd061;position:absolute;left:0px;margin-left:15px !important;font-size:50px;line-height:30px !important;text-align:center;font-weight:300; transition: all .2s ease-in-out !important;}
.home_box span{font-size:30px !important;color:#616f51 !important;line-height:25px !important;}


.kontakt-form {margin-top:0px !important;}
.kontakt-form .home_box{font-size:30px !important;line-height:35px !important;}
.kontakt-form .home_box:hover{transform: scale(1);}

.kontakt-form .home_box .form{font-size:18px;background:transparent;border:0px;text-align:center;width:100%;margin-top:20px;}
.kontakt-form .home_box textarea{height:270px;}
.kontakt-form .pos1{height:250px;}
.kontakt-form .pos2{height:250px;margin-top:275px;}
.kontakt-form .pos3{height:520px;margin-top:660px;}

.send{cursor:pointer !important;background:#369381;border:0px;border-radius:8px;font-size:20px;color:#fff;padding:15px 25px;float:right;margin-top:25px;transition:all 0.2s !important;}
.send:hover{transform: scale(1.1);}

.ucze-btn1{text-decoration:none !important;position:absolute;right:100px;text-align:center;width:150px;top:30px;margin:0 auto;cursor:pointer !important;background:#369381;border:0px;border-radius:8px;font-size:16px;color:#fff !important;padding:10px 15px;float:right;margin-top:25px;transition:all 0.2s !important;}
.ucze-btn1:hover{transform: scale(1.1);}

.ucze-btn2{text-decoration:none !important;position:absolute;right:100px;text-align:center;width:150px;top:90px;margin:0 auto;cursor:pointer !important;background:#369381;border:0px;border-radius:8px;font-size:16px;color:#fff !important;padding:10px 15px;float:right;margin-top:25px;transition:all 0.2s !important;}
.ucze-btn2:hover{transform: scale(1.1);}

.relative{position:relative;}
.wpcf7 form .wpcf7-response-output {margin-top: 120px !important;width: 400px !important;float: right !important;background: #fff !important;}


.pos1{margin-top:-10px;}
.pos2{margin-top:375px;}
.pos3{margin-top:760px;}


.home_box img{width:90px;height:auto;margin:0 auto;margin-top:40px;display:block;margin-bottom:20px;}
.home_box:hover{transform: scale(1.05);}
.no_decoration{color:#000 !important;text-decoration:none !important;}


.header .image{width:100%;height:auto;margin-top:30px;}
.header{position:relative;}
.header .social{position:absolute;right:100px;bottom:50px;z-index:999;}
.header .social img{display:block !important;margin-bottom:10px;width:50px;height:auto;}
.header .social  img{cursor:pointer;transition: all .2s ease-in-out; }
.header .social  img:hover{background:#ffdd0e;border-radius:8px;}
.bg-dark{background:#2a544c !important;}

.logo_big{width:100px;height:auto;position:absolute;left:15px;top:80px;}

.slider_text{position:absolute;width:500px;max-width:100% !important;text-align:left;font-size:50px;bottom:7%;font-weight:100;color:#2a544c;font-family: 'Oswald', sans-serif;opacity:1;}
.slider_text a{color:#2a544c !important;transition: all 0.2s !important;text-decoration:none !important;}
.slider_text a:hover{color:#fcd061 !important;}
.slider_text .a_active{color:#fcd061 !important;}


.szukajka{width:360px;padding:10px;position:absolute;top:90px;right:100px;background-color: RGBA(255,255,255, 0.2);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);border-radius:10px;}
.szukajka input{background:transparent;border:0px;width:80%;color:#fff;}
.szukajka button{ display:none;}



.title{font-size:25px;line-height:40px;color:#203867;text-align:center;margin-top:50px;margin-bottom:50px;}
.title2{font-size:25px;line-height:30px;color:#203867;text-align:center;margin-top:50px;margin-bottom:50px;}




.box_1{background:#5e160d !important;}
.box_2{background:#c47e7c !important;}
.box_3{background:#b36a75 !important;}
.box_4{background:#c47e7c !important;}
.box_foto{position:absolute;height:450px;width:auto;bottom:0px;right:0px;}


.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.1); }

.footer{background:#2a544c;padding-top:50px;padding-bottom:50px;color:#fff;}
.footer span{color:#dd960d;}
.footer a{color:#f4e89e;transition:all 0.2s !important;}
.footer a:hover{text-decoration:none !important;color:#fcd161;}
.footer ul{padding:0px !important;}
.footer li{list-style-type:none;padding-left:10px;line-height:25px;} 
.logo_mobile{display:none;}
.navbar-brand{display:none;}

.footer_icon{width:50px;height:auto;float:left;margin-right:20px;}

.obraz_ucze_mobile{display:none;}
.navbar-dark .navbar-toggler {border-color: #fff !important;}

@media (min-width: 3600px) {
.container-full{width:1140px !important;overflow:hidden; margin: 0 auto !important;}
.fourknone{max-width:40px !important;}
.fourk-lg-8{max-width:80%;flex: 80;}
}


.koncerty_desktop{position:fixed;width:100%;height:auto;bottom:0px;z-index:99999;}
.koncerty_mobile{display:none;}


/* Media queries
-------------------------------------------------- */
/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	/*
.home_box{margin-left:0px !important;}
.header .social{position:absolute;right:30px;bottom:auto;top:100px;z-index:999;}
.logo_big{display:none;}
.logo_mobile{display:block;width:50px;height:auto;}
.navbar-nav li {text-align:center;}
.menu-left{position:static;left:0px;float:none;}
.slider_text{position:absolute;width:500px;padding-left:0px;text-align:left;font-size:20px;bottom:7%;font-weight:400;font-family: 'Raleway', sans-serif;opacity:1;}
*/
.menu-left{position:static;left:0px;float:none;}
.header .social{position:absolute;right:10px;bottom:auto;top:100px;z-index:999;}
.header .social img{display:block !important;margin-bottom:10px;width:30px;height:auto;}
.image{margin-top:50px;}
.logo_mobile{display:block;width:50px;height:auto;}
.navbar-brand{display:block !important;}
.navbar-nav li {text-align:center;}
.title {padding-left:10px !important;}
.page_desc p{padding:0px;margin:0px;}
.page_desc .container{padding:0px !important;}
.logo_big{display:none;}
.header .image{margin-top:70px;}
.jak-spiewam{padding:20px;}
.home_foto{width:90% !important;height:auto;margin:0px !important;margin-bottom:90px !important;float:right;margin-right:10px;}
.home_box{width:220px;height:220px;border-radius:10px;background:#fcd061;position:absolute;left:25px;margin-left:0px !important;font-size:20px;text-align:center;font-weight:300; transition: all .2s ease-in-out !important;}
.home_box img{width:70px;height:auto;margin-top:30px;}
.pos1{margin-top:-80px;}
.pos2{margin-top:170px;}
.pos3{margin-top:420px;}
.logo_mobile{margin-left:10px;}
.title2{padding:20px;}
.padding-mobile{padding:30px !important;}
.jak-spiewam h2{margin-bottom:20px;padding:10px;padding-left:90px;font-family: 'Oswald', sans-serif;font-weight:100 !important;font-size:30px;background: url(img/play-icon.png) no-repeat;background-size:contain;background-position:left;}


}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
.slider_text{position:absolute;width:300px;max-width:100% !important;text-align:left;padding-left:15px;font-size:26px;bottom:7%;font-weight:100;color:#2a544c;font-family: 'Oswald', sans-serif;opacity:1;}
.navbar-brand{display:block !important;}
.menu-left{position:static;left:0px;float:none;}
.header .social{position:absolute;right:10px;bottom:auto;top:76px;z-index:999;}
.header .social img{display:block !important;margin-bottom:10px;width:30px;height:auto;}
.image{margin-top:50px;}
.logo_mobile{display:block;width:50px;height:auto;}
.navbar-nav li {text-align:center;}
.title {font-size: 18px;line-height: 22px;padding-left:15px;padding-right:15px;}


.page_desc p{padding:0px;margin:0px;}


.page_desc .container{padding:0px !important;}
.logo_big{display:none;}
.header .image{margin-top:70px;}
.jak-spiewam{padding:20px;}
.home_foto{width:90% !important;height:auto;margin:0px !important;margin-bottom:90px !important;float:right;margin-right:10px;}
.home_box{width:150px;height:180px;border-radius:10px;background:#fcd061;position:absolute;left:15px;margin-left:0px !important;font-size:20px;text-align:center;font-weight:300; transition: all .2s ease-in-out !important;}
.home_box img{width:70px;height:auto;margin-top:30px;}
.pos1{margin-top:-80px;}
.pos2{margin-top:140px;}
.pos3{margin-top:360px;}
.logo_mobile{margin-left:10px;}
.title2{padding:20px;font-size: 18px;line-height: 22px;}
.page_desc p{font-size: 18px !important;line-height: 22px;}
.page_footer{font-size: 18px !important;line-height: 22px;}
.padding-mobile{padding:30px !important;}
.jak-spiewam h2{margin-bottom:20px;padding:10px;padding-left:90px;font-family: 'Oswald', sans-serif;font-weight:100 !important;font-size:30px;background: url(img/play-icon.png) no-repeat;background-size:contain;background-position:left;}
.circle_bg{background-size:34%;padding-bottom:0px;}
.circle_bg{padding-left:15px !important;padding-right:15px !important;}

.kontakt-form .home_foto{display:none;}
.kontakt-form .home_box {width: 100%;position: relative;margin: 0px;left: 0px;margin-bottom: 10px;}
.circle_bg.kontakt-form{padding-top:30px !important;padding-bottom:80px !important;}
.page_desc{margin-bottom:0px !important;}
.marginspiewam{margin-top:0px !important;}
.uczemargin{margin-top:-100px !important;}
.uczemargin .img-responsive{margin-right:-30px !important;margin-bottom:-30px !important;}
.obraz_ucze_desktop{display:none;}
.obraz_ucze_mobile{display:block;width:100%;height:auto;margin-right:-30px !important;margin-bottom:-30px !important;}
.footer .text-right{text-align:left !important;}

.navbar-nav li:first-child {padding-left:15px;}
.navbar-nav li:first-child .nav-link{padding-left:0px !important;}

.navbar-nav li:last-child {padding-right:15px !important;}



.koncerty_desktop{display:none;}
.koncerty_mobile{display:block;position:fixed;width:100%;height:auto;bottom:0px;z-index:99999;}
}

/* Landscape phones and smaller */
@media (max-width: 480px) {
.circle_bg.kontakt-form{padding-top:30px !important;padding-bottom:70px !important;}
.navbar-brand{display:block !important;}
}