body {
font-family:  'Roboto', sans-serif;
font-size: 14px;

}
html, body {
    height: 100%;
}
a{ color: #e8787b;}
a:hover{ text-decoration: none; color: #cc6c6f;} 
input.form-control{ border: 1px solid #d6dade;}
input.form-control:focus{ border-color: #a9b0b7;}
.container{ position: relative;}
.img-responsive {
    width: 100%;
}

/*home*/
/* Extra markup and styles for table-esque vertical and horizontal centering */
.logo-first{font-size: 60px;  font-weight: 900; color: #ff6286;}
.text-wel{color: #909090;font-weight: 400;font-size: 20px;}
.home{ background-color: #ecf0f3; }
/*.bg-img{ background-image: url("../images/bg_img.png"); height:100%; background-position: right center; }*/
.bg-img{background-position: right center; }
.site-wrapper {
  display: table;
  width: 100%;
  height: 100%; /* For at least Firefox */
  min-height: 100%;
  background: rgb(51, 8, 48);
}
.site-wrapper-inner {
  display: table-cell;
  vertical-align: top;
  position: relative;
}
.cover-container {
  margin-right: auto;
  margin-left: auto;
}
.site-wrapper-home {
      display: table;
      width: 100%;
      height: 100%;
      min-height: 100%;;
  }

/**/



.form-control{ border-radius: .25rem; }
.div1400 {
    max-width: 1400px;
    margin: auto;
    padding: 20px;
    position: relative;
    top: -83px;
}
.image-thumb {
    object-fit: cover;
    object-position: top;
    height: 280px;
}
.absolut{
  position: absolute;
  border: 2px solid #fff;
  left: 40px;
  top: 23px;
}
.ml-7{margin-left: 118px;}
.thumb-header{background-color: #fff;}
.nickname{ font-size: 16px; font-weight: bold;}
.thumb-footer{ background-color: #fff;}
.age{ font-size: 27px;}
.city {
    color: #797979;
    font-size: 16px;
}
.thumb-but {
    background: #fff;
    color: #e92b2b;
    text-transform: uppercase;
    border: 1px solid #000;
    padding: 7px 10px;
    margin-right: 7px;
    font-size: 12px;
}
.bg-gray{background: #f4f4f4; position: inherit;}
.poz{position: relative;    top: -83px;}

.mt-40{ margin-top: 100px;}


@media (min-width: 20px) and (max-width: 991px) {
  .w-md-100 {
    width: 100%!important;
}
  .c-mb-md-2{
    margin-bottom: .5rem!important
  }
}
.navbar-toggler>.close {
    display:inline;
}
 .navbar-toggler.collapsed>.close,.cos .navbar-toggler:not(.collapsed)>.navbar-toggler-icon {
    display:none;
}
.navbar-light.cos .navbar-toggler{ border: 0; color: #e45d82;}
.navbar-light .navbar-toggler{ border: 0; color: #e45d82;}
.footer{ font-size: 13px; color: #666;}
 /**/

.header{ background-color: #fff;display: block;    margin-bottom: 83px;}
.logo{ font-size: 25px; }
.index .logo{font-size: 35px; padding-left: 20px;}
.logo a{ color: #e92b2b; font-family: 'Lilita One', cursive;}
.logo a span{color: #f7d650;}
.header-text{ color: #fff;}
.btn{ cursor: pointer;}

.red{ background-color: #e92b2b; }
.btn-red:hover{background-color: #e92b2b;}
.btn-red{
  background-color: #e92b2b;
  border: 0px;
  font-weight: 400;
  font-size: 16px;
  border-radius: 0px;
  text-transform: uppercase;
}

.mr-15{margin-right: -15px;
    margin-left: -15px;}
.nav-item .number{ color: #000; margin-left: 4px;}
.navbar-light .navbar-nav .nav-link{color: #e45d82;}
.navbar-light .navbar-nav .nav-link:hover{color: #d15375;}
.dropdown-toggle::after{ color: #000;}
.top-links{ background-color: #3a4261; padding: 10px; display:inline-block; border-radius: 18px; position: relative;}
.top-links i{ color: #fff;}
.top-links i:hover{ color: #fff;}
.nr-com{ position: absolute; top: -5px; right: 0; background: #fff; font-size: 10px;border-radius: 18px; padding: 3px; color:#3a4261; font-weight: 600;}
.prof-img{ display: inline-block; margin-right: 5px;}
.prof-info{ display: inline-block; position: absolute;;}
.green{ color: #78d62c;}
.red{ color: #dc3545;}
.link-name{ font-size: 16px; font-weight: 600; margin-right: 5px;}
.gray{ color: #a0a0a0; font-style: italic; font-size: 13px;}
.see-prof{color: #fff; background-color: #e45d82; padding: 5px 20px; border-radius: 20px;}
.see-prof:hover{color: #fff;background-color: #d15375;}
.clearfix{ clearfix:both;}
.prof-pic{}
.q-search .btn{ background-color: #e45d82; border: 0;}
.q-search .form-search .custom-select{ border: 1px solid #e45d82; font-size: 13px; }
.f-search .btn{background-color: #e45d82;border: 1px solid #e45d82; }
.message-post{ color: #222;}
.post-link:hover{ background-color: #f1f1f1;}
.post-link{ border-bottom: 1px solid #e6e6e6;}
.posts-prof .prof-img img{ border-radius: 40px;}
.post-info, .jw-info{ display: inline-block;}
.custom-radio-f { min-width: 210px;}
.custom-radio-d { padding: 0px 50px 30px 50px; }
.custom-radio-d .custom-control-indicator {top: -1.3rem; left: 5.50rem;}
.margin-top-f{ margin-top: 50px;}
.custom-control-description { cursor: pointer;}
.custom-control-input:checked~.custom-control-indicator{ background-color: #e45d82;}
.custom-control-input:focus~.custom-control-indicator{box-shadow:0 0 0 1px #fff, 0 0 0 0px #007bff;}
.custom-radio .custom-control-input:checked~.custom-control-indicator{ background-size: 4px;}
.custom-radio-d .custom-control-description { border: 1px solid #b8b8b8;}
.purchase-btn{ background-color: #e45d82; border: 0;}
.purchase-btn:hover{background-color: #d15375;}
.mov{color: #e45d82; font-weight: 600;}
.pos-a { position: relative;}
.change-a{ position: absolute; top: 0; left: 0; background-color: #e5de28; padding: 5px 10px; color: #202020;}
.delete-a{ position: absolute; top: 0; right: 0; background-color: #f6421e;padding: 5px 10px;  color: #202020; }
.save-a{ position: absolute; bottom: 0; left: 0; width: 100%; background-color: #41d14e; padding: 5px 10px; color: #202020;}
.save-a:hover{ text-decoration: none; color: #000;}
.delete-a:hover{ text-decoration: none; color: #000;}
.change-a:hover{ text-decoration: none; color: #000;}
.my-account .btn{font-size: 13px;}
.photo-del {
    position: absolute;
    top: 20px;
    right: 25px;
}
.photo-p{ position: relative;padding: 9px;}
.btn-advance.collapsed  .fa-chevron-up{ display: none;}
.btn-advance.collapsed  .fa-chevron-down{ display: inline-block;}
.btn-advance .fa-chevron-down{ display: none; }







/**/

.chat{ list-style: none; margin: 0; padding: 0;}
.chat li{ margin-bottom: 10px; padding-bottom: 5px;}
.chat li.left .chat-body{ margin-left: 44px;}
.chat li.right .chat-body{margin-right: 60px;}
.chat li .chat-body p{ margin: 0; color: #242323;}
.panel .slidedown .glyphicon, .chat .glyphicon{ margin-right: 5px;}
.panel-body{ overflow-y: scroll; height: 250px;}
::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3); background-color: #F5F5F5;}
.panel-body::-webkit-scrollbar{ width: 4px; background-color: #F5F5F5;}
::-webkit-scrollbar-thumb{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #e45d82;}
.chat-body { font-size: 13px; text-align: left;}
.div-chat{background-color: #fff;}
.input-group-chat input{  height: 90px; border: 0;}
.input-group-chat input:focus{ }
.input-group-chat{ position: relative; margin-top: 20px;}
.input-group-btn-chat{ position: absolute; right: 3%; bottom: 26%;}
.input-group-btn-chat button{  padding: 10px 20px; cursor: pointer; font-size: 13px;}
.input-group-btn-chat button:focus{ box-shadow: 0 0 0 0px rgba(0,123,255,.25);}
.img-circle{ width: 30px; border-radius: 30px;}
.send-photo .fa {
    position: absolute;
    right: 113px;
    top: 39px;
    font-size: 16px;
    color: #838383;
}

/**/

* {
  box-sizing: border-box;
}

.cta-container {
  display:table;
  width: 100%;
  height: 50%;
}

.cta-container p {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  text-align: center;
  margin:5px 0;
}

.grid-sizer, .item {
  width: 50%;

}

#container {
  /*background: #EEE;*/
  /* center */
  margin: 0 auto;
}

.gutter-sizer {
  width: 0.5%;
}

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

.overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-decoration: none;
    color: #fff;
    display: none;
}


.overlay .title {
    text-align: center;
    font-size: 18px;
    background: #6d6d6d;
    margin: 0px 0 5px;
}

.overlay .description {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.05);
    width: 100%;
    margin: 0;
    height: 100%;
}

.overlay .description a, .overlay .description a:visited {
  color: #f8ede9;
  text-decoration: none;
  display:block;
  height: 100%;
}

.overlay .description a:hover {
  color: #666666;
}

.overlay .description p {
  text-align: center;
  margin: 0.5em 0;
  height: 100%;
}

/*.overlay .description p {
    margin: 10px;
}*/

.item:hover .overlay {
    display: block;
}

@media only screen and (max-width: 960px) {
  .grid-sizer, .item {
    width: 33%;
  }
}

@media only screen and (max-width: 767px) {
  .grid-sizer, .item {
    width: 49%;
  }
}
.featherlight .featherlight-content{min-width: 0;}
.input-gray{ background: #efefef;}
.input-gray:focus{ background: #efefef;}
/**/

.border-roz{ border: 1px solid #e45d82;}
.border-roz:focus{ border: 1px solid #e45d82;}

.img-b {
    width: 60px;
}

img.secure-bar {
	width: 400px;
}

@media (max-width: 768px) {
    .img-b {
        width: 60px;
    }

    img.secure-bar {
        width: 100%;
    }

    .bg-img-2 {
        color: white;
        text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    }
}

@media (min-width: 768px) {
    .bg-img-2 {
        background-image: none !important;
    }
}