/* BEGIN global style */

a {
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    outline: none !important;
    text-decoration: none;
    color: #ee04a7;
}
a > * {
  pointer-events: none;
}
a:hover,
a:focus {
    text-decoration: none;
    outline: none;
}

* {
    margin: 0;
    padding: 0;
    outline: 0;
    box-sizing: border-box;
}

.nobdr {
    border: none !important;
}

.nobg {
    background: none !important;
}

.nobdr_top {
    border-top: none !important;
}

.nomargin {
    margin: 0px !important;
}

.nomargin-top {
    margin-top: 0 !important;
}

.nomargin-left {
    margin-left: 0px !important;
}

.nomargin-right {
    margin-right: 0px !important;
}

.nopadding {
    padding: 0px !important;
}

.alignbottom {
    vertical-align: text-top;
}

img {
    height: auto;
    border: 0;
}

ul {
    list-style-type: circle;
}

ul li {
    color: #fff;
    font: 16px/24px 'Panton-Regular', Arial, sans-serif;
}

ul.radio-btn {
    list-style-type: none;
}

ul.radio-btn li {
    list-style: none;
}

aside,
details,
figcaption,
figure,
ins,
summary,
small,
mark,
title,
video,
footer,
header,
hgroup,
nav,
section,
article {
    display: block;
}

.clear {
    padding: 0;
    margin: 0;
    clear: both;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    margin: 0;
}

html,
body {
    background-color: black;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    font-family: 'Panton-Regular', Arial, sans-serif;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    zoom: 1;
}

/* END global style*/

/* BEGIN index page*/

/* BEGIN index page sections */

.main_nav .navbar-nav>li {
    margin: 0 15px 0;
}

.main_nav {
    background: #000;
    border-radius: 0px;
    height: 81px;
    margin: 0;
    padding: 17px 40px;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0px;
    z-index: 9999;
}

.main_nav .navbar-nav>li>a {
    color: #fff;
    text-transform: uppercase;
    font: 14px/30px 'Panton-Bold', Arial, sans-serif;
    border-bottom: 2px solid #000;
    background: none;
}

.main_nav .navbar-nav>li>a:hover {
    color: #ce19af;
    border-bottom: 2px solid #ce19af;
    background: none;
}

.main_nav .navbar-nav>li>a.active {
    color: #ce19af;
    border-bottom: 2px solid #ce19af;
    background: none;
}

.no-padd {
    padding: 0;
}

.top-banner-section {
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-top: 81px;
}
.banner-section {
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    /*padding-top: 81px;*/
}

.left_chat_main {
    position: relative;
}

.left_chat_main figure {
    overflow: hidden;
}

.banner-box-left {
    float: left;
    width: 50%;
    overflow: hidden;
}

.banner-box-left .carousel {}

.banner-box-left .carousel-inner {}

.left_chat_main img {
    width: 100%;
    object-fit: cover;
}

.our_chat_rooms_background {
    height: 550px;
}

.our_chat_rooms {
    background: url(/images/chat_box_bg.png) no-repeat;
    position: absolute;
    top: 0%;
    bottom: 0;
    margin: auto;
    right: 0;
    width: 542px;
    height: 439px;
    padding: 50px 35px 0 55px;
    z-index: 9;
    overflow: hidden;
}

.our_chat_rooms h1 {
    color: #fff;
    font: 61px/66px 'pantonblack_caps', Arial, sans-serif;
}

.our_chat_rooms p {
    color: #fff;
    font: 18px/30px 'Panton-Regular', Arial, sans-serif;
    margin: auto;
}

.banner-box-right {
    float: left;
    width: 50%;
    background: #141315;
    display: flex;
    overflow: hidden;
}

.right_chat_main {
    overflow: hidden;
    height: 100%;
}

.right_chat_main .chat-box-icon {
    z-index: 999;
    position: relative;
}

.right_chat_main .chat_box {
    width: 33.3%;
    height: 16.7%;
    position: relative;
    border-bottom: 1px solid #232223;
    border-right: 1px solid #232223;
    float: left;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
}

.right_chat_main .chat_box a {
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: center;
    height: 100%;
    position: relative;
    z-index: 99
}

.right_chat_main .chat_box a:hover,
.right_chat_main .chat_box a:focus {
    color: #fff;
}

.right_chat_main .chat_box:after {
    content: '';
    position: absolute;
    z-index: 1;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    transition: all 0.8s;
    width: 200%;
    height: 0;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    background: -moz-linear-gradient(120deg, rgba(254, 4, 157, 1) 0%, rgba(158, 14, 215, 1) 52%, rgba(140, 5, 210, 1) 62%, rgba(104, 4, 245, 1) 100%);
    background: -webkit-linear-gradient(120deg, rgba(254, 4, 157, 1) 0%, rgba(158, 14, 215, 1) 52%, rgba(140, 5, 210, 1) 62%, rgba(104, 4, 245, 1) 100%);
    background: -o-linear-gradient(120deg, rgba(254, 4, 157, 1) 0%, rgba(158, 14, 215, 1) 52%, rgba(140, 5, 210, 1) 62%, rgba(104, 4, 245, 1) 100%);
    background: -ms-linear-gradient(120deg, rgba(254, 4, 157, 1) 0%, rgba(158, 14, 215, 1) 52%, rgba(140, 5, 210, 1) 62%, rgba(104, 4, 245, 1) 100%);
    background: linear-gradient(330deg, rgba(254, 4, 157, 1) 0%, rgba(158, 14, 215, 1) 52%, rgba(140, 5, 210, 1) 62%, rgba(104, 4, 245, 1) 100%);
}

.always-highlighted {
    background: -moz-linear-gradient(120deg, rgba(254, 4, 157, 1) 0%, rgba(158, 14, 215, 1) 52%, rgba(140, 5, 210, 1) 62%, rgba(104, 4, 245, 1) 100%) !important;
    background: -webkit-linear-gradient(120deg, rgba(254, 4, 157, 1) 0%, rgba(158, 14, 215, 1) 52%, rgba(140, 5, 210, 1) 62%, rgba(104, 4, 245, 1) 100%) !important;
    background: -o-linear-gradient(120deg, rgba(254, 4, 157, 1) 0%, rgba(158, 14, 215, 1) 52%, rgba(140, 5, 210, 1) 62%, rgba(104, 4, 245, 1) 100%) !important;
    background: -ms-linear-gradient(120deg, rgba(254, 4, 157, 1) 0%, rgba(158, 14, 215, 1) 52%, rgba(140, 5, 210, 1) 62%, rgba(104, 4, 245, 1) 100%) !important;
    background: linear-gradient(330deg, rgba(254, 4, 157, 1) 0%, rgba(158, 14, 215, 1) 52%, rgba(140, 5, 210, 1) 62%, rgba(104, 4, 245, 1) 100%) !important;
}

.right_chat_main .chat_box:hover:after {
    height: 260%;
    opacity: 1;
}

.right_chat_main .chat_box figure {
    max-width: 100%;
    padding-bottom: 10px;
}

.right_chat_main .chat_box label {
    color: #fff;
    text-transform: uppercase;
    font: 14px/25px 'Panton-Bold', Arial, sans-serif;
}


.features {
    background: #000;
    padding: 75px 0;
    clear: both;
}

.features .chat_room {
    width: 414px;
    margin: 0 auto;
}

.features .chat_room h2 {
    color: #ee04a7;
    font: 60px/66px 'pantonblack_caps', Arial, sans-serif;
    padding-top: 10px;
}

.features .chat_room p {
    color: #959595;
    font: 16px/24px 'Panton-Regular', Arial, sans-serif;
    padding-bottom: 70px;
    padding-top: 40px;
}

.features .chat_room a {
    color: #ee04a7;
    font: 16px/25px 'pantonblack_caps', Arial, sans-serif;
    text-decoration: none;
}

.features .chat_room a img {
    padding-left: 15px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.features .chat_room a:hover {
    color: #959595;
    font: 16px/25px 'pantonblack_caps', Arial, sans-serif;
    text-decoration: none;
}

.features .chat_room a:hover img {
    padding-left: 20px;
}

.features .panel-default>.panel-heading {
    color: #5e5e5e;
    background-color: #000;
    border-color: transparent;
    border-radius: 0px;
}

.features .panel-group .panel {
    margin-bottom: 0;
    border-radius: 0px;
    border: none;
}

.panel-group .panel {
    box-shadow: none !important;
    background: none !important;
}

.features .panel-default>.panel-heading {
    color: #fff;
    /*border-bottom: 1px solid #2c2c2c;*/
    font: 16px/25px 'Panton-Regular', Arial, sans-serif;
    padding: 0px;
}

.features .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: transparent;
    background: #000;
    padding: 15px 0;
    font: 16px/24px 'Panton-Regular', Arial, sans-serif;
    color: #959595;
}

.features .panel-title>a {
    color: #ee04a7;
    display: block;
    text-decoration: none;
    padding: 20px 0;
}

.features .pa_italic span {
    display: none;
}

.features .collapsed span {
    display: inline-block;
    right: 1em;
    font-size: 11px;
    float: right;
}

.features .collapsed i {
    display: none;
}

.features .pa_italic i {
    right: 1em;
    font-size: 11px;
    float: right;
    margin-right: -5px;
    margin-top: 3px;
}

.features .glyphicon-minus::before,
.features .glyphicon-plus::before {
    content: "";
}

.features .glyphicon-minus {
    background: url(/images/minus_icon.png) no-repeat;
    width: 10px;
    height: 10px;
}

.features .glyphicon-plus {
    background: url(/images/plus_icon.png) no-repeat;
    width: 10px;
    height: 10px;
    margin-right: -5px;
    margin-top: 3px;
}

.section_subs {
    background: url(/images/subs_bg.jpg) no-repeat;
    background-size: cover;
    text-align: center;
    clear: both;
}

.section_subs h2 {
    color: #fff;
    font: 28px/28px 'Panton-Regular', Arial, sans-serif;
    display: inline-block;
    padding: 52px 30px;
}

.section_subs a {
    color: #fff;
    font: 16px/25px 'Panton-Regular', Arial, sans-serif;
    border-radius: 3px;
    width: 251px;
    text-align: center;
    background: #dd04a7;
    display: inline-block;
    padding: 15px 0;
}

.section_subs a:hover {
    color: #fff;
    background: #c5038a;
}

/* END index page sections */

/* BEGIN footer */

.section_footer {
    background: url(/images/footer_bg.jpg) no-repeat;
    background-size: cover;
    padding: 66px 0 0;
    clear: both;
}

.section_footer h5 {
    font: 14px/30px 'Panton-Bold', Arial, sans-serif;
    color: #fff;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.footer-box {
    width: 25%;
    float: left;
}

.footer-box.footer-box1 {
    width: 75%;
}

.footer-box.footer-box1 ul li {
    width: 33.33%;
    float: left;
}

.section_footer ul {
    margin-bottom: 20px;
}

.section_footer li {
    padding-bottom: 0px !important;
}

.section_footer li a {
    font: 14px/30px 'Panton-Regular', Arial, sans-serif;
    color: #fff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.section_footer li a:hover {
    margin-left: 5px;
}

/* END footer */

/* BEGIN copyright */

.copyright_section {
    border-top: 1px solid #d03bcd;
    padding: 19px 0 0;
    float: left;
    width: 100%;
    margin-top: 10px;
}

.copyright_section p {
    color: #e7aee3 !important;
    font: 14px/24px 'Panton-Regular', Arial, sans-serif !important;
}

/* END copyright */

/* BEGIN carousel */

.carousel-indicators {
    bottom: 20px;
    left: 0px;
    width: 100%;
}

.carousel-indicators li {
    width: 31px;
    height: 3px;
    border-radius: 5px;
    background: rgba(51, 51, 51, .5);
    border: none;
    margin: 0;
}

.carousel-indicators .active {
    width: 31px;
    height: 3px;
    background-color: #d605a7;
    border: none;
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    height: 100%;
}

.carousel-fade .carousel-inner .item {
    height: 100%;
}

/* END carousel */

/* TODO what is this? */

/*-- to-top --*/

/*#toTop {display:none; text-decoration:none; position:fixed; bottom:24px; right:1%; overflow:hidden; z-index:999; width:64px; height:64px; border:none; text-indent:100%; background:url("/images/arr.png") no-repeat 0px 0px; background-size:40px;}
#toTopHover {width:64px; height:64px; display:block; overflow:hidden; float:right; opacity:0; -moz-opacity:0; filter:alpha(opacity=0);}*/

/*-- //to-top --*/

/* BEGIN fonts */

@font-face {
    font-family: 'Panton-Regular';
    src: url('/fonts/Panton-Regular.woff2') format('woff2'), url('/fonts/Panton-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Panton-Bold';
    src: url('/fonts/Panton-Bold.woff2') format('woff2'), url('/fonts/Panton-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'pantonblack_caps';
    src: url('/fonts/panton-blackcaps.woff2') format('woff2'), url('/fonts/panton-blackcaps.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'pantonblack_italic_caps';
    src: url('/fonts/panton-blackitaliccaps.woff2') format('woff2'), url('/fonts/panton-blackitaliccaps.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'pantonlight_caps';
    src: url('/fonts/panton-lightcaps.woff2') format('woff2'), url('/fonts/panton-lightcaps.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'pantonlight_italic_caps';
    src: url('../fonts/panton-lightitaliccaps.woff2') format('woff2'), url('../fonts/panton-lightitaliccaps.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* END fonts */

/* BEGIN mobile menu */

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: none;
    background: url(/images/menu_mobile_icon.png) no-repeat;
}

.navbar-inverse .navbar-toggle {
    border: none;
}

.navbar-toggle {
    margin-right: 0px;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {}

/* END mobile menu */

/* END index Page */

/* BEGIN category page */

.category_section {
    float: left;
    width: 100%;
    padding-top: 81px;
    position: relative;
    background: #0f0f0f;
}

.category_section>img {
    width: 100%;
}

.trade_banner {
    position: absolute;
    left: 0;
    right: 0;
    top: 25%;
    margin: auto;
    width: 728px;
}

.trade_banner h1 {
    color: #ee04a7;
    font: 60px/60px 'pantonblack_caps', Arial, sans-serif;
    text-align: center;
    padding: 0 50px;
}

.trade_banner p {
    color: #fff;
    font: 16px/28px 'Panton-Regular', Arial, sans-serif;
    text-align: center;
    padding: 10px 50px;
}

.category_section h3 {
    font: bold 18px/30px 'Panton-Regular', Arial, sans-serif;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 10px;
}

.features_category {
    background: #000;
    padding: 85px 0;
    clear: both;
}

.features_category .chat_room {
    width: 414px;
    margin: 0 auto;
}

.features_category .chat_room h2 {
    color: #ee04a7;
    font: 60px/66px 'pantonblack_caps', Arial, sans-serif;
}

.features_category .chat_room p {
    color: #959595;
    font: 14px/24px 'Panton-Regular', Arial, sans-serif;
    padding-bottom: 70px;
    padding-top: 40px;
}

.features_category .chat_room a {
    color: #ee04a7;
    font: 16px/25px 'pantonblack_caps', Arial, sans-serif;
    text-decoration: none;
}

.features_category .chat_room a img {
    padding-left: 15px;
}

.features_category .chat_room a:hover {
    color: #959595;
    font: 16px/25px 'pantonblack_caps', Arial, sans-serif;
    text-decoration: none;
}

.features_category .chat_room_right p {
    color: #fff;
    font: 16px/24px 'Panton-Regular', Arial, sans-serif;
    padding-bottom: 20px;
    padding-top: 0px;
}

.features_category .chat_room_right h2,
.features_category .chat_room_right h3,
.features_category .chat_room_right h4{
    color: #ee04a7;
    padding-top: 0px;
}

.features_category .chat_room_right h2 {
    font: 25px/30px 'Panton-Regular', Arial, sans-serif;
    padding-bottom: 20px;
    padding-top: 0px;
}

.features_category .chat_room_right h3 {
    font: 25px/30px 'Panton-Regular', Arial, sans-serif;
    padding-bottom: 20px;
}

.features_category .chat_room_right h4 {
    font: 20px/25px 'Panton-Regular', Arial, sans-serif;
    padding-bottom: 10px;
}

.radio-custom {
    opacity: 0;
    position: absolute;
}

.radio-custom,
.radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.radio-custom-label {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    font: 100 16px/16px 'Panton-Regular', Arial, sans-serif;
    color: #fff;
    padding: 14px 19px;
    margin: 0px;
    text-align: center;
    display: block;
    height: 100%;
}

.trade_banner span {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 40px;
}

.trade_banner li:last-child {
    margin: 0;
}

.trade_banner li a figure {
    position: absolute;
    left: 0;
    right: 0;
    top: 20%;
    text-align: center;
}

.trade_banner li a span {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
    font: 16px/16px 'Panton-Regular', Arial, sans-serif;
    color: #fff;
    padding: 14px 19px;
    margin: 0px;
    text-align: center;
    display: block;
}

.trade_banner ul li {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    border: 2px solid #7b1d5e;
    width: 24.0%;
    height: 170px;
    position: relative;
    background: #040404;
}

.trade_banner ul li a {
    display: block;
    float: left;
    width: 100%;
    height: 100%;
}

.trade_banner ul li:hover {
    background: -moz-linear-gradient(120deg, rgba(254, 4, 157, 1) 0%, rgba(158, 14, 215, 1) 52%, rgba(140, 5, 210, 1) 62%, rgba(104, 4, 245, 1) 100%);
    background: -webkit-linear-gradient(120deg, rgba(254, 4, 157, 1) 0%, rgba(158, 14, 215, 1) 52%, rgba(140, 5, 210, 1) 62%, rgba(104, 4, 245, 1) 100%);
    background: -o-linear-gradient(120deg, rgba(254, 4, 157, 1) 0%, rgba(158, 14, 215, 1) 52%, rgba(140, 5, 210, 1) 62%, rgba(104, 4, 245, 1) 100%);
    background: -ms-linear-gradient(120deg, rgba(254, 4, 157, 1) 0%, rgba(158, 14, 215, 1) 52%, rgba(140, 5, 210, 1) 62%, rgba(104, 4, 245, 1) 100%);
    background: linear-gradient(330deg, rgba(254, 4, 157, 1) 0%, rgba(158, 14, 215, 1) 52%, rgba(140, 5, 210, 1) 62%, rgba(104, 4, 245, 1) 100%);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

/*.trade_banner ul li.active {background:#ee04a7;}*/

/* END category page */

/* BEGIN chat screen page */

.chat_screen {
    float: left;
    width: 100%;
    padding: 100px 0px 31px;
    position: relative;
    background: #040404 url(/images/chat-screen-bg-with-men.jpg) no-repeat left top;
    background-size: auto 100%;
    overflow: hidden;
}
.chat_screen_hide {
    display:none;
}

.ad-90 {
    height: 90px;
}

.scroll-area {
    max-width: 1200px;
    margin: 0 auto;
    overflow: auto;
    width: 100%;
    padding: 0 15px;
}

.chat_screen .chat_banner {
    margin: 130px auto 0;
    width: 700px;
}

.chat_screen .chat_banner h1 {
    color: #ee04a7;
    font: 60px/60px 'pantonblack_caps', Arial, sans-serif;
    text-align: center;
    padding: 0 50px;
}

.chat_screen .chat_banner p {
    color: #fff;
    font: 16px/28px 'Panton-Regular', Arial, sans-serif;
    text-align: center;
    padding: 10px 50px;
}

.chat_screen figure {
    width: 100%;
    text-align: center;
    padding: 30px 0;
}

.chat_screen .chat_add {
    text-align: center;
    margin: 30px auto;
    width: 730px;
    height: 96px;
    border: 3px solid #1b1b1b;
}

.chat_screen img {
    max-width: 100%;
}

.chat_screen ul {
    background: #000;
    width: 70%;
    max-width: 100%;
    margin: 0 auto 20px;
    padding: 10px;
    overflow: hidden;
    text-align: center;
}

.chat_screen ul li {
    list-style: none;
    display: inline-block;
    float: left;
    width: 20%;
    background: url(/images/li_bg.jpg);
    border-radius: 5px;
    padding: 5px 5px;
    text-align: center;
}

.chat_screen ul li a {
    color: #fff;
}

.chat_screen ul li a:hover {
    color: #fff;
}

.with_women_for_women {
    background: #040404 url(/images/chat-screen-bg-with-men.jpg) no-repeat left bottom;
}

.with_women_for_men {
    background: #040404 url(/images/chat-screen-bg-with-men.jpg) no-repeat left bottom;
}

.with_women_for_transgenders {
    background: #040404 url(/images/chat-screen-bg-with-men.jpg) no-repeat left bottom;
}

.with_women_for_others {
    background: #040404 url(/images/chat-screen-bg-with-men.jpg) no-repeat left bottom;
}

.with_men_for_women {
    background: #040404 url(/images/chat-screen-bg-with-men.jpg) no-repeat left bottom;
}

.with_men_for_men {
    background: #040404 url(/images/chat-screen-bg-with-men.jpg) no-repeat left bottom;
}

.with_men_for_transgenders {
    background: #040404 url(/images/chat-screen-bg-with-men.jpg) no-repeat left bottom;
}

.with_men_for_others {
    background: #040404 url(/images/chat-screen-bg-with-men.jpg) no-repeat left bottom;
}

.with_transgenders_for_women {
    background: #040404 url(/images/chat-screen-bg-with-men.jpg) no-repeat left bottom;
}

.with_transgenders_for_men {
    background: #040404 url(/images/chat-screen-bg-with-men.jpg) no-repeat left bottom;
}

.with_transgenders_for_transgenders {
    background: #040404 url(/images/chat-screen-bg-with-men.jpg) no-repeat left bottom;
}

.with_transgenders_for_others {
    background: #040404 url(/images/chat-screen-bg-with-men.jpg) no-repeat left bottom;
}

.with_others_for_women {
    background: #040404 url(/images/chat-screen-bg-with-men.jpg) no-repeat left bottom;
}

.with_others_for_men {
    background: #040404 url(/images/chat-screen-bg-with-men.jpg) no-repeat left bottom;
}

.with_others_for_transgenders {
    background: #040404 url(/images/chat-screen-bg-with-men.jpg) no-repeat left bottom;
}

.with_others_for_others {
    background: #040404 url(/images/chat-screen-bg-with-men.jpg) no-repeat left bottom;
}

.menu_frame {
    text-align: center;
    margin-bottom: 30px;
}

.chat_screen_main {
    width: 1036px;
    height: 500px;
    text-align: center;
    background: #1b1b1b;
    margin: auto;
    border-radius: 3px;
    padding: 20px 20px 40px 20px;
}

.menu_frame {
    text-align: center;
    margin-bottom: 30px;
    overflow: auto;
}

.chat_screen_main {
    width: 76%;
    height: 500px;
    text-align: center;
    background: #1b1b1b;
    overflow: hidden;
    margin: auto;
    border-radius: 3px;
    padding: 20px 20px 40px 20px;
}

/* END chat screen page */

/*Nick name Page Start*/

.nickname_section {
    float: left;
    width: 100%;
    padding: 100px 0px 20px;
    position: relative;
    background: #131315 url(/images/category_banner.jpg) no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 740px;
    background-size: 100% auto;
    background-position: bottom left;
}

.nickname_banner {
    width: 800px;
    margin: auto;
}

.nickname_banner h1 {
    color: #ee04a7;
    font: 60px/60px 'pantonblack_caps', Arial, sans-serif;
    text-align: center;
    padding: 0 55px;
}

.nickname_section h3 {
    font: bold 18px/30px 'Panton-Regular', Arial, sans-serif;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 10px;
}

.nickname_banner form {
    width: 80%;
    margin: auto;
    padding-top: 40px;
}

.nickname_banner input {
    width: 100%;
    padding: 23px 0;
    background: #000;
    border: 2px solid #641773;
    color: #fff;
    padding-left: 28px;
}

.nickname_banner li.hidden_input {
    margin-top: 20px;
}

#checking-email {
    display: none;
}

.nickname_banner .emailadd {
    padding-top: 20px;
}

.nickname_banner a.chat_btn {
    display: inline-block;
    width: 193px;
    height: 55px;
    background: url(/images/chat_now_btn.jpg) no-repeat left top;
    border: none;
    outline: none;
    color: #ccc;
    text-transform: uppercase;
    font: 18px/30px 'pantonblack_caps', Arial, sans-serif;
    margin-top: 52px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
}

.nickname_banner .chat_btn:hover {
    color: #fff;
}

.nickname_banner .label_check {
    display: block;
    position: relative;
    top: 20px;
    padding-left: 35px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font: 15px/28px 'Panton-Regular', Arial, sans-serif;
    color: #fff;
}

/* Hide the browser's default checkbox */

.label_check input {
    position: absolute !important;
    opacity: 0;
    cursor: pointer;
    left: 0px;
    top: 0px !important;
}

/* Create a custom checkbox */

.checkmark {
    position: absolute;
    top: 4px;
    left: 0;
    height: 18px;
    width: 18px;
    border-radius: 3px;
    background: #000;
    border: 2px solid #641773;
}

/* On mouse-over, add a grey background color */

.label_check:hover input~.checkmark {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

/* When the checkbox is checked, add a blue background */

.label_check input:checked~.checkmark {
    background: #641773;
}

/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */

.label_check input:checked~.checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */

.label_check .checkmark:after {
    left: 5px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.nickname-error-msg {
    color: #fff;
    border: 1px solid #641773;
    padding: 3px 25px;
    margin-bottom: 5px;
    display: none;
}

/* END nick name page */

/* BEGIN chat page */

.chatroom_section {
    float: left;
    width: 100%;
    position: relative;
    text-align: center;
}

.chatroom_section img {
    width: 100%;
    display: inline-block;
}

.chat_section_outer {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 81px;
}

.chatroom_banner {
    width: 700px;
    margin: 0 auto;
}

.chatroom_banner h1 {
    color: #ee04a7;
    font: 60px/60px 'pantonblack_caps', Arial, sans-serif;
    text-align: center;
    padding: 0 130px;
}

.chatroom_banner p {
    color: #fff;
    font: 16px/28px 'Panton-Regular', Arial, sans-serif;
    text-align: center;
    padding: 10px 18%;
}

.chatroom-main {
    width: 100%;
    float: left;
}

.chat_main {
    background: #141315;
    overflow: hidden;
}

.chat_main .chat-box-icon {
    z-index: 999;
    position: relative;
}

.chat_main .chat_box {
    width: 20%;
    height: 232px;
    position: relative;
    border-bottom: 1px solid #232223;
    border-right: 1px solid #232223;
    float: left;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
    border: none;
}

.chat_main .chat_box a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: relative;
    z-index: 99
}

.chat_main .chat_box:nth-child(2n+2) {
    background: #39363b;
}


.chat_main .chat_box:after {
    content: '';
    position: absolute;
    z-index: 1;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    transition: all 0.8s;
    width: 200%;
    height: 0;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    background: -moz-linear-gradient(120deg, rgba(254, 4, 157, 1) 0%, rgba(158, 14, 215, 1) 52%, rgba(140, 5, 210, 1) 62%, rgba(104, 4, 245, 1) 100%);
    background: -webkit-linear-gradient(120deg, rgba(254, 4, 157, 1) 0%, rgba(158, 14, 215, 1) 52%, rgba(140, 5, 210, 1) 62%, rgba(104, 4, 245, 1) 100%);
    background: -o-linear-gradient(120deg, rgba(254, 4, 157, 1) 0%, rgba(158, 14, 215, 1) 52%, rgba(140, 5, 210, 1) 62%, rgba(104, 4, 245, 1) 100%);
    background: -ms-linear-gradient(120deg, rgba(254, 4, 157, 1) 0%, rgba(158, 14, 215, 1) 52%, rgba(140, 5, 210, 1) 62%, rgba(104, 4, 245, 1) 100%);
    background: linear-gradient(330deg, rgba(254, 4, 157, 1) 0%, rgba(158, 14, 215, 1) 52%, rgba(140, 5, 210, 1) 62%, rgba(104, 4, 245, 1) 100%);
}

.chat_main .chat_box:hover:after {
    height: 260%;
    opacity: 1;
}

.chat_main .chat_box figure {
    max-width: 100%;
    padding-bottom: 10px;
}

.chat_main .chat_box label {
    color: #fff;
    text-transform: uppercase;
    font: 14px/25px 'Panton-Bold', Arial, sans-serif;
}

/* BEGIN chat iframe */

#chat-screen-container {
    position: relative;
    padding: 10px 10px 10px 0;
}

#chat-screen iframe {
    min-height: 280px;
    border: 1px solid #333;
    border-radius: 5px;
    background-color: #000000;
}

#chat-width-minus,
#chat-width-plus,
#chat-height-minus,
#chat-height-plus {
    font-size: 18px;
    cursor: pointer;
    color: #ddd;
}

#resize-buttons {
    min-height: 15px;
}

#mibbit {
    height: 100%;
    width: 100%;
}

.resize-each {
    display: inline;
    color: #666;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.resize-width {
    float: left;
}

.resize-height {
    float: right;
}

/* BEGIN chat iframe resizing */

.arrow-label {
    vertical-align: top;
}

.arrow-wrap {
    display: inline-block;
    width: 16px;
}

.left-arrow,
.right-arrow,
.up-arrow,
.down-arrow {
    display: block;
    width: 0;
    height: 0;
    transform: rotate(360deg);
}

.left-arrow {
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 12px solid #666;
}

.arrow-wrap:active .left-arrow,
.arrow-wrap:hover .left-arrow {
    border-right-color: #ff32ae;
}

.right-arrow {
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 12px solid #666;
}

.arrow-wrap:active .right-arrow,
.arrow-wrap:hover .right-arrow {
    border-left-color: #ff32ae;
}

.up-arrow {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 12px solid #666;
}

.arrow-wrap:active .up-arrow,
.arrow-wrap:hover .up-arrow {
    border-bottom-color: #ff32ae;
}

.down-arrow {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 12px solid #666;
}

.arrow-wrap:active .down-arrow,
.arrow-wrap:hover .down-arrow {
    border-top-color: #ff32ae;
}

/* END chat iframe resizing */

/* END chat iframe */

/* END chat page */

/* BEGIN rules page */

.rules_features .panel-body {
    border-top-color: transparent;
    background: #000;
    padding: 15px 0;
    font: 14px/24px 'Panton-Regular', Arial, sans-serif;
    color: #959595;
}

.rules_features .panel-body h3 {
    font-size: 14px;
    color: #ee04a7;
    padding: 10px 0;
}

.rules_features .panel-body h3 {
    font-size: 14px;
    color: #ee04a7;
    padding: 10px 0px;
}

.rules_features .panel-body h5 {
    font-size: 12px;
    color: #959595;
}

.rules_features .panel-body h4 {
    font-size: 20px;
    color: #ee04a7;
}

.rules_features .panel-body code {
    font-size: 14px;
    padding: 5px;
    background: #111;
    border: 1px dotted #333;
    color: #959595;
}

.rules_features {
    background: #000;
    padding: 40px 0;
    clear: both;
}

.rules_features .chat_room {
    width: 414px;
    margin: 0 auto;
}

.rules_features .chat_room h2 {
    color: #ee04a7;
    font: 60px/66px 'pantonblack_caps', Arial, sans-serif;
    padding-top: 10px;
}

.rules_features .chat_room p {
    color: #959595;
    font: 14px/24px 'Panton-Regular', Arial, sans-serif;
    padding-bottom: 70px;
    padding-top: 40px;
}

.rules_features .chat_room a {
    color: #ee04a7;
    font: 16px/25px 'pantonblack_caps', Arial, sans-serif;
    text-decoration: none;
}

.rules_features .chat_room a img {
    padding-left: 15px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.rules_features .chat_room a:hover {
    color: #959595;
    font: 16px/25px 'pantonblack_caps', Arial, sans-serif;
    text-decoration: none;
}

.rules_features .chat_room a:hover img {
    padding-left: 20px;
}

.rules_features >.panel-heading {
    color: #5e5e5e;
    background-color: #000;
    border-color: transparent;
    border-radius: 0px;
}

.rules_features .panel-group .panel {
    margin-bottom: 0;
    border-radius: 0px;
    border: none;
}

.rules_features >.panel-heading {
    color: #fff;
    border-bottom: 1px solid #2c2c2c;
    font: 16px/25px 'Panton-Regular', Arial, sans-serif;
    padding: 0px;
}

.rules_features .panel-title {
    color: #ee04a7;
    display: block;
    text-decoration: none;
    padding: 20px 0;
}

.rules_features .pa_italic span {
    display: none;
}

.rules_features .collapsed span {
    display: inline-block;
    right: 1em;
    font-size: 11px;
    float: right;
}

.rules_features .collapsed i {
    display: none;
}

.rules_features .pa_italic i {
    right: 1em;
    font-size: 11px;
    float: right;
}

.rules_features .glyphicon-minus::before,
.rules_features .glyphicon-plus::before {
    content: "";
}

.rules_features .glyphicon-minus {
    background: url(/images/minus_icon.png) no-repeat;
    width: 10px;
    height: 10px;
}

.rules_features .glyphicon-plus {
    background: url(/images/plus_icon.png) no-repeat;
    width: 10px;
    height: 10px;
}

/* END rules page */

/* BEGIN terms page */

.rules_features h2 {
    color: #fff;
    font: 25px/30px 'Panton-Regular', Arial, sans-serif;
    padding-bottom: 20px;
    padding-top: 0px;
}

.rules_features ul li {
    color: #959595;
    font: 14px/24px 'Panton-Regular', Arial, sans-serif;
    padding-bottom: 20px;
    padding-top: 0px;
}

.rules_features p {
    color: #959595;
    font: 15px/24px 'Panton-Regular', Arial, sans-serif;
    padding-bottom: 20px;
    padding-top: 0px;
}

/* END terms page */

/* BEGIN ad definitions */

.ad_hbanner {
    background-color: transparent;
    text-align: center;
    padding: 25px 0px;
    overflow: hidden;
    float: left;
    width: 100%;
    clear: both;
}

ul.video-chat {
    margin-left: 10px;
    margin-top: 15px;
}

.dating-source-list {
    /*padding-top: 10px;*/
    padding-bottom: 10px;
    display: table !important;
    margin: auto !important;
}
.dating-source-item {
    /*float: left;*/
    /*margin-right: 5px;*/
    /*margin-bottom: 5px;*/
    /*border: 2px solid #7b1d5e;*/
    width: 170px !important;
    /*height: 170px;*/
    /*position: relative;*/
    /*background: #040404;*/
}
.our_chat_rooms_background {
    height: 550px;
}
.dating-title {
    margin-left: 190px;
}

/* TODO find a way to inherit background-color */

.trade_banner h1.choose-my-gender {
    padding-bottom: 25px;
}

/* END ad definitions */

/* BEGIN media query*/

/* max-width=1688 */

.reset {
    display: inline-block;
    padding-right: 5px;
    margin-top: -3px;
    float: left;
}

@media only screen and (max-width:1680px) {
    .category_section>img {
        width: auto;
        max-width: 100%;
    }
    .features_category .chat_room h2 {
        font: 45px/55px 'pantonblack_caps', Arial, sans-serif;
    }
    .nickname_section {
        height: 700px;
        background-size: auto;
    }
}

/* max-width=1366 */

@media only screen and (max-width:1366px) {
    .our_chat_rooms_background {
        height: 550px;
    }
    .our_chat_rooms {
        padding-top: 43px;
    }
}

/* max-width=1200 */

@media only screen and (max-width:1200px) {
    .our_chat_rooms_background {
        height: 550px;
    }
    .our_chat_rooms {
        /*height: 330px;*/
        width: 480px;
        padding: 45px 55px;
    }
    .our_chat_rooms h1 {
        font-size: 50px;
        line-height: 60px;
    }
    .chat_screen_main {
        width: 100%;
    }
    .right_chat_main .chat_box {
        padding: 0 5px;
        height: 16.7%;
    }
}

/* max-width=1024 */

@media only screen and (max-width:1024px) {
    .our_chat_rooms h1 {
        font-size: 50px;
        line-height: 60px;
    }
    .features .chat_room {
        width: 400px;
        margin: 0;
    }
    .features .chat_room h2 {
        font-size: 50px;
        line-height: 60px;
    }
    .navbar_menu {
        margin: 0;
    }
    .navbar-nav.navbar-right:last-child {
        margin-right: -60px;
    }
    .trade_banner h1,
    .chat_banner h1,
    .nickname_banner h1,
    .chatroom_banner h1,
    .chat_screen .chat_banner h1 {
        font-size: 30px;
        line-height: 34px;
        padding: 0;
    }
    .trade_banner p,
    .chatroom_banner p,
    .chat_screen .chat_banner p {
        font-size: 14px;
        line-height: 25px;
        padding: 10px 20px;
    }

    .features_category {
        background: #000;
        padding: 40px 0;
        clear: both;
    }
    .features_category .chat_room {
        width: 400px;
        margin: 0;
    }
    .features_category .chat_room h2 {
        font-size: 50px;
        line-height: 60px;
        padding: 0;
    }
    .section_footer .col-md-3 figure {
        margin-bottom: 25px;
    }
    .section_footer {
        padding-top: 25px;
    }
    .right_chat_main {
        display: flex;
        flex-wrap: wrap;
        height: auto;
    }
    .right_chat_main .chat_box {
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .section_footer li a {
        font: 13px/30px 'Panton-Regular', Arial, sans-serif;
    }
}

/* max-width=991 */

@media only screen and (max-width:991px) {
    .our_chat_rooms_background {
        height: 530px;
    }
    .our_chat_rooms {
        width: 360px;
        padding: 30px 40px;
    }
    .our_chat_rooms h1 {
        font-size: 35px;
        line-height: 40px;
    }
    .features {
        padding: 40px 0;
    }
    .features .chat_room {
        width: 100%;
        margin: 0;
        padding-right: 40px;
    }
    .features .chat_room h2 {
        font-size: 35px;
        line-height: 45px;
    }
    .section_subs h2 {
        padding: 30px 30px;
    }
    .section_subs a {
        margin-bottom: 30px;
    }

    .features_category .chat_room {
        width: 100%;
        margin: 50px 0 0 0;
        padding-right: 40px;
    }
    .features_category .chat_room_right {
        margin: 50px 0 0 0;
    }
    .features_category .chat_room h2 {
        font-size: 35px;
        line-height: 45px;
    }
    .features_category .chat_room_right p {
        padding-bottom: 0px;
    }
    .nickname_banner {
        width: 98%;
    }
    .chat_add {
        width: 100%;
    }
    .chat-box-icon figure img {
        width: 30px;
    }
    .right_chat_main .chat_box label {
        font: 12px/17px 'Panton-Bold', Arial, sans-serif;
    }
}

/* max-width=768 */

@media only screen and (max-width:768px) {
    /*.our_chat_rooms {height:230px; width:360px; padding:50px 50px;}
  .our_chat_rooms h1 {font-size:40px; line-height:50px;}

  .section_subs h2 {padding:30px 30px;}
  .section_subs a {margin-bottom:30px;}*/
    .trade_banner ul {
        width: 100%;
        margin: auto;
    }
    .category_section h3 {
        text-align: center;
    }

    .chat_main .chat_box {
        width: 50%;
        flex-wrap: wrap;
    }
    .chat_main .chat_box {
        background: #39363b;
        border-bottom: 1px solid #524F54;
        border-right: 1px solid #524F54;
    }
}

/* max-width=767 */

@media only screen and (max-width:767px) {
    .homepage-title-splitter {
        display: none;
    }
    .main_nav {
        padding: 17px 20px;
    }
    .banner-box-left,
    .banner-box-right,
    .banner-section {
        width: 100%;
        height: auto;
    }
    .banner-section {
        display: flex;
        flex-direction: column-reverse;
    }
    .our_chat_rooms_background {
        height: 400px;
    }
    .our_chat_rooms {
        /*height: auto;*/
        width: 411px;
        padding-top: 30px;
        padding-left: 60px;
    }
    .our_chat_rooms h1 {
        font-size: 30px;
        line-height: 40px;
    }
    .our_chat_rooms p {
        font-size: 14px;
        line-height: 18px;
        padding-top: 10px;
    }
    .right_chat_main .chat_box {
        width: 50%;
        height: 150px;
    }
    .features {
        padding: 50px 0;
    }
    .features .chat_room h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .features .chat_room {
        width: 100%;
    }
    .features .chat_room p {
        padding: 20px 0;
    }
    .panel-group {
        margin: 40px 0 0;
    }
    .panel-title {
        font-size: 16px;
        line-height: 25px;
    }
    .features .collapsed span,
    .features .pa_italic i {
        right: 0em;
        top: 10px;
    }
    .section_subs h2 {
        font-size: 20px;
        line-height: 30px;
        padding: 20px;
    }
    .section_subs a {
        width: 230px;
        margin-bottom: 30px;
    }
    .section_footer h5 {
        background: url(/images/footer_plus_icon.png) no-repeat right center;
        border-bottom: 1px solid #b94cd5;
    }
    .section_footer h5.active {
        background: url(/images/footer_minus_icon.png) no-repeat right center;
    }
    .section_footer {
        padding: 20px 0 0;
    }
    .footer-box.footer-box1 {
        width: 100%;
        margin-top: 10px;
    }
    .section_footer figure {
        text-align: center;
        margin-bottom: 20px;
    }
    .section_footer ul {
        width: 100%;
    }
    .footer-box ul.rep-show {
        display: none;
        max-height: 0px;
        -webkit-transition: max-height 1s ease-in;
        -o-transition: max-height 1s ease-in;
        transition: max-height 1s ease-in;
    }
    .footer-box {
        width: 100%;
    }
    .footer-box.footer-box1 ul li {
        width: 100%;
    }
    .footer-box ul {
        -webkit-transition: max-height 1s ease-out;
        -o-transition: max-height 1s ease-out;
        transition: max-height 1s ease-out;
        max-height: 500px;
        height: auto;
        float: left;
        width: 100%;
    }
    .main_nav .navbar_menu {
        margin: 0;
        background: #ce19af;
    }
    .main_nav .navbar-nav>li {
        width: 100%;
        margin: 0;
    }
    .main_nav .navbar-nav>li>a {
        border-bottom: 1px solid #232223;
    }
    .main_nav .navbar-nav>li>a:hover,
    .main_nav .navbar-nav>li>a:focus {
        color: #ce19af;
        border-bottom: 1px solid #232223;
        background: #232223
    }
    .main_nav .navbar-nav>li>a.active {
        color: #fff;
        border-bottom: 1px solid #232223;
        background: #232223
    }
    .main_nav .navbar-nav.navbar-right:last-child {
        margin-right: 0px;
    }
    .main_nav .navbar-toggle {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .category_section {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .category_section>img {
        width: auto;
        height: 920px;
        object-fit: cover;
    }
    .features_category .chat_room {
        width: 100%;
    }
    .features_category .chat_room h2 {
        font-size: 25px;
        line-height: 30px;
    }
    .features_category .chat_room_right {
        padding-top: 20px;
    }
    .trade_banner {
        top: 15%;
        width: 80%;
        text-align: center;
    }
    .trade_banner ul {
        width: 305px;
    }
    .trade_banner ul li {
        width: 147px;
        height: 155px;
        margin-bottom: 5px;
    }
    .trade_banner ul li:nth-child(2) {
        margin-right: 0px;
    }

    .nickname_banner {
        width: auto;
        overflow: hidden;
    }
    .nickname_section {
        height: auto;
    }
    .nickname_banner form {
        padding-top: 10px;
    }
    .nickname_banner h1 {
        padding: 20px 10px;
    }
    .nickname_banner input {
        padding: 15px;
    }

    .chatroom_banner {
        width: 100%;
    }
    .chat_screen .chat_banner {
        width: 98%;
    }
    .chat_main .chat_box {
        height: 150px;
    }
    .chatroom_section {
        padding-top: 81px;
    }
    .chat_screen ul {
        width: 90%;
    }
    .chat_screen ul li {
        width: 50%;
    }

    .rules_features {
        padding: 0px 0;
    }
    .chat_screen_main {
        width: 95%;
    }
    .chat_screen .chat_add {
        width: 94%;
        height: auto;
        margin: 10px auto;
    }
    .chatroom_section.rules-main-outer img {
        width: 100%;
        height: auto;
    }
    .chatroom_section.rules-main-outer .chat_section_outer {
        padding-top: 81px;
    }
    .chat_screen .chat_ad {
        width: 98%;
    }
    .chat-box-icon figure img {
        width: auto;
    }
    .right_chat_main .chat_box label {
        font: 14px/20px 'Panton-Bold', Arial, sans-serif;
    }
    .chatroom_section.chatroom-outer img {
        width: 100%;
    }
    .chatroom_section.chatroom-outer {
        padding-top: 81px;
    }
    .chatroom_section.chatroom-outer .chat_section_outer {
        display: block;
        padding-top: 101px;
    }
    .chat_screen_main {
        overflow: visible;
    }
}

@media only screen and (max-width:540px) {
    .chatroom_section.rules-main-outer {
        padding: 50px 0px 0px;
    }
    .chatroom_section.chatroom-outer img {
        height: 300px;
        width: auto;
    }
    .chatroom_section.chatroom-outer .chat_section_outer {
        padding-top: 120px;
    }
    .trade_banner h1,
    .chat_banner h1,
    .nickname_banner h1,
    .chatroom_banner h1,
    .chat_screen .chat_banner h1 {
        font-size: 24px;
        line-height: 27px;
        padding: 0;
    }
    .chat_section_outer {
        padding-top: 81px;
        display: block;
    }
}

@media only screen and (max-width:479px) {
    .chatroom_section img {
        width: auto;
        height: 200px;
    }
    .chat_section_outer {
        top: 20px;
    }
    .chatroom_section {
        overflow: hidden;
    }
}

/* max-width=360 */

@media only screen and (max-width:360px) {
    .trade_banner {
        width: 100%;
    }
    .trade_banner form {
        padding-left: 7px;
        text-align: center;
    }

    .nickname_banner form {
        width: 100%;
    }
    .nickname_banner {
        width: 90%;
    }
    /*.arrow-label {font-size:12px;}*/
    .chatroom_section.rules-main-outer {
        padding-top: 53px;
    }
    .scroll-area {
        padding: 0 5px;
    }

}

.navbar-brand{
    padding:5px 15px !important;
}

.container-404 {
    background-color: #141315;
}
.img-404 {
    height: 250px;
    margin-bottom: 40px;
}
.title-404 {
    font-size: 35px;
    font-weight: bold;
    color: white;
    margin-bottom: 40px;
}
.button-404 {
    background-image: url(/images/404-button-bg.svg);
    background-repeat: no-repeat;
    background-position: center;
    font-size: 15px;
    font-weight: bold;
    color: white;
    display: flex;
    height: 45px;
    justify-content: center;
    align-items: center;
}