@import url('https://fonts.googleapis.com/css?family=Titillium+Web');

html {margin:0 auto !important;
padding: 40px 0 0 0;}

body {
    font-family: "Oswald", verdana, arial, sans-serif;
    font-size: 20px;
    height: 100%;
	background-image: linear-gradient(to top, #111111 0%, #5a5a5a 65%);
	/*background-color:#5a5a5a!important;*/
	/*background:url(https://www.nylonsex-chat.com/images/back.jpg) no-repeat center center fixed !important;
	-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;
	background-size:cover !important;*/
	margin:0 auto !important;
    padding: 40px 0 0 0;
}

.closeBtn {
  background-color: #555 !important;
  width: 30px !important;
  height: 30px !important;
  font-size:16px !important;
  border: none;
}

p { color:#ffffff;
}
.overlay p {color:#000 !important;}
blockquote{color:#eee !important;border:1px solid #eee;page-break-inside:avoid}
h2.white {
	width: 98% !IMPORTANT;
	max-width: 850px !important;
color:#fff !important;
padding: 10px;
background-color: #6f2050;
margin: 40px auto !important;
text-align:center !important;
border:1px solid white;
border-radius: 6px;}
h2 {
color:#E1409E !important;
}
h3.white {
	width: 98% !IMPORTANT;
	max-width: 850px !important;
color:#fff !important;
padding: 10px;
background-color: #6f2050;
max-width: 90%;
margin: 40px auto;
border:1px solid white;
border-radius: 6px;}
h3 {
  color: #ffffff !important;
  text-align:center;
}

.container-fluid {
	padding-left: 0px !important;
}

.panel-default {
    margin-bottom: 10px;
}

#content > .row > div {
    padding: 0 5px;
}
#content ul li {
	text-align:center;
	margin-left:15px;
}

ul.mine {
	/*text-align:center;*/
	padding: 24px;
	list-style: none;
	text-indent: none;
	margin-left:-10px;
	margin-top:-25px;
}
ul.mine li {
	list-style-position:outside;
	background-color:#201b1b;
	border-radius: 7px;
	/*padding:3px;*/
	margin:2px;
	font-size: 15pt !important;
	font-family: 'Nunito', sans-serif;
	font-weight:normal;
	color: #ebc5ff;
	line-height: 26px;
	padding: 5px 15px 7px 15px;
	width: auto;
	list-style: none;
	/*display: inline-block !important;*/
}
ul.mine li::before {
	content: '';
	display: inline-block;
	/*float: left;*/
	width: 26px;
	height: 26px;
	background-image: url('/img/womannude.svg');
	background-repeat: no-repeat;
	background-size: 26px 26px;
	margin: 0 10px 0 0;
}

.lead strong{
    color: #E1409E !important;
}
.lead p{
    color: #000000 !important;
}

.bold {
    font-weight: bold;
}

.thin {
    font-weight: 300;
}

.fa-circle {
    font-size: 8px;

    vertical-align: middle;

    color: #0BC10A;
}

.nav {
    font-family: Arial, sans-serif;
    font-size: 13px;
}

.navbar p {
    font-family: "Oswald";
    font-size: 25px;

    margin-bottom: 0;
    padding-top: 5px;
    padding-left: 30px;
}

a {
    color: #000;
}

.form {
    margin-right: 20px;
    margin-left: 11px;
}

.btn-primary {
    cursor: pointer;
}

.usr-mail .input-group .form-control {
    font-size: 25px;

    height: 40px;
}

.usr-mail .input-group button {
    height: 40px;
}

.input-group-addon {
    font-size: 23px;

    height: 41px;
}

.panel-thumbnail .img-responsive {
    width: 100%;
}

.online {
    color: #17BF12;
}

a:hover {
    text-decoration: none;
}

hr {
    border-color: #DEDEDE;
}

.std-color {
    font-size: 18px;

    white-space: nowrap;

    color: #555555;
}

.setheight2 .panel-body img {
    width: 100%;
}

.setheight2 {
    overflow: hidden;
}

.wrapper,
.row {
    margin-right: 0;
    margin-left: 0;
}
.row h1 {font-size:.9em;text-align:center;color: #fff;font-weight:normal;background-color: #2d2e33;padding:10px;width:100%;margin: 0 auto;margin-top:-30px;}

.rosa {
    color: #D94E91;
}

.blau {
    color: #111111;
}

.chat {
    display: inline-block;

    width: 100%;
    min-height: 70px;
    margin-top: 10px;

    text-align: left;
    white-space: nowrap;
}

.chat.user {
    text-align: right;
}

.chat .msg {
    font-size: 16px;

    position: relative;

    display: inline-block;

    max-width: 70%;
    padding: 3px 10px;

    vertical-align: middle;
    white-space: normal;

    border: 1px solid #DDDDDD;
    background: #FFFFFF;
}

.chat .msg:after,
.chat .msg:before {
    position: absolute;
    top: 50%;
    right: 100%;

    width: 0;
    height: 0;

    content: " ";
    pointer-events: none;

    border: solid transparent;
}

.chat .msg:after {
    margin-top: -7px;

    border-width: 7px;
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #FFFFFF;
}

.chat .msg:before {
    margin-top: -8px;

    border-width: 8px;
    border-color: rgba(221, 221, 221, 0);
    border-right-color: #DDDDDD;
}

.chat img {
    display: inline-block;

    margin-right: 10px;

    vertical-align: top;
    vertical-align: middle;
}

.chat.user img {
    margin: 0 0 0 10px;
}

.chat.user .msg:after,
.chat.user .msg:before {
    right: auto;
    left: 100%;
}

.chat.user .msg:after {
    border-right-color: transparent;
    border-left-color: #FFFFFF;
}

.chat.user .msg:before {
    border-right-color: transparent;
    border-left-color: #DDDDDD;
}

.wrapper .overlay {
    position: absolute;
    bottom: 30px;
    left: 0;

    width: 50%;
    height: auto;
    margin: auto 30px;
    margin-left: 30px;
}

.wrapper:before,
.wrapper:after,
.column:before,
.column:after {
    display: table;

    content: "";
}

.chat-panel {
    height: 500px;
}

.chat-title {
    font-size: 0;
}

.chat-title > div {
    font-size: 20px;

    display: inline-block;

    width: 80%;

    vertical-align: middle;
}

.chat-title > div:last-child {
    width: 20%;

    text-align: right;
}

.chat-title .chat-age {
    display: none;
}

#chatwindow {
    overflow-y: auto;

    height: 235px;
    height: calc(100% - 49px - 188px); /* Gesamte Höhe - header - footer - panel-body padding*/
}

@media (max-width:991px) {
    .chat-title .chat-age {
        display: block;
    }

    #chatwindow {
        height: 235px;
        height: calc(100% - 77px - 188px); /* Gesamte Höhe - header - footer - panel-body padding*/
    }

    .chat-panel {
        height: 500px !important;
    }
}

#chat_msg {
    width: 100%;
    max-height: 72px;
    padding: 7px;

    resize: none;

    border: 1px solid #DEDEDE;
}

#chat_msg + button {
    display: none;
}

.chat-submit {
    width: 100%;

    text-align: center;

    border: 1px solid #DEDEDE;
    background-color: #000000;
}

.chat-submit:after {
    display: block;
    clear: both;

    content: "";
}

.chat-submit button {
    font-size: 21px;

    margin: 10px;
    padding: 10px;
}

.chat-window button,
.chat-submit button {
    border-color: #FFFFFF;
    background-color: #7a161e;
}

.chat-window button:hover,
.chat-submit button:hover {
    border-color: #FFFFFF;
    background-color: #9b090c;
}

.chat-wrapper {
    width: 100%;
    padding: 10px 0;
}

.chatlogotop {
	margin-top:5px;
}

.regbutton a {text-decoration: none !important;}
.regbutton a:hover {text-decoration: none !important;}

.regbutton {
    font-family: 'Titillium Web', sans-serif;
    font-size: 20px;
	margin-top:7px;
    position: absolute;
    /*top: 4px;*/
    left: 50px;
    left: calc(98% - 175px);
	padding-top: 6px !important;
	padding-bottom: 6px !important;
		padding-left: 5px !important;
	padding-right: 5px !important;
    width: 175px;
border-radius:7px;
    color: #FFFFFF !important;
    /*border-color: #FFFFFF;*/
background: #1e5799; /* Old browsers */
background: linear-gradient(to bottom,#009118,#006f19);
}
.regbutton:hover {
	text-decoration: none !important;
background: #7db9e8; /* Old browsers */
background: linear-gradient(to bottom,#006f19,#009118);
}

.btn {border: 0px !important;}

video {
    width: 98% !IMPORTANT;
	max-width: 850px !important;
    height: auto !IMPORTANT;
	cursor:pointer !important;
	margin-top:-25px;
}

@media (orientation:landscape) and (max-width:1024px) and (min-width:400px), (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
    #chat_msg {
        width: 80%;
        padding: 7px;

        resize: none;

        border: 1px solid #DEDEDE;
    }

    #chat_msg + button {
        font-size: 36px;

        display: inline-block;

        width: 19%;
        height: 72px;

        vertical-align: top;
    }

    .chat-submit {
        display: none;
    }

    #chatwindow {
        height: calc(100% - 77px - 118px);
    }
}

@media (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
    #chatwindow {
        height: calc(100% - 49px - 118px); /* Gesamte Höhe - header - footer - panel-body padding*/
    }

    .regbutton {
    }
}

.setheight {
    position: relative;

    border-radius: 5px;
}

.chat-logo span {
    font-size: 18px;
    font-weight: 300;

    vertical-align: bottom;
}

.panel-heading::after {
    display: block;
    clear: both;

    content: "";
}

.centered {
    padding-top: 25px;
}

.wrapper:after,
.column:after {
    clear: both;
}

.side-item p a {
    font-size: 26px;
    font-weight: bold;

    color: #545454;
}

.panel-heading h1 {
    font-size: 26px;
}

@media all and (max-width:526px) {
    .col-xs-8 {
        font-size: 3.8vw;

        padding-left: 10px !important;
    }

    .std-color {
        font-size: 4.5vw;
    }

    .panel-heading h1 {
        font-size: 20px;
    }

    .pull-right.centered {
        font-size: 10px;
    }

    .block {
        font-size: 15px;
    }

    .chat {
        font-size: 12px;
    }

    .chat-show {
        font-size: 12px;
    }
}

.img-config {
    position: relative;

    height: calc(100% - 59px);
    padding: 0;

    background-repeat: no-repeat;
    background-size: cover;
}
@media (max-width:900px) {
.regbutton {
    font-family: 'Titillium Web', sans-serif;
    font-size: 20px;
	/*margin-top:7px;*/
    position: absolute;
    left: calc(100% + 150px);
	padding-top: 6px !important;
	padding-bottom: 6px !important;
		padding-left: 5px !important;
	padding-right: 5px !important;
    width: 175px;
border-radius:7px;
    color: #FFFFFF !important;
    /*border-color: #FFFFFF;*/
background: linear-gradient(to bottom,#009118,#006f19);
}
}
@media (max-width:940px) {
.img-config img {
    height: auto;
}
}

@media (max-width:770px) {
	html,body {
		padding: 0px !important;
	}
.regbutton {
left: calc(100%);}
}

@media (max-width:600px) {
.regbutton {display:true !important;margin-left:0px;
}
.chatlogotop {max-width:270px;margin-left:-15px;margin-top:7px;}
}

@media (max-width:490px) {
.regbutton {display:none !important;}
}

.img-config .arrow.l,
.img-config .arrow.r {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 30px;

    width: 35px;
    height: 60px;
    margin: auto auto auto 0;

    content: "";

    background-image: url("../img/pfeil.png");
    background-repeat: no-repeat;
}

.img-config .arrow.r {
    right: 30px;
    left: 0;

    margin: auto 0 auto auto;

    -webkit-transform: scale(-1);
            transform: scale(-1);

    -webkit-filter: FlipH;
            filter: FlipH;
        -ms-filter: "FlipH";
}

.img-config .arrow.l:hover {
    -webkit-animation: wiggle-l 0.5s infinite alternate;
            animation: wiggle-l 0.5s infinite alternate;
}

.img-config .arrow.r:hover {
    -webkit-animation: wiggle-r 0.5s infinite alternate;
            animation: wiggle-r 0.5s infinite alternate;
}

@-webkit-keyframes wiggle-l {
    to {
        -webkit-transform: translate(-5px, 0) scale(1.2);
                transform: translate(-5px, 0) scale(1.2);
    }
}

@keyframes wiggle-l {
    to {
        -webkit-transform: translate(-5px, 0) scale(1.2);
                transform: translate(-5px, 0) scale(1.2);
    }
}

@-webkit-keyframes wiggle-r {
    to {
        -webkit-transform: translate(5px, 0) scale(-1.2);
                transform: translate(5px, 0) scale(-1.2);
    }
}

@keyframes wiggle-r {
    to {
        -webkit-transform: translate(5px, 0) scale(-1.2);
                transform: translate(5px, 0) scale(-1.2);
    }
}

.side {
    float: left;

    margin: 5px 0;
}

.side-item:after {
    display: block;
    clear: both;

    content: "";
}

.column {
    overflow: auto;

    height: 100%;

    *zoom: 1;
}

.column .padding {
    padding: 20px;
}

.full {
    padding-top: 70px;
}

.divider {
    margin-top: 32px;
}

.navbar-blue {
    font-family: arial, sans-serif;
    position: fixed;
    top: 0;
    width: 100%;
    color: #FFFFFF;
    border-width: 0;
    background-color: #000;
	height: 55px !important;
	/*height: 57px;*/
}

.navbar-blue li > a,
.navbar-toggle {
    color: #EFEFEF;
}

.navbar-blue .dropdown-menu li a {
    color: #2A4888;
}

.navbar-blue .dropdown-menu li > a {
    padding-left: 30px;
}

.navbar-blue li > a:hover,
.navbar-blue li > a:focus,
.navbar-blue .open,
.navbar-blue .open > a,
.navbar-blue .open > a:hover,
.navbar-blue .open > a:focus {
    color: #FFFFFF;
    background-color: #2A4888;
}

#main {
	/*background:url(https://www.bdsm-sexchat.com/images/background.jpg) no-repeat center center fixed !important;
	-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;
	background-size:cover;
	margin:0 auto !important;
    padding: 40px 0 0 0;*/

    /*background-color: #000000;*/ /*MC*/
}

.block {
    display: block;

    white-space: nowrap;
}

.logo {
    font-size: 20px;
    font-weight: 700;

    display: block;

    width: 28px;
    height: 28px;
    margin: 9px;
    margin-right: 2px;
    margin-left: 15px;
    padding: 3px;

    text-align: center;
    text-decoration: none;

    color: #111111;
    border-radius: 2px;
    background-color: #FFFFFF;
    text-shadow: 0 0 1px;
}

#sidebar-footer {
    position: absolute;
    bottom: 5px;

    padding: 5px;

    background-color: #444444;
}

#Footer {
    margin-bottom: 20px;
}

.footer {
	text-align:center;
	margin-top: 30px;
}

.footer p {
	color:#fff;
	font-size:15pt !important;
}

.footer a {
  color: #ffe405 !important;
  text-decoration: none !important;
}
.footer a:hover {
  color: #6de143 !important;
  text-decoration: underline !important;
}

/* bootstrap overrides */
h1,
h2,
h3 {
    font-weight: 300;
}
h2,p {
	text-align:center;
}

.navbar-toggle,
.close {
    outline: 0;
}

.navbar-toggle .icon-bar {
    background-color: #FFFFFF;
}

.btn-primary,
.label-primary,
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    color: #FFFFFE;
	background: linear-gradient(to bottom,#009118,#006f19);
/*background-image: -webkit-linear-gradient(#6f2050 0%, #de2a93 100%);
background-image: -moz-linear-gradient(#6f2050 0%, #de2a93 100%);
background-image: -o-linear-gradient(#6f2050 0%, #de2a93 100%);
background-image: linear-gradient(#6f2050 0%, #de2a93 100%);*/
	border: none;
}

.btn-primary:hover,.label-primary:hover {
	background: linear-gradient(to bottom,#006f19,#009118);
/*background-image: -webkit-linear-gradient(#de2a93 0%, #6f2050 100%);
background-image: -moz-linear-gradient(#de2a93 0%, #6f2050 100%);
background-image: -o-linear-gradient(#de2a93 0%, #6f2050 100%);
background-image: linear-gradient(#de2a93 0%, #6f2050 100%);*/
}

.btn-default {
    color: #666666;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
}

.form-control {
}

.panel textarea,
.well textarea,
textarea.form-control {
    resize: none;
}

.badge {
    color: #111111;
    background-color: #FFFFFF;
}

.badge:hover,
.badge-inverse {
    color: #FFFFFF;
    background-color: #111111;
}

.jumbotron {
    background-color: transparent;
}

.label-default {
    background-color: #DDDDDD;
}

.page-header {
    font-weight: 700;

    margin-top: 55px;
    padding-top: 9px;

    letter-spacing: 2px;
    text-transform: uppercase;

    border-top: 1px solid #EEEEEE;
}

.panel-default .panel-heading {
    color: #fff2ca;
    background-color: #6f2050;
}

.img-bottom img {
    width: 100%;
    padding: 20px;
}

.overlay img {
    padding: 0;
}

.usr-mail {
    padding-bottom: 1px;
    padding-left: 15px;

    border-radius: 8px;
    background-color: white;
}

.usr-mail p {
    font-size: 20px;

    margin-left: 10px;
    padding-top: 20px;
}

.img-bottom {
    position: relative;

    height: auto;

    border-radius: 5px;
    background-color: white;
}

.col-sm-9.full {
    width: 100%;
}

.footer {
    font-size: 22px;

    margin-top: 40px;
    margin-bottom: 30px;
}

.fl {
    display: inline-block;
    float: left;
}

.fr {
    font-size: 15px;

    display: inline-block;
    float: right;

    text-align: right;
}

.ft-mobile {
    display: none;

    margin-top: 20px;

    border-radius: 5px;
    background-color: white;
}

.ft-mobile .panel-heading {
    font-weight: 300;
}

.ft-mobile .btn-primary {
    margin-top: 15px;
}

.ft-mobile .form-header {
    margin: 0 11px;
}

@media (min-width:768px) {
    .modal-dialog {
        margin-top: 230px;
    }
	
}

.modal-content {
    overflow: hidden;

    border: 3px solid #FFFFFF;
}

.modal-header {
    font-size: 22px;
    font-weight: 700;
	text-align:center;
    padding: 10px 0 15px 25px;

    letter-spacing: 0.05em;

    color: #FFFFFF;
    background-color: #000000;
}

.modal-body .form-control {
    font-size: 16px;
    font-weight: 300;

    margin: 3px 0;
}

.modal-body p {
    margin-top: 25px;
	color: #000;
}

/* Safari, Chrome and Opera */
.modal-body input.form-control::-webkit-input-placeholder {
    font-weight: 300;

    text-align: center;
}

/* Firefox 18- */
.modal-body input.form-control:-moz-placeholder {
    font-weight: 300;

    text-align: center;
}

/* Firefox 19+ */
.modal-body input.form-control::-moz-placeholder {
    font-weight: 300;

    text-align: center;
}

/* IE 10+ */
.modal-body input.form-control:-ms-input-placeholder {
    font-weight: 300;

    text-align: center;
}

/* Edge */
.modal-body input.form-control::-ms-input-placeholder {
    font-weight: 300;

    text-align: center;
}

/* Standard one last! */
.modal-body input.form-control:placeholder-shown {
    font-weight: 300;

    text-align: center;
}

.modal-body .modal-amateur {
    position: absolute;
    top: -15px;
    right: 0;
    bottom: 0;
    left: 0;

    max-width: 70%;
    margin: 0 auto;
}

.ft-mobile .form-control {
    font-size: 25px;

    height: auto;
}

.well i {
    font-size: 20px;

    color: #C0C0C0;
}

.modal-body {
    padding: 0;
}

small.text-muted {
    font-family: courier, courier-new, monospace;
}

#main-bottom {
    background-color: #E9EAED;
	margin-top:30px;
}

.updates .row div[class^="col-xs-"]:first-child {
    padding: 0;
}

@media (max-width:1340px) {
    .navbar-blue {
        height: 100px;
    }

    /*.regbutton {
        top: auto;
        bottom: 4px;
    }*/

    #main {
        padding: 0px 0 0 0;
    }
}

@media (max-width:768px) {
    .column .padding {
        padding: 7px;
    }

    .full {
        padding: 0;
    }

    .navbar-blue {
        position: relative;
    }

    .navbar p {
        padding-left: 15px;
    }

    #main,
    #content {
        padding: 0;
    }
}

@media all and (max-width:1023px) {
    .ft-mobile {
        display: block;
    }

    .img-bottom .overlay .usr-mail {
        display: none;
    }

    .wrapper .overlay {
        width: 75%;
        margin-left: 10px;
    }

    .fr {
        font-size: 15px;
    }

    .fr img {
        width: 100%;
    }

    .fl div {
        margin-top: 10px;
    }
}

@media all and (min-width:1024px) {
}

.reglayer {
    cursor: pointer;
}

#reglayer_mobile {
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;

    background: #FFFFFF;
}

#alert {
    position: fixed;
    z-index: 2000;
    top: 70px;
    left:    -moz-calc(50% - 300px);
    left: -webkit-calc(50% - 300px);
    left:         calc(50% - 300px);

    display: none;

    width: 600px;
    margin: 0 auto;
    padding: 15px;

    border: 3px solid #111111;
    border-radius: 1em;
    background: #FFFFFF;
}

.alert.alert-danger {
    font-size: 14px;
}

body.mobile {
    background-color: #EAEAEA;
}

.headline {
    padding: 15px;

    text-align: center;

    color: #FFFFFF;
    background: #000000;
}

.headline h1 {
    font-size: 5.4vw;

    margin: 0;

    letter-spacing: 0.05em;
}

.formcontainer {
    margin: 15px;
    padding: 10px;

    border-radius: 3px;
    background-color: #FFFFFF;
}

.formcontainer p {
    font-size: 23px;
	color: #111;
    margin-top: 25px;
    margin-left: 10px;
}

@media (max-width:350px) {
    .navbar p {
        font-size: 23px;
    }

    .chat-submit button {
        font-size: 20px;
    }
}

@media (min-width:500px) {
    .formcontainer img {
        max-width: 50%;
    }

    .formcontainer p {
        font-size: 26px;
		color: #111;
    }
}

@media (min-width:1000px) {
    .formcontainer p {
        font-size: 34px;
		color: #111;
    }
}

.formcontainer > div {
    font-size: 0;
}

.formcontainer > div > div {
    display: inline-block;

    width: 50%;

    vertical-align: top;
}

.formcontainer form,
.formcontainer .form-group {
    margin-bottom: 0;
}

.formcontainer .form-control {
    font-size: 25px;

    height: 50px;
    margin: 3px 0;
}

.formcontainer .form-control:first-child {
    margin-top: 0;
}

/* Safari, Chrome and Opera */
.formcontainer input.form-control::-webkit-input-placeholder {
    font-weight: 300;

    text-align: center;
}

/* Firefox 18- */
.formcontainer input.form-control:-moz-placeholder {
    font-weight: 300;

    text-align: center;
}

/* Firefox 19+ */
.formcontainer input.form-control::-moz-placeholder {
    font-weight: 300;

    text-align: center;
}

/* IE 10+ */
.formcontainer input.form-control:-ms-input-placeholder {
    font-weight: 300;

    text-align: center;
}

/* Edge */
.formcontainer input.form-control::-ms-input-placeholder {
    font-weight: 300;

    text-align: center;
}

/* Standard one last! */
.formcontainer input.form-control:placeholder-shown {
    font-weight: 300;

    text-align: center;
}
button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
}
.close {
    float: right;
    font-weight: bold;
    line-height: 1;
    color: #fff !important;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .9;
    margin-right: 9px;
    font-size: 1.8em !important;
}