/*
Theme Name: Epiadinhas
Theme URI: http://www.carlosnicow.com
Author: Carlos Nicow
Author URI: http://www.carlosnicow.com
Description: <u>Tema Personalizado<u> desenvolvido por <a href="http://www.carlosnicow.com">Carlos Nicow</a> para WordPress
Version: 3.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* IMPORT */
@import url('https://fonts.googleapis.com/css2?family=Lilita+One&family=Montserrat:wght@400;600;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');


/* NORMALIZE */
*, *::before, *::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { scroll-behavior: smooth; }
img { max-width: 100%; height: auto; display: block;}
input, select, textarea { background: #fff; color: #444;border: 1px solid #e1e1e1; }
iframe, embed, video { max-width: 100%; margin: 0 auto; display: block; }
button, a, input, label, select, textarea { outline:none; }
a { text-decoration: none;  color: #640090; }

/* BODY */
body { background:#000; color:#fff; position: relative; padding: 0; margin: 0; font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;  font-weight: normal; }

/* INLINE STYLES EXTRACTED */
/* Auto-sizing images */
img:is([sizes="auto" i], [sizes^="auto," i]) {
    contain-intrinsic-size: 3000px 1500px;
}

/* Blurred thumbnail images */
.thumbnail .img {
    filter: blur(5px);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Model images with blur effect */
.model-img {
    filter: blur(3px);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Specific background images for thumbnails */
.img-dd2a23c1 { background-image: url(../images/dd2a23c1-8afa-4071-84f8-7b1666a75b37.webp); }
.img-8741ab2e { background-image: url(../images/8741ab2e-97ae-4f89-ba88-ad300f7c4347.webp); }
.img-a0989db2 { background-image: url(../images/a0989db2-29af-48e6-884b-cf35427a0e45.webp); }
.img-747a0edd { background-image: url(../images/747a0edd-6c14-4772-a1bb-8ccc4e8580b6.webp); }
.img-e2b7b00e { background-image: url(../images/e2b7b00e-53b9-41b7-909a-2cc31b8bccb5.webp); }
.img-e0fc3d90 { background-image: url(../images/e0fc3d90-08bb-4166-aac9-33561025e46e.webp); }
.img-0a09d09a { background-image: url(../images/0a09d09a-660b-415a-b0c6-8642404d44b2.webp); }
.img-e0136391 { background-image: url(../images/e0136391-c772-4ec0-9b4d-001c193e52a0.webp); }
.img-9abc9c93 { background-image: url(../images/9abc9c93-fe61-4583-8d0c-6bd4d0ac2071.webp); }
.img-e8147031 { background-image: url(../images/e8147031-b773-42ef-9fe7-2d4c7460f177.webp); }
.img-aa9d61d9 { background-image: url(../images/aa9d61d9-b6c0-4e89-ab1e-d087282375ea.webp); }
.img-e7138872 { background-image: url(../images/e7138872-aa49-40fe-aae0-94ad969b7c03.webp); }
.img-59d1d14d { background-image: url(../images/59d1d14d-09b7-442b-a299-00d863ed2b25.webp); }
.img-e90331d8 { background-image: url(../images/e90331d8-8bb9-4f1f-b412-c1046b4217b5.webp); }
.img-9e8df724 { background-image: url(../images/9e8df724-fd66-48ba-84d5-adf8b26d254a.webp); }
.img-e020ae4f { background-image: url(../images/e020ae4f-fb58-4a95-8b23-5ee875152937.webp); }
.img-c48e222d { background-image: url(../images/c48e222d-c6e6-41d9-a097-8323281566b7.webp); }
.img-da2bd32d { background-image: url(../images/da2bd32d-d1e9-4b69-b6ee-a3b30c44fa63.webp); }
.img-a7af3b2a { background-image: url(../images/a7af3b2a-36f3-4929-8ed6-8f5488a84769.webp); }
.img-eae3ceb5 { background-image: url(../images/eae3ceb5-0908-4ff8-b435-7e48c46b199a.webp); }

/* Model specific images */
.img-ayarla { background-image: url(../images/Ayarla-Souza.webp); }
.img-mcmirella { background-image: url(../images/McMirella.webp); }
.img-renata { background-image: url(../images/RenataFrisson.webp); }
.img-kinechan { background-image: url(../images/Kinechan.webp); }
.img-aline { background-image: url(../images/Aline-Faria.webp); }
.img-grazi { background-image: url(../images/GraziMourao.webp); }
.img-tati { background-image: url(../images/TatiZaqui.webp); }
.img-cibelly { background-image: url(../images/Cibelly-Ferreira.webp); }
.img-stunning { background-image: url(../images/0_PAY-Stunning-model-30-insists-shes-not-a-gold-digger-after-marrying-cousin-twice-her-age.webp); }
.img-juliana { background-image: url(../images/JulianaBonde.webp); }

/* CONTAINER */
.container { max-width:1150px; width: 98vw; position: relative; margin: 0 auto; }

/* HEADER */
#cn-header { background: rgba(0 0 0 / .5); border-bottom:1px solid #640090; position: fixed; width: 100%; top: 0; left: 0; z-index: 999; }
#cn-header > .container { position: relative; margin: 0 auto; box-shadow: 0 10px 30px rgb(0 0 0 / 30%); overflow: hidden; display: flex; align-items: center; align-content: center; }

#cn-header .icon { display:block; width:50px; cursor: pointer; }
#cn-header .icon svg { width: 100%; height: 100%; display: block; }
#cn-header .icon:hover { background: #640090; border-radius: 5px; }

#cn-header .logo { position: relative; padding: 15px 20px; }

#cn-header .navigation { display: flex; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.85); transform: translateX(-100%); transition: transform .2s; }
#cn-header .navigation nav { background:#2d2d2d; width:300px; height:100%; }
#cn-header .navigation nav ul { list-style: none; margin: 0; padding:0; }
#cn-header .navigation nav ul:after { content:''; display:block; clear:both; }
#cn-header .navigation nav ul li { position: relative; list-style: none; width: 100%; text-align: center; border-bottom:1px solid rgba(255,255,255,0.1); }
#cn-header .navigation nav ul li:last-child { border-bottom:1px solid rgba(255,255,255,0); }
#cn-header .navigation nav ul li.current-menu-item a { color:rgba(255 255 255 / .1); }
#cn-header .navigation nav ul a { color: #fff; display: block; padding: 20px 0; font-size: 22px; position: relative; }
#cn-header .navigation nav ul a:hover { text-decoration: underline; text-decoration-color:#640090; }
#cn-header .navigation nav ul a.join { font-family: fantasy; background: linear-gradient(to bottom, #9400D3, #640090); color: #fff; box-shadow: 0 10px 25px 0 rgb(0 0 0 / 35%), inset 0 -6px 1px 0 rgb(0 0 0 / 32%); display: flex; justify-content: center; align-items: center; align-content: center; font-size: 24px; text-transform: uppercase; padding: 20px 20px 25px; margin: 10px; border-radius: 10px; transition: transform .5s; }
#cn-header .navigation span { display: block; width: calc(100% - 300px); height: 100%; cursor: pointer; }
#cn-header .navigation span svg { display: block; width: 50px; height: 50px; margin: 20px; }

/* JOIN */
#cn-join { }
#cn-join .container { display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100%; z-index:2}
#cn-join .links { width:100%; position: relative; z-index: 2; }
#cn-join .links a { font-family: 'Anton', sans-serif; text-align: center; background: linear-gradient(to bottom, rgb(145 0 207),rgb(100 0 143)); color: #fff; border: 2px solid #4F0072; border-bottom: 0; box-shadow: 0 10px 25px 0 rgb(0 0 0 / 35%), inset 0 -6px 1px 0 rgb(0 0 0 / 32%); display: flex; justify-content: center; align-items: center; align-content: center; font-size: 1.8rem; text-transform: uppercase; padding: 20px 30px 25px; border-radius: 10px; transition: transform .5s; }
#cn-join .links a:hover { transform: scale(1.04); background: linear-gradient(to bottom, #640090, #640090); }


#cn-join.s1 { position: relative; height:100vh; background-image: url(../images/Banner-01-min-scaled.webp); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; margin-top: 80px; }
#cn-join.s1:after { content:''; position: absolute; width: 100%; height:100%; bottom: 0; left: 0; z-index:1; background:linear-gradient(to bottom, rgba(0 0 0 / .5), #000); }
#cn-join.s1 .text { width:100%; text-align:center; }
#cn-join.s1 .text span,
#cn-join.s1 .text small, 
#cn-join.s1 .text big { display:block; }
#cn-join.s1 .text span { font-size: 3.8rem; color: #f5f5f5; text-shadow: 2px 2px #000; }
#cn-join.s1 .text big { font-family: 'Anton', sans-serif; font-size: 5.5rem; line-height: 90%; background: -webkit-linear-gradient(top,rgb(145 0 207),rgb(100 0 143)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(-1px 0px 0 #f5f5f5) drop-shadow(1px 0px 0 #f5f5f5) drop-shadow(0px 2px 0 #f5f5f5) drop-shadow(-1px 1px 0 #f5f5f5) drop-shadow(0px 0px 0 #f5f5f5) drop-shadow(0px -1px #f5f5f5) drop-shadow(0px 4px 3px rgb(0 0 0 / .9)); }

#cn-join.s1 .icons { display: flex; flex-wrap: wrap; justify-content: center; margin: 60px 0; }
#cn-join.s1 .icons a { width: 16.6666667%; padding:10px; }
#cn-join.s1 .icons a img { border-radius: 10px; transition: transform .5s; }
#cn-join.s1 .icons a img:hover { transform: scale(1.2); }

#cn-join.s2 { position: relative; background-image: url(../images/demo.png); background-repeat: no-repeat; background-position: center top; display: flex; align-items: flex-end; }
#cn-join.s2 .container { margin: 0 auto; z-index: 2; }
#cn-join.s2 .itens { position: relative; margin: 450px auto 50px; border-radius:15px; padding: 20px 0; border: 2px solid #4F0072; background: linear-gradient(to bottom, #9400D3, #640090); }
#cn-join.s2 .itens ul { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-evenly; align-items: center; padding: 0; margin: 0; }
#cn-join.s2 .itens ul li { width: 200px; position: relative; display: flex; font-size: 1.2rem; line-height: 1.2rem; font-weight: 700; letter-spacing: -.05em; text-transform: uppercase; color: #b2b2b2; align-items: center; }
#cn-join.s2 .itens ul li b { display: inline-block; color: #fff; margin: 0 10px 0 0; font-size: 3rem; line-height: 2.8rem; font-weight: 700; letter-spacing: -.06em; text-shadow: 0 0 15px rgb(0 0 0 / 1); float: left; }
#cn-join.s2 .itens ul li svg { position: absolute; z-index: -1; top: -2px; display: inline-block; color: #4F0072; width: 50px; height: 50px; }
#cn-join.s2 .itens ul li:nth-child(1) svg { left: -35px; }
#cn-join.s2 .itens ul li:nth-child(2) svg { left: -30px; }
#cn-join.s2 .itens ul li:nth-child(3) svg { left: -30px; }


#cn-join.s3 { position: relative; height: 90vh; margin:50px 0; background-image: url(../images/BGFullHD_A-min.webp); background-size: cover; background-position: center center; }
#cn-join.s3 ul { width:100%; display: flex; justify-content: center; padding: 0; margin:0 0 20px; }
#cn-join.s3 ul li { max-width:250px; margin: 0px 15px; text-align: center; position: relative; display:flex; align-content: center; justify-content: center; align-items: center; flex-direction: column; }
#cn-join.s3 ul li img { margin: 0 0 25px; width:80px; }
#cn-join.s3 ul li .title { font-size: 26px; line-height: 30px; font-weight: 700; letter-spacing: -.05em;  }
#cn-join.s3 ul li p { color: #b2b2b2; }

#cn-join.s4 { position: relative; height: 100vh; background-image: url(../images/BG4K_B-min-scaled.webp); background-size: cover; background-position: center -20vh; background-repeat: no-repeat; padding-top: 20vh; margin-top: 10vh; }
#cn-join.s4:before,
#cn-join.s4:after { content:''; position: absolute; width: 100%; height:30%; left: 0; z-index:1; }
#cn-join.s4:before { top: -2px; background:linear-gradient(to bottom, rgba(255, 255, 255, 0), #000); transform: rotate(180deg) }
#cn-join.s4:after { bottom: 0; background:linear-gradient(to bottom, rgba(255, 255, 255, 0), #000); }
#cn-join.s4 .title { width: 100%; text-align: center; margin: 0 0 50px; }
#cn-join.s4 .title big { font-family: 'Anton', sans-serif; font-size: 5.5rem; line-height: 90%; background: -webkit-linear-gradient(top,rgb(145 0 207),rgb(100 0 143)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(-1px 0px 0 #f5f5f5) drop-shadow(1px 0px 0 #f5f5f5) drop-shadow(0px 2px 0 #f5f5f5) drop-shadow(-1px 1px 0 #f5f5f5) drop-shadow(0px 0px 0 #f5f5f5) drop-shadow(0px -1px #f5f5f5) drop-shadow(0px 4px 3px rgb(0 0 0 / .9)); }
#cn-join.s4 .plans { max-width: 940px; width: 100%; position: relative; display: flex; flex-direction: column; }
#cn-join.s4 .plans .plan { position: relative; margin:0 0 20px; display: flex; align-items: center; width: 100%; background: #2d2d2d; border: 1px solid rgba(255,255,255,0.2); border-radius: 1.25rem; cursor: pointer; overflow: hidden; transition: transform .5s; }
#cn-join.s4 .plans .plan:before { content: ""; width: 55%; height: 100%; position: absolute; top: 0; left: -50px; z-index: 0; background: rgba(0,0,0,0.18); -webkit-transform: skew(-20deg); transform: skew(-20deg); }
#cn-join.s4 .plans .plan:hover { transform: scale(1.04); }
#cn-join.s4 .plans .plan .check { position: relative; width: 40px; height: 40px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.3); margin: 25px; z-index: 5; }
#cn-join.s4 .plans .plan .check:before { content: ""; width: 18px; height: 8px; border-left: 4px solid green; border-bottom: 4px solid green; position: absolute; top: 11px; left: 10px; -webkit-transform: rotate(-50deg); transform: rotate(-50deg); -webkit-filter: opacity(0%); -moz-filter: opacity(0%); -ms-filter: opacity(0%); -o-filter: opacity(0%); filter: opacity(0%); -webkit-transition: all 200ms linear; transition: all 200ms linear; }
#cn-join.s4 .plans .plan:hover .check:before { -webkit-filter: opacity(100%); -moz-filter: opacity(100%); -ms-filter: opacity(100%); -o-filter: opacity(100%); filter: opacity(100%); }
#cn-join.s4 .plans .plan .txts { z-index: 2; }
#cn-join.s4 .plans .plan .txts big { font-size: 25px; line-height: 95%; font-weight: 800; color: #fff; text-transform: uppercase; display: block; }
#cn-join.s4 .plans .plan .txts small { font-size: 15px; color: #9400D3; }
#cn-join.s4 .plans .plan .price { margin-left:auto; display: flex; align-items: center; font-weight: 800; z-index: 2; }
#cn-join.s4 .plans .plan .price span { font-size: 15px; }
#cn-join.s4 .plans .plan .price big { font-size: 60px; }
#cn-join.s4 .plans .plan .price small { font-size: 25px; }
#cn-join.s4 .plans .plan .btn { margin:0 20px; display: flex; justify-content: center; align-items: center; align-content: center; font-size: 15px; font-weight: 700; text-transform: uppercase; padding:15px 26px 17px 26px; border-radius: 10px; background: linear-gradient(to bottom, #9400D3, #640090); color: #fff; box-shadow: 0 10px 25px 0 rgb(0 0 0 / 35%), inset 0 -6px 1px 0 rgb(0 0 0 / 32%); }
#cn-join.s4 .plans .plan .btn:hover { background: linear-gradient(to bottom, #640090, #640090) }

/* MAIN */
#cn-main { }



/* TRENDS */
#cn-main .trends { margin:0 0 5px; }
#cn-main .trends h3 { font-size: 24px; line-height: 30px; text-transform: uppercase; color: #fff; display: inline-block; margin: 0 0 15px; font-weight: bold; }
#cn-main .trends h3 svg { color:#640090; }
#cn-main .trends small { margin: 0 0 10px; display: none; align-items: center; justify-content: center; }

#cn-main .trends .btns { display: flex; justify-content: space-evenly; }
#cn-main .trends .btns a,
#cn-main .trends .btns button { width: 100%; font-size: 14px; line-height: 100%; background: linear-gradient(to bottom, #9400D3, #640090); color: #fff; display: flex; justify-content: center; align-items: center; align-content: center; text-transform: uppercase; padding: 10px 15px; margin: 0 5px 10px; border-radius: 10px; transition: transform .5s; border: 0; }
#cn-main .trends .btns button { cursor: pointer; background: #dc8700; }

#cn-main .trends ul { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; }
#cn-main .trends ul:after { content:''; display:block; clear:both; }
#cn-main .trends ul a,
#cn-main .trends ul button { font-size:14px; line-height:100%; background: linear-gradient(to bottom, #9400D3, #640090); color: #fff; display: flex; justify-content: center; align-items: center; align-content: center; text-transform: uppercase; padding: 10px 15px; margin:0 5px 10px; border-radius: 10px; transition: transform .5s; border: 0; }
#cn-main .trends ul a:hover { background: linear-gradient(to bottom, #640090, #640090) }
#cn-main .trends ul button { cursor: pointer; background: #dc8700; }
#cn-main .trends ul button:hover  { background: #422800; }
#cn-main .trends ul a svg { margin:0 5px 0 0; }

/* HEADING */
#cn-main .heading { margin: 0 0 15px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#cn-main .heading .title {  }
#cn-main .heading .title h1,
#cn-main .heading .title h2,
#cn-main .heading .title h4 { text-transform: uppercase; color: #fff; display: inline-block; line-height: 110%; margin: 0; font-weight: bold; }
#cn-main .heading .title h1 { font-size: 24px; line-height: 100%; }

#cn-main .heading .title h1 img { width: 220px; height: 330px; object-fit: cover; }

#cn-main .heading .title h2 { font-size: 20px; line-height: 100%; }
#cn-main .heading .title svg { width: 20px; height: 20px; color: #640090; display: inline-block; }
#cn-main .heading .title p { margin: 10px 0 0 }

#cn-main .heading .model { display: flex; width:100%; }
#cn-main .heading .model a { display: flex; align-items: center; color: #fff; text-transform: uppercase; font-weight: 700; margin:0 10px 5px 0; }
#cn-main .heading .model a:hover { text-decoration: underline; }
#cn-main .heading .model img { width: 30px; height: 30px; border-radius: 5px; margin-right: 5px; object-fit: cover; }


#cn-main .heading#model { justify-content: flex-start; align-items: stretch; }
#cn-main .heading#model .bg { width: 150px; height: 220px; display: inherit; }
#cn-main .heading#model .bg img { border-radius: 8px 0 0 8px; width: 100%; height: 100%; object-fit: cover; }
#cn-main .heading#model .title { background: rgba(255 255 255 / 0.1); display: flex; align-items: flex-start; padding: 0 20px; width: calc(100% - 150px); border-radius: 0 8px 8px 0; flex-direction: column; justify-content: center; }

/* LIST */
#cn-main .list { width: 100%; overflow: hidden; }
#cn-main .list h3 { font-size: 24px; line-height: 30px; text-transform: uppercase; color: #adadadb3; display: inline-block; margin: 0 0 15px; font-weight: bold; }
#cn-main .list h3 a { color:#fff; }
#cn-main .list h3 a:hover { color:#640090 }
#cn-main .list h3 svg { color:#640090 }
#cn-main .list ul { display: flex; flex-wrap: wrap; padding:0; margin:0 -3px; list-style-type: none; }
#cn-main .list ul .pages { width:100%; display: flex; flex-wrap: wrap; padding:0; margin:0 -3px; list-style-type: none; }


#cn-main .list li a:hover { text-decoration: underline; }
#cn-main .list li { width: 33.333%; position: relative; display: inline-block; padding: 0 5px; margin-bottom: 10px; }
#cn-main .list li .thumbnail { display: block; width: 100%; position: relative; height: 0; padding: 0 0 80%; overflow: hidden; border-radius:5px; }
#cn-main .list li .thumbnail:after { content:'Carregando...'; font-size: 15px; font-weight: 500; width: 90px; height: 20px; display: block; position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50%,-50%); }
#cn-main .list li .thumbnail .img { background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 5px; width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: 2; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -ms-transition: all .25s linear; transition: all .25s linear; }
#cn-main .list li .thumbnail:hover .img { transform: rotate(-2deg) scale(1.13);}
#cn-main .list li .thumbnail:hover .img:before { content: '▶'; background: rgba( 0 0 0 / 60%); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; display: flex; align-items: center; justify-content: center; font-size: 2rem; color: rgba(255 255 255 / 70%); }
#cn-main .list li .thumbnail .badge {  color: #fff; border-radius: 3px; font-size: 12px; padding: 2px 4px; position: absolute; text-transform: uppercase; z-index: 3; }
#cn-main .list li .thumbnail .badge#new { left: 5px; top: 5px; background: #b32618; background: linear-gradient(to bottom, #b32618 0%,#81120b 100%); }
#cn-main .list li .thumbnail .badge#count { bottom:5px; right:5px; background:rgba( 0 0 0 / .5)}
#cn-main .list li .thumbnail .badge#model { bottom: 0; right: 0; padding: 0; width: 100%; height: 25px; text-overflow: ellipsis; white-space: pre-line; }
#cn-main .list li .thumbnail .badge#model b { background: rgba( 0 0 0 / .5); margin: 0 2.5px 5px; padding: 2px 5px; border-radius: 5px; display: inline-flex; font-size: 11px; font-weight: 500; }

#cn-main .list li .thumbnail .msg { display: flex; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background: rgba(0,0,0,0.5); color: #fff; cursor: default; flex-direction: column; align-items: center; justify-content: center; -webkit-filter: opacity(0%); -moz-filter: opacity(0%); -ms-filter: opacity(0%); -o-filter: opacity(0%); filter: opacity(0%); }
#cn-main .list li:hover .thumbnail .msg { -webkit-filter: opacity(100%); -moz-filter: opacity(100%); -ms-filter: opacity(100%); -o-filter: opacity(100%); filter: opacity(100%); }
#cn-main .list li .thumbnail .msg a { color: #fff; text-decoration: none; position: absolute; top: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
#cn-main .list li .thumbnail .msg small { font-size: 15px; font-weight: 500; }
#cn-main .list li .thumbnail .msg big { font-size: 26px; font-weight: 800;  }
#cn-main .list li .thumbnail .msg span { font-family: fantasy; background: linear-gradient(to bottom, #9400D3, #640090); color: #fff; box-shadow: 0 10px 25px 0 rgb(0 0 0 / 35%), inset 0 -6px 1px 0 rgb(0 0 0 / 32%); display: flex; justify-content: center; align-items: center; align-content: center; font-size: 22px; text-transform: uppercase; padding: 5px 10px 7px; border-radius: 10px; text-decoration: none; }
#cn-main .list li .thumbnail .msg span:hover { transform: scale(1.04); background: linear-gradient(to bottom, #640090, #640090) }

#cn-main .list li .thumbnail .model { display: block; position: absolute; left: 0; bottom: 0; width: 100%; z-index: 3; padding: 0 5px; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); }
#cn-main .list li .thumbnail .model a { display:none; align-items: center; color: #fff; font-weight: 700; margin:0 0 5px; }
#cn-main .list li .thumbnail .model a:nth-child(1) { display:flex; }
#cn-main .list li .thumbnail .model a:nth-child(2) { display:flex; }
#cn-main .list li .thumbnail .model img { width: 40px; height: 50px; border-radius: 5px; margin-right: 5px; object-fit: cover; }








#cn-main .list li .title { display: -webkit-box; padding: 0; margin:3px 0 15px; font-size: 14px; font-weight: 500; text-transform: uppercase; width: 100%; letter-spacing: -1px; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
#cn-main .list li .title a { color:#fff; }
#cn-main .list li .title:hover a { text-decoration: underline; text-decoration-color:#640090; }

#cn-main .list#model li { width: 20%; }
#cn-main .list#model li .thumbnail { padding: 0 0 155%; }



#cn-main .navigation { margin: 20px 0 0; border-radius:3px; display: inline-block; width: 100%; }
#cn-main .navigation .links a { font-family: 'Anton', sans-serif; text-align: center; background: linear-gradient(to bottom, rgb(145 0 207),rgb(100 0 143)); color: #fff; border: 2px solid #4F0072; border-bottom: 0; box-shadow: 0 10px 25px 0 rgb(0 0 0 / 35%), inset 0 -6px 1px 0 rgb(0 0 0 / 32%); display: flex; justify-content: center; align-items: center; align-content: center; font-size: 1.8rem; text-transform: uppercase; padding: 20px 30px 25px; border-radius: 10px; transition: transform .5s; }
#cn-main .navigation .links a:hover { transform: scale(1.04); background: linear-gradient(to bottom, #640090, #640090); }

#cn-main .list .nav-links { display: flex; justify-content: center; line-height: 110%; margin: 10px 0;}
#cn-main .list .nav-links:after {content: ""; display: block; clear: both; }
#cn-main .list .nav-links .page-numbers { display: block; background:#fff; color:#000; font-size: 16px; height: 50px; line-height: 50px; font-weight: 500; min-width: 40px; text-align: center; margin: 0 2px; padding:0 10px; border-radius:3px }
#cn-main .list .nav-links .page-numbers:hover,
#cn-main .list .nav-links .current { background: #640090; background: linear-gradient(to bottom, #9400D3, #640090); color:#fff; box-shadow: 0 10px 25px 0 rgb(0 0 0 / 35%), inset 0 -6px 1px 0 rgb(0 0 0 / 32%); }
#cn-main .list .nav-links .current svg { margin: 0 5px 0 0; height: 14px; width: 14px; display: inline-block; }
#cn-main .list .nav-links .current:hover { background: #9a1c12; background: linear-gradient(to bottom, #640090, #640090); }






/* FOOTER */
#cn-footer { border-top: 3px solid #640090; text-align:center; }
#cn-footer .logo { margin: 50px 0; }
#cn-footer .logo img { margin:0 auto; }
#cn-footer .descrition { color:#adadadb3; margin: 0 0 25px; }
#cn-footer .navigation { margin: 0 0 10px; border-radius: 4px; }
#cn-footer .navigation nav ul { list-style: none; margin: 0; padding:0; }
#cn-footer .navigation nav ul:after { content:''; display:block; clear:both; }
#cn-footer .navigation nav li { list-style: none; margin:0; display: inline-block; }
#cn-footer .navigation nav a { color:#fff; display: block; padding:10px; font-weight: 700; }
#cn-footer .navigation nav a:hover { text-decoration: underline; text-decoration-color:#640090; }
#cn-footer .copyright { padding: 20px 0 0;  font-size:12px; margin:0 0 20px; }



/* ANIMATION */
@keyframes loader-dots {
    from {transform: scale(0, 0);}
    to {transform: scale(1, 1);}
}
@-webkit-keyframes loader-dots {
    from {-webkit-transform: scale(0, 0);}
    to {-webkit-transform: scale(1, 1);}
}




@media (max-width: 1440px){

}

@media (max-width: 1024px){

}

@media (max-width: 768px){
  #cn-header .navigation nav { width:calc(100% - 90px); overflow: auto; }
  #cn-join .links { width: 100%; }
  #cn-join.s1 { height:140vh; }
  #cn-join.s1 .icons { margin: 40px 0; }
  #cn-join.s1 .icons a { width: 33.333%; }
  #cn-join.s2 { background-size: 90%; }
  #cn-join.s2 .itens { margin: 250px auto 40px; }
  #cn-join.s3 { height: inherit; margin:50px 0; }
  #cn-join.s3 ul { flex-wrap: wrap; }
  #cn-main .list li { width: 33.333%; }
  #cn-main .list#model li { width: 25%; }
  #cn-main .list li .thumbnail .model { display: flex; align-items: center; justify-content: space-between; }
  #cn-main .list li .thumbnail .model a:nth-child(2) { display:none; }
  
}

@media (max-width: 479px){
  #cn-main .heading .title h1 { font-size: 2vh; line-height: 100%; }
  #cn-main .heading .title svg { height: 15px; }
  #cn-join .links { width: 94%; }
  #cn-join .links a { font-size: 1.5rem; }
  #cn-join.s1 { background-size:150%; background-repeat: repeat-y; height: calc(100vh - 80px); }
  #cn-join.s1 .text span { font-size: 2.5rem; }
  #cn-join.s1 .text big { font-size: 5rem; line-height: 100%; }
  #cn-join.s1 .icons a { width: 47%; padding: 4px; }
  #cn-join.s2 { background-size: 95%; padding:5px 0; }
  #cn-join.s2 .container { width: 100%; }
  #cn-join.s2 .itens { width:94%; margin: 47% auto 40px; border-radius:10px; }
  #cn-join.s2 .itens ul { justify-content: flex-end; }
  #cn-join.s2 .itens ul li { width: 160px; font-size: 1rem; line-height: 1rem; }
  #cn-join.s2 .itens ul li svg { width: 35px; height: 35px; top: 5px; }
  #cn-join.s2 .itens ul li b { font-size: 2.3rem; line-height: 3rem; margin: 0 3px 0 0; }
  #cn-join.s2 .itens ul li:nth-child(1) svg { left: -20px; }
  #cn-join.s2 .itens ul li:nth-child(2) svg { left: -20px; }
  #cn-join.s2 .itens ul li:nth-child(3) svg { left: -25px; top: 10px; }
  
  #cn-join.s4 { height: 140vh; margin: 40px 0; background-size: contain; background-position: center -3vh; }
  #cn-join.s4:before, #cn-join.s4:after { height: 5%; }
  #cn-join.s4 .title big { font-size: 6vh; line-height: 100%; }
  #cn-join.s4 .plans { padding: 0 15px; }
  #cn-join.s4 .plans .plan { flex-wrap: wrap; border-radius: 10px; }
  #cn-join.s4 .plans .plan:before { width: 100%; height: 60px; left: 0; -webkit-transform: skew(0deg); transform: skew(0deg); }
  #cn-join.s4 .plans .plan .check { width: 30px; height: 30px; border-radius: 10px; margin: 15px; }
  #cn-join.s4 .plans .plan .check:before { width: 25px; height: 10px; top: 4px; left: 5px; }
  #cn-join.s4 .plans .plan .txts big { font-size: 18px; }
  #cn-join.s4 .plans .plan .txts small { font-size: 12px; }
  #cn-join.s4 .plans .plan .price { margin: 0 auto; width: 100%; justify-content: center; }

  #cn-join.s4 .plans .plan .btn { width: 100%; margin: 5px 15px 15px; }
  
  #cn-main .trends small { display: flex; }
  #cn-main .trends .overflow { display: block; position: relative; overflow: auto; }
  #cn-main .trends .overflow ul { width:1300px; }
  
  #cn-main .list li .thumbnail { padding: 0 0 110%; }
  
  #cn-main .list li,
  #cn-main .list#model li { width: 50%; }
  

  

  
}

@media (max-width: 320px){
  #cn-main .list li,
  #cn-main .list#model li { width: 100%; }
}