/*
	Theme Name: SG Escort
	Theme URI: http://glamorousthemes.com
	Description: SG Escort WordPress Theme
	Version: 1.3.0
	Author: GlamorousThemes
	Author URI: https://glamorousthemes.com
  Text Domain: sgescort
	Tags: Blank, HTML5, CSS3
	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/
/*------------------------------------*\
    Menu and Location colors
\*------------------------------------*/
.home-color {background: #ff0000 !important;}
.east-color {background: #ffa500 !important;}
.geylang-color {background: #a990dd !important;}
.central-color {background: #66508c !important;}
.west-color {background: #0076cc !important;}
.north-color {background: #008000 !important;}
.massage-color {background: #486169 !important;}
.video-color {background: #d837cf !important;}
.accent-red {color: #d71345;}
/*------------------------------------*\
    MAIN
\*------------------------------------*/
/* global box-sizing */
*,
*:after,
*:before {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
    font-size: 62.5%;
}
body {
    font: 400 12px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #ffffff;
    font-family: Tahoma, Arial, Helvetica, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
    background: #000000;
    background-image: url(img/default-bg.jpg);
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}
body::after {
    background-image: url(img/dots.png);
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: fixed;
    opacity: 1;
    z-index: -1;
}
/* clear */
.clear:before,
.clear:after {
    content: ' ';
    display: table;
}
.clear:after {
    clear: both;
}
.clear {
    *zoom: 1;
}
img {
    max-width: 100%;
    vertical-align: bottom;
}
a, .nav a {
    color: #ffffff;
    text-decoration: none;
}
a:hover {
    color: #ff0097;
}
a:focus {
    outline: 0;
}
a:hover,
a:active {
    outline: 0;
}
input:focus {
    outline: 0;
    border: 1px solid #04A4CC;
}
p {
    font-size: 130%;
}
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
/* wrapper */
.wrapper,
.header-inner, .nav.main-nav {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.wrapper {
    background: #111;
    padding: 20px;
}
/* logo */
.logo {}
.logo-img {
    max-width: 300px;
    width: 100%;
}
/* nav */
.nav {}
/* sidebar */
.sidebar {}
/* footer */
.footer {}
.copyright {
    font-size: 120%;
}
/*------------------------------------*\
    HEADER
\*------------------------------------*/
.pos-rel {
    position: relative;
}
.header-wrapper {
    margin: 0 auto;
    max-width: 1400px;
    width: 100%;
}
.img-fluid {
    width: 100%;
    height: auto;
}
.grid-header {
    max-width: 1400px;
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-gap: 15px;
    position: relative;
    padding-bottom: 20px;
}
.header-search {
    float: right;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.header-search input {
    height: 32px;
    line-height: 32px;
    padding: 0 5px;
    width: 300px;
    border-radius: 5px;
    border: 0 none;
}
.header-search button {
	height: 32px;
	line-height: 32px;
	border: none;
	text-align: center;
	border-radius: 5px;
	margin-left: 5px;
	cursor: pointer;
	font-size: 14px;
	background-color: #DD4343;
	color: #ffffff;
	margin-left: 0px;
	position: relative;
	top: 1px;
    text-transform: uppercase;
}
/*------------------------------------*\
    PAGES
\*------------------------------------*/
.main-grid-top {
    max-width: 1160px;
    display: grid;
    grid-template-columns: 1fr 4fr;
    grid-gap: 15px;
}
.models-top {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 15px;
}
.sidebar-top {
    padding: 0 10px;
}
.new-bar {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 25px;
    line-height: 26px;
    text-align: center;
    z-index: 100;
    background-color: rgba(0, 0, 0, 0.6);
    color: #FFF;
    font-size: .8vw;
}
.main-grid {
    max-width: 1400px;
    display: grid;
    grid-template-columns: 1fr 4fr;
    grid-gap: 15px;
}
.models {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 15px;
    grid-auto-rows: min-content !important;
}
.featured-models {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 15px;
    grid-auto-rows: min-content !important;
}
.model-card {
    text-align: center;
    padding: 0px;
    border: 1px solid #555;
    overflow: hidden;
}
.sidebar {
	padding: 0 10px;
	background: #222;
    border: 1px solid #333;
}
.model-image-wrapper {
    width: calc(100% - 8px);
    margin: 4px auto;
    position: relative;
}
/*------------------------------------*\
    IMAGES
\*------------------------------------*/
.img-fluid {
    width: 100%;
    height: auto;
}
/*------------------------------------*\
	FOOTER
\*------------------------------------*/
.footer {
    background-color: #000;
    border-top: 5px solid #d71345;
    padding: 10px 0px;
    text-align: center;
    color: #999;
    font-size: 14px;
    margin-top: 15px;
}
/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/
@font-face {
    font-family: 'Font-Name';
    src: url('fonts/font-name.eot');
    src: url('fonts/font-name.eot?#iefix') format('embedded-opentype'), url('fonts/font-name.woff') format('woff'), url('fonts/font-name.ttf') format('truetype'), url('fonts/font-name.svg#font-name') format('svg');
    font-weight: normal;
    font-style: normal;
}
.model-name a {
    line-height: 1.5em;
    overflow: hidden;
    color: #F30654;
    font-weight: 500;
    font-size: 1.2em;
}
.model-name a:hover {
    color: #ffffff;
}
.model-location {
    background: #d71345;
    color: #fff;
    padding: 3px;
}
.model-comments {
    margin-top: 4px;
    margin-bottom: 5px;
}
.model-location {
    margin-bottom: 4px;
}
.sidebar h3 {
	border-bottom: 3px solid #494949;
	padding-bottom: 5px;
	color: #FF0000;
}
@media only screen and (min-width:1024px) {}
@media only screen and (min-width:1140px) {}
@media only screen and (min-width:1160px) {}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi) {}
/*------------------------------------*\
    MISC
\*------------------------------------*/
::selection {
    background: #04A4CC;
    color: #FFF;
    text-shadow: none;
}
::-webkit-selection {
    background: #04A4CC;
    color: #FFF;
    text-shadow: none;
}
::-moz-selection {
    background: #04A4CC;
    color: #FFF;
    text-shadow: none;
}
/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption {
    background: #FFF;
    border: 1px solid #F0F0F0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
.sticky {}
.bypostauthor {}
/*------------------------------------*\
    PRINT
\*------------------------------------*/
@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}
.header-inner {
    background: #111;
    padding: 35px 20px 15px 20px;
}
.top-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-around;
    background: #333;
}
.top-menu li a {
    display: block;
    height: 50px;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    line-height: ;
    padding: 15px 0px;
}
.top-menu li a:hover {
    color: #fff;
}
.top-menu li {
    display: block;
    width: 100%;
    position: relative;
}
/*------------------------------------*\
    FANCYBOX
\*------------------------------------*/
.fancybox-is-open .fancybox-bg {
    opacity: 1 !important;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}
/**
.fancybox-container::after {
  content: '';
    background-image: url('img/fbl-bg-logo.png');
  position: absolute;
  z-index: 9999;
  top: 0!important;
  left: 0;
  right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center center;
    transition: all 1s;
} 
*/
.fancybox-button {
    background: #000 !important;
}
/*
.showbox {
    width: 100%;
    margin-bottom: 20px;
    padding: 20px 30px;
    background: transparent;
    border-radius: 10px;
    border: 1px solid #E3E3E3;
    margin-top: 40px;
}
*/
.fancybox-button.fancybox-button--arrow_right,
.fancybox-button.fancybox-button--arrow_left {
    border-radius: 100px !important;
    width: 70px !important;
    height: 70px !important;
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, .25);
    transition: border 300ms ease-out !important;
}
.fancybox-button div {
    height: 40px;
    width: 40px;
}
.i-title h1, .i-title h2 {
	border-bottom: 3px solid #ee004c;
	color: #ee004c;
	line-height: 1.5em;
	font-size: 2em;
	font-weight: 500;
}
.fancybox-navigation .fancybox-button div {
    padding: 7px;
    position: absolute;
    top: 1px !important;
    left: 50%;
    transform: translate(-50%);
}
.fancybox-button.fancybox-button--arrow_right {
    right: 100px !important;
}
.fancybox-button.fancybox-button--arrow_left {
    left: 100px !important;
}
.fancybox-thumbs {
    background: #303030 !important;
}
.fancybox-thumbs__list a {
    height: 120px !important;
}
.fancybox-thumbs__list a::before {
    border: 2px solid #fff !important;
}
.fancybox-thumbs__list a {
    opacity: .6;
}
.fancybox-thumbs-active {
    opacity: 1 !important;
}
.model-gallery-grid {
    margin: 0px -5px;
}
@media (max-width: 800px) {
    .fancybox-stage::before,
    .fancybox-stage::after,
    .fancybox-button.fancybox-button--arrow_right,
    .fancybox-button.fancybox-button--arrow_left {
        display: none;
    }
}
.fancybox-button--close::after {
    content: 'CLOSE';
    color: #999;
    font-size: 12px;
    transform: rotate(-90deg) translateX(-57px) translateZ(0px);
    position: absolute;
    right: 0px;
    top: 10px;
    font-family: Tahoma, Arial, Helvetica, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
    letter-spacing: 2px;
    font-weight: 500;
}
.fancybox-button--close:hover::after {
    color: #fff !important;
    text-shadow: 0px 0px 20px #fff, 0px 0px 5px #fff;
    transition: all .4s ease;
}
.fancybox-button.fancybox-button--arrow_right:hover,
.fancybox-button.fancybox-button--arrow_left:hover {
    border-color: #ffffff;
}
.fancy-gallery img {
    padding: 5px;
}
.model-gallery-grid {
    margin: 0px -5px;
}
.fancybox-bg {
    background: #1e1e1e;
}
/*------------------------------------*\
    MODEL DETAILS
\*------------------------------------*/
.details-wrapper a {
    text-decoration: underline;
}
.conlink {
    text-decoration: none !important;
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
.float-right {
    Float: right;
}
.float-right.i-res {
    width: 6%;
}
.v-center {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.d-bottom img {
    margin-left: 1%;
}
.model-details-wrapper {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: minmax(140px, 7fr) 13fr;
    background-color: transparent;
    color: #ffffff;
}
.sidebar .model-card {
    margin-bottom: 10px;
    overflow:hidden;
}
.model-first-image {
    float: left;
    padding: 3px;
    border-radius: 12px;
}
.model-first-image img {
    border: 2px solid #ffffff;
    padding: 3px;
    border-radius: 0px;
    width: 100%;
}
.details-wrapper div {
    line-height: 1.6em;
    position: relative;
    margin-bottom: 2%;
}
.details-wrapper {
    font-size: 20px;
    font-weight: 400;
}
.models-details {
    padding-left: 5%;
}
.custom-text-line {
	color: #ff0097;
	border-bottom: 2px solid #ff0097;
	padding-bottom: 5px;
	font-size: 120%;
}
.map-btn {
    max-width: 4%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 1%;
}
.d-bottom {
    background: #f85c3c;
    padding: 2%;
    color: #ffffff;
    border-radius: 5px;
}
.services-section {
    max-width: 900px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 20px;
    width: 100%;
    margin: 0 auto;
}
.services-section {
    font-size: 20px;
}
video {
    max-width: 600px;
    width: 100%;
}
.video-wrapper.clearfix {
    text-align: center;
    margin-bottom: 15px;
}
.photo-grid {
    max-width: 100%;
    display: grid;
    grid-template-columns: repeat(4, auto);
    grid-template-rows: auto;
    grid-gap: 15px;
}
.photo-grid img {
    width: 100%;
    height: auto;
}
.text-center {
    text-align: center;
}
.comments-bottom {
    color: red;
    padding-top: 1%;
    padding-bottom: 3%;
}
.tabbox {
display: none;
}
#reply-title {
	background: #ee004c;
	padding: 1%;
	margin-top: 2%;
}
.tabbox span.on {
	background-color: transparent;
	color: #fff;
}
.tabbox span {
	float: left;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	cursor: pointer;
	padding: 0px 5%;
}
.comment-awaiting-moderation {
    display: block;
    background: red;
    color: #fff;
    padding: 1% 3%;
    margin-top: 1%;
    border-radius: 3px;
    font-weight: bold;
}
.comments li {
    list-style: none;
}
.comments ul {
    padding-left: 0;
}
.avatar.avatar-96.photo {
    max-width: 50px;
    height: 50px;
    display: block;
}
.fn {
    display: inline-block;
    font-weight: bold;
    margin: 1% 0;
    font-size: 120%;
}
.comment-body {
    position: relative;
}
.color-red {
    color: red !important;
}
.comment-meta.commentmetadata {
    position: absolute;
    right: 0;
    top: 10px;
}
.reply {
    text-align: right;
    border-bottom: 0px solid #333;
    margin-bottom: 1%;
    padding-bottom: 1%;
    font-weight: 600;
}
.reply a {
    color: #2D64B3;
    font-size: 100%;
}
.comment-body {
    font-size: 125%;
    	border-top: 1px solid #333;
	padding-top: 20px;
}
.children .comment-body {
    border-top: 0 none;
}
.qr-code {
    border: 5px solid #eee !important;
    margin-top: 5%;
}
.text-right {
    text-align: right;
}
.main-p5 {
    padding: 5% 10px;
}
.no-res {
    grid-column: 1 / 5;
	text-align: center;
	background: #222222;
	color: #cccccc;
	padding: 30px 0px;
    margin-top: 0px;
    border: 1px solid #494949;
}
.rb-wrapper {
}
/*------------------------------------*\
    SERVICES SECTION
\*------------------------------------*/
.services-section ul {
    padding-left: 0px;
}
.services-section ul li {
	list-style: inside;
}
.special-matters-content ul {
    padding-left: 0px;
}
.special-matters-content ul li {
	list-style: inside;
}
/*------------------------------------*\
    COMMENTS
\*------------------------------------*/
#commentform textarea {
	width: 100%;
	height: 80px;
	border: 1px solid #444;
	border-radius: 5px;
	font-size: 16px;
	min-height: 162px;
	padding: 15px;
	background: #222;
	color: #fff;
	margin-top: 10px;
}
.comments input {
	background: #222;
	border: 1px solid #444 !important;
	margin-top: 5px;
    color: #ffffff !important;
}
.comment-form-author, .comment-form-email {
    width: 50%;
    padding: 0% 2% 0% 0%;
}
.comment-form-author label {
    width: 100%;
    display: block;
}
.comment-form-author input, .comment-form-email input {
    width: 100%;
}
.comment-form-author {
    float: left;
}
.comment-form-email {
    float: right;
}
.the-pt {
    border-bottom: 2px solid #ee004c;
    padding-bottom: 1%;
    color: #ee004c;
    font-weight: 400;
}
.comment-form-author input, .comment-form-email input {
    border: 1px solid #CCC;
    border-radius: 5px;
    padding: 0px 6px;
    color: #333;
    padding: 1.5%;
}
.comments .children {
	margin-left: 0px !important;
}
.comments .children .comment-body {
    padding-left: 20px;
}
#cancel-comment-reply-link {
	background: rgba(0,0,0,.3);
	padding: 5px 10px;
	border-radius: 3px;
	margin-left: 10px;
}
#cancel-comment-reply-link:hover {
	color: #ffffff;
	text-decoration: underline;
}
.form-submit .submit {
    background-color: #f85c3c;
    border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-radius: 6px;
    border-bottom: 2px solid #98321D;
    color: #FFF;
    height: auto;
    margin-left: 0px;
    text-align: center;
    padding: 1.0% 8%;
}
.featured-ribbon{
	position: absolute;
	background: #ff0000;
    color: white;
    transform: rotate(-45deg);
    text-align: center;
    top: 15px;
    left: -75px;
    width:200px;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 0;
}
.grid-new-row-start {
grid-column-start: 1;
grid-column: 1 / 5;
}
.grid-new-row-start.model-type-title {
    color: #fff;
    border-bottom: 2px solid #555;
}
.model-type-title h2 {
    font-size: 2em;
    margin: 0.67em 0;
}
.massage-ribbon-wrapper {
    /* border: 1px solid black; */
    width: 173px;
    height: 137px;
    position: absolute;
    top: 0px;
    right: 0px;
}
.massage-ribbon {
    background-color: #348fad;
    color: #fff;
    text-align: center;
    text-shadow: rgba(0, 0, 0, 0.5) 0px 2px 1px;
    position: relative;
    padding: 4px 0;
    width: 220px;
    left: 37px;
    top: 15px;
    transform: rotate(45deg);
    white-space: nowrap;
    font-size: 12px;
}
.conlink {
	width: 29%;
	display: block;
	background: #ff0000;
	text-align: center;
	padding: 20px;
	border-radius: 100px;
	float: left;
	font-size: 24px;
	margin: 20px;
    font-family: "Times New Roman", Times, serif;
}
.conlink:hover {
    color: #fff;
    background: #ff0000ec;
}
.conlink .fa {
    font-size: 1.5em;
    position: relative;
    top: 3px;
}
.conlink.whatsapp {
	background: #111;
	padding: 0;
}
.conlink.whatsapp {
	position: relative;
}
.conlink.whatsapp .fa {
	position: absolute;
	transform: translate(-50%, -50%);
	font-size: 80px;
	top: 50%;
	left: 0%;
}
.conlink.whatsapp.f-left small {
	color: #28ec1e;
}
#wechatopener {
	border: 0 none;
}
#wechatopenerCopy {
	background: rgba(0,0,0,.2);
	border: 1px solid #333;
	color: #fff;
	padding: 5px;
}
.wechattext button {
	background: green;
	color: #fff;
	padding: 6px 15px;
	border-radius: 3px;
}
.wechattext button:hover {
	background: darkgreen;
	color: #fff;
}
.clearfix {
  overflow: auto;
}
.no-border {
    border: 0 none !important;
}
.wechattext img {
	height: 36px;
}
.swal2-cancel.swal2-styled {
	background: orange !important;
}
.swal2-cancel.swal2-styled:hover {
	background: #e19100 !important;
}
.mt-2rem {
    margin-top: 2rem;
}
/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media only screen and (min-width:320px) {}
@media only screen and (min-width:480px) {
}
@media only screen and (max-width:768px) {
    .wechattext img {
	height: 14px;
	position: relative;
	top: -4px;
	margin-right: 3px;
}
    .conlink {
        width: calc(48% - 20px);
        padding: 10px;
        float: left;
        font-size: 3.5vw;
        margin: 5px;
    }
    .conlink .fa {
    font-size: 5vw;
}
    .conlink .fa.fa-envelope {
    top: 1px;
}
    .massage-ribbon {
        padding: 1px 0px 1px 0px;
        left: 58px;
        top: 0px;
        transform: rotate(45deg);
        font-size: 1vw;
        text-shadow: rgba(0, 0, 0, 0.5) 0px .5px .25px;
    }
    .featured-ribbon {
        top: 1px;
        left: -44px;
        padding: 1px 0px 1px 0px;
        width: 100px;
        font-size: .95vw;
        line-height: none;
    }
    body {
        background-image: none;
    }
    body::after {
        display: none;
    }
    .services-section {
        font-size: 1.8vw;
    }
    .emojikeyboardbox .emojibox {
        padding: 5px !important;
        width: 5.5% !important;
    }
    .wrapper {
        padding: 10px;
    }
    .i-title h1,
    .i-title h2 {
        font-size: 2.3vw;
    }
    .sidebar .widget_text h3 {
        font-size: 1.1vw;
    }
    .model-comments {
        margin-bottom: 2px;
    }
    .header-search button {
        height: 20px;
        line-height: 16px;
        text-align: center;
        font-size: 2vw;
    }
    .avatar.avatar-96.photo {
        max-width: 25px;
        height: 25px;
    }
    .header-search input {
        height: 16px;
        line-height: 16px;
        padding: 0 5px;
        border: 2px solid #CCC;
        width: 100px;
        font-size: 1.5vw;
    }
    .sidebar .model-card {
        margin-bottom: 5px;
    }
    .top-menu li a {
        display: block;
        height: auto;
        font-size: 1.5vw !important;
        text-align: center;
        font-weight: bold;
        line-height: 1em;
        padding: 5px 0px;
    }
    .model-card {
        font-size: 1.4vw;
        padding: 0px;
    }
    h1,
    h2,
    .model-type-title h2 {
        font-size: 2.3vw;
    }
    h3 {
        font-size: 2.1vw;
    }
    .sidebar h3 {
        font-size: 1.23vw;
        padding-bottom: 3px;
    }
    h4 {
        font-size: 2.05vw;
    }
    h5 {
        font-size: 1.9vw;
    }
    h6 {
        font-size: 1.8vw;
    }
    p,
    .comment-meta.commentmetadata,
    .reply a,
    .tabbox span,
    .details-wrapper {
        font-size: 1.8vw;
    }
    .models {
        grid-gap: 4px;
    }
    .main-grid {
        grid-gap: 5px;
    }
    .sidebar {
        padding: 0 4px;
    }
    .footer {
        padding: 4px 0px;
        font-size: 2vw;
        margin-top: 8px;
    }
    .model-location {
        margin-bottom: 2px;
    }
    .model-first-image img {
        border-radius: 3px;
    }
    .wrapper,
    .header-inner {
        width: 100%;
    }
    .showbox {
        padding: 10px;
    }
    .new-bar {
        height: 3em;
        line-height: 3em;
        text-align: center;
        z-index: 100;
        font-size: 1vw;
    }
}
.badge.badge-danger {
    background: transparent !important;
}
.badge.badge-danger p {
	background: #ee004c;
	padding: 10px;
	margin-bottom: 15px;
	border-radius: 3px;
	border: 0 none !important;
}
/* UPDATED 2025 */
.single-vidoes {
    display: flex;
    gap: 20px;
	flex-wrap: wrap;
	justify-content: center;
}
.single-vidoes > * {
  flex: 0 0 calc((100% - 20px) / 2);
}
.splide__slide img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.splide__container {
	box-sizing: border-box;
	position: relative
}
.splide__list {
	backface-visibility: hidden;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	margin: 0!important;
	padding: 0!important
}
.splide.is-initialized:not(.is-active) .splide__list {
	display: block
}
.splide__pagination {
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0;
	pointer-events: none
}
.splide__pagination li {
	display: inline-block;
	line-height: 1;
	list-style-type: none;
	margin: 0;
	pointer-events: auto
}
.splide:not(.is-overflow) .splide__pagination {
	display: none
}
.splide__progress__bar {
	width: 0
}
.splide {
	position: relative;
	visibility: hidden
}
.splide.is-initialized,
.splide.is-rendered {
	visibility: visible
}
.splide__slide {
	backface-visibility: hidden;
	box-sizing: border-box;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	list-style-type: none!important;
	margin: 0;
	position: relative
}
.splide__slide img {
	vertical-align: bottom
}
.splide__spinner {
	animation: splide-loading 1s linear infinite;
	border: 2px solid #999;
	border-left-color: transparent;
	border-radius: 50%;
	bottom: 0;
	contain: strict;
	display: inline-block;
	height: 20px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 20px
}
.splide__sr {
	clip: rect(0 0 0 0);
	border: 0;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}
.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
	display: none
}
.splide__toggle.is-active .splide__toggle__pause {
	display: inline
}
.splide__track {
	overflow: hidden;
	position: relative;
	z-index: 0
}
@keyframes splide-loading {
	0% {
		transform: rotate(0)
	}
	to {
		transform: rotate(1turn)
	}
}
.splide__track--draggable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.splide__track--fade>.splide__list>.splide__slide {
	margin: 0!important;
	opacity: 0;
	z-index: 0
}
.splide__track--fade>.splide__list>.splide__slide.is-active {
	opacity: 1;
	z-index: 1
}
.splide--rtl {
	direction: rtl
}
.splide__track--ttb>.splide__list {
	display: block
}
.splide__arrow {
	-ms-flex-align: center;
	align-items: center;
	background: #ccc;
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	display: -ms-flexbox;
	display: flex;
	height: 2em;
	-ms-flex-pack: center;
	justify-content: center;
	opacity: .7;
	padding: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 2em;
	z-index: 1
}
.splide__arrow svg {
	fill: #000;
	height: 1.2em;
	width: 1.2em
}
.splide__arrow:hover:not(:disabled) {
	opacity: .9
}
.splide__arrow:disabled {
	opacity: .3
}
.splide__arrow:focus-visible {
	outline: 3px solid #0bf;
	outline-offset: 3px
}
.splide__arrow--prev {
	left: 1em
}
.splide__arrow--prev svg {
	transform: scaleX(-1)
}
.splide__arrow--next {
	right: 1em
}
.splide.is-focus-in .splide__arrow:focus {
	outline: 3px solid #0bf;
	outline-offset: 3px
}
.splide__pagination {
	bottom: .5em;
	left: 0;
	padding: 0 1em;
	position: absolute;
	right: 0;
	z-index: 1
}
.splide__pagination__page {
	background: #ccc;
	border: 0;
	border-radius: 50%;
	display: inline-block;
	height: 8px;
	margin: 3px;
	opacity: .7;
	padding: 0;
	position: relative;
	transition: transform .2s linear;
	width: 8px
}
.splide__pagination__page.is-active {
	background: #fff;
	transform: scale(1.4);
	z-index: 1
}
.splide__pagination__page:hover {
	cursor: pointer;
	opacity: .9
}
.splide__pagination__page:focus-visible {
	outline: 3px solid #0bf;
	outline-offset: 3px
}
.splide.is-focus-in .splide__pagination__page:focus {
	outline: 3px solid #0bf;
	outline-offset: 3px
}
.splide__progress__bar {
	background: #ccc;
	height: 3px
}
.splide__slide {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.splide__slide:focus {
	outline: 0
}
@supports(outline-offset:-3px) {
	.splide__slide:focus-visible {
		outline: 3px solid #0bf;
		outline-offset: -3px
	}
}
@media screen and (-ms-high-contrast:none) {
	.splide__slide:focus-visible {
		border: 3px solid #0bf
	}
}
@supports(outline-offset:-3px) {
	.splide.is-focus-in .splide__slide:focus {
		outline: 3px solid #0bf;
		outline-offset: -3px
	}
}
@media screen and (-ms-high-contrast:none) {
	.splide.is-focus-in .splide__slide:focus {
		border: 3px solid #0bf
	}
	.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus {
		border-color: #0bf
	}
}
.splide__toggle {
	cursor: pointer
}
.splide__toggle:focus-visible {
	outline: 3px solid #0bf;
	outline-offset: 3px
}
.splide.is-focus-in .splide__toggle:focus {
	outline: 3px solid #0bf;
	outline-offset: 3px
}
.splide__track--nav>.splide__list>.splide__slide {
	border: 3px solid transparent;
	cursor: pointer
}
.splide__track--nav>.splide__list>.splide__slide.is-active {
	border: 3px solid #000
}
.splide__arrows--rtl .splide__arrow--prev {
	left: auto;
	right: 1em
}
.splide__arrows--rtl .splide__arrow--prev svg {
	transform: scaleX(1)
}
.splide__arrows--rtl .splide__arrow--next {
	left: 1em;
	right: auto
}
.splide__arrows--rtl .splide__arrow--next svg {
	transform: scaleX(-1)
}
.splide__arrows--ttb .splide__arrow {
	left: 50%;
	transform: translate(-50%)
}
.splide__arrows--ttb .splide__arrow--prev {
	top: 1em
}
.splide__arrows--ttb .splide__arrow--prev svg {
	transform: rotate(-90deg)
}
.splide__arrows--ttb .splide__arrow--next {
	bottom: 1em;
	top: auto
}
.splide__arrows--ttb .splide__arrow--next svg {
	transform: rotate(90deg)
}
.splide__pagination--ttb {
	bottom: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	left: auto;
	padding: 1em 0;
	right: .5em;
	top: 0
}
.special-matters-section {
    max-width: 900px;
    margin: 0 auto;
    font-size: 20px;
}
.models-details .country-flag-wrapper {
    border-bottom: 2px solid #e40049;
    padding-bottom: 10px;
}
img.country-flag, .video-icon {
	  width: 32px;
    height: 32px;
}
.model-bl-badges {
	position:absolute;
	left: 5px;
	bottom:5px;
}
.sidebar .model-bl-badges {
	bottom: 30px;
}
@media(max-width:640px) {
img.country-flag, .video-icon {
    width: 15px;
    height: 15px;
}
	.model-bl-badges {
    position: absolute;
    left: 0px;
    bottom: 0px;
}
}
.video-icon {
    background-image: url('img/video-icon.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
}
.video-icon.updates-col {
    bottom: 25px;
    left: 5px;
}
