@import '../libs/owl/assets/owl.carousel.min.css';
@import '../libs/owl/assets/owl.theme.default.min.css';


.modalContent h1{
    color: #fff;
    font-size: 40px;
    margin-bottom: 10px;
}

.modalContent .container{
    background-size: cover;
}

.modalContent .mc{
    min-height: 350px;
    color: #fff;
}

.accept18{
    margin-bottom: 20px;
    margin-top: 20px;
}

.congrats .container{
    background: url(https://www.behindfriends.com/contents/models/3/s1_salek.jpg);
    background-size: cover;
}


.legal18 .container{
    background: url(https://www.behindfriends.com/contents/models/8/s1_friedl.jpg);
    background-size: cover;

}

.congrats{
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    background-color: rgb(255,255,255);
    overflow-x: hidden;
    transition: 0.5s;
}

.legal18 {
    display:none;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    background-color: rgb(255,255,255);
    overflow-x: hidden;
    transition: 0.5s;
}


.modalContent{
    font-family: Montserrat;
    border-radius: 6px;
    margin-left: auto;
    margin-right: auto;
    background: rgb(255, 255, 255);
    color: #f1f1f1;
    box-shadow: rgba(0, 0, 0, 0.75) 0px 10px 50px 0px;
    text-align: center;
    border: 0px;
    display: flex;
    height: 100%

}


.join-spot-01__text{
    /*background: url('https://behindfriends1.b-cdn.net/banners/banner_1.png') no-repeat 100% ;*/
    background-size: cover;
}

.join-spot-02__text{
    /*background: url('https://behindfriends1.b-cdn.net/banners/banner_2.png') no-repeat 100% ;*/
    background-size: cover;
}

.header__options {
    display:inline;
    float: right;
    background: #fff;
}


.header .logo{
    display: inline-block;
    float: left;
}


.main-menu__drop__item span{
    background: transparent
}


.media-info__buttons .btn{
    margin-bottom:10px;
}


body{
    font-family: Montserrat!important;
}
.thumb{
    border-radius: 4px;
}

.header{
    background: #fff;
}

.header .logo {
    margin: 0;
}

.main-menu__item, 
.main-menu__item.active > a, .main-menu__item:hover > a{
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 400;
}

.main-menu__item.active > a, 
.main-menu__item:hover > a{
    background: #fff;
    color: #000;
    background: #fff;
    color: #000;
    padding-bottom: 5px;
    border-bottom: solid 2px #00b16a;
}

.main-menu__item .premium-link{
    background: #00b16a;
    padding-top: 12px;
    padding-bottom: 12px;
    border-radius: 4px;
    color: #fff;
}

.main-menu__item .premium-link:hover{
    background: #333333;
    padding-top: 12px;
    padding-bottom: 12px;
    border-radius: 4px;
    color: #fff;
    border:none;
}

.main-menu__item_premium {
    border:0!important;
}

.main-menu__item > a{
    margin-right: 5px;
}

.searchIcon{
    width: 20px;
    height: 20px;
}

.search-bar {
    padding: 6px 0px 0;
}

.main-menu__item--login a{
    color: #00b16a;

}

.main-menu__item--login a:hover{
    color: #333333;
    border: 0!important;
}

.login_link a:hover{

}

.main{
    background: #fff;
}

.heading .title{
    font-family: Montserrat;
    font-size: 24px;
}

.btn{
    border-radius: 4px;
    font-family: Montserrat;
    font-weight: 600;
}

.btn--color{
    background: #00b16a ;
    border-color: #00b16a ;
    font-family: Montserrat;
}





.btn:hover{
    background: #00b16a ;
    border-color: #00b16a ;
}

.btn--color:hover{
    background: #333 ;
    border-color: #333 ;
    color: #fff;

}

.btn--green{
    background: #00b16a!important;
    border-color: #00b16a!important;

}

.btn--green:hover{
    background: #333!important;
    border-color: #333!important;
    color: #fff;
}


.btn--duble strong{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: #00b16a;
}

.btn--duble:hover strong{
    background: #333;
}

.btn--duble span{
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background: #333;
}

.btn--unlock{
    background: #00b16a!important;
}

.btn--unlock:hover{
    background: #333!important;
}

.btn--unlock .lock{
    color: #fff;
    background: #333!important;
}

.btn--unlock:hover span{
    color: #fff;
}


.dropdown__block>.btn{
    margin-right: 4px!important;
}

.thumb__info{
    background: linear-gradient(to bottom, rgba(38,38,38,0.0) 0%, rgba(41,41,41,0.0) 0%, rgba(26,25,25,0.49) 42%, rgba(10,9,9,0.84) 78%, rgba(0,0,0,0.84) 100%);
}

/*
.thumb-spot__rating{
    display: none;
}
*/
.thumb-spot__title{
    font-family: Montserrat;
    font-size:20px;
    height: 20px!important;
}

.thumb:hover .thumb__info {
    background: #000;
}

.join-spot-01__text, .join-spot-02__text{
    border-radius: 4px;
}


.buttons.pull-right>a{
    margin-right: 4px;
}

.buttons.pull-right>a:last-child {
    margin-right: 0;
}

.footer{
    background: #272727;
}


.footer-menu__item>a{
    font-family: Montserrat;
    font-weight: 500;
}

.footer-menu__item.active a,.footer-menu__item>a:hover{
    color: #00b16a!important;
    font-family: Montserrat;
}


.footer__copy{
    font-family: Montserrat;
}

.footer-menu__item{
    font-family: Montserrat;
    font-weight: 500;
}

.fancybox-overlay {
    background: rgba(255,255,255,0.6);
}

#modal-logon{
    background: #fff;
}

.fancybox-skin{
    border-radius: 6px;
}

.album-gallery.flexslider .slides img, .item--bordered:hover img, .item--bordered.flex-active-slide img{

    border-radius: 6px;
}

.fancybox-close{
    display:none;
}

#logon_password, input[type=text], input[type=pasword], textarea, select{
    border-radius:6px;
}

.title__modal, .modal__join__title{
    font-family: Montserrat!important;
}

.modal__join__title{
    font-size:40px;
}

.mark-color{
    color: #333;
}

.link{
    text-transform:none;
    font-family: Montserrat!important;

}

.mark-color2{
    color: #333;
}


.join-spot-01__subtitle{
    font-size:25px;
}

.join-spot-01__title{
    font-size:50px;
}

.join-block-thin__text{
    font-size: 28px;
}

.modal#modal-signup{
    background: #fff;
}

.profits__list{
    display:none;
}

.icon-click{
    display:none;
}

.media-container__join__text strong{
    color: #00b16a!important;
}

.media-container{
   /* border-radius: 6px!important;*/
}

.info-bar__button, .vote-block.info-bar__cell{
//  display:none;
}

.media-box__content{
    display:none;
}

.media-box{
    width: auto;
}

.box{
    background: #fff;
}
.container-comments-bf .box {
	background:none;}

.media-info__label{
    float:none;
    display:block;
}

.media-data__list{
    margin-top: 16px;
}

.media-data__list-title, .media-data__list-value{
    display: inline-block;
    font-size:16px;
    font-family: Work Sans;
    color: #333;
}

.media-data__list-value{
    margin-right: 15px;
}

.info-bar{
    background: #fff;
}

.info-bar__cell, .info-bar__buttons{
    border:0;
}

.media-data__list li{
    margin: 0;
}

.box.media-info{
    padding:0;
}

.previw__list{
    padding-top: 10px;
    margin-left: 1px;
}

.previw__list__item img{
    border-radius: 4px;
}

.previw__list__item{
    padding: 0;
    padding-right: 10px;
}


.item--bordered:hover img, .item--bordered.flex-active-slide img{
    outline: 0;
}

.media-info__row, .media-box{
    border: 0;
}

.media-box__img{
    width: 266px;
}

.media-box__img img{
    border-radius: 4px;
}

@media screen and (max-width: 480px) {
  .media-box:first-child,
  .media-box__img {
    float:none;
    width: 100%;
    margin:0 auto 20px;
  }
}

.no-avatar span{
    font-family: Montserrat;
    font-size: 16px;
    text-align: left;
    top: 93%;
    left: 20px;
    font-weight: 400;
}

.box.comments{
    margin-top:10px;
    padding:0;
}
.container-comments-bf .box.comments {
	margin-top:0;}

/*
.media-info__lists-row>.media-info__label{
    display: none;
}
*/
.media-info__lists-row>.media-info__label{
	float:left;
}
.media-info__lists{
    display:inline;
    margin-top: 20px;
}

.media-info__lists-row{
    padding-top:20px;
}

.thumb--categories img{
//width: 280px;
//height: 280px;
}

.drop-inner li a:hover{
    border-bottom: solid 2px #00b16a;
    background:#fff;
    color: #333;
}

.drop-inner li a{
    padding-bottom:3px;
}

.dropdown__block__menu > nav{
    background: #fff;
}

.btn--unlock--danger{
    background: #00b16a;
}

.btn--unlock--danger:hover{
    background: #333!important;
}

.btn--unlock--danger .lock{
    background: #333!important;
    color: white;
}

.model-view .img-holder img{
    border-radius: 4px;
}

.model-view{
    background: #fff;
}

.media-info__wrap{
    background: #fff;
}

.media-box__list{
    margin-left: 20px!important;
}

.media-box__right{
    float: none;
}

.media-info__wrap .info-bar{
    display: none;
}

.search-bar__form, .search-bar__drop{
    border-radius: 4px;
}

.search-bar__drop input[type=radio]:checked + label{
    background: #00b16a;
}


.model-view:after{
    display: none;
}

.aboutModelSection{
    margin-top: 20px
}

#screenshots_list{
    display:block!important;
}

.fancybox-prev span, .fancybox-next span{
    width: 50px;
    height: 57px
}

.fancybox-prev span{
    background: url('../images/67A.svg');
}

.fancybox-next span{
    background: url('../images/67A.svg');
    transform: rotate(180deg);
}

.modal__window__row{
    display: flex
}


.modal__window .btn__row--align-right{
    float:left;
}




.main-menu__drop__item a, .main-menu__drop__item span{
    color: #333!important;
}

.main-menu__drop__item.active > a, .main-menu__drop__item:hover > a{
    border-bottom: solid 2px #00b16a;
    background: #fff!important;
}

.circle{
    border-radius: 50%;
    border: 1px solid #00b16a;
}

.main-menu__drop__item span{

    background: trnsparent!important;
}

.main-menu__user-image{
    border:0;
}

.comments__item__avatar{
    background: transparent;
    margin-left: 10px;
}

.comments__item__avatar img{
    position: relative;
}

.comments__item__name{
    color: #00b16a;
}

.album-images__item{
    background: transparent;
}

.gallery__item-container{
    display: inline-block;
    float: left;
    width: 20%;
    padding: 20px;
    transform-origin: center;
    transition: all 0.3s ease;
}


.previw__list__item{
    margin-bottom:10px;
}

@media screen and (max-width:1172px){
    .search-bar{
        padding:0px 0px 0px;
    }
}
@media screen and (max-width:1025px){
    .header__options:before{
        margin:0px 0px 0px;
    }
    .header .logo{
        display: inline-block;
        float: left;
        width: 25%;
        padding: 0px 20px;
    }
}
@media screen and (max-width:830px){
    .header .logo{
        width:21%;
    }
    .logo>a>img{
        width:125px;
    }
    .header__options{
        top:0px;
    }
    .search-bar{
        padding:0px 0px 0px;
    }
}
@media screen and (max-width:767px){
    .search-bar{
        padding:6px 0px 0px;
    }
    .searchIcon{
        vertical-align: baseline;
    }
    .mobile-menu-opener{
        font-size: 30px;
    }
}
@media screen and (max-width:480px){
    .footer-menu__item{
        text-align: center;
    }
}
@media screen and (max-width:400px){
    .logo>a>img{
        padding-top: 5px;
        width: 100px;
    }
    .header .logo{
        padding: 0px 0px;
    }
    .header__options{
        height: 20px;
    }
}




/*Fixes for video page*/

.info-bar__buttons .info-bar__button:hover, .info-bar__buttons .info-bar__button.active {
    background: #ffff;
    color: #00b16a;
}

.info-bar__buttons .info-bar__button {
    font-size: 30px;
    color: #333333;
}

.info-bar__button span {
    background: #FA6557;
    color: #fff;
}

.media-info__lists-row .media-info__buttons {
//  text-align: right;
}


.btn__dislike, .btn__like {
    font-size: 33px;
}

.icon-icons8-Plus {
    display: none;
}


/*carusel*/
.сarusel .item img{
    border-radius: 4px;
    cursor: pointer;
}

.сarusel .item  .layer {
    background-color: rgba(248, 247, 216, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



.owl-theme .owl-dots .owl-dot span {
    width: 25px!important;
    height: 2px!important;
}

/* backup from all.css*/
.owl-carousel .owl-item img {
  height: auto;
}

.main-page-video {
  width: 100%;
}

#myVideoMain {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  border-radius: 5px;
  object-fit: cover;
}

.main__video_first {
  height: 329px;
}

.main__video_second {
  height: 249px;
}

.mVB {
  background: initial;
}

.mVB .join-spot-01__title,
.mVB .join-spot-01__subtitle, 
.mVB .join-spot-01__subtitle span {
  color: #fff;
}

.mVB .join-spot-01__title,
.mVB .join-spot-01__subtitle, 
.mVB .join-spot-01__subtitle span {
  text-shadow: 0 2px 2px rgba(0,0,0,0.3);
}
.mVB .join-spot-02__title,
.mVB .join-spot-02__subtitle, 
.mVB .join-spot-02__subtitle span {
  color: #fff;
}

.join-spot-02__title {
    float: none;
}

.mVB .join-spot-02__title,
.mVB .join-spot-02__subtitle, 
.mVB .join-spot-02__subtitle span {
  text-shadow: 0 2px 2px rgba(0,0,0,0.3);
}

.album-view .flex-direction-nav a, 
.media-carousel .flex-direction-nav a {
    background: initial;
}

@media (max-width: 768px) {
    .after-video_content {
        top:20%;
    }
    .join-spot-01__title {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .join-spot-01__subtitle {
        font-size: 18px;
        margin-bottom: 15px;
    }
}

.album-gallery-holder {
    margin-bottom: 10px;
}

.flex-direction-nav a:hover .rotated {
    background: initial;
    border: 0;
}

.flex-direction-nav a:hover .rotated [class^="icon-"],
.flex-direction-nav a:hover .rotated [class*=" icon-"] {
    color: #000;
}

.text-align_center {
    text-align: center;
}

.flexslider:hover .flex-direction-nav .flex-prev,
.flex-direction-nav .flex-prev {
    left: -104px;
}
.flexslider:hover .flex-direction-nav .flex-next,
.flex-direction-nav .flex-next {
    right: -104px;
}

.album-gallery.flexslider .slides img {
    width: 100%;
    max-height: initial;
    height: auto;
}

.photo-gallery {
    padding-top: 20px;
    border-bottom: 1px solid #dcdcdc;
}

@media  (max-width: 767px) {

    .main-menu__item > a {
        color: #000;
        padding: 15px 40px;
    }

    .main-menu__item.active > a,
    .main-menu__item:hover > a {
        background: initial;
        border: 0;
        color: #333;
    }

    .main-menu__item .premium-link,
    .main-menu__item_premium {
        border-radius: 0;
        background-color: #333;
        color: #fff;  
    }

    .main-menu__item--login a {
        color: #000;
    }

}

/*MASONRY ALBUM GRID START*/
.masonry-album { /* Masonry container */
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 0em;
    -moz-column-gap: 0em;
    column-gap: 0em;
    margin: 0em;
    padding: 0;
    -moz-column-gap: 0em;
    -webkit-column-gap: 0em;
    column-gap: 0em;
    font-size: .85em;
}

.masonry-album .item {
    display: inline-block;
    padding: 0.5em;
    width: 100%;
    -webkit-transition: 1s ease all;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

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

@media only screen and (max-width: 320px) {
    .masonry-album {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

@media only screen and (min-width: 321px) and (max-width: 768px) {
    .masonry-album {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1200px) {
    .masonry-album {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media only screen and (min-width: 1201px) {
    .masonry-album {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}
 /* MASONRY ALBUM GRID END */