@font-face {
  font-family: HelveticaNeueCyrLight;
  src: url(../font/helveticaneuecyr-light.otf) format("opentype");
}



.container-fluid-wt{
    background-color: #ffffff;
}
.hotlink{
    font-size:0.7em;
    color:#333333;
}
.homepage11 main, .app_main_gaycafe .jumbotron {
    
    /**background: url(../images/index/qbg1.jpg) no-repeat center center;*/
    background:#CCCCCC;
    
    
   -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed
}
.homepage11 footer, .app_main_gaycafe .jumbotron{
    d000isplay:none;
}
.homepage11 .outheader, .app_main_gaycafe .jumbotron{
    background:#FFFFFF;
}
.homepage11 .jumbotron, .app_main_gaycafe .jumbotron{
    background:transparent;
    background-color:#e9ecef;
}
.feed-box-users-index{
    height:auto;
    overflow-y: hidden;
}
.h-user-block {
    position:relative;
}
.h-user-block {
    position:relative;
}

.h-user-block .sm{
    cursor:pointer;
    right:0px;
    top: 55px;
    z-index:801;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.feed-box .feed-line{
    border-bottom:1px solid #DCDCDC;
    width:100%;
    height:15px;
    padding-left:15px;
    padding-right:15px;
}
.feed-box h2, .h-user-block .view-name{
    font-size:20px;
}
.atallstars, .atallstars span{
    font-family: 'Yesteryear', cursive;
    font-size: -webkit-xxx-large;
    
}
.reg-title-expl{
    font-size: xx-large;
}
.reg-title{
    font-size: x-large;
}

.blur-me {
  filter: blur(7px);
}



*:focus {
    outline: none !important;
}
*{
    color:#353535;
    font-family: Verdana, Arial, Helvetica;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-weight:200;
}
::-moz-placeholder { /* Firefox 19+ */
  font-weight:200;
}
:-ms-input-placeholder { /* IE 10+ */
  font-weight:200;
}
:-moz-placeholder { /* Firefox 18- */
  font-weight:200;
}
.main-logo{
    height:50px;padding-top:0px;position:relative;
}
.logo-img{
    right:0px;position:absolute;
}
.logo-text{
    font-size:28px;top:15px;position:absolute;
    color:#000000;
}
.centered {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 1000;
}
.bg-light {
    background-color: #FFFFFF !important;
}
.head-expl{
    font-size: 14px;
}
main .jumbotron {
    margin: 0px;
    padding:0px;
}
main .gray-block{
    padding-top:15px;
}
.form-control, .form-group {
    font-size: 15px !important;
}
.invalid-feedback{
    padding-top: .25rem!important;
    padding-bottom: .25rem!important;
}
.invalid-feedback .form-error-icon{
    padding-top: .25rem!important;
}
.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: #a94442;
}
.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.ml-auto .dropdown-menu {
    left: auto !important;
    right: 0px;
}
.dropdown-menu {
    left: -40px !important;
}
button, .submit-btn{
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
.btn-rigth-side{
    border:none;
    text-transform: uppercase;
    font-size:13px;
    font-weight:bold;
    padding-right:50px;
    padding-left:40px;
    height: 38px;
    font-size:14px;
    background:#67BBE7 url("../images/main/btnright.jpg") no-repeat center right !important;
    
}
.btn-rigth-side:hover, .btn-rigth-side:active{
    border:none;
    background:#67BBE7 url("../images/main/btnright.jpg") no-repeat top right;
    
}
#step2_interest .form-check, #step27_interest .form-check{
    width: 33%;
    float:left;
}
#step2_interest, #step27_interest{
    display:table;
}
#step2_description, #step27_description{
    min-height:100px;
}
.box .box-title{
    border-bottom:2px solid #eaedf3;
    height:5px;
    font-size:1px;
}
.box{
    background:#FFFFFF;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

footer ul span, footer * {
    color: #FFFFFF;
}
footer {
    background: #dddddd;
    color: #828282 !important;
}
footer11, .offers {    
    
    background: url(../images/main/footer.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
footerrrr{
    background: #dee6e9;
    background: url(../images/main/footer.jpg) no-repeat center center;
}
footer ul {
    list-style: none;
}
footer ul li a{
    padding-left:20px;
}
footer ul li a{
    text-decoration:underline;
}
footer ul span{
    color:#FFFFFF;
}
footer{
    font-size:12px;
}
footer * {
    color: #828282 !important;
}
.btn-join-us{
    border:none;
    text-transform: uppercase;
    height:53px;
    padding-left:20px;
    padding-right:20px;
    background:#DA3309 url("../images/main/btn-bg.jpg") repeat-x top left !important;
}
nav .nav-link{
    font-size:12px;
}
nav .link-no-icon{
    font-size:14px;
}

.gradient{
   background: linear-gradient(180deg, #CF1101 20%, #D62E07 50%, #E5550E);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #0B2349;
}
.fileinput-button{
    padding-top:10px;
}
.btn-primary, .photo-upload .fileinput-button, .submit-btn{
    border:none;
    text-transform: uppercase;
    height:40px;
    font-size:15px;
    padding-left:20px;
    padding-right:20px;
    color: #fff !important;
    background:#DA3309 url("../images/main/btn-bg.jpg") repeat-x top left !important;
}
.btn-primary.btn-sm{
    
    height:27px;
    font-size:12px;
    padding-left:20px;
    padding-right:20px;
}
#ModalSupport .modal-header{
    font-weight:600;
    font-size:18px;
}
.fileinput-button span{
    color:#FFFFFF;
}
.form-control {
    
    background-color: #f4f4f4;
    background-image: linear-gradient(top, #f4f4f4 15%, #f2f4f9 50%, #f4f4f4 85%);
background-image: -o-linear-gradient(top, #f4f4f4 15%, #f2f4f9 50%, #f4f4f4 85%);
background-image: -moz-linear-gradient(top, #f4f4f4 15%, #f2f4f9 50%, #f4f4f4 85%);
background-image: -webkit-linear-gradient(top, #f4f4f4 15%, #f2f4f9 50%, #f4f4f4 85%);
background-image: -ms-linear-gradient(top, #f4f4f4 15%, #f2f4f9 50%, #f4f4f4 85%);
}
.progress-outer{
background: #fff;
border-radius: 50px;
padding: 25px;
margin: 10px 0;
/*box-shadow: 0 0  10px rgba(209, 219, 231,0.7);*/
}
.progress{
height: 27px;
margin: 0;
overflow: visible;
border-radius: 50px;
background: #eaedf3;
box-shadow: inset 0 10px  10px rgba(244, 245, 250,0.9);
}
.progress .progress-bar{
border-radius: 50px;
}
.progress .progress-value{
position: relative;
left: -45px;
top: 4px;
font-size: 14px;
font-weight: bold;
color: #fff;
letter-spacing: 2px;
}
.progress-bar.active{
animation: reverse progress-bar-stripes 0.40s linear infinite, animate-positive 2s;
}
.progress-bar {
    background-color: #67BBE7;
}
.form-control:focus {
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.slider.slider-horizontal {
    width: 100% !important;
}
.slider-selection, .slider-handle {
	background: #DA3309 !important;
}

@media (min-width: 992px){
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .1rem;
        padding-left: .1rem;
    }
     #step27_interest .form-check{
        width: 33%;
        float:left;
    }
    #step27_interest{
        display: table !important;
        width:100%;
    }
}
@-webkit-keyframes animate-positive{
0% { width: 0%; }
}
@keyframes animate-positive {
0% { width: 0%; }
}
@media (max-width: 700px) { 
    #step2_interest .form-check{
        width: 50%;
        float:left;
    }
    .periodflex{
        display: table !important;
        width:100%;
    }
    footer{display:none}
}
@media (max-width: 480px) { 
    #step2_interest .form-check{
        width: 100%;
        float:left;
    }
    #step2_interest .form-check, #step31_interest .form-check{
        width: 100%;
        float:left;
    }
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
  select,
  textarea,
  input {
    font-size: 16px;
  }
}