body {
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    line-height:1.42857143;
    color:#333;
    background-color:#f05624;
    margin:0;
    min-height:100vh;
    }
    
    #nav {
    position:fixed;
    background-image:linear-gradient(to top,#d5d4d0 0%,#d5d4d0 1%,#eeeeec 31%,#efeeec 75%,#e9e9e7 100%);
    width:100%;
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    z-index:999;
    -webkit-box-shadow:0 7px 5px 0 rgba(0,0,0,0.75);
    -moz-box-shadow:0 7px 5px 0 rgba(0,0,0,0.75);
    box-shadow:0 7px 5px 0 rgba(0,0,0,0.75);
    }
    
    #nav a {
    text-decoration:none;
    color:#000;
    text-transform:uppercase;
    font-weight:700;
    font-size:15px;
    }
    
    #nav a:hover {
    color:red;
    }
    
    #nav .logo {
    grid-column:1/2;
    display:grid;
    justify-items:start;
    }
    
    .logo svg {
    width:100%;
    padding-left:25px;
    }
    
    #nav nav {
    justify-items:end;
    grid-column:2/4;
    display:grid;
    }
    
    #nav ul {
    list-style:none;
    display:inline-block;
    margin:0;
    padding-right:25px;
    }
    
    #nav li {
    display:inline-grid;
    justify-items:end;
    padding:12px;
    margin-top:9px;
    }
    
    #nav p {
    text-decoration:none;
    color:#000;
    text-transform:uppercase;
    font-weight:700;
    font-size:15.4px;
    }
    
    #nav p::before {
    content:'';
    display:block;
    height:5px;
    background:#000;
    width:100%;
    }
    
    #nav a::before {
    content:'';
    display:block;
    height:5px;
    background:red;
    width:100%;
    transform:scale(0,1);
    transition:transform ease-in-out 250ms;
    }
    
    #nav a:hover::before {
    transform:scale(1,1);
    }
    
    #nav .nav-toggle {
    display:none;
    }
    
    #nav .join-btn a::before {
    content:none;
    }
    
    #nav .logo a::before {
    content:none;
    }
    
    #nav .join-btn a {
    background:#E3B84D;
    color:#000;
    border-radius:3px;
    padding:10px 20px!important;
    font-weight:700;
    letter-spacing:.05em;
    display:inline-block;
    text-transform:uppercase;
    border: 3px solid #000;
    transition:.3s ease background;
    }
    
    #nav .join-btn a:hover {
    background:#000;
    color:#fff;
    text-decoration:none;
    }

    /* NEW NAV */

    .new-mobile-nav {
        display: none;
    }

    #join-mobile{
        display: none;
      }
      
    #login-mobile{
        display: none;
      }
    
    /* END OF NEW NAV */  

    #search {
    width:100px;
    height:34px;
    padding:0 12px;
    margin-bottom:10px;
    font-size:14px;
    line-height:1.42857143;
    color:#555;
    background-color:#fff;
    background-image:none;
    border:1px solid #ccc;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }
    
    .search-field form {
    grid-row:1;
    }
    
    .search-field a {
    grid-row:1;
    margin-left:5px;
    }
    
    .nav-toggle-label {
    display:none;
    }
    
    @media screen and (max-width: 1132px) {
    #nav .nav-toggle:checked ~ nav {
    display:block;
    transform:scale(1,1);
    height:400px;
    }
    
    #nav .nav-toggle:checked ~ nav li {
    opacity:1;
    transition:opacity 250ms ease-in-out 250ms;
    }
    
    #nav .nav-toggle-label {
    display:flex;
    justify-items:end;
    align-items:center;
    margin-right:1em;
    position:absolute;
    top:0;
    left:0;
    height:100%;
    cursor:pointer;
    margin-left: 1.5em;
    }
    
    .nav-toggle-label span,.nav-toggle-label span::before,.nav-toggle-label span::after {
    width:2em;
    display:block;
    background:#000;
    height:5px;
    border-radius:2px;
    position:relative;
    }
    
    .nav-toggle-label span::before,.nav-toggle-label span::after {
    content:'';
    position:absolute;
    }
    
    .nav-toggle-label span::before {
    bottom:9px;
    }
    
    .nav-toggle-label span::after {
    top:9px;
    }
    
    #nav .search-field {
    display:grid;
    }
    
    #nav nav {
    position:fixed;
    text-align:center;
    width:100%;
    background:#e9e9e7;
    opacity:.95;
    top:85px;
    right:0;
    transform:scale(1,0);
    transform-origin:top;
    transition:transform 400ms ease-in-out;
    }
    
    #nav nav ul {
    position:absolute;
    left:0;
    }
    
    #nav nav li {
    display:block;
    text-align:left;
    opacity:0;
    transition:opacity 150ms ease-in-out;
    margin:0;
    }
    
    #nav .search-field input {
    margin:0;
    }

    /* NEW MOBILE NAV */

    .new-mobile-nav {
        display: block;
    }

    .logo svg {
        width: 250px;
        padding-left: 50px;
    }

    #login-mobile {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        color: #000;
        text-decoration: none;
        font-weight: bold;
        cursor: pointer;
        opacity: 1;
        padding: 0 0.4em;
        margin-right: 8em;
    }
    #login-mobile:hover {
        opacity: 0.85;
        text-decoration: none;
        border: none;
    }
    
    #join-mobile {
        display: block;
        position: absolute;
        top: 1.1em;
        right: 1.5em;
        color: #000;
        text-decoration: none;
        font-weight: bold;
        cursor: pointer;
        opacity: 1;
        padding: 0 0.4em;
        border: 3px solid #000;
    }
    #login-mobile:hover {
        opacity: 0.85;
        text-decoration: none;
        border: none;
    }
    .new-mobile-nav a:hover{
        color: #fff;
    }

    .new-join-btn {
        background:#E3B84D;
        color:#000;
        border-radius:3px;
        padding:10px 20px!important;
        font-weight:700;
        letter-spacing:.05em;
        display:inline-block;
        text-transform:uppercase;
        border:none;
        transition:.3s ease background;
        }
        
        .new-join-btn:hover {
        background:#000;
        color:#fff;
        text-decoration:none;
        }

        @media screen and (max-width: 529px) {
            .logo svg {
                width: 250px;
                height: 50px;
                padding-left: 25px;
            }
    
            #nav .nav-toggle-label {
                margin-left: 1em;
                }

            #join-mobile {
                top: .5em;
                right: 1em;
                padding: 0 0.2em;
            }  
            .new-join-btn {
                padding:6px 20px!important;
                font-weight:bolder;
                letter-spacing:.05em;
                border: 3px solid #000;
                }  
            #nav .nav-toggle:checked ~ nav {
                margin-top: -1.8em;
            }    
        }   
        
        @media screen and (max-width: 405px) {
            .logo svg {
                width: 180px;
                height: 45px;
                padding-left: 35px;
            }
    
            #nav .nav-toggle-label {
                margin-left: .6em;
                }

            #join-mobile {
                top: .3em;
                right: .5em;
                padding: 0 0.2em;
            }  
            .new-join-btn {
                padding:3px 10px!important;
                font-weight:700;
                letter-spacing:.05em;
                border: 3px solid #000;
                }  
            .nav-toggle-label span{
                width: 1.8em;
            } 
            .nav-toggle-label span::before{
                width: 1.8em;
            }    
            .nav-toggle-label span::after{
                width: 1.8em;
            }
            #nav .nav-toggle:checked ~ nav {
                margin-top: -2.2em;
            }        
            
            
        }

    /* END OF NEW MOBILE NAV */

    }
    
    #slider {
    display:grid;
    grid-template-columns:1fr 1fr 1fr 1fr 1fr;
    grid-template-rows:1fr 1fr 1fr 80px;
    -webkit-box-shadow:0 7px 5px 0 rgba(0,0,0,0.75);
    -moz-box-shadow:0 7px 5px 0 rgba(0,0,0,0.75);
    box-shadow:0 7px 5px 0 rgba(0,0,0,0.75);
    }
    
    #slider .big-img {
    width:100%;
    margin-top:55px;
    grid-column:1/6;
    grid-row:1/5;
    }
    
    
    #slider .big-star {
    display:none;
    }
    
    #slider .thtle-shadow {
    display:grid;
    grid-column:1/6;
    grid-row:4/5;
    background:#444;
    z-index:2;
    opacity:.3;
    }
    
    #slider .logo-4k {
    display:grid;
    grid-column:1/2;
    grid-row:4/5;
    z-index:3;
    justify-items:start;
    height:100%;
    margin-left:20px;
    }
    
    #slider .title-text {
    display:grid;
    grid-column:1/6;
    grid-row:4/5;
    z-index:2;
    color:#fff;
    font-size:2em;
    padding-left:20px;
    padding-right:20px;
    justify-items:center;
    text-shadow:0 1px 2px rgba(0,0,0,.6);
    }
    
    #slider .title-text p {
    margin:0;
    }
    
    #slider .title-text .slider-next-update {
    font-size:.7em;
    margin-top:-10px;
    }
    
    #slider .title-text .slider-date {
    font-size:.4em;
    margin-top:-10px;
    }
    
    #slider .title-text .slider-name {
    text-transform:uppercase;
    }
    
    @media screen and (min-width: 1100px) {
    #slider {
    display:grid;
    grid-template-columns:100px 1fr 1fr 1fr 100px;
    }
    
    #slider .title-text {
    grid-column:2/5;
    grid-row:4/5;
    }
    
    #slider .border-1 {
    grid-column:1/2;
    grid-row:1/-1;
    background-image:linear-gradient(to right,#434343 0%,black 100%);
    background:linear-gradient(to bottom,#323232 0%,#000 40%,#1C1C1C 150%),linear-gradient(to top,rgba(255,255,255,0.40) 0%,rgba(0,0,0,0.25) 200%);
    background-blend-mode:multiply;
    }
    
    #slider .border-2 {
    grid-column:-2/-1;
    grid-row:1/-1;
    background-image:linear-gradient(to right,#434343 0%,black 100%);
    background:linear-gradient(to bottom,#323232 0%,#000 40%,#1C1C1C 150%),linear-gradient(to top,rgba(255,255,255,0.40) 0%,rgba(0,0,0,0.25) 200%);
    background-blend-mode:multiply;
    }
    
    #slider .big-img {
    width:100%;
    margin-top:84px;
    grid-column:2/5;
    grid-row:1/5;
    }
    
    #slider .logo-4k {
    grid-column:2/3;
    }
    
    #slider .big-star {
    margin-top:84px;
    grid-column:4/6;
    grid-row:1/5;
    display:inline-grid;
    justify-items:end;
    z-index:3;
    }
    }
    
    .big-star img {
    grid-column:1;
    grid-row:1;
    }
    
    #slider .big-star-txt {
    grid-column:1;
    grid-row:1;
    margin-top:10px;
    margin-right:60px;
    }
    
    #slider .star-txt1 {
    margin-top:55px;
    margin-bottom:0;
    font-size:65px;
    margin-left:40px;
    font-weight:700;
    -moz-transform:rotate(-15deg);
    -webkit-transform:rotate(-15deg);
    -ms-transform:rotate(-15deg);
    -o-transform:rotate(-15deg);
    }
    
    #slider .star-txt2 {
    margin-left:65px;
    margin-top:-30px;
    font-size:35px;
    font-weight:700;
    -moz-transform:rotate(-15deg);
    -webkit-transform:rotate(-15deg);
    -ms-transform:rotate(-15deg);
    -o-transform:rotate(-15deg);
    }

    @media screen and (max-width: 529px) {
        .logo svg {
            width: 250px;
            height: 50px;
            padding-left: 25px;
        }

        #nav .nav-toggle-label {
            margin-left: 1em;
            }

        #join-mobile {
            top: .39em;
            right: 1em;
            padding: 0 0.2em;
        }  
        .new-join-btn {
            padding:6px 20px!important;
            font-weight:700;
            letter-spacing:.05em;
            }  
        #nav .nav-toggle:checked ~ nav {
            margin-top: -1.8em;
        }    

        
        
    }   
    
    
    .wrapper {
    display:grid;
    grid-template-columns:20px 1fr 20px;
    }
    
    .wrapper>div {
    grid-column:2/3;
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    grid-gap:1em;
    }
    
    .wrapper a {
    display:grid;
    grid-template-rows:30px 1fr 1fr 36px;
    overflow:hidden;
    border:3px solid #000;
    text-decoration:none;
    -webkit-box-shadow:0 7px 5px 0 rgba(0,0,0,0.75);
    -moz-box-shadow:0 7px 5px 0 rgba(0,0,0,0.75);
    box-shadow:0 7px 5px 0 rgba(0,0,0,0.75);
    }
    
    .wrapper .added {
    grid-row:4/5;
    grid-column:1/-1;
    background:#000;
    z-index:2;
    opacity:.7;
    font-size:1.5em;
    color:#fff;
    }
    
    .added-text {
    display:grid;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:.5em;
    margin-right:10px;
    margin-top:-7px;
    }
    
    .added-text span {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    margin-left:85px;
    }
    
    .wrapper .name {
    grid-row:3/5;
    grid-column:1;
    background:#fffc00;
    z-index:2;
    opacity:.6;
    transform:rotate(-4deg);
    text-align:center;
    font-size:1.5em;
    color:#000;
    padding-top:20px;
    margin-top:-4px;
    margin-bottom:5px;
    width:100%;
    margin-left:-10px;
    padding-right:150px;
    -webkit-box-shadow:10px 10px 5px 0 rgba(0,0,0,0.75);
    -moz-box-shadow:10px 10px 5px 0 rgba(0,0,0,0.75);
    box-shadow:10px 10px 5px 0 rgba(0,0,0,0.75);
    border:2px solid #fff;
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    }
    
    .name-new {
    padding:10px;
    background:red;
    color:#fff;
    margin-right:10px;
    font-weight:700;
    border:1px solid #000;
    }
    
    .added-date {
    font-size:.7em;
    }
    
    .title-info {
    display:grid;
    grid-row:4/5;
    grid-column:1/-1;
    background:#000;
    z-index:2;
    opacity:.7;
    font-size:1.5em;
    color:#fff;
    align-items:center;
    padding-left:20px;
    padding-right:20px;
    }
    
    .title-info span {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    }        .title-info h2 {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;    font-size:0.8em;
    }
    
    .wrapper a img,.wrapper a video {
    width:100%;
    grid-row:1/5;
    grid-column:1;
    /* transform:scale(1,1);
    transition:300ms linear; */
    }
    
    /* .wrapper a img:hover,.wrapper a video:hover {
    transform:scale(1.4,1.4);
    transition:300ms linear;
    } */
    
    @media screen and (max-width: 1100px) {
    .wrapper>div {
    grid-column:2/3;
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-gap:1em;
    }
    }
    
    @media screen and (max-width: 900px) {
    .wrapper>div {
    grid-column:2/3;
    display:grid;
    grid-template-columns:1fr;
    grid-gap:1em;
    }
    }
    
    #pagination {
    display:grid;
    grid-template-columns:10px 1fr 10px;
    width: 80%;
    margin: 0 auto;
    }
    
    #pagination .pagination-btns {
    display:grid;
    grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap:1em;
    grid-column:2/3;
    }
    
    #pagination .pagination-btns div {
    align-items:center;
    display:grid;
    justify-items:center;
    }
    
    #pagination .pagination-btns div .active {
    background:#fff;
    width:50%;
    display:block;
    height:100%;
    text-align:center;
    font-size:2em;
    font-weight:700;
    text-decoration:none;
    color:#000;
    border-radius:5px;
    border:1px solid #000;
    }
    
    #pagination .pagination-btns div a {
    background:#000;
    width:50%;
    display:grid;
    height:100%;
    text-align:center;
    font-size:2em;
    font-weight:700;
    text-decoration:none;
    color:#fff;
    border-radius:5px;
    border:1px solid #fff;
    }
    
    #pagination .pagination-btns div a:hover {
    color:#000;
    background:#fff;
    border:1px solid #000;
    }
    
    @media screen and (max-width: 1100px) {
    .pagination-btns div a,.pagination-btns div .active {
    font-size:1.3em!important;
    align-items:center;
    }
    }
    
    footer {
    background:#000;
    opacity:.96;
    text-align:center;
    color:#ddd;
    font-weight:700;
    }
    
    footer .social-media {
    font-size:1.5em;
    padding-top:20px;
    text-align:left;
    margin-left:40px;
    }
    
    footer a {
    text-decoration:none;
    color:#ddd;
    }
    
    footer a:hover {
    opacity:.7;
    }
    
    footer ul {
    list-style:none;
    text-align:right;
    margin-right:40px;
    margin-top:0;
    padding-top:20px;
    }
    
    footer h5 {
    margin:0;
    }
    
    footer h6 {
    padding:0 0 20px;
    margin:0;
    }
    
    #video-player-section {
    color:#888;
    background:linear-gradient(to bottom,#323232 0%,#000 40%,#1C1C1C 150%),linear-gradient(to top,rgba(255,255,255,0.40) 0%,rgba(0,0,0,0.25) 200%);
    background-blend-mode:multiply;
    -webkit-box-shadow:0 7px 5px 0 rgba(0,0,0,0.75);
    -moz-box-shadow:0 7px 5px 0 rgba(0,0,0,0.75);
    box-shadow:0 7px 5px 0 rgba(0,0,0,0.75);
    }
    
    #video-player-section #kt_player {
    max-width:900px;
    margin:0 auto;
    }
    
    .video-text {
    max-width:860px;
    margin:0 auto;
    background:#000;
    -webkit-box-shadow:0 7px 5px 0 rgba(0,0,0,0.75);
    -moz-box-shadow:0 7px 5px 0 rgba(0,0,0,0.75);
    box-shadow:0 7px 5px 0 rgba(0,0,0,0.75);
    padding:5px 20px 20px;
    }
    .video-description a:link {
        color: #ffc83d;
        text-decoration: underline;
        }
    .video-description a:visited{
        color: #9d9d9d;
        text-decoration: underline;
        }
    .video-description a:hover{
        color: #ffc83d;
        text-decoration: none;
        }

    .video-info {
    width:100%;
    color:#999;
    }
    
    .video-info .active {
    fill:#ebdf0a;
    opacity:.9;
    }
    
    .video-info .unactive {
    fill:#696969;
    opacity:.9;
    }
    
    .video-info>div {
    display:grid;
    grid-template-columns:1fr 1fr 1fr 1fr;
    }

    
    
    .video-info>div p {
    margin:0;
    padding-bottom: 1rem;
    }
    
    .model-tags {
    color:#ddd;
    font-size:1.2em;
    }
    
    .model-tags a {
    color:#ec3f35;
    text-decoration:none;
    }
    .model-tags a:hover {
        color: #ffc83d;
        text-decoration:underline;
        }
        
    
    .video-title {
    color:#ec3f35;
    font-family:inherit;
    font-weight:500;
    line-height:1.1;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    }
    
    .download-full-movie h3 {
    text-transform:uppercase;
    color:#fff;
    font-size:2em;
    margin-bottom:0;
    margin-bottom:10px;
    }
    
    .download-full-movie h3::before {
    content:'';
    display:block;
    height:3px;
    background:#fff;
    width:100%;
    margin-bottom:10px;
    }
    
    .download-full-movie div {
    display:grid;
    grid-template-columns:1fr 1fr 1fr 1fr 1fr;
    }
    
    .download-full-movie::after {
    content:'';
    display:block;
    height:3px;
    background:#fff;
    width:100%;
    margin-top:20px;
    }
    
    .download-full-movie a {
    text-decoration:none;
    text-align:center;
    font-size:1.3em;
    color:#fff;
    padding:10px;
    background:#ec3f35;
    transition:.5s ease background;
    }
    
    .download-full-movie a:hover {
    background:#000;
    transition:.5s ease background;
    }
    
    #gallery-section {
    margin-top:50px;
    color:#ddd;
    }
    
    #gallery-section .thumbnails {
    max-width:900px;
    margin:0 auto;
    background:linear-gradient(to bottom,#323232 0%,#000 40%,#1C1C1C 150%),linear-gradient(to top,rgba(255,255,255,0.40) 0%,rgba(0,0,0,0.25) 200%);
    background-blend-mode:multiply;
    -webkit-box-shadow:0 7px 5px 0 rgba(0,0,0,0.75);
    -moz-box-shadow:0 7px 5px 0 rgba(0,0,0,0.75);
    box-shadow:0 7px 5px 0 rgba(0,0,0,0.75);
    }
    
    .row-figure {
    display:grid;
    grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap:1em;
    }
    
    .row-figure figure {
    margin:0;
    width:100%;
    overflow:hidden;
    }
    
    figure img {
    width:100%;
    /* transform:scale(1,1);
    transition:300ms linear; */
    }
    
    /* figure img:hover {
    transform:scale(1.4,1.4);
    transition:300ms linear;
    } */
    
    .gallery-title {
    padding-left:20px;
    padding-top:20px;
    }
    
     /* Join button update for video page */
    .join-gallery {
        font-size: 2em;
        text-decoration: none;
        color: #dfe9f3;
        width: 100%;
        text-align: center;
    }
    .join-gallery p {
        padding: 20px;
        background-color: #E3B84D;
        color: #000;
        font-weight: 700;
        border: 2px solid #000;
    }
    .join-gallery p:hover {
        background: #000;
        color: #fff;
        text-shadow: 0 1px 2px rgb(0 0 0 / 60%);
        transition: .3s ease background;
        border: 2px solid #fff;
    }
    
    /*.join-gallery p {
    padding:20px;
    border:2px solid #dfe9f3;
    }*/
    
    #check-more-section {
    margin-top:50px;
    margin-bottom:50px;
    color:#ddd;
    }
    
    .more-girls {
    max-width:900px;
    margin:0 auto;
    background:linear-gradient(to bottom,#323232 0%,#000 40%,#1C1C1C 150%),linear-gradient(to top,rgba(255,255,255,0.40) 0%,rgba(0,0,0,0.25) 200%);
    background-blend-mode:multiply;
    -webkit-box-shadow:0 7px 5px 0 rgba(0,0,0,0.75);
    -moz-box-shadow:0 7px 5px 0 rgba(0,0,0,0.75);
    box-shadow:0 7px 5px 0 rgba(0,0,0,0.75);
    }
    
    .more-title {
    padding-left:20px;
    padding-top:20px;
    }
    
    .more-girl {
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-gap:1em;
    }
    
    .more-girl a {
    overflow:hidden;
    }
    
    .more-girl img {
    width:100%;
    /* transform:scale(1,1);
    transition:300ms linear; */
    }
    
    /* .more-girl img:hover {
    transform:scale(1.4,1.4);
    transition:300ms linear;
    } */
    
    .more-girls-btn p {
    margin:20px 0 0;
    }
    
    .gallery-see-more {
    font-size:2em;
    text-decoration:none;
    color:#dfe9f3;
    width:100%;
    text-align:center;
    text-decoration:none;
    background-color:red;
    padding-top:10px;
    margin-bottom:20px;
    margin-top:20px;
    display:block;
    padding-bottom:10px;
    font-weight:700;
    }
    
    .gallery-see-more:hover {
    text-decoration:underline;
    opacity:.85;
    }
    
    @media screen and (max-width: 600px) {
    .more-girl {
    display:grid;
    grid-template-columns:1fr;
    grid-gap:1em;
    }
    }
    
    .girl-all {
    display:grid;
    grid-template-columns:1fr 1fr 1fr 1fr;
    justify-items:center;
    max-width:900px;
    margin:0 auto;
    background:linear-gradient(to bottom,#323232 0%,#000 40%,#1C1C1C 150%),linear-gradient(to top,rgba(255,255,255,0.40) 0%,rgba(0,0,0,0.25) 200%);
    background-blend-mode:multiply;
    -webkit-box-shadow:0 7px 5px 0 rgba(0,0,0,0.75);
    -moz-box-shadow:0 7px 5px 0 rgba(0,0,0,0.75);
    box-shadow:0 7px 5px 0 rgba(0,0,0,0.75);
    padding-bottom:40px;
    margin-bottom:50px;
    }
    
    .girl-photo {
    max-width:200px;
    padding:5px;
    background:#d5d4d0;
    margin:10px;
    -webkit-box-shadow:0 7px 5px 0 rgba(0,0,0,0.75);
    -moz-box-shadow:0 7px 5px 0 rgba(0,0,0,0.75);
    box-shadow:0 7px 5px 0 rgba(0,0,0,0.75);
    -ms-transform:rotate(0deg) scale(1,1);
    -webkit-transform:rotate(0deg) scale(1,1);
    transform:rotate(0deg) scale(1,1);
    transition:200ms linear;
    z-index:0;
    }
    
    .girl-photo:hover {
    -ms-transform:rotate(-5deg) scale(1.2,1.2);
    -webkit-transform:rotate(-5deg) scale(1.2,1.2);
    transform:rotate(-5deg) scale(1.2,1.2);
    transition:300ms linear;
    z-index:3;
    }
    
    .girl-photo a {
    text-decoration:none;
    }
    
    .girl-photo p {
    color:#1C1C1C;
    opacity:.8;
    margin:0;
    text-align:right;
    font-weight:700;
    text-transform:uppercase;
    }
    
    .girl-photo img {
    width:100%;
    }
    
    @media screen and (max-width: 1000px) {
    .girl-photo:hover {
    -ms-transform:scale(1.1,1.1);
    -webkit-transform:scale(1.1,1.1);
    transform:scale(1.1,1.1);
    transition:300ms linear;
    z-index:3;
    }
    }
    
    @media screen and (max-width: 600px) {
    .girl-all {
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    }

    .row-figure {
    display:grid;
    grid-template-columns:1fr 1fr 1fr 1fr;
    grid-gap:1em;
    }

    #pagination {
        width: 100%;
        }
    
    #pagination .pagination-btns {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        grid-gap: .5em;
        grid-column: 2/3;
    }
    
    #pagination .pagination-btns div a {
        width: 100%;
    }
    
    #pagination .pagination-btns div .active {
        width: 100%;
    }

    }
    
    #bio-section {
    margin-top:50px;
    color:#ddd;
    }
    
    .bio-about {
    max-width:900px;
    margin:0 auto;
    background:linear-gradient(to bottom,#323232 0%,#000 40%,#1C1C1C 150%),linear-gradient(to top,rgba(255,255,255,0.40) 0%,rgba(0,0,0,0.25) 200%);
    background-blend-mode:multiply;
    -webkit-box-shadow:0 7px 5px 0 rgba(0,0,0,0.75);
    -moz-box-shadow:0 7px 5px 0 rgba(0,0,0,0.75);
    box-shadow:0 7px 5px 0 rgba(0,0,0,0.75);
    }
    
    .bio-photo {
    max-width:200px;
    padding:5px;
    background:#d5d4d0;
    margin:10px;
    position:absolute;
    -ms-transform:rotate(-10deg);
    -webkit-transform:rotate(-10deg);
    transform:rotate(-10deg);
    -webkit-box-shadow:0 7px 5px 0 rgba(0,0,0,0.75);
    -moz-box-shadow:0 7px 5px 0 rgba(0,0,0,0.75);
    box-shadow:0 7px 5px 0 rgba(0,0,0,0.75);
    }
    
    .bio-photo p {
    color:#1C1C1C;
    opacity:.8;
    margin:0;
    text-align:right;
    font-weight:700;
    text-transform:uppercase;
    }
    
    .bio-photo img {
    width:100%;
    }
    
    .bio {
    display:grid;
    grid-template-columns:minmax(auto,255px) 1fr;
    }
    
    /* NEW Model Bio */
    .stats{
        padding: 10px;
    }
    .stats ul{
        margin-top: 380px;
        padding: 0px calc(15px) 16px;
    }
    .stats ul li {
        list-style: none;
        line-height: 2;
        color: rgb(136, 136, 136);
    }
    .stats-white {
        color: rgb(255, 255, 255);
    }
    
    .bio-text {
        margin: 0 20px;
        min-height: 340px;
    }
    
    .bio-text::before,.bio-videos::before {
    content:'';
    display:block;
    height:3px;
    background:#fff;
    width:100%;
    margin-top:20px;
    }
    
    .bio-videos::before {
    margin-top:5px;
    }
    
    .bio-text h1 {
    color:#ec3f35;
    font-family:inherit;
    font-weight:500;
    line-height:1.1;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    }
    
    .bio-videos {
    width:100%;
    }
    
    .bio-videos h2 {
    color:#ddd;
    margin-left:20px;
    font-size:1.5em;
    }

    .bio-videos h3 {
    color:#ddd;
    margin-left:20px;
    font-size:1.5em;
    }
    
    .bio-more-videos {
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    grid-gap:1em;
    padding: 0 1rem;
    }
    .video-card-title{
        padding-bottom: 3px;
    }
    .video-card-title h4{
        margin: 0 3px;
        color: #fff;
        opacity: 0.7;
    }
    .bio-more-videos a {
    overflow:hidden;
    /*display:grid;*/
    grid-template-rows:1fr 50px;
    text-decoration:none;
    }
    
    .bio-more-videos a p {
    background:#000;
    opacity:.7;
    color:#fff;
    grid-row:2/3;
    grid-column:1;
    z-index:3;
    /*padding:10px;*/
    margin-top: 0;
    height:100%;
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    }
    
    .bio-videos-date {
    text-align:right;
    justify-items:end;
    }
    
    .bio-videos-photos {
    text-align:center;
    justify-items:center;
    }

    .bio-videos-webcam {
    text-align:left;
    justify-items:start;
    font-weight: bold;
    color: #32CD32;
    }

    .bio-videos-webcam2 {
    text-align:left;
    justify-items:center;
    font-weight: bold;
    color: #32CD32;
    }
    
    .bio-more-videos img {
    width:100%;
    grid-row:1/3;
    grid-column:1;
    /*transform:scale(1,1);*/
    /*transition:300ms linear;*/
    }
    
    .bio-more-videos img:hover {
    /*transform:scale(1.4,1.4);
    transition:300ms linear;*/
    }
    
    @media screen and (max-width: 730px) {
    .bio-photo {
    margin-left:70px;
    }
    
    .bio {
        display: grid;
        grid-template-columns: 1fr;
    }
    
    .bio-more-videos {
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-gap:1em;
    }
    }
    
    @media screen and (max-width: 600px) {
    .bio-more-videos {
    display:grid;
    grid-template-columns:1fr;
    grid-gap:1em;
    }
    }
    
    .modal {
    display:none;
    position:fixed;
    z-index:999999;
    left:0;
    top:0;
    height:100%;
    width:100%;
    overflow:auto;
    background-color:rgba(255,255,255,.6);
    }
    
    .modal-content {
    background-color:#fff;
    margin:90px auto;
    max-width:600px;
    -webkit-box-shadow:0 7px 5px 0 rgba(0,0,0,0.75);
    -moz-box-shadow:0 7px 5px 0 rgba(0,0,0,0.75);
    box-shadow:0 7px 5px 0 rgba(0,0,0,0.75);
    animation-name:modalopen;
    animation-duration:1s;
    }
    
    .closeBtn {
    color:#ccc;
    font-size:30px;
    float:right;
    margin-top:-20px;
    margin-right:-5px;
    }
    
    .closeBtn:hover,.closeBtn:focus {
    color:#fff;
    text-decoration:none;
    cursor:pointer;
    }
    
    .modal-header {
    background:linear-gradient(to bottom,#323232 0%,#000 40%,#1C1C1C 150%),linear-gradient(to top,rgba(255,255,255,0.40) 0%,rgba(0,0,0,0.25) 200%);
    background-blend-mode:multiply;
    padding:20px;
    color:#d5d4d0;
    }
    
    .modal-footer {
    padding:0 20px 20px!important;
    }
    
    .modal-footer::before {
    content:'';
    display:block;
    height:1px;
    background:#d1d1d1;
    width:100%;
    margin-bottom:10px;
    }
    
    .modal-header h2 {
    margin:0;
    }
    
    .modal-body {
    padding:10px 20px;
    }
    
    .modal-body input {
    display:block;
    width:90%;
    height:34px;
    padding:0 12px;
    margin-bottom:10px;
    font-size:20px;
    line-height:1.42857143;
    color:#555;
    background-color:#fff;
    background-image:none;
    border:1px solid #ccc;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }
    
    .modal-footer {
    text-align:right;
    padding:15px;
    }
    
    .modal-footer button {
    color:#fff;
    background-color:red;
    border:none;
    padding:10px 20px;
    text-transform:uppercase;
    font-weight:700;
    font-size:1.4em;
    cursor:pointer;
    border-radius:3px;
    transition:.3s ease background;
    }
    
    .modal-footer button:hover {
    background-color:#000;
    }
    
    @keyframes modalopen {
    from {
    opacity:0;
    }
    
    to {
    opacity:1;
    }
    }
    
    .icon {
    font-family:fontello;
    }
    
    .test {
    background:#000;
    padding:20px;
    }


    /*** NEW Search Engine - BEGIN ***/
    .autocomplete {
        /*the container must be positioned relative:*/
        position: relative;
        display: inline-block;
        }
        .autocomplete-items {
        position: absolute;
        border: 1px solid #d4d4d4;
        border-bottom: none;
        border-top: none;
        z-index: 99;
        }
        .autocomplete-items div {
        /* padding: 10px; */
        cursor: pointer;
        background-color: #fff;
        border-bottom: 1px solid #d4d4d4;
        }
    
        .autocomplete-items a::before {
        content: none !important;
        }
    
        .autocomplete-items a:hover {
        color: #959595 !important;
        }
    
        .autocomplete-items a {
        padding: 10px;
        display: block;
        text-transform: none !important;
        font-weight: normal !important;
        }
    
        .autocomplete-items span {
        padding: 10px;
        background-color: #fff;
        border-bottom: 1px solid #d4d4d4;
        margin: 0;
        text-align: center;
        display:block;
        }
    
        .autocomplete-items h5 {
        padding: 10px;
        color: #ffffff;
        background-color: #f05624;
        border: 1px solid #000000;
        margin: 0;
        }
    
        .autocomplete-items div:hover {
        /*when hovering an item:*/
        background-color: #e9e9e9;
        }
        .autocomplete-active {
        /*when navigating through the items using the arrow keys:*/
        background-color: DodgerBlue !important;
        color: #ffffff;
        }
    /*** NEW Search Engine - END ***/

    @media screen and (max-width: 400px) {
        .logo svg {
            width: 170px;
            height:auto;
            margin-left: 14px;
        }  

        .new-join-btn {
            padding: 0 6px!important;
            font-weight:700;
            letter-spacing:.02em;
            margin-top: 2px;
            } 
        
    }   


    @media screen and (max-width: 500px) {
        #slider .logo-4k {
            display:none;
            }
    }

/* MODAL REPORT */
    .modal-container {
        margin: 0;
        padding-top: 0px;
        position: relative;
      }
      .modal-container .modal-btn {
        display: block;
        margin: 0 auto;
        color: #fff;
        width: 100px;
        background: #646464;
        font-size: 16px;
        border: 0;
        cursor: pointer;
        text-align: center;
        box-shadow: 0 5px 5px -5px #333;
        transition: background 0.4s ease-in;
      }
      .modal-container .modal-btn:hover {
        background: #3d3d3d;
      }
      .modal-container .modal-content,
      .modal-container .modal-backdrop {
        height: 0;
        width: 0;
        opacity: 0;
        display: none;
        overflow: hidden;
        cursor: pointer;
        transition: opacity 0.5s ease-in;
      }
      .modal-container .modal-close {
        color: #aaa;
        position: absolute;
        right: 5px;
        top: 5px;
        padding-top: 3px;
        background: #fff;
        font-size: 16px;
        width: 25px;
        height: 25px;
        font-weight: bold;
        text-align: center;
        cursor: pointer;
      }
      .modal-container .modal-close:hover {
        color: #333;
      }
     
      .modal-container #modal-toggle {
        display: none;
      }
      .modal-container #modal-toggle.active ~ .modal-backdrop, .modal-container #modal-toggle:checked ~ .modal-backdrop {
        background-color: rgba(0, 0, 0, 0.6);
        width: 100vw;
        height: 100vh;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 2000;
        display: block;
        opacity: 1;
        transition: opacity 0.2s ease-in;
      }
      .modal-container #modal-toggle.active ~ .modal-content, .modal-container #modal-toggle:checked ~ .modal-content {
        opacity: 1;
        background-color: #fff;
        border: 5px solid #f05624;
        color: #282828;
        max-width: 400px;
        width: 400px;
        height: auto;
        padding: 10px 30px 30px 30px;
        position: fixed;
        left: calc(50% - 200px);
        top: 12%;
        z-index: 2001;
        pointer-events: auto;
        cursor: auto;
        display: block;
        box-shadow: 0 3px 7px rgba(0, 0, 0, 0.6);
      }
      @media (max-width: 400px) {
        .modal-container #modal-toggle.active ~ .modal-content, .modal-container #modal-toggle:checked ~ .modal-content {
          left: 0;
        }
      }

      .modal-content form select{
        width: 100%;
        padding: .5rem 1rem;
        background-color: rgb(31, 31, 31);
        color: #fff;
    }
    .modal-content textarea{
      width: 98.5%;
      height: 50px;
  }
  .report-btn{
    background: #E3B84D;
    color: #000;
    border: 2px solid #1C1C1C;
    font-weight: bold;
    padding: .5rem 1rem;
    cursor: pointer;
}