@font-face {
   font-family: 'logo';
   src: url('logo-bold.otf') format('truetype');
   font-weight: normal;
   font-style: normal;
}  

.container-min{
     max-width: 1000px; 
}
#PageContent {
    padding: 10px 0 0 0 !important;
}  
#PageTopMenu.mobile #nav-shadow {

    margin: 0px 40px 0px 0px!important;
}
#PageTopMenu.mobile li {
    display: flex!important;
    flex-direction: row!important;
    flex: 1 1 20%!important;
    text-align: center!important;
}
.container-min {
    padding: 0px 0 0px 0!important;
    }                                                        
.get-vip-search{color: #333;background: gold;display: inline-block;border-radius: 50%;line-height: 30px;height: 30px;width: 30px;font-size: 12px;margin: 0px 10px 0px 0px;text-align: center;font-weight: 800;border: 1px solid gold;}
.get-vip-search:hover{color: #333;}
.mobile{
    opacity: 0 !important;
    visibility: hidden !important;
    display: none;
}
#menu-mobile-fixed{
    background: none;
    padding: 9px 6px;
    /* position: absolute; */
    right: 3px;
    top: 3px;
    z-index: 1000;
}
#menu-mobile-fixed > a.but{
    position: relative;
    color: #fff;
}
#toup-mobile-fixed{
    font-size: 40px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 10000;
    display: none;
}

.msges_page{
    color: red !important;
}
a.logo-b {
    color: #66000e;
    font-size: 27px;
    padding: 0;
    margin: 0;
    font-family: 'logo', cursive !important;
}
a.logo-bw {
     color: #fff;
     font-size: 28px;
     padding: 0;
     margin: 0;
     font-family: 'logo', cursive !important;
}
h3.page-caption{font-size: 18px !important;font-weight: 500 !important;/* letter-spacing: 1px; */padding: 0px 0px 10px 0;}

.addphoto{position: relative;text-align: center;top: 11px;/* left: -36px; */width: 30px;padding: 7px;height: 30px;color: #999;cursor: pointer;transition: 0.3s;}
.addphoto:hover{color:#000;}
.addphoto input{width: 0;height: 0;opacity: 0.01;}
.upl-photos{
    position: absolute;
    display: none;
    background: #fff;
    bottom: 60px;
    right: 2px;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px -5px 8px;
    z-index: 10;
    }


.upl-photos >.input-file-list-item {text-align: center;display: inline-block;margin: 0 5px 5px;width: 100px;vertical-align: top;position: relative;}
.upl-photos >.input-file-list-item img {
    height: 50px;
    width: auto;
}
@media (max-width: 1200px) {
.emojionearea-editor,.emojionearea-editor div{
       font-size: 17px !important;
   }
    #main {
        height: 732px;
        background-size: 130% !important;
    }

}
@media (max-width: 1367px) {
    #Animation .A-item {
        min-height: 589px;
        position: relative;
    }
    #Submenu .sf-menu > li {
        padding: 7px 10px;
    }
    .cart a.cart-top, .likes a.likes-top {
        margin: 0px 0px 0px 0px;
    }
}
@media (max-width: 990px) {
    
#nav-shadow a, #nav-shadow a:visited, #nav-shadow a, #nav-shadow a:hover {
   
    margin: 0px auto;
    }
.mess-area{
   z-index: 1000;
   margin: 0px 0px 10px 0px;
   height: calc(100vh - 240px) !important;
}
#Messages .txt {
    position: fixed!important;
    bottom: 0;
    left: 0;
    padding-left: 10px;
    z-index: 1100;
}
    .no-mobile{
        opacity: 0 !important;
        visibility: hidden !important;
        display: none;
    }
    .mobile{
        opacity: 1 !important;
        visibility: visible !important;
        display: inherit;
    }  

}

@media (max-width: 780px) {
   
    #SearchParams {
        /* width: 95%; */
    }
    #Users #p_users_my {
        border: 2px solid #dadada;
        /* margin: 0px 0 0px -20px; */
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }
    #FormMainM, #form-callback-raschet, #form-callback{
        min-width:90%;
    }

    #Items {
        overflow: visible;
    }

    #bredcrumbs,#bredcrumbs span, #bredcrumbs a {
        /* color: #cccccc; */
        font-size: 14px;
    }

    #main {
        height: 691px;
        background-size: 190% !important;
    }
}
@media (max-width: 600px) {
    
     .logowrap {
        padding: 0px 0px 0px;
        text-align: center;
    }
#Users-top .wrapbg{
display: none;
visibility: hidden;
opacity: 0;
}
    #Carousel .item {
        overflow: hidden;
        box-sizing: border-box;
        margin: 10px;
        box-shadow: rgba(17, 12, 46, 0.15) 0px 3px 10px 0px;
    }
    #Carousel a.button {
        padding: 11px;
        text-align: center;
        margin: 0;
        width: 50px;
        height: 50px;
        border: 2px solid #fff!important;
    }
    #Carousel .infobox {
        padding: 20px 20px;
        text-align: center;
    }
    .owl-carousel {
        margin: 0px 0px !important;
    }
    #Items {
        overflow-x: scroll;
        overflow-y: hidden;
        width: 100%;
        padding: 20px 0px;
    }
    #Users-top .cards {
        height: 75px;
        width: 75px;
    }
    #Users-top a.addblock {
        min-height: 75px;
        max-width: 75px;
    } 
    #Users-top .first{
        width: 75px;
        height: 75px;
        margin-left: 0px;
        margin-left: -80px;
        opacity:0;
    }

    .logowrap {
        padding: 0px 0px 0px;
        text-align: center;
    }
    #PageHeader {
        margin: 0px auto 0 auto;
        padding: 8px 0px 10px 0;
    }
    #PageContent h1 {
        font-weight: 300 !important;
        color: #333;
        font-size: 25px;
    }
    #PageFooter .f-logo,  #PageFooter .f-tel,  #PageFooter .f-email {
        margin: 0px auto 0px auto;
        text-align: center!important;
    }

    
  
}
@media (max-width: 500px) {

   .emojionearea-editor,.emojionearea-editor div{
       font-size: 18px !important;
   }
    .w-75{
        
    width: 90%!important;
    }
    .h-name {
        font-size: 30px;
        font-weight: 800;
        text-align: center;
        letter-spacing: -1px;
    }
    
    h2 {
        font-size: 1.4rem;
    }
  
    form .name{
        font-size: 24px;
    }
   
    #main .d-1 h2 {
        line-height: 39px;
        text-align: center;
        font-size: 29px;
        font-weight: 500;
        margin: 103px 0px 0px!important;
    }
 
   
    #FooterMenu div {
        padding: 0px 0px 7px 10px!important;
    } 

    .f-name {
        padding: 0px 0px 15px 10px !important;
        color: #fff;
        font-size: 19px;
    }
    a.logo img {
        height: 50px;
        /* float: left; */
        margin: 0px 0px 10px 0px;
    }
    .contacts-main span {
        font-size: 12px;
    }
    .partnery img {
        height: 117px!important;
        max-width: 100%;
        float: left;
    }
}

@media (max-width: 410px) {
    #Services .card {
        background-repeat: no-repeat;
        background-position: left top;
        background-size: 110%;
        border: none;
        transition: all 2s;
    }
     #PageTopMenu.mobile li {
    padding: 12px 10px 8px 10px;
}
    
}