/** {
  background: #000 !important;
  color: #0f0 !important;
  outline: solid red 1px !important;
}

@media print, screen and (min-width: 40em) {
  * {
    background: #000 !important;
    color: #0f0 !important;
    outline: solid orange 1px !important;
  }
}

@media screen and (min-width: 64em) {
  * {
    background: #000 !important;
    color: #0f0 !important;
    outline: solid green 1px !important;
  }
}*/

/* Small */
@media screen and (max-width: 39.9375em) {
  #size { background: red; color: #fff;}
  #size:before {
     content: "Small: ";
  } 
}

/* Medium and up */
@media screen and (min-width: 40em) {
  #size { background: orange; color: #fff;}
  #size:before {
     content: "Medium: ";
  }
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  #size { background: orange; color: #fff;}
  #size:before {
     content: "Medium: ";
  }
}

/* Large and up */
@media screen and (min-width: 64em) {
  #size { background: green; color: #fff;}
  #size:before {
     content: "Large up: ";
  }
}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  #size { background: blue; color: #fff;}
  #size:before {
     content: "Large only: ";
  }
}

@font-face {
    font-family: 'Sugo Pro Classic';
    src: url('../fonts/SugoProClassic-LightItalic.eot');
    src: url('../fonts/SugoProClassic-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SugoProClassic-LightItalic.woff2') format('woff2'),
        url('../fonts/SugoProClassic-LightItalic.woff') format('woff'),
        url('../fonts/SugoProClassic-LightItalic.ttf') format('truetype'),
        url('../fonts/SugoProClassic-LightItalic.svg#SugoProClassic-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
}

body {font-family: 'Sugo Pro Classic', sans-serif; font-size: 18px; font-weight: 300; font-style: italic; color: #000000; background: #ffffff;}

h1, h2, h3, h4, h5, h6 {font-family: 'Sugo Pro Classic', sans-serif; font-weight: 300; font-style: italic; text-transform: uppercase;}
h2 span {display: inline-block; vertical-align: middle; margin-bottom: 0.2rem;}
a {color: #c633c6; text-decoration: none;}
a:hover {color: #000000;}

.button {background: #c633c6; color: #fff; text-transform: uppercase; font-size: 1.2rem; font-family: 'Sugo Pro Classic', sans-serif !important; font-style: italic; -webkit-appearance: none;}
.button:hover {background: #333333;}
.button.small {font-size: 0.8rem;}
.button:hover, .button:focus {background-color: #333333; color: #fefefe;}
table .button {margin: 0;}

.securionpay-button, .securion button {background: #c633c6; color: #fff;  padding: 0.5rem; text-transform: uppercase; font-size: 1.4rem; font-family: 'Sugo Pro Classic', sans-serif !important; font-style: italic; -webkit-appearance: none; cursor: pointer;}
#instant .card-header {background: #333333; text-align: center; color: #fff;}
#instant .card-header h4 {text-align: center; padding: 1rem 0 0.5rem 0; font-size: 1.4rem;}

ul li {list-style-type: square;}
ul.no-bullet li {list-style-type: none;}
.promo ul { margin-left: 0;}
.promo ul li {list-style-type: none;}
.promo h2 {background: #c633c6; color: #ffffff; line-height: 4rem;}
.promo h3 {background: #333333; color: #ffffff; line-height: 4rem;}
.promo h4 {background: #ebebeb; line-height: 4rem;}
.promo .brief {font-size: 1.3rem;}
.promo .denars {font-size: 2.5rem; border-bottom: 1px solid #ebebeb; margin-bottom: 1rem;}
.promo .preview {font-size: 1.3rem; border-bottom: 1px solid #ebebeb; margin-bottom: 1rem;padding-bottom: 0.5rem;}
.promo .preview span {color: #c633c6;}
.promo .price {font-size: 2rem; margin-bottom: 1rem; line-height: 1.5rem;}
.promo .price span {font-size: 1rem;}

table, thead, tbody, tfoot {border: 0; background: #ffffff;}
table.unstriped tbody tr {background: #ffffff;}
.label {background: #c633c6;}
hr.margin0 {margin: 0 0 0.5rem 0;}
.has-tip {border: 0;}
.breadcrumbs li:not(:last-child)::after {content: "|";}
/*#lightgallery a.nahled img {width: 100%;}*/

a.banner {display: block; background: #c633c6; color: #000; font-size: 1.5rem; padding: 1rem; text-transform: uppercase;}
a.banner span {color: #fff;}
a.banner:hover {color: #fff;}
a.banner:hover span {color: #000;}
@media screen and (max-width: 39.9375em) {
  a.banner span {display: block;}
}

#banner a.banner {display: block; background: #c633c6; color: #fff; font-size: 1.5rem; padding: 1rem; text-transform: uppercase;}
#banner a.banner:hover {color: #000;}
/* content */
#intro h1 {color: #c633c6; font-size: 2.5rem;}
#intro h1 span {color: #000000; font-size: 3rem;}
/* content */
#content {padding: 3rem 0;}
#content a.more {font-size: 1.7rem; text-transform: uppercase; margin-top: 1rem; border-bottom: 3px solid #c633c6; color: #000000;}
#content a.more:hover {color: #c633c6;}
#content a.more span {color: #c633c6;}
#content a.girl-photo {display: inline-block; margin: 0 0 1rem; position: relative; width: 120px; height: 120px; overflow: hidden; border-radius: 50%;}
#content a.girl-photo img {transition: transform .2s; object-fit: cover;}
#content a.directlink {background: #c633c6; padding: 10px; color: #fff;}
#content a.directlink:hover {background: #333333; color: #fff;} 
#action h3 {margin-bottom: 0;}
#content h3.directlink {background: #c633c6; padding: 10px; color: #fff;}
/* header */
#header {background: #333333; min-height: 135px; padding: 1.4rem 0;}
#header .menu {float: right;}
#header .menu li {list-style-type: none;}
#header .menu a {display: inline-block; color: #ffffff; font-size: 1.4rem; text-transform: uppercase; padding: 0.5rem 0; border-bottom: 2px solid transparent; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;}
#header .menu a:hover {color: #c633c6; border-bottom: 2px solid #ffffff; padding-bottom: 0.5rem;}
#header .menu a.icon {border: 0; margin-left: 0.2rem;}
#header .menu a.icon:hover {border: 0;}
#header .menu a.join {color: #c633c6;}
#header .menu a.join:hover {color: #ffffff;}
#header .menu span {padding: 0 0 0 0.5rem; color: #ffffff; font-size: 1.4rem;}
#header .menu span.circle {padding: 0 0.2rem 0 0; font-size: 1.2rem; margin-left: 1rem; font-weight: 300;}
#header .menu button {cursor: pointer; color: #ffffff; font-size: 1.6rem; padding-top: 4px;}
#header .menu button:hover {color: #c633c6;}
#header #search {position: absolute; top: 40px; right: 0; transition: all .3s ease; width: 80%;}
#header #search button {position: absolute; right: 5px; top: 3px; color: #c633c6;}

/* head */
#head {background: #c633c6; padding: 1rem 0 0.5rem; margin-bottom: 2rem;}
#head h1 {color: #ffffff;}
#head h1 span {color: #333333; font-size: 1.5rem;}
#head nav li {font-size: 0.8rem; list-style-type: none;}
#head nav a {color: #333333;}
#head nav a:hover {color: #ffffff;}
#head .categories a {color: #ffffff; font-size: 0.9rem;}
#head .categories a:hover {color: #333333;}

/* detail */
#detail {padding: 3rem 0;}
#detail a.girl-photo {display: inline-block; margin: 0 0 1rem; position: relative; width: 120px; height: 120px; overflow: hidden; border-radius: 50%;}
#detail a.girl-photo img { transition: transform .2s; object-fit: cover;}
#detail a.girl-photo:hover img {}
#detail a.girl-photo span {background: #c633c6; border-radius: 50%; color: #ffffff; width: 45px; height: 45px; display: inline-block; font-size: 0.8rem; text-align: center; padding: 12px 0; position: absolute; bottom: 0; right: 10px; vertical-align: middle;}
#detail h3 span {font-size: 1rem; color: #000000;}
#detail #sample {position: relative;}
#detail #sample img {width: 100%; z-index: 1;}
#detail #sample span {z-index: 100; position: absolute; bottom: 0; display: block; background: rgba(0,0,0,0.8); left: 0; padding: 2rem; color: #fff; width: 100%; text-align: center;}
#detail #sample span a:hover {color: #fff;}
#detail .progress {height: 2rem; background: none; border: 1px solid #cacaca;}
#detail .progress-meter {background: #c633c6;}
#detail .progress-meter-text {font-size: 1rem;}
#detail #lightgallery .more {background: #333333; height: 100%; padding: 1.5rem 1rem; text-align: center;  color: #ffffff; line-height: 1.1rem;}
#detail #lightgallery .more span {font-size: 2rem; display: block; margin-bottom: 1rem;}
#detail #lightgallery .more span a:hover {color: #fff;}
#detail .country {width: 30px;}
#detail .old-price {color: #666666; text-decoration: line-through;}
#rating {background: #ebebeb; margin: 1rem 0; padding: 1rem 0 0 0;}
#rating .ratingcircle {border-radius: 50%; line-height: 62px; text-align: center; color: #ffffff; background: #c633c6; font-size: 2rem; width: 60px; height: 60px; display: inline-block;}
#rating .ratingcircle small {font-size: 1.2rem;}

/* forum */
#forum {padding: 3rem 0; line-height: 1.3rem;}
span.circle {border-radius: 50%; line-height: 32px; text-align: center; color: #ffffff; background: #c633c6; font-size: 0.9rem; width: 30px; height: 30px; display: inline-block;}
.date {color: #333333; font-size: 0.95rem;}
.avatar {border-radius: 50%; display: inline-block; vertical-align: middle; width: 45px; height: 45px; color: #ffffff; text-transform: uppercase; background: #333333; text-align: center; line-height: 45px; margin-right: 10px; float: left;} 
#forum p {font-size: 1.3rem;}
.rules {background: #333333; color: #fff; padding: 2rem; text-align: center;}
.rules a:hover {color: #fff;}
.rules .button:hover {background: #fff; color: #333333;}
@media screen and (max-width: 39.9375em) {
  .avatar {margin-bottom: 1rem;}
}

/* coming-soon */
#coming-soon {position: relative;}
#coming-soon .grid-container {padding: 0;}
#coming-soon .item {/*background: #c633c6;*/}
#coming-soon .img1 {width: 100%; height: 100%; overflow: hidden;}
#coming-soon .img2 {width: 100%; height: 50%; overflow: hidden;}
#coming-soon .img3 {width: 100%; height: 50%; overflow: hidden;}
#coming-soon .bg1 {background: url(../img/bg1.png) no-repeat bottom right; height: 100%; width: 25%; position: absolute; top: 0; left: 0; z-index: 50;}
#coming-soon .bg2 {background: url(../img/bg2.png) no-repeat bottom left; height: 100%; width: 38%; position: absolute; top: 0; right: 0; z-index: 50;}                                 
#coming-soon .item-header {z-index: 100;}
#coming-soon h2 {color: #ffffff; font-weight: bold; line-height: 1;}
#coming-soon h2 span {display: inline-block; margin-left: 0.5rem;}
#coming-soon h5 {color: #ffffff;}
#coming-soon h4 {color: #ffffff;}
#coming-soon span.desc {color: #fff;}

@media screen and (max-width: 39.9375em) {
  #coming-soon .img2 {width: 50%; height: auto; float: left;}
  #coming-soon .img3 {width: 50%; height: auto; float: right;}
  #coming-soon .item-header {background: #c633c6; text-align: right; padding: 1rem;}
  #coming-soon h2 {font-size: 1.8rem; margin-bottom: 0; font-weight: bold;}
  #coming-soon .bg1 {display: none;}
  #coming-soon .bg2 {display: none;}
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  #coming-soon .item-header {background: #c633c6; text-align: right; padding: 1rem;}
  #coming-soon h2 {font-size: 2.2rem; margin-bottom: 0; font-weight: bold;}
  #coming-soon .bg1 {display: none;}
  #coming-soon .bg2 {display: none;}
}

@media screen and (min-width: 64em) {
  #coming-soon .item-header {text-align: left;}
  #coming-soon h5 {margin:  4rem 0 3rem 0; text-align: right; padding-right: 4rem;}
  #coming-soon h2 span {display: block; width: auto; text-align: right;}
  #coming-soon h2 span.r1 {padding-right: 5rem;}
  #coming-soon h2 span.r2 {padding-right: 5.5rem;}
  #coming-soon h2 span.r3 {padding-right: 6rem;}
  #coming-soon span.desc {color: #fff; font-size: 1rem;padding-right: 5.5rem; text-align: right;}
  #coming-soon h4 {margin:  2rem 0 0 0; text-align: right; padding-right: 7rem;}
}

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  #coming-soon .bg1 {width: 8%;}
  #coming-soon .bg2 {width: 32%;}
}

@media screen and (max-width: 84.9375em) {
  #coming-soon .bg1 {width: 15%;}
  #coming-soon .bg2 {width: 35%;}
}

/* movies */
section#movies {padding: 1rem 0 3rem 0;}
#movies h2 {border-bottom: 4px solid #c633c6; display: inline-block; padding-right: 4rem;}
#movies h2 span {font-weight: bold; color: #c633c6;}
#movies .links a {color: #333333; text-transform: uppercase; font-size: 1.2rem;}
#movies .links a:hover {color: #c633c6;}
#movies .card {background: none; border: 0; margin-bottom: 1.875rem;}
#movies .card-image {border-bottom: 4px solid #333333; position: relative;}
#movies .card-image span {position: absolute; right: 0; bottom: 1px; padding: 15px 10px 4px; color: #ffffff; width: 100%; text-align: right;
  background: -webkit-linear-gradient(-90deg, rgba(51,51,51,0) 0, rgba(51,51,51,1) 100%);
  background: -moz-linear-gradient(180deg, rgba(51,51,51,0) 0, rgba(51,51,51,1) 100%);
  background: linear-gradient(180deg, rgba(51,51,51,0) 0, rgba(51,51,51,1) 100%);
  background-position: 50% 50%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto auto;
  background-size: auto auto;}
#movies .card-image img {margin-bottom: 1px; width: 100%;}
#movies .card-header {background: none; padding: 0.5rem 0.5rem 0 0.5rem;}
#movies .card-section {background: none; padding: 0 0.5rem  0.5rem  0.5rem;}
#movies .card-download {background: #ebebeb; padding: 0; border-top: 4px solid #999999;}
#movies .download {background: url(../img/button.svg) no-repeat top right; color: #ffffff; display: block; padding: 0.5rem; width: 180px; font-size: 1.4rem; text-transform: uppercase; text-align: center;}
#movies .card-download span {display: inline-block; padding: 0.6rem;}
#movies h4 {font-size: 1.5rem; margin-bottom: 0;}
#movies a.more {font-size: 1.7rem; text-transform: uppercase; margin-top: 1rem; border-bottom: 3px solid #c633c6; color: #000000;}
#movies a.more:hover {color: #c633c6;}
#movies a.more span {color: #c633c6;}

/* movies */
section#movies2 {padding: 1rem 0 3rem 0;}
#movies2 h2 {border-bottom: 4px solid #cd0063; display: inline-block; padding-right: 4rem;}
#movies2 h2 span {font-weight: bold; color: #cd0063;}
#movies2 .links a {color: #333333; text-transform: uppercase; font-size: 1.2rem;}
#movies2 .links a:hover {color: #cd0063;}
#movies2 .card {background: none; border: 0; margin-bottom: 1.875rem;}
#movies2 .card-image {border-bottom: 4px solid #333333; position: relative;}
#movies2 .card-image span {position: absolute; right: 0; bottom: 1px; padding: 15px 10px 4px; color: #ffffff; width: 100%; text-align: right;
  background: -webkit-linear-gradient(-90deg, rgba(51,51,51,0) 0, rgba(51,51,51,1) 100%);
  background: -moz-linear-gradient(180deg, rgba(51,51,51,0) 0, rgba(51,51,51,1) 100%);
  background: linear-gradient(180deg, rgba(51,51,51,0) 0, rgba(51,51,51,1) 100%);
  background-position: 50% 50%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto auto;
  background-size: auto auto;}
#movies2 .card-image img {margin-bottom: 1px; width: 100%;}
#movies2 .card-header {background: none; padding: 0.5rem 0.5rem 0 0.5rem;}
#movies2 .card-section {background: none; padding: 0 0.5rem  0.5rem  0.5rem;}
#movies2 .card-download {background: #ebebeb; padding: 0; border-top: 4px solid #999999;}
#movies2 .download {background: url(../img/button2.svg) no-repeat top right; color: #ffffff; display: block; padding: 0.5rem; width: 180px; font-size: 1.4rem; text-transform: uppercase; text-align: center;}
#movies2 .card-download span {display: inline-block; padding: 0.6rem;}
#movies2 h4 {font-size: 1.5rem; margin-bottom: 0; color: #cd0063;}
#movies2 h4 a {color: #cd0063;}
#movies2 a.more {font-size: 1.7rem; text-transform: uppercase; margin-top: 1rem; border-bottom: 3px solid #cd0063; color: #000000;}
#movies2 a.more:hover {color: #cd0063;}
#movies2 a.more span {color: #cd0063;}

/* categories */
#categories {background: #ebebeb; padding: 3rem 0; margin-top: 2rem;}
#categories h2 {color: #c633c6;}
#categories .card {background: none; border: 0;}
#categories .card img {border: 3px solid #333333;}
#categories .card:hover img {border: 3px solid #c633c6;}
#categories h3 {font-size: 1.7rem;}
#categories a {color: #000000;}
#categories a:hover {color: #c633c6;}
#categories a.more {font-size: 1.5rem; text-transform: uppercase; border-bottom: 3px solid #c633c6;}

/* girls */
#girls {padding: 3rem 0;}
#girls h2 {color: #c633c6; border-bottom: 4px solid #333333; max-width: 200px; margin: 0 auto 2rem;}
#girls a.girl-photo {display: inline-block; margin: 2rem 0 1rem; position: relative; width: 120px; height: 120px; overflow: hidden; border-radius: 50%;}
#girls a.girl-photo img {transition: transform .2s; object-fit: cover;}
#girls a.girl-photo:hover img {}
#girls .photo {position: relative;}
#girls .photo span {position: absolute; bottom: 10px; right: 50%; margin-right: -70px; background: #c633c6; border-radius: 50%; color: #ffffff; width: 45px; height: 45px; display: inline-block; font-size: 0.8rem; text-align: center; padding: 12px 0; vertical-align: middle;}
#girls h4 {border-bottom: 4px solid #e9e9e9; width: 50%; margin: 0 auto;}
#girls h4 span {font-size: 1rem; color: #000000;}
#girls a.more {color: #000000; font-size: 1.5rem; text-transform: uppercase; border-bottom: 3px solid #c633c6;}
#girls a.more:hover {color: #c633c6;}
#girls li {list-style-type: none;}

/* footer */
#footer {background: #333333; padding: 3rem 0; color: #ffffff; font-size: 1.1rem; font-weight: normal;}
#footer a {color: #ffffff;}
#footer a:hover {color: #c633c6;}
#footer a.logo {display: inline-block; margin-bottom: 2rem;}
#footer a span {color: #c633c6;}
#footer .silver a {color: #afafaf; padding: 0 0.5rem 0 0;}
#footer .silver a:hover {color: #ffffff;}
#footer li {list-style-type: none;}
@media screen and (max-width: 39.9375em) {
  #footer ul.links li {display: inline-block; padding: 0 0.5rem 0 0;}
}

/* swf */
#sfw .bg {background: #c633c6; color: #fff; height: 100%;}
#sfw .imgbox {overflow: hidden;}
#sfw .textbox {padding: 1rem;}
#sfw .imgbox img {object-fit: cover;width: 100%; height: 100%;}
#sfw .bg a {color: #fff;}
#sfw .bg a h2 span {color: #333333; display: block; font-size: 4rem; margin-bottom: 0;}
#sfw a {color: #333333;}
#sfw h2 {line-height: 1; margin-bottom: 1rem;}
#sfw a h2 span {display: block; font-size: 4rem; margin-bottom: 0; color: #c633c6;}

/* owl */
.owl-theme .owl-dots .owl-dot span {width: 20px; height: 4px; border-radius: 0;}
.owl-theme .owl-dots {margin-bottom: 10px;}

/* offcanvas */
#offCanvas {padding-top: 2rem; background: #333333;}
#offCanvas button {outline: none; color: #ffffff; font-size: 1.5rem; top: 1rem;}
#offCanvas button:hover {outline: none; color: #c633c6;}
#offCanvas ul a {color: #ffffff; font-size: 1.4rem; padding: 0.5rem 1rem; text-transform: uppercase; display: inline-block;}
#offCanvas ul a:hover {color: #c633c6;}
#offCanvas ul a.join {color: #c633c6;}
#offCanvas ul a.join:hover {color: #ffffff;}

#offCanvas #search2 {position: relative; transition: all .3s ease; width: auto; padding: 0 1rem;}
#offCanvas #search2 button {position: absolute; right: 25px; top: 7px; color: #c633c6; cursor: pointer;}

.js-off-canvas-overlay {background: rgba(0,0,0,0.4);}

/* pagination */

.pagination li {font-size: 1rem;}
.pagination .current {
  background: #c633c6;
  color: #ffffff;
}

/* forms */
[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea {
  box-shadow: none; border: 0; border-bottom: 1px solid #000000; background: #ffffff; font-size: 1.1rem; font-family: 'Sugo Pro Classic', sans-serif;  -webkit-appearance: none; font-style: italic;   
}

[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus {
  border: 0; box-shadow: none; border-bottom: 1px solid #000000; background: #fdfdfd; font-family: 'Sugo Pro Classic', sans-serif; -webkit-appearance: none; font-style: italic; 
}

[type="submit"], [type="submit"]:focus {font-family: 'Sugo Pro Classic', sans-serif; -webkit-appearance: none; font-style: italic; }

label {font-size: 1rem; color: #333333;}

::-webkit-input-placeholder { /* Edge */
  font-family: 'Sugo Pro Classic', sans-serif; font-style: italic; -webkit-appearance: none; 
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-family: 'Sugo Pro Classic', sans-serif; font-style: italic; -webkit-appearance: none; 
}

::placeholder {
  font-family: 'Sugo Pro Classic', sans-serif; font-style: italic; -webkit-appearance: none;
}

/* helpers */
.mb1 {margin-bottom: 1rem;}
.mb2 {margin-bottom: 2rem;}
.mt1 {margin-top: 1rem;}
.mt2 {margin-top: 2rem;}