@charset "utf-8";

.btn.btn-close {position: absolute;
                top:34px;
                right: 25px;
                color: #fff;
                font-size: 30px;
                font-weight: 700;
                background-color: transparent;
                border: 0 none;
                display: none;} 


@media all and (max-width: 1500px) 


{
.film-list-kategoria .film-buttons .watch-online, .film-list-kategoria .film-buttons .download {font-size: 20px;}
}




@media all and (max-width: 1460px) 


{

.menu1-container ul li:first-child {display: none;}

.menu1-container ul li:hover > ul li:first-child {display: block;}

/*.menu1-container ul li:nth-child(2) {background: none;}*/


.menu1-container ul li:hover > ul li:nth-child(2) {background: #745B82;}


.footer-txt {display: none;}

.footer-txt-phone {display: block;
                   clear: both;
                   width: 80%;
                   margin: 0 auto;
                   font-size: 13px;
                   padding: 30px 0 0 0;
                   text-align: center;}


.footer-container {display: block;}


.f-social {float: left;}



.f-menu {float: right;}

}



@media all and (max-width: 1350px) 


{

.footer-news ul li { padding: 10px 1%;}




}


@media all and (max-width: 1260px) 


{
.film-list-kategoria .film-buttons .watch-online, .film-list-kategoria .film-buttons .download {font-size: 16px;}
}



@media all and (max-width: 1350px) 

{

.pornstar-big-img .star-mini {padding: 15px 25px 250px 50px;}

.pornstar-big-img .star-mini img {max-width: 100px;}


}




@media all and (max-width: 1260px) 

{

.menu1-container ul li a {padding: 9px 12px 4px 23px;}


.new-register {padding: 10px 18px 12px 18px;}

.button-container div {margin: 0 15px;}

.szukaj {width: 250px;}

.szukaj input[type='text'] {width: 200px;}

.pb-box:nth-child(2n+1), .single-film.page-blog:nth-child(2n+1) {padding-left: 15px;} 

.pb-box:nth-child(2n), .single-film.page-blog:nth-child(2n) {padding-right: 15px;} 

}




@media all and (max-width: 1220px) 


{


.footer-top img {width: 100%;}

.ft-box ul li {width: 24%;
               margin: 0 0.5%;}


.ft-box ul li:last-child {display: none;}



}



@media all and (max-width: 1200px) 


{

.film-box { width: 70%;}


.film-txt { width: 30%;
           font-size: 16px;
           line-height: 20px;}

.gwarancja {display: none;}

.film-list-kategoria .film-buttons .download:hover > div.download-buttons-container {padding: 15px 0 0 0;}

.film-buttons .download:hover > div.download-buttons-container {padding-top: 15px;}

}


@media all and (max-width: 1170px) 


{

.headline h1 {font-size: 19px;}


.fb-container {display: block;
               padding: 25px 0;
               overflow: hidden;}

.fb-container div.f-box {float: left;
                         margin: 15px;}
                   

.col1-ngl, .col1 ul li {padding-left: 15px;}                   
                   
                   

#wrapper {width: 620px;}


#tabs, #tabs2, #tabs3, #tabs4, #tabs5 {width: 620px;}

#tabs_container { height: 1107px !important;}

.free-gogle .free-text {font-size: 32px;
                        margin: 20px 0 0 25px;}

.free-gogle .free-img {margin: 8px 0 0 20px;}

.member-box {margin: 0 18px;}

.member-3 {clear: both;} 

.girl-box {width: 20%;} 


}

@media all and (max-width: 1070px) 

{

.pb-box, .single-film.page-blog {width: 100%;
         margin: 0 auto;
         float: none;} 

.pb-box .pb-text, .pb-box .pb-foto, .pb-box h2, .single-film.page-blog h1, .single-film.page-blog .single-film-txt {max-width: 600px;
                                            margin: 0 auto;}

.pb-box:nth-child(4n+1), .pb-box:nth-child(4n+2), .single-film.page-blog:nth-child(4n+1), .single-film.page-blog:nth-child(4n+2) {background: #1c1c1c;}

.pb-box:nth-child(2n+1), .single-film.page-blog:nth-child(2n+1)  {background: #333;}

.pb-box:nth-child(2n+1) a, .single-film.page-blog:nth-child(2n+1) a {color: #fff;}


.pb-box:nth-child(2n+1) .pb-text, .pb-box:nth-child(2n+1) .pb-text {color: #fff;}


.pb-box:nth-child(2n) a, .single-film.page-blog:nth-child(2n) a {color: #fff;}

.pb-box:nth-child(2n) .pb-text, .pb-box:nth-child(2n) .pb-text {color: #fff;}


}



@media all and (max-width: 1010px) 

{

.button-container div {width: 300px;}


.button-container div span.txt { font-size: 23px;}

.footer-txt-phone {width: 90%;}


.film-list-kategoria li {width: 96%;}


}


@media all and (max-width: 980px)


{

div.swiper-container .swiper-swipe {display: block;}

.film-time {display: none;}

body.nav-open {overflow: hidden;}
body.nav-open > *:not(.menu-phone2) {-webkit-filter:blur(3px);
                                   filter:blur(3px);}

 
.menu-phone2.open .btn.btn-close {display: block;}

.header-container, .top-container span, .new-register {display: none;}



.menu-phone2 {position: fixed;
            top: 0;
            left: 0;
            bottom: 0;
            width: 0;
            background-color: rgba(0,0,0,0.5);    
            -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
            overflow-x: hidden;
            overflow-y: auto;
            z-index: 50;}

.menu-phone2.open {right: 0;
                   width: 100%;}

.szukaj-phone {clear: both;
         width: 95%;
         max-width: 500px;
         height: 42px;
         border: 1px solid #30373e; 
         margin: 0 auto;
         display: block;
         background: #fff;
         position: relative;
         margin-bottom: 10px;}  
         
               
        
        
.szukaj-phone input[type='text'] {width: 100%;
                            height: 40px;
                            float: left;
                            border: none;                            
                            font-family:  Lato, sans-serif;
                            color: #000;
                            padding: 0 40px 0 10px;
                            box-sizing: border-box;}       
        
        
.szukaj-phone input[type='submit'] {width: 25px;
                            height: 25px;                            
                            border: none;                            
                            background: url(https://www.virtualrealitybang.com/vrporn/wp-content/uploads/2017/06/search_ico.png) no-repeat;
                            position: absolute;
                            top: 50%;
                            right: 10px;
                            -webkit-transform: translateY(-50%);
                            transform: translateY(-50%);} 

.phone-top {display: block;
            width: 100%;
            margin: 0 auto;
            padding: 10px 1% 0 1%;
            overflow: hidden;
            border-bottom: 2px solid #e4003a;}

.login_phone-button {display: block;}


.logo-phone { width: 377px;
              position: relative;
              float: left;}

.logo-phone span { display: block;
             position: absolute;
             color: #e4003a;
             font-size: 11px;
             right: 138px;
             bottom: 22px;
             -webkit-transform: rotate(2deg);
             -moz-transform: rotate(2deg);
             -ms-transform: rotate(2deg);
             -o-transform: rotate(2deg);}  

.logo-phone img {width: 100%;}


.top-container ul {text-align: center;}


.top-container li {float: none;
                   padding: 10px 0;}
                   
                   
.menu1-container {min-height: 100%;
                  padding: 10px 0 0 0;
                  width: 320px;
                  -webkit-transform: translateX(-101%);
                  transform: translateX(-101%);
                  -webkit-transition: all 0.3s ease 0s;
                  transition: all 0.3s ease 0s;} 

.menu-phone2.open .menu1-container {-webkit-transform: translateX(0);
                                    transform: translateX(0);}

.menu1-container ul {float: none;
                     text-align: center;}     
                     
                     
.menu1-container ul li { background: none;
                         float: none;  } 
                         
.menu1-container ul li:first-child {display: block;}
.menu1-container ul li:last-child {display: block;}
.menu1-container ul > li:nth-child(2) {padding-bottom: 50px;}


.menu1-container ul li a, .menu1-container ul li a:hover {border: none;
                                                          padding-bottom: 16px;}                                                         
                   
.menu1-container ul li:hover > ul {display:none;}



.menu1-container ul li.menu-item-67 > ul {display: block;
                                          position: relative;                                             
                                          float: none;
                                          background: #cecccc;}

.menu1-container ul li.menu-item-67 > ul li {background: #cecccc;
                                             padding-bottom: 0;}

.menu1-container ul li.menu-item-67 > ul li:hover {background: #cecccc;}

.menu1-container ul li.menu-item-67 > ul li a {font-weight: 400;
                                               font-size: 13px;
                                               text-align: center;
                                               width:100%;
                                               padding: 0 10px;
                                               height: 40px;
                                               line-height: 40px;
                                               display: block;
                                               text-transform: none;}


.menu1-container ul li:nth-child(1), .menu1-container ul li:nth-child(2), .menu1-container ul li:nth-child(3), .menu1-container ul li:nth-child(4), .menu1-container ul li:nth-child(5), .menu1-container ul li:nth-child(6), .menu1-container ul li:nth-child(7) {background-image: none;}

.menu1-box {max-height: 100%;
           overflow-y: auto;
           position: relative;}

.login_phone-button {position: absolute;
                     top: 100px;
                     left: 0;
                     right: 0;}
.szukaj-phone + .menu-poziome-container + .login_phone-button {top: 152px;}
.login_phone-button a {padding: 9px 17px 16px 17px;
                       line-height: 25px;
                       box-sizing: border-box;}

/*LISTA FILMÓW*/

.table { display: block;}


.film-box { width: 100%;
           display: block;}
    
.film-txt {width: 100%;
              padding: 10px 0 0 0;
              display: block;
              clear: both;}
              

.film-buttons { position: relative;
                padding-right: 0;} 

.film-buttons .download > div.download-buttons-container {padding-right: 0;} 

.film-list .film-buttons .download:hover > div.download-buttons-container {padding-right: 0;} 

           


.li-list-container {width: 84%;}


.film-list li .film-buttons ul li:nth-child(2) a { background: url(img/download_ico.png) no-repeat scroll 97% 8px;}


.film-list li .film-buttons ul li { margin-top: 10px}

.list-ico-container {width: 100%;
                     margin-top: 10px;}
    
.list-ico-container ul {float: left;
                        width: 50%;}
                        
.film-list li .list-ico li {text-align: center;
                           padding-top: 15px;}   


.film-ico { height: 80px;
            margin-left: -40px;
            margin-top: -40px;
            width: 80px;} 
            
            
.col1 {width: 100%;
       padding-top: 10px;}            
            

.col1 ul li {border: none;
             padding: 10px 15px;
             float: left;
             width: auto;
             font-size: 17px;}
             
             
.col1 ul li:first-child {padding: 10px 15px ;} 

.col1 ul li:last-child {padding: 10px 15px ;
                        border: none;}  
                        
.menu-phone3 {border: 1px solid #e8105b;
              border-top: none;
              overflow: hidden;
              max-height: 0;
              width: 100%;
              -webkit-transition: all 0.3s ease 0s;
              transition: all 0.3s ease 0s;}                                    
            
            
.col2 {width: 100%;}            
            
            
            
.ft-box ul li {width: 32%;
               margin: 0 0.5%;}


.ft-box ul li:nth-child(4), .ft-box ul li:nth-child(5) {display: none;}            
            
            
.film-button-container .list-ico {display: none;}          
                                
.single-film-ico {display: block;
                  padding-top: 25px;}
                  

.film-galeria {margin-top: 10px;} 



.film-buttons .download > div {padding-right: 0;}  


.film-list .gallery-item, .single-film .gallery-item {width: 33% !important;} 

.content-wpis-blog .gallery-item {width: 31% !important;
                                  margin: 0 1.16666666667%;} 

.button-guests {margin: 25px auto 0 auto;}                               

.col1-ngl {position: relative;
           padding-right: 35px;}

.caret {position: absolute;
       top: 50%;
       right: 15px;
       width: 0;
       height: 0;
       border-style: solid;
       border-width: 10px 7px 0 7px;
       border-color: #ffffff transparent transparent transparent;
       -webkit-transform: translateY(-50%);
       transform: translateY(-50%);}

.col1.open .menu-phone3 {max-height: 2000px;}
.col1.open .caret {border-width: 0 7px 10px 7px;
                   border-color: transparent transparent #ffffff transparent;}



.pornstar-big-img .star-mini {padding: 5px 25px 250px 50px;}

.pornstar-big-img .star-mini img {max-width: 80px;}

#menu-item-14407 {display: block;}

.headline {display: none;}

.button-container {display: none;}

/***********ZMIANY IKONKI FILMY***********/ 

.list-ico-container ul {width: 100%;
                        text-align: center;}
                        
.film-list li .nowa-lista .list-ico li {display: inline-block;
                                        float: none;
                                        width: 11.5%;}

.film-list li .nowa-lista .list-ico li:nth-child(2) {display: none;}

.film-list li .nowa-lista .list-ico li img {width: 94%;}

.film-list .film-txt { margin-bottom: 85px;}

.film-list-kategoria .film-buttons .watch-online, .film-list-kategoria .film-buttons .download {font-size: 20px;}


}



@media all and (max-width: 940px)

{

.ul-register {display: block;}

.ul-register li {height: 339px;
                 background-size: cover;
                 padding-top: 30px;
                 width: 40%;
                 margin: 15px 5% 0 5%;
                 float: left;}



.pakiet-txt { padding-top: 30px;}


.pakiet-bt {padding-top: 40px;}



}

@media all and (max-width: 920px) 

{

.ct-left {display: none;}

.ct-right {width: 96%;
           float: none;
           max-width: 850px;
           margin: 0 auto;
           padding: 25px 0 0 0;}

}


@media all and (max-width: 900px)

{

.wsp-genres-list li {float: left;
                    width: 100%;}


.logo-footer img {width: 100%;}

.logo-footer span {right: 23px;
                  bottom: -8px;}

}


@media all and (max-width: 780px)


{

.f-menu, .f-menu-top { width: 340px;}


.single-film-ico { float: none;
                   width: 100%;}

                                
                                 
.single-film-ico ul.list-ico li img {width: 90%;
                                     max-width: 50px;}
                                     
.single-film-txt {margin-right: 0;}                                    
                                     
                                     

.ft-box ul {display: block;}
                                                              

.ft-box ul li:nth-child(4n) {display: block;}


.ft-box ul li {float: left;
                        width: 48%;
                        margin: 0 1% 10px 1%;}


.how-img {width: 100%;
          float: none;}

.how-txt {margin-left: 0;
          width: 100%;
         clear: both;}

.how-txt h2 {font-size: 18px;}

.girl-box {width: 25%;}

.girl-box:nth-child(4n+1) {clear: both;}

.girl-box:nth-child(5n+1) {clear: none;}

.pornstar-big-img img {display: none;}


.pornstar-big-img .star-mini {padding: 10px 0 15px 0;
                              width: 100%;
                               text-align: center;
                               background: none;
                                position: relative;}

.pornstar-big-img .star-mini img {max-width: 150px;
                                  display: block;
                                  margin: 0 auto;}

.pornstar-big-img .star-mini span {background: rgba(0, 0, 0, 0.7);}

}




@media all and (max-width: 700px)


{
.btn.btn-close {top:24px;
                right: 22px;}




.menu-button { margin-top: 13px;}



.li-list-container { width: 98%;}

.film-list li h2 { font-size: 20px;}


.footer-news ul {display: block;}

.footer-news ul li {display: block;
                    width: 100%;
                    padding: 10px 2%;}


.f-menu-top { display: none;}


.f-menu {width: 98%;
         clear: both;} 
         
         
         
.f-menu ul li:first-child { display: block;
                            font-weight: 900;
                            padding: 10px 0;}
                            
.f-menu ul {margin-left: 10%;
            box-sizing: border-box;
            width: 40%;}                            
         
         
         
.f-social {float: none;
            margin: 0 auto;}




.single-film .film-buttons {display: block;
                            width: 300px;
                            margin: 0 auto;}

.single-film .button-guests, .single-film .film-buttons .download {margin: 18px 0 0 0;} 



}



@media all and (max-width: 680px)

{


.ul-register {display:block;
              margin: 0 auto;}



.ul-register li {width: 320px;
                 height: 339px;
                 background-size: cover;
                 padding-top: 30px;
                  clear: both;
                  margin: 10px auto;
                  float: none;}

.ul-register li:first-child {margin: 0 auto;}

.pakiet-txt { padding-top: 30px;}


.pakiet-bt {padding-top: 40px;}

.fb-container div.f-box {float: none;
                         clear: both;
                         margin: 10px auto;} 


.wsp-stars-list li {float: left;
                    width: 50%;}


.wsp-tags-list li {float: left;
                    width: 33.3333333333333%;} 



}

@media all and (max-width: 620px)

{

#wrapper {width: 98%;}


#tabs, #tabs1, #tabs2, #tabs3, #tabs4, #tabs5, #tabs-1, #tabs-2 {width: 98%;}

#tabs_container { height: 2092px !important;}

.free-gogle .free-text {font-size: 28px;
                        display: table-cell;
                        vertical-align: middle;
                        color: #FE0000;
                        width: 100%;
                        text-align: center;
                        margin: 5px 0 0 0;}

.free-gogle .free-img {display: none;}

.member-box {margin: 10px auto;
             clear: both;
             float: none;}

#tabs li, #tabs2 li, #tabs3 li, #tabs4 li, #tabs5 li {float: none;
                                                      margin-right: 0;
                                                      clear: both;}

.popup-box {margin:  0 auto;}

.film-list-kategoria .film-buttons .watch-online, .film-list-kategoria .film-buttons .download {font-size: 18px;}

}



@media all and (max-width: 510px)

{


.film-ico { height: 50px;
            margin-left: -25px;
            margin-top: -25px;
            width: 50px;} 
            
            
.footer-news ul li { width: 98%;
                    margin: 10px 1%;}
                    
                    
.ft-box ul li {float: left;
                        width: 98%;
                        margin: 0 1% 10px 1%;}                    

     
.szukaj-phone input[type='text'] {width: 75%;}

.film-list-kategoria .film-buttons .download, .film-list-kategoria .film-buttons .watch-online {width: 100%;
                                                                                                float: none;
                                                                                                 margin-left: 0%;
                                                                                                 margin-right: 0%;
                                                                                                 margin-bottom: 0px;}



.film-list-kategoria .film-buttons .download:hover > div.download-buttons-container {width: 100%;
                                                                                     /*display: block;
                                                                                     position: absolute;
                                                                                     padding: 10px 0 0 0;
                                                                                     margin-left: -20px;*/}

.home-stars, .home-cat {padding: 0;
                        background: none;
                        min-height: 20px;}


}

@media all and (max-width: 460px)

{

.logo-phone { width: 280px;
             margin-bottom: 8px;}

.logo-phone span {  right: 23px;
             bottom: -8px;}

.menu-button {margin-top: 8px;
              margin-right: 10px;}
              
.f-menu ul {margin-left: 2%;
            width: 98%;
            clear: both;
            text-align: center;}  
            

.footer-txt-phone {width: 98%;}  


.menu1-container {width: 240px;}      

.btn.btn-close {top: 19px;
                right: 16px;}

}


@media all and (max-width: 450px)

{

.film-list .gallery-item, .single-film .gallery-item, .film-list-kategoria .gallery-item {width: 50% !important;} 

.content-wpis-blog .gallery-item {width: 48% !important;
                                  margin: 0 1%;} 

.girl-box {width: 33.333333%;}



.girl-box:nth-child(4n+1) {clear: none;}

.girl-box:nth-child(5n+1) {clear: none;}

.girl-box:nth-child(3n+1) {clear: both;}

}




@media all and (max-width: 360px)

{

.single-film-ico .list-ico {display: block;}

.single-film-ico .list-ico li {width: 25%;
                               text-align: center;
                               float: left;}


.logo-phone { width: 250px;}


.wsp-stars-list li {width: 100%;}


.wsp-tags-list li {width: 50%;} 


.girl-box {width: 50%;}




.girl-box:nth-child(3n+1) {clear: none;}

.girl-box:nth-child(4n+1) {clear: none;}

.girl-box:nth-child(5n+1) {clear: none;}

.girl-box:nth-child(2n+1) {clear: both;}

}