body{font-family:'Centrale', sans-serif;margin:0;padding:0;background:#FFF;color:#000;display:flex;flex-direction:column;}
a,a:hover,a:active,a:focus,a:visited,a:link,object,embed{outline:none;text-decoration:none;}
h1,h2,h3,h4{margin:0;padding:0;}
ul{list-style:none;margin:0;padding:0;}

.clear{clear:both;}
.aspect-square{padding-top:100%;}
.aspect-2_3{padding-top:150%;}
.aspect-16_9{padding-top:56.25%;}
a.aspect-16_9{display:block;}
.no-mobile, .no-mobile-ib{display:none;}
.inline{display:inline-block;}
.center{margin-left:auto;margin-right:auto;}
.center-text{text-align:center;}
.center-vert{display:flex;align-items:center;height:100%;justify-content:center;}

header{width:100%;position:fixed;z-index:1000;background:#fff;}
.logo{background:url(https://cdn.cutebutts.com/img/logo-pink.svg) 0 0 no-repeat;background-size:contain;width:24.563vw;height:15.059vw;position:relative;left:0;margin:1vw auto;display:block;}

.desktop-menu{position:absolute;top:19.854vw;text-align:center;width:100%;}
.menu-item{display:inline-block;font-weight:500;color:#000;text-transform:uppercase;font-size:2.55vw;margin:0 1.32vw;padding-top:0.243vw;vertical-align:top;}
.menu-item.on{border-bottom:3px solid #000;}
.menu-item.on:hover{border-bottom:3px solid #FF009F;}
.menu-item:first-child{margin-left:0;}
.menu-item:last-child{margin-right:0;}
.menu-item strong{text-transform:uppercase;color:#FF009F;font-weight:bold;font-size:3.566vw;}
.menu-item strong:hover{border-bottom:3px solid #FF009F;}
.menu-item:has(> strong){padding-top:0;}
.menu-item.on:has(> strong){border-bottom:3px solid #FF009F;}
.logo-gap{width:26.742vw;}

.header-bar{background:#000;width:100%;height:20px;position:relative;}
.bar-items{position:absolute;right:max(calc(50% - 600px), 15px);color:#FFF;font-size:15px;padding-top:5px;overflow:hidden;text-align:right;}
.bar-item{display:inline-block;margin-left:40px;padding-right:2px;text-transform:uppercase;}
.bar-item a{color:#FFF;}
.bar-item:first-child{margin-left:0;}

.menu{width:15vw;height:17.059vw;}
.menu-on{background:linear-gradient(330deg,#FF009F, #ff007f);}
.menu-lines{background:url(https://cdn.cutebutts.com/img/mobile_menu.svg) center no-repeat;background-size:10vw;width:100%;height:100%;}
.menu-on .menu-lines{background:url(https://cdn.cutebutts.com/img/mobile_menu_on.svg) center no-repeat;background-size:10vw;}
.mobile-menu{display:inline-block;position:absolute;top:0;z-index:40;}
.mobile-menu ul{display:none;background:#FFF;}
.mobile-menu li{font-weight:bold;font-size:24px;border:1px solid #000;}
.mobile-menu li a{color:#000;display:inline-block;padding:10px 50px;min-width:108px;}
.mobile-menu li strong{color:#FF009F;text-transform:uppercase;font-weight:bold;}
.shadow{background:#000;position:absolute;top:calc(17.059vw + 6px);left:6px;width:100%;height:calc(100% - 17.059vw);z-index:-1;}

.main{width:calc(100% - 30px);max-width:1200px;margin:0 auto;padding:15px;padding-top:calc(20px + 17.059vw);flex:1 0 auto;}
.main.wide{max-width:1600px;}

.h-butt{font-weight:bold;font-size:5vw;margin:0.972vw 0 2.431vw 0;padding:4.052vw 2.431vw 0 0;text-transform:uppercase;display:inline-block;background:url(https://cdn.cutebutts.com/img/heading.svg) right 0 no-repeat;}

.scene{margin-bottom:6vw;overflow:hidden;}
.scene-thumb{width:100%;position:relative;border-radius:4px;}
.scene-thumb a.id{position:absolute;width:100%;height:100%;top:0;z-index:10;}
.scene-hover{position:absolute;width:100%;height:100%;top:0;}
.scene-hover video{width:100%;height:100%;}

.tag-box{position:absolute;z-index:20;left:2.755vw;bottom:2.269vw;}
.tag{display:inline-block;color:#000;font-weight:500;text-transform:uppercase;background:rgba(232, 232, 232, 0.6);border:1px solid rgba(127, 127, 127, 0.6);vertical-align:bottom;border-radius:0.729vw;margin-right:1.459vw;font-size:2.5vw;padding:0.5vw 1.216vw 0 1.216vw;margin-top:2px;}
a.tag:hover{border-color:#FF009F;}
.title{text-transform:uppercase;font-size:4.444vw;font-weight:500;margin-top:0.972vw;color:#7C7C7C;}
.title a{color:#7C7C7C;}
.model{font-size:3.566vw;font-weight:300;}
.model a{color:#000;}
.details{font-weight:100;font-size:3vw;}
.details strong{text-transform:uppercase;font-weight:300;}
.details span{margin-left:4.862vw;}
.details span:first-child{margin:0;}
.thumb{display:inline-block;width:48%;margin:1% 1% 0 1%;border-radius:4px;}
.thumb a{display:block;padding-top:75%;}

.latest{position:relative;margin:20px 0;}
.latest .rounded{border-radius:4px;}
.scene .date{position:absolute;top:2.269vw;right:2.755vw;margin:0;}

.player .endscreen{color:#fff;font-size:5.5vw;font-family:'Centrale', sans-serif;width:100%;position:absolute;left:-9999em;opacity:0;
  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity 0.2s;-moz-transition:opacity 0.2s;transition:opacity 0.2s;height:100%;background:rgba(0, 0, 0, 0.7);
    display:flex;flex-direction:column;align-items:center;justify-content:center;}
.player.is-finished .endscreen{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.player.is-finished .fp-ui,.flowplaye.is-finished .fp-engine{top:-9999em;}
.player.is-finished{background:#000;-webkit-transition:background-color 0.2s;-moz-transition:background-color 0.2s;transition:background-color 0.2s;}
.endscreen a{color:#fff;}
.endscreen a strong{color:#8be600;}
.endscreen div{margin-bottom:10px;}
.endscreen .join-btn{margin:0;}
.end-more{font-size:4.8vw;}
.end-more strong{color:#FF009F;font-weight:500;}
.endscreen a.btn{background:#FF009F;margin:6% 0 0 0;}
.endscreen a.btn:hover{color:#fff;}

.get{background:#F2F2F2;margin:40px auto 0 auto;box-shadow:2px 2px 8px 1px rgba(0,0,0,0.2);border-radius:4.706vw;padding:4%;width:92%;max-width:800px;text-align:center;}
.get h2{color:#7C7C7C;font-weight:500;font-size:5.294vw;text-align:center;text-transform:uppercase;}
.get-col{display:inline-block;vertical-align:top;margin-top:2%;}
.get-col:first-of-type{margin-right:10%;}
.check{background:url(https://cdn.cutebutts.com/img/check.svg) 0 0/2.824vw no-repeat;font-size:2.6vw;padding-left:3.529vw;text-align:left;margin:2.824vw 0;}

.search{margin-top:20px;display:none;}
.sort-toggle{position:relative;display:inline-block;overflow:hidden;border-radius:2px;padding:4px 2px;background-color:#eee;cursor:pointer;box-shadow:inset 0 1px 4px #bbb;}
.knob{font-size:14px;font-weight:bold;text-align:center;padding:7px 8px;margin:0 2px;min-width:82px;border-radius:2px;text-transform:uppercase;display:inline-block;}
.knob.on{background-color:#3A3A3A;color:#fff;}
.dropmenu{z-index:30;position:relative;background:#fff;margin:8px 0;}
.custom-select__dropdown{overflow-y:scroll;max-height:75vh;}
.emptyresult{font-size:20px;text-align:center;}

.pager{font-weight:bold;font-size:28px;text-align:center;margin-top:20px;}
.page{text-align:center;width:45px;display:inline-block;color:#FF009F;}
a.page{color:#000;}

.msearch{text-align:center;}
.model-item{display:inline-block;margin:0 1.7vw 4.706vw 1.7vw;}
.model-thumb{width:calc((92.94vw - 48px) / 2);height:calc((92.94vw - 48px) * 0.75);position:relative;border-radius:2.353vw;-webkit-box-shadow:0.118vw 0.941vw 1.765vw 0px rgba(0,0,0,0.3);-moz-box-shadow:0.118vw 0.941vw 1.765vw 0px rgba(0,0,0,0.3);box-shadow:0.118vw 0.941vw 1.765vw 0px rgba(0,0,0,0.3);}
.model-thumb a{position:absolute;width:100%;height:100%;top:0;left:0;}
.model-name{display:block;color:#444;font-weight:bold;font-size:3.5vw;text-align:center;padding-top:1.412vw;}
.model-item:hover > a{color:#FF009F;}
.model-item:active > .model-thumb{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}

.vid{margin:15px 0 0 0;}
.flowplayer.is-ready .fp-player{background-color:#000;}
.fp-context-menu{font-family:'Centrale', sans-serif;color:#fff;}
.flowplayer.fp-ui-shown .fp-ui, .flowplayer.is-paused .fp-ui, .flowplayer.is-mouseover .fp-ui, .flowplayer.is-loading .fp-ui{background:none;}
.flowplayer .fp-controls{background-color:rgba(0, 0, 0, 0.15);}
.flowplayer .fp-timeline{background-color:rgba(0, 0, 0, 0.53);}
.flowplayer .fp-progress{background-color:#FF009F;}
.flowplayer .fp-buffer{background-color:rgba(249, 249, 249, 0.85);}
.flowplayer .fp-color{background-color:#FF009F;}
.flowplayer .fp-bar-slider em.fp-grey{background-color:rgba(0, 0, 0, 0.53);}

.scene-info{display:block;position:relative;vertical-align:top;}
.scene-info .details{display:block;position:static;text-align:left;margin-bottom:2.732vw;}
.scene-info .model{display:block;margin-top:1.093vw;}

.name{color:#FF009F;font-weight:300;font-size:8vw;text-transform:uppercase;text-align:center;margin-top:15px;}
.model-detail{font-size:3vw;text-transform:uppercase;margin:0;text-align:center;}
.model-detail .item{font-weight:300;display:inline-block;margin:0 5.8vw 0.5vw 0;}
.model-detail strong{font-weight:normal;text-transform:none;}
.model-detail a{color:#000;}
.model-profile{width:calc(80vw - 48px);height:calc((80vw - 48px) * 1.5);margin:4vw auto;border-radius:2.353vw;-webkit-box-shadow:0.118vw 0.941vw 1.765vw 0px rgba(0,0,0,0.3);-moz-box-shadow:0.118vw 0.941vw 1.765vw 0px rgba(0,0,0,0.3);box-shadow:0.118vw 0.941vw 1.765vw 0px rgba(0,0,0,0.3);}

.btn{cursor:pointer;margin:72px 0 16px 0;padding:10px 30px;border-radius:18px;background:#4d4d4d;color:#fff;font-size:30px;font-weight:bold;text-transform:uppercase;}
.btn:hover{background:#FF009F;}

.main-column{float:left;width:100%;margin-top:20px;}
.sidebar{float:left;width:100%;}
.sidemenu.fix{position:fixed;top:0;max-width:336px;width:calc(28% - 4.65px);}
.sidemenu h1{color:#7c7c7c;margin:20px 0;padding:0;font-size:30px;font-weight:bold;text-transform:uppercase;}
.sidemenu .btn-center{width:calc(100% - 29px);}
.sidemenu .btn{width:calc(100% - 50px);margin:10px 0;font-size:22px;text-transform:none;font-weight:500;padding:8px 20px;border-radius:9px;box-shadow:2px 2px 4px 1px rgba(0,0,0,0.4);}
.sidemenu .btn.on{background:#FF009F;}
.sidemenu .btn:active{box-shadow:none;}
#searchslider, #searchslider .col-header{display:none;}
#searchdropdown{border:1px solid #232323;color:#232323;font-weight:500;font-size:7vw;background:url(https://cdn.cutebutts.com/img/down-arrow.svg) right 5vw top calc(20px + 3.2vw)/5vw no-repeat;box-shadow:0 0 20px rgba(0, 0, 0, 0.25);position:relative;z-index:20;cursor:pointer;margin-top:-20px;padding:calc(20px + 1vw) 0 1vw 5vw;}
#searchdropdown.on{background:#4d4d4d url(https://cdn.cutebutts.com/img/up-arrow.svg) right 5vw top calc(20px + 2.6vw)/5vw no-repeat;color:#fff;}
.guide-item h1{color:#7c7c7c;font-size:36px;font-weight:300;margin:0;text-transform:uppercase;}
.guide-item:not(:first-child) h1{margin-top:60px;}
.guide-item h2{margin:40px 0 16px 0;box-shadow:2px 2px 4px 1px rgba(0,0,0,0.2);background:#fff;border:1px solid rgba(0,0,0,0.3);border-radius:9px;padding:0.8vw 0 0.7vw 2vw;font-size:6vw;font-weight:500;color:#444;width:calc(100% - 2vw - 8px)}
.guide-item h3{color:#FF009F;font-weight:bold;font-size:22px;margin:20px 0 5px 10px;padding:0 15px 10px 0;display:inline-block;}
.guide-item h3 span{margin-left:-10px;display:inline-block;}
.guide-item p{font-size:18px;color:#000;padding:0;margin:0;}
.guide-item a{color:#FF009F;text-decoration:underline;}
.guide-item table{margin:20px 0 0 0;font-size:18px;font-weight:bold;table-layout:fixed;width:100%;}
.guide-item th{border:5px solid #fff;color:#000;font-size:18px;font-weight:300;text-transform:uppercase;}
.guide-item td{background:#f4f4f4;color:#000;padding:4px 14px;border:5px solid #fff;font-weight:500;overflow:hidden;}
.guide-item td:first-child{background:none;color:#000;text-align:right;font-size:18px;padding:4px;font-weight:300;text-transform:uppercase;vertical-align:bottom;width:33%;}
.form-panel{background:#f6f6f6;box-shadow:2px 2px 8px 1px rgba(0,0,0,0.2);border-radius:9px;padding:4%;margin-top:12px;}
.form-panel .custom-select__option:first-child:not(.custom-select__option--value){font-style:normal;}
.form-label{font-weight:500;font-size:4vw;padding:6px 12px 0 0;margin-bottom:4px;}
.form-right{margin-bottom:1rem;}
.form-right .dropmenu{margin:0;width:30%;min-width:135px;}
.form-right .btn{display:inline-block;margin:0;font-size:22px;padding:8px 22px;border-radius:15px;}
.guide-item .form-input{width:calc(75% - 2px - 2rem);padding:0.5rem 1rem;border-radius:0.25rem;border:1px solid #bbb;font-size:1rem;margin-bottom:1rem;}
textarea{width:calc(100% - 18px);height:300px;padding:8px;font-size:18px;}
.contact-result{text-align:center;font-weight:bold;font-size:20px;margin-right:5%;}

.err{color:#D00;font-weight:bold;font-size:18px;}

footer{position:relative;margin-top:20px;background:#f2f2f2;}
.foot-content{font-weight:500;max-width:1200px;margin:0 auto;padding:40px 10px 0 10px;text-align:center;}
.foot-col{margin-top:20px;width:22%;vertical-align:top;font-size:22px;padding:0 3%;text-align:left;}
.foot-col a{color:#000;display:block;margin-bottom:20px;}
a.foot-logo{background:url(https://cdn.cutebutts.com/img/logo.svg) 0 0 no-repeat;width:100%;padding-top:69.45%;display:inline-block;margin-bottom:12px;}
.foot-right{display:inline-block;width:50%;}
.foot-join{text-transform:uppercase;font-weight:bold;font-size:44px;text-align:center;}
.foot-join a{color:#FF009F;}
.foot-col-1{width:auto;padding:0 0 0 12%;}
.foot-col-2{width:auto;font-size:18px;padding:0 0 0 12%;}
.foot-cw{font-size:16px;text-align:center;}
.foot-cw img{vertical-align:bottom;padding-bottom:2px;}
.foot-details{font-size:14px;text-align:center;padding:40px 0 20px 0;}
.foot-details a{color:#000;text-decoration:underline;}
.foot-logo-mobile a.foot-logo{width:60vw;padding-top:41.67vw;}

a:hover{color:#FF009F;}

@media screen and (min-width:732px){
    .no-mobile{display:block;}
    .no-mobile-ib{display:inline-block;}

    .logo{width:37.925vw;height:26.337vw;left:31.3vw;margin:1.296vw 0 1.783vw 0;}
    header{position:static;}
    .header-bar{height:29px;}
    .main{padding-top:15px;}
    .mobile-menu{display:none;}
    .foot-logo-mobile{display:none;}
    
    .h-butt{font-size:3.647vw;}
    .details{font-size:18px;}
    
    .latest .rounded{border-radius:3.241vw;}
    .latest .tag-box{top:2.269vw;bottom:auto;}
    .latest .tag,.scene-info .tag{font-size:1.621vw;padding:0.324vw 1.216vw;vertical-align:top;}
    .latest .title{font-size:3.566vw;font-weight:300;margin:0.972vw 0 0.162vw 0;}
    .latest .model{font-size:26px;font-weight:500;}
    
    .scene{display:inline-block;vertical-align:top;width:48.125%;margin:0 1.875% 3.875% 0;}
    .scene .tag-box{left:1.378vw;bottom:1.135vw;}
    .scene .tag{border-radius:0.324vw;margin-right:0.729vw;font-size:1.053vw;padding:0.162vw 0.648vw;}
    .scene .date{top:1.135vw;right:1.378vw;margin:0;}
    .scene .title{font-size:1.945vw;margin-top:0.324vw;}
    .scene .model{font-size:1.621vw;}
    .col-3 .scene .tag-box,.col-3 .scene .date{display:none;}
    
    .thumb{width:24.37%;margin:0 0.83% 0 0;}
    .thumb.last{margin:0;}

    .dropmenu{display:inline-block;vertical-align:top;margin:0 0 0 8px;width:calc((100% - 224px) / 2);}

    .vid{margin:15px 0 12px 0;}
    .scene-info .details{margin-bottom:20px;font-size:1.459vw;}
    .scene-info .model{margin-top:8px;font-size:2.107vw;font-weight:500;}
    .scene-info .title{font-size:3.566vw;font-weight:300;margin:0 0 0.162vw 0;}
    
    .player .endscreen{font-size:40px;}
    .end-more{font-size:34px;}
    
    .msearch{float:right;margin-top:5.673vw;}
    .h-butt.mp{margin-top:-52px;font-size:36px;padding-top:43px;}
    .name{font-size:64px;}
    .model-detail{font-size:20px;margin:-8px 0 60px 0;}
    .model-detail .item{margin:0 30px 5px 0;}
    .model-profile{float:left;width:48.125%;height:auto;padding-top:72.1875%;margin:0 1.875% 3.875% 0;border-radius:20px;-webkit-box-shadow:1px 8px 15px 0px rgba(0,0,0,0.3);-moz-box-shadow:1px 8px 15px 0px rgba(0,0,0,0.3);box-shadow:1px 8px 15px 0px rgba(0,0,0,0.3);}
    
    #searchdropdown{display:none;}
    #searchslider, #searchslider .col-header{display:block;}
    .main-column{width:72%;margin-top:20px;}
    .sidebar{width:28%;min-height:1px;}
    .sidemenu .btn.on{margin-left:10px;}
    .guide-item{margin-left:4%;}
    .guide-item h2{padding:6px 0 6px 15px;font-size:24px;}
    .guide-item p, .guide-item h3{margin-left:10px;}
    .guide-item p{padding-right:20px;}
    .form-panel{padding:5% 10%;}
    .form-label{display:inline-block;width:calc(25% - 12px);text-align:right;font-size:2.3vw;vertical-align:top;}
    .form-right{display:inline-block;width:75%;}
    .contact-result{margin:0;}
}

@media screen and (min-width:850px){
    .model-item{margin:0 15px 40px 15px;}
    .model-thumb{width:370px;height:555px;border-radius:20px;-webkit-box-shadow:1px 8px 15px 0px rgba(0,0,0,0.3);-moz-box-shadow:1px 8px 15px 0px rgba(0,0,0,0.3);box-shadow:1px 8px 15px 0px rgba(0,0,0,0.3);}
    .model-name{font-size:24px;padding-top:12px;}
    
    .get{border-radius:40px;}
    .get h2{font-size:45px;}
    .get-col:first-of-type{margin-right:16%;}
    .check{background-size:24px;font-size:20px;padding-left:30px;margin:24px 0;}
}

@media screen and (min-width:1234px){
    .desktop-menu{top:245px;}
    .menu-item{font-size:32px;margin:0 17px;padding-top:3px;}
    .menu-item strong{font-size:44px;}
    .logo{width:468px;height:325px;left:calc(50% - 222px);margin:16px 0 22px 0;}
    .logo-gap{width:330px;}
    
    .h-butt{font-size:45px;margin:12px 0 30px 0;padding:50px 30px 0 0;}
    
    .model{display:inline;}
    .details{display:inline;position:absolute;bottom:0;right:0;text-align:right;}
    .details span{margin-left:60px;}

    .latest .rounded{border-radius:40px;}
    .latest .tag-box{top:28px;left:34px;}
    .latest .tag,.scene-info .tag{border-radius:9px;margin-right:18px;font-size:20px;padding:4px 15px;}
    .latest .title,.scene-info .title{font-size:44px;margin:12px 0 2px 0;}
    .scene-info .title{margin-top:0;}
    
    .scene .tag-box{left:17px;bottom:14px;}
    .scene .tag{border-radius:4px;margin-right:9px;font-size:13px;padding:2px 8px;}
    .scene .date{top:14px;right:17px;margin:0;}
    .scene .title{font-size:24px;margin-top:4px;}
    .scene .model{font-size:20px;}
    
    .col-3 .scene{width:31.458%;}
    .col-3 .title{font-size:19px;}
    .col-3 .model{font-size:17px;}
    
    .scene-info .model{font-size:26px;}
    .scene-info .details{font-size:18px;}
    
    .msearch{float:right;margin-top:70px;}
    
    .form-label{font-size:20px;}
}