.js_enabled #cookie-message {
 display: none;
 position: fixed;
 bottom:0;
 z-index:99;
}

.navbar {
 background-color:#e8f7ff;      /* light blue */
 background-color:#FCEFF0;      /* light pink */
 margin-left:-13px;             /* stretch to the border */
 margin-right:-13px;
}

a.navbar-brand {
 font-size:26px;
 color:#006699 !important;      /* blue */
}

#social .btn {
 width:45px;
 margin-bottom:4px;
}

#social {
 margin-top:8px;
 margin-bottom:8px;
}

#page {
  border:1px solid #000;
  margin-top:4px;
  margin-bottom:4px;
  border-radius: 4px;
  background:#FFF;
}

h5 {
  font-size: 16px;
  color: #006699;
  border-bottom: 1px solid #da2115;
}

.details-wide p {
  line-height: 1.3em;
}

.ad_id{
 background:white;
 margin:4px;
 border:1px solid #000;
 display:none;
}

.ad_info{
 background:none;
}


#navlist a:visited {
 color: #DA2115;
}
.data-box {
  background:#FCEFF0;
  font-size: 13px;
  padding-top:4px;
  padding-bottom:4px;
}

.header-left  a {
  vertical-align: top;
  color:#069;
  text-decoration:none;
  padding-left: 6px;
 }

.header-left h1 a span{
  vertical-align: top;
  color:#da2115; 
}

.header-left h6 a span{
  vertical-align: top;
  color:#da2115;
}
 
.sitename {
  font-size: 38px;
  margin-top: 19px;
}

.slogan{
  font-size: 16px;
  font-style: italic;
  margin-top: -9px;
  padding-left: 6px;
}

.logo{
padding: 10px;
}

.nav{
color: #006699;
}

.btn-custom {
  width: 150px !important;
  margin-left: 15px;
}

em{
  font-weight: bold;
  margin-right:5px;
  font-style: normal;
}

.details-wide {
  border:1px solid #CCC; 
  padding:12px;
  margin-top:4px;
  margin-bottom:6px;
  margin-right:6px;
  border-radius: 4px;
  background:FFF;
  clear:both;
  display:block;
}

.sect-header{
  display:inline-block;
  line-height: 16px;
  width:90%;
  margin:7px 0 0 8px;
  vertical-align:top;
}

.sect-icon{
  font-size: 32px;
  color: #da2115;
}

.left-icon{
  font-size: 24px;
  margin-top: 3px;
  color: #da2115;
}

.srch-icon{
  font-size: 1.3em;
  color: #da2115;
  margin: -3px 3px 0 0;
  vertical-align:top;
}

.left-title{
  display:inline-block;
  line-height: 16px;
  width:70%;
  margin:3px 0 10px 2px;
  vertical-align:top;
}

.thumb-line {
 width:130px; 
 display:inline-block;
 vertical-align:top;
 text-align: center;
 margin:10px auto;
}

.srch-thumb {
  width:190px; 
}

.detail-thumb {
  width:80px;
}

.footer {
 font-size: 12px;
 text-align: center;
}

.signature {
 font-size: 11px;
}
.b_form_t{
 background:#FFF2F2;
 border-radius: 6px;
 margin-right:-8px;
 margin-left:8px;
 margin-top:3px;
 padding-top:7px;
 padding-bottom:7px;
}

.b_form_e{
 border: 1px #FEB6BB solid;
}

.my-addthis{
 margin-left:1.5em;
 padding:1em 0 1em 0;
}

.blank-photo
{
 height: 228px;
 color: #DA2115;
 text-align: center;
 border:1px solid #CCC; 
 margin-bottom: 5px;
}

.form_f{
 display: inline-block;
 clear: both;
 width:100%;
 margin-bottom: 0.1em;
}

.form_wide {
 width:100%;
}

input, textarea, select {
 border-radius: 4px;
 border: 1px #FEB6BB solid;
 padding: 0.3em;
 margin-bottom: 0.3em;
}

.form_t{
 font-weight: bold;
 float:left;
 width:186px;
 overflow:visible;
 background:#FFF2F2;
 margin:4px 0 0 0px;
 border-radius: 6px;
 padding: 7px;
}

.form_t_wide{
 font-weight: bold;
 float:left;
 width:100%;
 line-height:1.6;
 overflow:visible;
 background:#FFF2F2;
 margin:4px 0 0 0px;
 border-radius: 6px;
 padding: 7px 0 0px 7px;
}

.form_e{
 margin:4px 10px 0 13px;
 width:95%;
 float:left;
}

.red-box {
 border:1px solid #DA2115;
 border-radius: 4px;
 padding:8px;
 margin:16px 20px 18px 20px;
}

.red {
 color: #DA2115;
}

hr{
 height:0px;
 width:100%;
 border:0;
 border-top:1px solid #DA2115;
 margin:6px 0;
}

.ruled{
 border-top:1px solid #DA2115;
 border-bottom:1px solid #DA2115;
 padding:6px 0 6px 0;
}

.shaded{
  background:#CFEEFD;
}

.help_link {
 float:right; 
 font-size:9px;
 margin-top:4px;
}

.thumb-icon-f
{
 color:pink;
 font-size:80px;
 padding:9px 5px 9px 12px;
 border:1px solid #CCC;
}

.thumb-icon-m
{
 font-size:80px;
 padding:9px 3px 9px 10px;
 border:1px solid #CCC;
}

.gender-icon
{
 font-size:160px;
 margin:30px 0 0 10px;
}

.gender-icon-mix-f
{
 font-size:130px;
 color:pink;
 margin-top:-290px;
 margin-left:-50px;
}

.gender-icon-mix-m
{
 font-size:130px;
 color: #006699;
 margin-top:-60px;
 margin-left:-50px;
}

.gender-icon-ban
{
 font-size:140px;
 color: #DA2115;
 position: relative;
 width: 180px;
 height: 218px;
 top: 10px;
 left: 40px;
 text-align: center;
 z-index: 1;
 -ms-transform: rotate(-37deg);
 -webkit-transform: rotate(-37deg);
 transform: rotate(-37deg);
}

.spacer-crush
{
 margin-top:4em;
}

.date-img
{
 background: url("https://www.cyberdating.net/image/registration-bg.jpg") no-repeat right top;
}

.center { text-align:center }
.img-center { margin-left: auto; margin-right: auto }
.right { text-align:right }
.top {vertical-align:top }
.middle { vertical-align:middle }

.blurr {
  width: 190px;
  height: 228px;
  position: relative;
  overflow: hidden;
  margin: 20px;
}

.blurr > header {
  background: inherit;
  background-attachment: scroll;
  overflow: hidden;
}

.blurr > header::before {
  content: "";
  position: absolute;
  width: 190px;
  height: 228px;
  background: inherit;
  -webkit-filter: blur(4px);
  filter: blur(4px);
}
.blurr > header::after {
  content: "";
  background: rgba(0, 0, 0, 0.25)
}
.blurr > header > h6 {
  font-size: 40px;
  color: white;
  position: relative;
  width: 180px;
  height: 218px;
  top: 30px;
  left: 45px;
 text-align: center;
  z-index: 1;
 -ms-transform: rotate(-37deg);
 -webkit-transform: rotate(-37deg);
 transform: rotate(-37deg);
}

.topic-btn {
 min-width: 160px;max-width: 160px;
 color: #000;
 background-color: #eee;
 letter-spacing: 2px;
 font-size: 13px;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border: 1px solid rgba(0,0,0,0.3);
 border-bottom-width: 3px;
}

@media (min-width: 1200px) {		 /*- forces max width smaller -*/
  .container {
    width: 970px;
  }
}

@media screen and (max-width: 600px){
  .header-left  a {
    font-size:20px;
    line-height: 16px;
    padding-left: 2px;
  }

  .logo{
    padding: 10px;
  }

  .slogan{
    font-size: 11px;
    font-style: italic;
    margin-top: -20px;
    padding-left: 6px;
  }
}

@media screen and (max-width: 767px){ /* where bootstrap swaps */
  .ad_250{
    display:none;
  }

  .sect-header{
    width:85%;
  }

  .btn-custom {
    width: 250px !important;
    margin-left: 22px;
  }
  .spacer-crush
  {
    margin-top:0;
  }

 .gender-icon
 {
  font-size:100px;
  margin:10px
 }

 .gender-icon-mix-f
 {
  font-size:70px;
  margin-top:-253px;
  color:pink;
 }

 .gender-icon-mix-m
 {
  font-size:70px;
  margin-top:-60px;
 }

 .blank-photo
 {
  height: 120px;
 }
}