/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

@font-face {
  font-family: "AdolphusSerif";
  src: url("./css/fonts/AdolphusSerif.eot"); /* IE9 Compat Modes */
  src: url("./css/fonts/AdolphusSerif.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./css/fonts/AdolphusSerif.otf") format("opentype"), /* Open Type Font */
    url("./css/fonts/AdolphusSerif.svg") format("svg"), /* Legacy iOS */
    url("./css/fonts/AdolphusSerif.ttf") format("truetype"), /* Safari, Android, iOS */
    url("./css/fonts/AdolphusSerif.woff") format("woff"), /* Modern Browsers */
    url("./css/fonts/AdolphusSerif.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@media (min-width:320px){
    /* smartphones, iPhone, portrait 480x320 phones */ 
    html{
        font-family: 'Open Sans', sans-serif;
        margin: 0;
        padding: 0;
    }
    .contact_pop{
        display: none;
        position: fixed;
        left: 0;
        width: 100%;
        top: 0;
        height: 100%;
        background: rgba(39, 39, 60, 0.5);
        z-index: 100;        
    }
    .contact_pop.active{
        display: block;
    }
    .contact_pop .box{
        margin: auto;
        margin: 5% 5px 0 5px;
        display: block;
        max-width: 600px;
        padding: 15px;
        background-color: #fff;
        position: relative;
        cursor: default;
    }    
    .contact_pop .box .closeContactForm{
        position: absolute;
        top: 0;
        right: 0;
        padding: 10px 20px;
        font-size: 2em;
        cursor: pointer;
    }
    .contact_pop .box h2{
        text-align: center;
    }
    .contact_pop .box p{
        text-align: center;
        padding: 0 20px;
    }
    .contact_pop .box label{
        display: block;
        padding: 5px 0;
    }
    .contact_pop .box input,.contact_pop .box textarea{
        margin: 0;
        padding: 0;
        display: block;
        width: calc(100% - 20px);
        padding: 5px;
        margin-left: 5px;
        margin-bottom: 5px;
    }
    .contact_pop .box #re{
        text-align: center;
        width: 310px;
        margin: 10px auto;
    }
    .contact_pop .box button{
        color: #000;
        display: block;
        background: none;
        text-transform: uppercase;
        padding: 10px 50px;
        margin: 0 auto;
        border: 1px solid #000;
        cursor: pointer;
    }    
    .contact_pop .box button:hover{
        text-decoration: underline;
        
    }
    .contact_pop .box .pristine-error{
        font-size: 0.8em;
        color: #ff6961;
        padding-left: 5px;
    }
    .contact_pop .box .contactWrapper p{
        font-size: 1.1em;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
    header{
        background-image: url('https://s3.eu-central-1.amazonaws.com/infinitydance.pl/media/bg_p.jpg');        
        background-size: cover;
        width: 100%;        
        display: block;
        position: relative;
        margin: 0;    
        padding: 0;
        text-align: left;
        background-repeat: no-repeat;
    }
    header .wrapper{
        position: relative;
        text-align: center;        
    }    
    .bro{
        display: none;
        
    }
    header .bar{
        display: none;
    }
    
    header .navi_bar{
        width: 100%;
        background-color: rgba(0, 0, 0, 0.7); 
        position: relative;
        z-index: 1;
    }
    
    header .navi_bar .navi,header .container{
        padding: 15px;
        margin: 0 auto;        
        text-align: left;
    }
    
    
    
    header .navi>.item{
        color: #777;
        display: block;        /**/
        font-size: 0.9em;
        font-weight: 300;
        /*border-right: 1px solid #777;/**/
        margin: 0;      /**/
        z-index: 10;
        padding: 10px 0 0 0;
    }
    header .navi>.item a{
        color: #777;
        text-decoration: none;
        padding: 2px 21px;
        display: block;        /**/
        text-align: center;/**/
    }
    header .navi>.item a:hover{
        color: #fff !important;
    }
    header .navi .social{
        display: block;
        font-size: 1.2em;
    }
    header .navi .social>.item a{
        color: #777;
        text-decoration: none;
        padding: 10px 10px;
        display: block;
        text-align: center;
    }
    
    header .navi .social>.item a:after{
        content: " Facebook";
        font-size: 0.8em;     
        font-weight: 300;
    }
    
    
    header .navi .social>.item a:hover{
        color: #fff;
    }
    
    header .logo{
        text-align: center;
    }
    header .logo img{
        width: 100px;
        height: auto;
        padding: 20px;
        margin-top: 0px;
    }
    
    header .header_promo{
        text-align: center;
        z-index: 20;
    }
    header .header_promo h3{
        color: #fff;
        font-weight: 300;
        font-size: 2.3em;
        text-transform: uppercase;
        margin-bottom: 0;
        margin-left: 0;
        margin-top: 55px;
        cursor: default;
        z-index: 20;
    }
    header .header_promo p{
        text-align: center;
        color: #fff;
        font-family: 'Titillium Web', sans-serif;
        font-weight: 300;
        max-width: 90%; 
        font-size: 1.0em;
        cursor: default;
        z-index: 20;
        margin: 8px auto;
    }
    header .header_promo button{
        color: #fff;
        background: none;
        text-transform: uppercase;
        padding: 15px 30px;
        margin: 0;
        border: 1px solid #fff;
        cursor: pointer;
    }
    header .header_promo button:hover{
        text-decoration: underline;
        
    }
    
    header .header_about{
        text-align: center;
        color: #fff;
        cursor: default;
        z-index: 20;
    }
    header .header_about h1{
        font-family: "AdolphusSerif";
        font-weight: normal;
        font-style: normal;
        font-size: 2.5em;
        margin: 80px 0 0 0;
        padding: 0;
    }
    header .header_about h4{
        margin: 0;
        padding: 0;
        font-weight: 300;
    }
    header .header_about h2{
        display: none;
        font-weight: 300;
        font-size: 2.3em;
        text-transform: uppercase;        
        padding: 45px 0 25px 0;
        margin: 0 auto;
        cursor: default;
    }
    header .header_about p{
        font-weight: 300;
        padding: 30px 0;
        max-width: 90%;
        font-size: 1em;
        margin: 0 auto;
    }
    
    header .container{
        z-index: 20;
    }
    header .wrapper_coach{
        position: relative;
        
        
    }
    header .container .coach{
        background-image: url('https://s3.eu-central-1.amazonaws.com/infinitydance.pl/media/bg_team.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        margin: 0 auto;
        display: block;
        
        text-align: center;
        z-index: 20;
    }
    header .container .coach h2{
        color: #fff;
        font-weight: 300;
        font-size: 2.0em;
        text-align: center;
        text-transform: uppercase;
        max-width: 90%;
        padding: 25px 0;
        border-bottom: 1px solid #6a6a6a;
        margin: 0 auto;
        cursor: default;
    }
    header .container .coach .trainer{
        display: block;
        vertical-align: top;
        padding: 15px;
        
        background-repeat: no-repeat;
        background-position: 20px 20px;
        cursor: default;
    }
    header .container .coach .trainer h3{
        color: #fff;
        font-weight: 600;
        text-align: left;
        
        
    }
    header .container .coach .trainer p{
        text-align: left;
        color: #fff;
        font-family: 'Titillium Web', sans-serif;
        font-weight: 300;
        
    }
    
    
    
    
    
    
    .offer{
        
    }
    .offer .wrapper{
        max-width: 450px;/**/
        margin: 0 auto;
    }
    .offer h2{
        color: #352a44;
        font-weight: 300;
        font-size: 2.0em;
        text-align: center;
        text-transform: uppercase;
        max-width: 80%;
        padding: 35px 0;
        border-bottom: 1px solid #ccc;
        margin: 0 auto;
        cursor: default;
    }
    .offer .group{
        text-align: center;
        margin-top: 50px;
    }
    .offer .group .item{
        display: inline-block;
        width: 80%;/**/
        padding: 120px 20px 20px 20px;
        
        
        background-repeat: no-repeat;
        background-size:auto 120px;
        background-position: center top;
        vertical-align: top;
        cursor: default;
        
        
    }    
    .offer .group .item.ttm{
        background-image: url('https://s3.eu-central-1.amazonaws.com/infinitydance.pl/media/ico_1.png');
        
    }
    .offer .group .item.ttd{
        background-image: url('https://s3.eu-central-1.amazonaws.com/infinitydance.pl/media/ico_2.png');
        
    }
    .offer .group .item.lsp{
        background-image: url('https://s3.eu-central-1.amazonaws.com/infinitydance.pl/media/ico_3.png');
        
    }
    .offer .group .item.zmr{
        background-image: url('https://s3.eu-central-1.amazonaws.com/infinitydance.pl/media/ico_4.png');
        
    }
    .offer .group .item.ttdz{
        background-image: url('https://s3.eu-central-1.amazonaws.com/infinitydance.pl/media/ico_5.png');
        
    }
    .offer .group .item.tud{
        background-image: url('https://s3.eu-central-1.amazonaws.com/infinitydance.pl/media/ico_6.png');
        
    }
    
    .offer .group .item.promo{
        background-image: url('https://s3.eu-central-1.amazonaws.com/infinitydance.pl/media/bg_promo.jpg');
        background-size: cover;
        width: 90%;/**/
        padding: 130px 5px 20px 5px;
        position: relative;
        
    }
    
    .offer .group .item.promo:after{
        content: " ";
        position: absolute;
        top: 0px;
        left: 0;
        width: 100%;/**/
        height: 100%;
        background-image: url('https://s3.eu-central-1.amazonaws.com/infinitydance.pl/media/ico_2.png');
        background-position: center 15px;
        background-repeat: no-repeat;
        background-size: 80px;/**/
    }
    
    .offer .group .item h3{
        font-weight: 600;
        color: #797979;
        text-transform: uppercase;
        font-size: 0.9em;
        width: 80%;
        margin: 15px auto;
    }
    .offer .group .item p{
        color: #797979;
        font-family: 'Titillium Web', sans-serif;
        font-weight: 300;
        
    }
    .offer .group .item.promo h3{
        color: #fff;
        display: inline-block;
        text-align: center;
        width: calc(100% - 10px);/**/
        margin: 5px auto;
    }
    .offer .group .item.promo p{
        color: #fff;
        display: inline-block;
        text-align: center;
        width: calc(100% - 10px);/**/
    }
    .offer .group .item.promo{
        margin-bottom: 50px;
    }
    @-webkit-keyframes move_wave {
        0% {
            -webkit-transform: translateX(0) translateZ(0) scaleY(1);
                    transform: translateX(0) translateZ(0) scaleY(1)
        }
        50% {
            -webkit-transform: translateX(-25%) translateZ(0) scaleY(0.55);
                    transform: translateX(-25%) translateZ(0) scaleY(0.55)
        }
        100% {
            -webkit-transform: translateX(-50%) translateZ(0) scaleY(1);
                    transform: translateX(-50%) translateZ(0) scaleY(1)
        }
    }
    @keyframes move_wave {
        0% {
            -webkit-transform: translateX(0) translateZ(0) scaleY(1);
                    transform: translateX(0) translateZ(0) scaleY(1)
        }
        50% {
            -webkit-transform: translateX(-25%) translateZ(0) scaleY(0.55);
                    transform: translateX(-25%) translateZ(0) scaleY(0.55)
        }
        100% {
            -webkit-transform: translateX(-50%) translateZ(0) scaleY(1);
                    transform: translateX(-50%) translateZ(0) scaleY(1)
        }
    }
    
    
    
    
    
    
    
    .prices {
        overflow: hidden;
        position: relative;
        margin: auto;
        height: 800px;/**/
    }
    .waveWrapperInner {
        position: absolute;
        width: 100%;
        overflow: hidden;
        height: 100%;
        bottom: -1px;
        background-image: -webkit-gradient(linear, left bottom, left top, from(#6c326a), color-stop(80%, #27273c));
        background-image: -o-linear-gradient(bottom, #6c326a 0%, #27273c 80%);
        background-image: linear-gradient(to top, #6c326a 0%, #27273c 80%);
    }
    .bgTop {
        z-index: 15;
        opacity: 0.5;
    }
    .bgMiddle {
        z-index: 10;
        opacity: 0.75;
    }
    .bgBottom {
        z-index: 5;
    }
    .wave {
        position: absolute;
        left: 0;
        width: 200%;
        height: 100%;
        background-repeat: repeat no-repeat;
        background-position: 0 bottom;
        -webkit-transform-origin: center bottom;
            -ms-transform-origin: center bottom;
                transform-origin: center bottom;
    }
    .waveTop {
        background-size: 50% 50px;/**/
    }
    .waveAnimation .waveTop {
      animation: move-wave 3s;
       -webkit-animation: move-wave 3s;
       -webkit-animation-delay: 1s;
       animation-delay: 1s;
    }
    .waveMiddle {
        background-size: 50% 60px;/**/
    }
    .waveAnimation .waveMiddle {
        -webkit-animation: move_wave 10s linear infinite;
                animation: move_wave 10s linear infinite;
    }
    .waveBottom {
        background-size: 50% 50px;/**/
    }
    .waveAnimation .waveBottom {
        -webkit-animation: move_wave 15s linear infinite;
                animation: move_wave 15s linear infinite;
    }
    
    .prices .wrapper{
        max-width: 90%;/**/
        margin: 0 auto;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 20;
    }
    .prices h2{
        color: #fff;
        font-weight: 300;
        font-size: 2.0em;/**/
        text-align: center;
        text-transform: uppercase;
        max-width: 80%;
        padding: 25px 0;/**/
        border-bottom: 1px solid #525263;
        margin: 0 auto;
        cursor: default;
    }
    .prices .price_list{
        color: #fff;
        font-family: 'Titillium Web', sans-serif;
        padding-bottom: 100px;
    }
    .prices .price_list p{
        padding: 30px 0;
        text-align: center;
        font-weight: 300;
        max-width: 90%;
        margin: 0 auto;
        cursor: default;
        font-size: 1.1em;
    }
    .prices .price_list .item{
        font-size: 1.0em;
        padding: 5px 0 30px 0;/**/
        width: 90%;/**/
        margin: 0 auto;
        height: 1.2em;
        cursor: default;
        
    }
    .prices .price_list .item .left{
        display: block;/**/
        /*float: left;*/
    }
    .prices .price_list .item .right{
        display: block;/**/
        /**float: right;*/
    }
    
    
    
    
    
    
    
    
    footer{
        font-weight: 300;
        font-size: 0.8em;
        color: #484859;
        cursor: default;
        position: relative;
    }
    footer .wrapper{
        max-width: 300px;/**/
        margin: 0 auto;
    }
    footer .copy,footer .devian{
        display: inline-block;
        padding: 20px 15px;
    }
    footer .copy{        
        float: left;
    }
    footer .devian{        
        float: left;/**/
    }
    footer .devian a{
        color: #484859;
        text-decoration: none;
        cursor: pointer;
    }
    footer .devian a:hover{
        text-decoration: underline;
        color: #91984f;
    }
    
    
}
@media (min-width:481px){
    /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ 
    
    header{
        background-image: url('https://s3.eu-central-1.amazonaws.com/infinitydance.pl/media/bg_p.jpg');        
        background-size: cover;
        width: 100%;        
        display: block;
        position: relative;
        margin: 0;    
        padding: 0;
        text-align: left;
        background-repeat: no-repeat;
    }
    header .wrapper{
        position: relative;
        text-align: center;        
    }    
    .bro{
        display: none;
        
    }
    header .bar{
        display: none;
    }
    
    header .navi_bar{
        width: 100%;
        background-color: rgba(0, 0, 0, 0.7); 
        position: relative;
        z-index: 1;
    }
    
    header .navi_bar .navi,header .container{
        max-width: 90%; /**/
        margin: 0 auto;        
        text-align: left;
    }
    
    header .navi_bar .navi{
        /*position: absolute;
        left: 0;
        top: 0;
        z-index: 100;*/
    }
    
    
    header .navi>.item{
        color: #777;
        display: inline-block;        
        font-size: 0.9em;
        font-weight: 300;
        border-right: 1px solid #777;
        margin: 22px 0;      
        z-index: 10;
        padding: 0;
    }
    header .navi>.item a{
        color: #777;
        text-decoration: none;
        padding: 2px 21px;
        display: inline-block;        
    }
    header .navi>.item a:hover{
        color: #fff;
    }
    header .navi .social{
        display: inline-block;
        font-size: 1.1em;
    }
    header .navi .social>.item a{
        color: #777;
        text-decoration: none;
        padding: 10px 10px;
        display: inline-block;
    }
    header .navi .social>.item a:after{
        content: "";
        font-size: 0.8em;     
        font-weight: 300;
    }
    header .navi .social>.item a:hover{
        color: #fff;
    }
    
    header .logo{
        text-align: center;
    }
    header .logo img{
        width: 100px;
        height: auto;
        padding: 20px;
        margin-top: 0px;
    }
    
    header .header_promo{
        text-align: center;
        z-index: 20;
    }
    header .header_promo h3{
        color: #fff;
        font-weight: 300;
        font-size: 2.3em;
        text-transform: uppercase;
        margin-bottom: 0;
        margin-left: 0;
        margin-top: 50px;
        cursor: default;
        z-index: 20;
    }
    header .header_promo p{
        text-align: center;
        color: #fff;
        font-family: 'Titillium Web', sans-serif;
        font-weight: 300;
        max-width: 80%; 
        font-size: 1.0em;
        cursor: default;
        z-index: 20;
        margin: 16px auto;
    }
    header .header_promo button{
        color: #fff;
        background: none;
        text-transform: uppercase;
        padding: 15px 30px;
        margin: 0;
        border: 1px solid #fff;
        cursor: pointer;
    }
    
    header .header_about{
        text-align: center;
        color: #fff;
        cursor: default;
        z-index: 20;
    }
    header .header_about h1{
        font-family: "AdolphusSerif";
        font-weight: normal;
        font-style: normal;
        font-size: 2.5em;
        margin: 80px 0 0 0;
        padding: 0;
    }
    header .header_about h4{
        margin: 0;
        padding: 0;
        font-weight: 300;
    }
    header .header_about h2{
        display: none;
        font-weight: 300;
        font-size: 2.3em;
        text-transform: uppercase;        
        padding: 45px 0 25px 0;
        margin: 0 auto;
        cursor: default;
    }
    header .header_about p{
        font-weight: 300;
        padding: 30px 0;
        max-width: 90%;
        font-size: 1em;
        margin: 0 auto;
    }
    
    header .container{
        z-index: 20;
    }
    header .wrapper_coach{
        position: relative;
        
        
    }
    header .container .coach{
        background-image: url('https://s3.eu-central-1.amazonaws.com/infinitydance.pl/media/bg_team.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        margin: 0 auto;
        display: block;
        
        text-align: center;
        z-index: 20;
    }
    header .container .coach h2{
        color: #fff;
        font-weight: 300;
        font-size: 2.0em;
        text-align: center;
        text-transform: uppercase;
        max-width: 80%;
        padding: 25px 0;
        border-bottom: 1px solid #6a6a6a;
        margin: 0 auto;
        cursor: default;
    }
    header .container .coach .trainer{
        display: block;
        vertical-align: top;
        padding: 15px;
        background-image: url('https://s3.eu-central-1.amazonaws.com/infinitydance.pl/media/ico_face.png');
        background-repeat: no-repeat;
        background-position: 20px 20px;
        cursor: default;
    }
    header .container .coach .trainer h3{
        color: #fff;
        font-weight: 600;
        text-align: left;
        padding-left: 120px;
        
    }
    header .container .coach .trainer p{
        text-align: left;
        color: #fff;
        font-family: 'Titillium Web', sans-serif;
        font-weight: 300;
        padding-left: 120px;
    }
    
    
    
    
    
    
    
    
    .offer{
        
    }
    .offer .wrapper{
        max-width: 90%;/**/
        margin: 0 auto;
    }
    .offer h2{
        color: #352a44;
        font-weight: 300;
        font-size: 2.0em;
        text-align: center;
        text-transform: uppercase;
        max-width: 80%;
        padding: 35px 0;
        border-bottom: 1px solid #ccc;
        margin: 0 auto;
        cursor: default;
    }
    .offer .group{
        text-align: center;
        margin-top: 50px;
    }
    .offer .group .item{
        display: inline-block;
        width: 80%;/**/
        padding: 120px 20px 20px 20px;
        background-repeat: no-repeat;
        background-size:auto 120px;
        background-position: center top;
        vertical-align: top;
        cursor: default;
        
        
    }    
    .offer .group .item.ttm{
        background-image: url('https://s3.eu-central-1.amazonaws.com/infinitydance.pl/media/ico_1.png');
        
    }
    .offer .group .item.ttd{
        background-image: url('https://s3.eu-central-1.amazonaws.com/infinitydance.pl/media/ico_2.png');
        
    }
    .offer .group .item.lsp{
        background-image: url('https://s3.eu-central-1.amazonaws.com/infinitydance.pl/media/ico_3.png');
        
    }
    .offer .group .item.zmr{
        background-image: url('https://s3.eu-central-1.amazonaws.com/infinitydance.pl/media/ico_4.png');
        
    }
    .offer .group .item.ttdz{
        background-image: url('https://s3.eu-central-1.amazonaws.com/infinitydance.pl/media/ico_5.png');
        
    }
    .offer .group .item.tud{
        background-image: url('https://s3.eu-central-1.amazonaws.com/infinitydance.pl/media/ico_6.png');
        
    }
    
    .offer .group .item.promo{
        background-image: url('https://s3.eu-central-1.amazonaws.com/infinitydance.pl/media/bg_promo.jpg');
        background-size: cover;
        width: 90%;/**/
        position: relative;        
        text-align: right;
        padding: 30px 20px 50px 20px;
    }
    
    .offer .group .item.promo:after{
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        width: 100px;/**/
        height: 100%;
        background-image: url('https://s3.eu-central-1.amazonaws.com/infinitydance.pl/media/ico_2.png');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 80px;/**/
    }
    
    .offer .group .item h3{
        font-weight: 600;
        color: #797979;
        text-transform: uppercase;
        font-size: 0.9em;
        width: 80%;
        margin: 15px auto;
    }
    .offer .group .item p{
        color: #797979;
        font-family: 'Titillium Web', sans-serif;
        font-weight: 300;
        
    }
    .offer .group .item.promo h3{
        color: #fff;
        display: inline-block;
        text-align: center;
        width: calc(100% - 80px);/**/
        margin: 5px auto;
    }
    .offer .group .item.promo p{
        color: #fff;
        display: inline-block;
        text-align: center;
        width: calc(100% - 80px);/**/
    }
    .offer .group .item.promo{
        margin-bottom: 50px;
    }
    @-webkit-keyframes move_wave {
        0% {
            -webkit-transform: translateX(0) translateZ(0) scaleY(1);
                    transform: translateX(0) translateZ(0) scaleY(1)
        }
        50% {
            -webkit-transform: translateX(-25%) translateZ(0) scaleY(0.55);
                    transform: translateX(-25%) translateZ(0) scaleY(0.55)
        }
        100% {
            -webkit-transform: translateX(-50%) translateZ(0) scaleY(1);
                    transform: translateX(-50%) translateZ(0) scaleY(1)
        }
    }
    @keyframes move_wave {
        0% {
            -webkit-transform: translateX(0) translateZ(0) scaleY(1);
                    transform: translateX(0) translateZ(0) scaleY(1)
        }
        50% {
            -webkit-transform: translateX(-25%) translateZ(0) scaleY(0.55);
                    transform: translateX(-25%) translateZ(0) scaleY(0.55)
        }
        100% {
            -webkit-transform: translateX(-50%) translateZ(0) scaleY(1);
                    transform: translateX(-50%) translateZ(0) scaleY(1)
        }
    }
    
    
    .prices {
        overflow: hidden;
        position: relative;
        margin: auto;
        height: 700px;/**/
    }
    .waveWrapperInner {
        position: absolute;
        width: 100%;
        overflow: hidden;
        height: 100%;
        bottom: -1px;
        background-image: -webkit-gradient(linear, left bottom, left top, from(#6c326a), color-stop(80%, #27273c));
        background-image: -o-linear-gradient(bottom, #6c326a 0%, #27273c 80%);
        background-image: linear-gradient(to top, #6c326a 0%, #27273c 80%);
    }
    .bgTop {
        z-index: 15;
        opacity: 0.5;
    }
    .bgMiddle {
        z-index: 10;
        opacity: 0.75;
    }
    .bgBottom {
        z-index: 5;
    }
    .wave {
        position: absolute;
        left: 0;
        width: 200%;
        height: 100%;
        background-repeat: repeat no-repeat;
        background-position: 0 bottom;
        -webkit-transform-origin: center bottom;
            -ms-transform-origin: center bottom;
                transform-origin: center bottom;
    }
    .waveTop {
        background-size: 50% 100px;
    }
    .waveAnimation .waveTop {
      animation: move-wave 3s;
       -webkit-animation: move-wave 3s;
       -webkit-animation-delay: 1s;
       animation-delay: 1s;
    }
    .waveMiddle {
        background-size: 50% 120px;
    }
    .waveAnimation .waveMiddle {
        -webkit-animation: move_wave 10s linear infinite;
                animation: move_wave 10s linear infinite;
    }
    .waveBottom {
        background-size: 50% 100px;
    }
    .waveAnimation .waveBottom {
        -webkit-animation: move_wave 15s linear infinite;
                animation: move_wave 15s linear infinite;
    }
    
    .prices{
        height: 800px
    }
    
    .prices .wrapper{       
        margin: 0 auto;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 20;
    }
    .prices h2{
        color: #fff;
        font-weight: 300;
        font-size: 2.0em;/**/
        text-align: center;
        text-transform: uppercase;
        max-width: 80%;
        padding: 25px 0;/**/
        border-bottom: 1px solid #525263;
        margin: 0 auto;
        cursor: default;
    }
    .prices .price_list{
        color: #fff;
        font-family: 'Titillium Web', sans-serif;
        padding-bottom: 100px;
    }
    .prices .price_list p{
        padding: 30px 0;
        text-align: center;
        font-weight: 300;
        max-width: 90%;
        margin: 0 auto;
        cursor: default;
    }
    .prices .price_list .item{
        font-size: 1.0em;
        padding: 5px 0 30px 0;/**/
        width: 90%;/**/
        margin: 0 auto;
        height: 1.2em;
        cursor: default;
        
    }
    .prices .price_list .item .left{
        display: block;/**/
        /*float: left;*/
    }
    .prices .price_list .item .right{
        display: block;/**/
        /**float: right;*/
    }
   
    
    
    
    footer .wrapper{
        max-width: 450px;
    }
    footer .devian{        
        float: right;
    }
    
    
}
@media (min-width:641px){
    /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
    
    .contact_pop .box{
        margin-left: auto;
        margin-right: auto;
    }
    
    header .navi_bar .navi,header .container{
        max-width: 600px;
    }    
    header .container .coach{
        width: 600px;
    }
    
    header .navi>.item{         
        font-size: 1.0em;
    }
    
    
    
    .offer .wrapper{
        max-width: 600px;
    }
    .offer .group .item{
        width: calc(50% - 45px);
    }    
    .offer .group .item.promo{
        width: calc(90% - 40px);
    }
    
    .offer .group .item.promo:after{
        width: 180px;
        background-size: 120px;
    }
    .offer .group .item.promo h3{
        width: calc(100% - 150px);
    }
    .offer .group .item.promo p{
        width: calc(100% - 150px);
    }
    
    
    
    
    
    .prices {
        height: 600px;
    }
    .prices .wrapper{
        max-width: 900px;
    }
    .prices .price_list .item{
        padding: 5px 0;
        width: 70%;
    }
    .prices .price_list .item .left{
        display: inline-block;
        float: left;
    }
    .prices .price_list .item .right{
        display: inline-block;
        float: right;
    }
    
    
    
    
    footer .wrapper{
        max-width: 900px;
    }
    
    
    
}
@media (min-width:961px){     
    /* tablet, landscape iPad, lo-res laptops ands desktops */
    header{
        height: 1400px;
    }
    header .wrapper{
        position: absolute;
        top: 0;        
        left: 0;
        width: 100%;
        height: 100%;
    }
    .bro{
        display: block;
        content: "";
        background-image: url('https://s3.eu-central-1.amazonaws.com/infinitydance.pl/media/bg_bro.png');
        position: absolute;
        background-repeat: no-repeat;
        background-position: bottom left;
        background-size: auto 100%;
        top: 0;
        left: 10%;
        right: 0;
        height: 1100px;
        z-index: -1;
        overflow-y: hidden ! important;
        overflow-x: hidden ! important;
    }
    header .bar{
        display: block;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.7);
        position: absolute;
        z-index: -10;
        height: 65px;
        top: 0;
        left: 0;
    }    
    header .navi_bar{
        background:none;
    }
    header .navi_bar .navi,header .container{
        max-width: 900px;
        padding: 0;
    }
    header .logo{
        text-align: left;
    }
    header .logo img{
        width: 130px;
        padding: 30px;
    }
    header .header_promo{
        text-align: left;
    }
    header .header_promo h3{
        font-size: 3.0em;
    }
    header .header_promo p{
        text-align: left;
        max-width: 70%; 
        font-size: 1.0em;
        margin: 16px 0;
    }
    header .header_about h1{
        font-size: 2.5em;
        margin: 0;
    }
    header .header_about h2{
        display: block;
        font-size: 2.3em;
        padding: 35px 0;
        max-width: 70%;
    }
    header .wrapper_coach{
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }
    header .container .coach{
        width: 900px;
    }
    header .container .coach .trainer{
        display: inline-block;
        width: calc(50% - 45px);
        padding: 40px 20px;
        background-position: 40px 20px;
    }
    header .container .coach .trainer h3{
        padding-left: 130px;
    }
    header .container .coach .trainer p{
        padding-left: 130px;
    }
    .offer .wrapper{
        max-width: 900px;
    }
    .offer h2{
        font-size: 2.5em;
        padding: 45px 0;
    }
    .offer .group .item{
        height: 200px;
    }
    .offer .group .item.promo{
        width: calc(80% - 40px);
    }
    .offer .group .item.promo:after{
        width: 250px;
        background-size: 170px;
    }
    .offer .group .item.promo h3{
        width: calc(100% - 200px);
    }
    .offer .group .item.promo p{
        width: calc(100% - 200px);
    }
    .prices h2{
        font-size: 2.5em;
    }
}
@media (min-width:1025px){     
    header{
        height: 1535px;
    }
    .bro{
        height: 1200px;
    }
    header .navi_bar .navi,header .container{
        max-width: 980px;
    }
    header .logo img{
        width: 168px;
        padding: 40px;
    }
    header .header_promo h3{
        font-size: 3.4em;
    }
    header .header_promo p{
        font-size: 1.1em;
    }
    header .header_about h1{
        font-size: 2.8em;
    }
    header .header_about h2{
        font-size: 2.5em;
        padding: 45px 0;
    }
    header .container .coach{
        width: 950px;
    }
    header .container .coach h2{
        font-size: 2.5em;
        padding: 35px 0;
    }
    header .container .coach .trainer{
        width: calc(50% - 45px);
        padding: 50px 20px;
        background-position: 50px 30px;
    }
    header .container .coach .trainer h3{
        padding-left: 150px;
    }
    header .container .coach .trainer p{
        padding-left: 150px;
    }
    .offer .wrapper{
        max-width: 980px;
    }
    .offer h2{
        font-size: 3em;
    }
    .offer .group .item{
        width: calc(33% - 40px);
        height: 250px;
    }
    .offer .group .item.promo{
        width: calc(66% - 40px);
    }
    .offer .group .item.promo{
        margin-bottom: 0;
    }
    .prices {
        height: 650px;
    }
    .prices .wrapper{
        max-width: 1200px;
    }
    .prices h2{
        font-size: 2.8em;
        padding: 35px 0;
    }
    .prices .price_list p{
        max-width: 80%;
    }
    .prices .price_list .item{
        font-size: 1.1em;
    }
    footer .wrapper{
        max-width: 980px;
    }
    footer .copy,footer .devian{
        padding: 30px 15px;
    }
}
@media (min-width:1160px){ 
    .bro{
        background-position: bottom right;
    }
    .prices{
        height: 600px;
    }
    .prices .price_list p{
        max-width: 60%;
    }
}
@media (min-width:1281px){ 
    /* hi-res laptops and desktops */
    header{
        height: 1510px;
    }    
    .bro{
        height: auto;
        bottom: 0;
    }    
    header .navi_bar .navi,header .container{
        max-width: 1200px;
    }
    header .header_promo h3{
        font-size: 3.8em;
    }
    header .header_promo p{
        font-size: 1.2em;
    }
    header .header_about h1{
        font-size: 3em;
    }
    header .container .coach{
        width: 1200px;
    }
    header .container .coach h2{
        font-size: 2.8em;
        padding: 45px 0;
    }
    header .container .coach .trainer{
        width: calc(50% - 65px);
        padding: 50px 30px;
    }
    .offer .wrapper{
        max-width: 1200px;
    }
    .offer .group .item.promo{
        height: 200px;
    }
    .offer .group .item.promo h3{
        width: calc(100% - 250px);
    }
    .offer .group .item.promo p{
        width: calc(100% - 250px);
        margin: 15px auto;
    }
    .prices{
        height: 700px;
    }
    .prices h2{
        font-size: 3em;
        padding: 45px 0;
    }
    .prices .price_list p{
        font-size: 1.2em;
        padding: 50px 150px;
        
    }
    .prices .price_list .item{
        font-size: 1.2em;
    }
    footer .wrapper{
        max-width: 1200px;
    }
}
@media (min-width:1400px){ 
    .bro{
        background-position: bottom right;
    }
}