/*
Theme Name: Daniel Wygoda Trener Personalny
Theme URI: https://mozaix.pl
Author: Mozaix
Author URI: https://mozaix.pl
Version: 6.66
License: Only for Daniel Wygoda
*/

html, body {height: 100%;}

body {margin: 0 auto;
      padding: 0;
      font-family: 'Karla', sans-serif;
      color: #2a2a2a;
      font-size: 21px;
      font-weight: 300;}

input[type='text'], input[type='email'], input[type='submit'], textarea, input[type='tel']
{font-family:  'Karla', sans-serif;
box-sizing: border-box;}



*:focus {outline: 0;}

a {text-decoration: none;
   cursor: pointer;}

b, strong {font-weight: 600;}

div {box-sizing: border-box;}


.f-left {float: left;}

.f-right {float: right;}

.clear {clear: both;}

.center {text-align: center;}

.logo-footer-phone,
.foto-phone {display: none;}


ul {margin: 0;
    padding: 0;
    list-style: none;}



.header-container {width: 100%;
                   margin: 0 auto;
                   height: 90px;
                   background: #2a2a2a;}

.header { width: 100%;
           max-width: 1680px;
         margin: 0 auto;
         position: relative;
         padding: 0 25px;
         display: flex;
         justify-content: space-between;}

.logo {padding: 17px 0 0 0;
            width: 380px;}

.logo img {width: 100%;}

.menu-home {text-transform: uppercase;}

.menu-home { display: flex;
            justify-content: right;}

.menu-home ul li {display: inline-block;
                   font-weight: 300;}

.menu-home ul li a {font-size: 21px;
                      color: #fff;
                      padding: 37px 50px 25px 50px;
                      display: block;
                      transition: all .3s ease .15s;}

.menu-home ul li a:hover,
.menu-home ul li.current-menu-item a,
.menu-home ul li.current-menu-parent a {color: #BA932B; }

.menu-home ul li.current-menu-parent > ul li a {color: #fff;}

.menu-home ul li.current-menu-parent > ul li a:hover {color: #BA932B; }


.search {padding: 35px 0 0 50px;
         cursor: pointer;}


.slider {position: relative;
         /*height: calc(100% - 90px);*/
         z-index: 2;
         width: 100%;}

#crellyslider-1,
.crellyslider {width: 100%!important;
                height: 100%!important;}

.cs-slide {width: 100%!important;
                height: 100%!important;}

/*.haslo {color: #fff;
        text-align: center;
        width: 100%;
        position: absolute;
        top: 50%!important;
        margin-top: -50px;
        text-transform: uppercase;}

.haslo h1 {margin: 0;
            font-size: 99px;
            font-weight: 500;
            line-height: 90px;
            color: #bc922c;}*/

.cs-slide div {font-family: 'Karla', sans-serif!important;
             color: #bc922c;
             font-size: 99px!important;
            font-weight: 500!important;
             width: 100%;
              text-align: center;
              left: 0!important;
              top: 37%!important;}


.icons-container {background: rgb(52,52,52);
                  background: linear-gradient(180deg, rgba(52,52,52,1) 0%, rgba(1,1,1,1) 45%, rgba(1,1,1,1) 55%, rgba(52,52,52,1) 100%);
                  clear: both;
                  width: 100%;
                  overflow: hidden;
                  padding: 30px 0;}


.icon-boxes {width: 100%;
             max-width: 1680px;
             margin: 0 auto;
             padding: 0 20px;
             display: flex;
             justify-content: center;
             flex-wrap: wrap;
             font-size: 24px;
             text-align: center;}

.icon-box-over {width: 25%;
                padding: 10px;}

.icon-box a {color: #fff;}


.icon-box {width: 100%;
           height: 230px;
           background: #262626;
           border-radius: 12px;
           -moz-border-radius: 12px;
           -webkit-border-radius: 12px;
           padding: 50px 0 45px 0;}

.icon-box p {margin:0;}

.icon-box-over:nth-child(2) .icon-box,
.icon-box-over:nth-child(4) .icon-box,
.icon-box-over:nth-child(5) .icon-box,
.icon-box-over:nth-child(7) .icon-box {background: #1C1C1C;}

.omnie {clear: both;
        width: 100%;
        margin: 0 auto;
        max-width: 1390px;
        padding: 55px 25px 0 25px;
         display: flex;
         justify-content: space-between;
         line-height: 38px;
         overflow: hidden;}

.omnie-foto img { /*border-radius: 12px;
                  -moz-border-radius: 12px;
                 -webkit-border-radius: 12px;*/
                 margin: 0 40px 0 0;}

.omnie-foto {line-height: 1;
             margin-bottom: -5px;}

.omnie h2,
.opinie h2,
.blog-ngl h2,
.metamorfozy-over-container h2 {font-size: 55px;
                                margin: 30px 0;
                                font-weight: 800;}

.opinie-container {clear: both;
                   width: 100%;
                   background: url(img/bg_kaloryfer.jpg) no-repeat center;
                   background-size: cover;
                   background-attachment: fixed;
                   overflow: hidden;
                   padding: 10px 0 33px 0;}

.opinie-over {width: 100%;
             height: 100%;}

.opinie {padding: 0 50px;
         width: 100%;
         max-width: 1400px;
         margin: 0 auto;
         color: #fff;}

.opinia-podpis {display: block;
                  clear: both;
                 padding: 25px 0 10px 0;
                 font-size: 18px;
                 font-weight: 700;
                 font-style: italic;}

.opinie h2 {text-align: center;}

.opinie-over .center {clear: both;
                      padding: 20px 0 0 0;}

.button {clear: both;
         color: #fff;
         font-size: 18px;
         display: inline-block;
         padding: 12px 58px;
         font-weight: 500;
         border: 1px solid #fff;
         border-radius: 12px;
          -moz-border-radius: 12px;
         -webkit-border-radius: 12px;}

.blog-ngl {padding: 12px 0;
            clear: both;
            text-align: center;}

.blog-container {clear: both;
                  width: 100%;
                  max-width: 1640px;
                  margin: 0 auto;
                  display: flex;
                  justify-content: center;
                  flex-wrap: wrap;}

.blog-over-box {width: 25%;
                padding: 0 8px 25px 8px;}

.blog-box a {color: #000;}


.blog-box img {border-radius: 12px;
                -moz-border-radius: 12px;
               -webkit-border-radius: 12px;
               width: 100%;}

.blog-box h3 {font-size: 24px;
               margin: 10px 0;
               line-height: 26px;
               font-weight: 600;}

.zajawka-text {font-size: 18px;
                line-height: 28px;}

.button.b-dark  {color: #2a2a2a;
                 border: 1px solid #2a2a2a;}

.blog-bt {padding: 20px 0 55px 0;}

.metamorfozy-over-container {background: rgb(52,52,52);
                  background: linear-gradient(180deg, rgba(52,52,52,1) 0%, rgba(1,1,1,1) 45%, rgba(1,1,1,1) 55%, rgba(52,52,52,1) 100%);
                  clear: both;
                  width: 100%;
                  overflow: hidden;
                  padding: 12px 0 55px 0;}

.metamorfozy-over-container h2 {color: #fff;
                                text-align: center;}

.metamorfozy-container  {clear: both;
                         width: 100%;
                         max-width: 1640px;
                         display: flex;
                         justify-content: center;
                         flex-wrap: wrap;
                         color: #fff;
                         margin: 0 auto;}

.metamorfozy-container a {color: #fff;}

.m-over-box {width: 50%;
             padding: 20px ;}


.m-box   {display: flex;
             justify-content: space-between;}

.m1  {width: 50%;
      padding-right: 8px;}

.m1 img {width: 100%;
         border-radius: 12px;
         -moz-border-radius: 12px;
         -webkit-border-radius: 12px;}

.m2  {width: 50%;
      padding-left: 8px;}

.m-box h3 {font-size: 24px;
               margin: 20px 0 20px 0;
               line-height: 26px;
               font-weight: 600;}

.m-zajawka-text {font-size: 18px;
                line-height: 28px;}

.metamorfozy-text {clear: both;
                    margin: 30px auto 60px auto;
                    width: 100%;
                    max-width: 1350px;
                    padding: 0 25px;
                    color: #fff;
                    font-size: 22px;
                    font-weight: 100;
                    line-height: 30px;}

.footer-container {clear: both;
                    width: 100%;}

.footer {width: 100%;
          max-width: 1680px;
         margin: 0 auto;
         padding: 60px 25px;
         display: flex;
         justify-content: space-between;
         line-height: 35px;}


.border { border-top: 1px solid #cbcbcb;
           width: calc(100% - 50px);
           max-width: 1630px;
           margin: 0 auto;}

.footer a {color: #2a2a2a;}

.footer b,
.footer strong {font-size: 24px;}

.footer-left,
.footer-right {padding: 30px 0 0 0;
               width: 400px;}

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

.footer-right img {margin: 8px 0 0 15px;}



/*BUTTON*/

.menu-button {
  position: absolute;
  top: 22px;
  right: 10px;
  background: transparent;
  display: none;
  cursor: pointer;}


.menu-button:focus {outline: none;}

.menu-button .menu-ico {display: block;
                       width: 36px;
                        height: 6px;
                         background: #fff;}


.menu-button .menu-ico + .menu-ico { margin-top: 6px;}

/*****OFERTA*****/

.podstrona-top {width: 100%;
                height: 300px;
                position: relative;
                overflow: hidden;
               z-index: 1;}

.podstrona-top img {margin-left: calc(50% - 960px);}

.podstrona-top .haslo h1 {margin: 0;
                          font-size: 55px;
                          line-height: 90px;}

.podstrona-top .haslo  {text-transform: none;}

.icons-bg {background: none;}

.oferta-box {clear: both;
              width: 100%;
              max-width: 1680px;
              margin: 0 auto;
              padding: 0 25px;
              display: flex;
              justify-content: center;
               flex-wrap: wrap;}

.box-oferta-top {width: 100%;}

.oferta-box-left {width: 60%;
                  padding: 0 15px 0 0;}

.oferta-box-right {width: 40%;
                  padding: 25px 0 0 15px;}


.oferta-box-right img {width: 100%;
                       border-radius: 12px;
                       -moz-border-radius: 12px;
                       -webkit-border-radius: 12px;}

.oferta-box h2 {font-size: 40px;}

.oferta-box {line-height: 33px;}

.oferta-box ul li,
#faqs ul li {padding: 0 0 0 25px;
                    display: block;
                    position: relative;}

.oferta-box ul li:before,
#faqs ul li:before {background: #BA911A;
                           content: '';
                           display: block;
                           position: absolute;
                           left: 0;
                           top: 12px;
                           width: 10px;
                           height: 10px;
                           border-radius: 50%;
                           -moz-border-radius: 50%;
                           -webkit-border-radius: 50%;}

.ibox-text {color: #fff;
            font-size: 40px;
            font-weight: 700;
            padding-top: 45px;
            display: block;}

.menu-home ul li > ul {display: none;
                         position: absolute;
                         z-index: 100;
                         margin-left: -20px;}

.menu-home ul li:hover > ul {display: block;}


.menu-home ul li > ul li {display: block;
                            background: rgba(0, 0, 0, 0.8);
                            padding: 0;}

.menu-home ul li > ul li a {padding: 12px 20px 12px 20px;}

.menu-home ul li > ul li:first-child a {padding-top: 20px;}


.menu-home ul li > ul li:last-child a {padding-bottom: 20px;}




.search input[type='submit'] {width: 25px;
                  height: 25px;
                  border: none;
                  background: url(img/search.svg) no-repeat;
                  cursor: pointer;}

#full-screen-search #full-screen-search-close { display: none;}

#full-screen-search.open #full-screen-search-close { display: block;}

#full-screen-search { height: 0!important;}

#full-screen-search.open { height: 100%!important;}

#full-screen-search form div input,
#full-screen-search form div {height: 0!important;}

#full-screen-search.open form div input,
#full-screen-search.open form div {height: 100px!important;}


/****O MNIE*****/  

.certyfikaty-container {clear: both;
                        width: 100%;
                        max-width: 1640px;
                        margin: 0 auto;} 

h2.opinie-podstrona,
.certyfikaty-container h2  {font-size: 55px;
                      margin: 30px 0;
                      font-weight: 800;
                      text-align: center;}  
                      
.opinie-over-omnie {width: 100%;
                     max-width: 1680px;      
                    margin: 0 auto;
                   position: relative;
                   padding: 0 25px;
                  /* display: flex;
                    justify-content: space-between;
                    flex-wrap: wrap;*/}  
                    
.opinie-omnie  {color: #fff;
                 /*width: 50%;*/
                 line-height: 30px;
                 padding: 12px 18px;}  
                 
.opinie-button {padding-top: 25px;}   

.omnie-podstrona {clear: both;
                width: 100%;
               margin: 0 auto;
              max-width: 1390px;
                padding: 55px 25px;
                 line-height: 38px;}
         
.omnie-podstrona .omnie-foto {float: left;}         

.omnie-foto img { border-radius: 12px;
                  -moz-border-radius: 12px;
                 -webkit-border-radius: 12px;
                 margin: 0 40px 0 0;}

.omnie-podstrona h2 {font-size: 55px;
                                margin: 30px 0;
                                font-weight: 800;}  

/******KONTAKT*******/  


.kontakt-podstrona {width: 100%;
                     max-width: 1680px;      
                    margin: 0 auto;
                   position: relative;
                   padding: 30px 25px 0 25px;
                   display: flex;
                    justify-content: space-between;
                    flex-wrap: wrap;} 
                    
.kontakt-podstrona .form-box,
.kontakt-podstrona .mapa-box {width: 50%;
                                padding: 25px 0;}  
                         
.kontakt-podstrona .form-box {padding-right: 20px;
                              line-height: 38px;}  


.kontakt-podstrona .mapa-box {padding-left: 20px;}


.form-container {width: 100%;
                 max-width: 670px;
                 padding: 35px 0;
                 overflow: hidden;}


.form-container input[type='text'],
.form-container input[type='email'],
.form-container input[type='tel'],
.form-container textarea           {width: 100%;
                                       clear: both;
                                       border: 1px solid #353535;
                                       border-radius: 12px;
                                       -moz-border-radius: 12px;
                                       -webkit-border-radius: 12px;
                                       height: 48px;
                                       margin-bottom: 25px;
                                       padding: 0 30px;}


.form-container textarea {height: 200px;
                            padding-top: 18px;
                            margin-bottom: 0;}

.form-container input[type='submit'] {width: 214px;
                                       height: 48px;
                                       border-radius: 12px;
                                       -moz-border-radius: 12px;
                                       -webkit-border-radius: 12px;
                                       background: #353535;
                                       color: #fff;
                                       display: inline-block;
                                       float: right;
                                       border: none;
                                       font-size: 21px;
                                       cursor: pointer;}

.kontakt-podstrona .form-box .captcha {line-height: 18px;
                                       padding-bottom: 20px;}

.form-container ::-webkit-input-placeholder {color:#353535;
                                      opacity: 1;
                                      font-size: 21px;
                                      font-weight: 300;}

.form-container :-moz-placeholder {color:#353535;
                           opacity: 1;
                           font-size: 21px;
                           font-weight: 300;}

.form-container ::-moz-placeholder {color:#353535;
                            opacity: 1;
                            font-size: 21px;
                             font-weight: 300;}

.form-container :-ms-input-placeholder {color:#353535;
                                opacity: 1;
                                font-size: 21px;
                                 font-weight: 300;} 

.certyfikaty-box ul {text-align: center;}


.certyfikaty-box ul li {display: inline-block;
                        padding: 15px; }


.faq-podstrona {width: 100%;
                     max-width: 1100px;      
                    margin: 0 auto;
                   position: relative;
                   padding: 30px 25px 30px 25px;}

#cookieChoiceDismiss {color: #BA932B;}

.faq-podstrona h3 {margin: 0;
                   padding: 15px 18px 15px 18px;
                   position: relative;
                   display: block;
                   background: rgba(0, 0, 0, 0.1);}

.faq-podstrona h3:after {content: "❯";
                         transition: all 0.35s;
                          display: block;
                          position: absolute;
                          color:#BA932B;
                           top: 9px;
                            right: 25px;
                           font-size: 28px;}

.faq-podstrona h3.active:after {transform: rotate(90deg);}

#faqs {padding: 0 0 20px 0;}

#faqs div {padding: 0 25px;
           line-height: 33px;}
                                         
#faqs div p {margin: 20px 0 0 0;}

.kontakt-podstrona a {color:#BA932B;
                      font-weight: 400;
                       transition: all .3s ease .15s;}

.slick-slide p {margin: 0;}

.slick-slide {padding: 12px 20px;}

/***METAMORFOZY***/

.metamorfozy-over-container {background: none;
                             max-width: 1680px;
                             padding: 35px 0;
                             margin: 0 auto;}
                             
.metamorfozy-container {color: #2a2a2a;
                        justify-content: left;}  

.m-box {display: block;
        width: 33.3333333%;
            padding: 8px 8px 20px 8px; } 
            
.m1 {position: relative;}            
            
.img-podpis {position: absolute;
             color: #fff;
             bottom: 4px;
             padding: 10px 12px;
             width: 100%;
             background: rgba(53, 53, 53, 0.86);
             border-radius: 0 0 12px 12px;
             -moz-border-radius: 0 0 12px 12px;
             -webkit-border-radius: 0 0 12px 12px;
             font-size: 19px;
             font-weight: 700;}  
             
.m-box:nth-child(2n) .img-podpis { background: rgba(186, 145, 26, 0.86);}       

.m1, .m2 {width: 100%;
           padding: 0px;}  
                     
.m-zajawka-text {clear: both;
                 padding: 0 12px;}

.m2 .f-right,
.m2 .f-left {padding: 8px 12px;
              font-weight: 700;}


.navigacja {clear: both;
            font-size: 18px;
            padding: 0 0 35px 0;
            /*overflow: hidden;*/}
                            
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	color: #fff;
	text-decoration:none;
}

.navigation li { display: inline-block;
                 margin: 0 8px;}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	background-color: rgba(53, 53, 53, 0.86);
	cursor: pointer;
	padding: 6px 12px;
     transition: all .3s ease .15s;
}

.navigation li a:hover,
.navigation li.active a {
	background-color: #BA932B;
}

.navigation ul {padding: 0;}

.navigation {display:flex;
        justify-content:center;

        display:-webkit-flex;
        -webkit-justify-content:center;}

/* .navigation ul li:first-child a {content: url(img/prev.png);
                                 background: none;
                                 display: block;}
                                
                 
.navigation ul li:first-child.active a {content: '1';
                                        background: #0AA4CA;}  

.navigation ul li:last-child a {content: url(img/next.png);
                                 background: none;}
                                
                 
.navigation ul li:last-child.active a {content: '3';
                                       background: #0AA4CA;}   
*/   

.metamorfozy-over-container.m-home {
    background: rgb(52,52,52);
    background: linear-gradient(180deg, rgba(52,52,52,1) 0%, rgba(1,1,1,1) 45%, rgba(1,1,1,1) 55%, rgba(52,52,52,1) 100%);}

.metamorfozy-over-container.m-home .metamorfozy-container {color: #fff;}

.blog-pds {padding: 50px 0;}

.grecaptcha-badge { visibility: hidden; }

.captcha {font-size: 10px;}

.kontakt-podstrona .form-box p {margin: 0;}

/*.icon-box:hover img {width: 120%;}*/