/* ================= INDEX ================= */

body.user-body{
    background-color: #FAFAFA;
}

a:hover{
    text-decoration: none
}

/* ====== FOOTER ====== */

.footer.user_f{
    font-weight: 100;
    max-width: 1145px;
    width: 95%;
    height: 40px;
    margin: 0 auto;
    position: relative;
}

.user_f_left{
    position: absolute;
    left: 0;
    top: 0;
}

.user_f_right{
    position: absolute;
    right: 0;
    top: 0;
}

/* ====== MENU ====== */

.header-user{
    height: 50px;
    width: 100%;
    background-color: #ffffff;
}

.header-user-in{
    height: 50px;
    max-width: 1145px;
    width: 95%;
    margin: 0 auto;
    position: relative;
    z-index: 5;
}

.h-u-i-logo,
.h-u-i-menu{
    display: inline-block;
    vertical-align: top;
}

.h-u-i-logo{
    width: 15%;
    position: relative;
    z-index: 1;
}

.h-u-i-menu {
    position: relative;
    width: 85%;
}

.h-u-i-logo .logo {
    width: 130px;
    height: 33px;
    padding-top: 10px;
    margin-left: 0;
}


.hello-user{
    display: inline-block;
    font-size: 12px;
    color: #9B9B9B;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;          /* Likely future */ 
    clear: both;
    margin-right: 10px;
    z-index: 5;
    position: relative;   
}

.icon-menu{
    display: inline-block;
    width: 60px;
    height: 50px;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    z-index: 2;
}

.icon-menu.active:before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #FAFAFA;
    -webkit-border-top-left-radius: 25px;
    -webkit-border-top-right-radius: 25px;
    -moz-border-radius-topleft: 25px;
    -moz-border-radius-topright: 25px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px; 
    -webkit-animation: bouncebg 0.1s ease-out; 
    -moz-animation: bouncebg 0.1s ease-out; 
    -o-animation: bouncebg 0.1s ease-out; 
    -ms-animation: bouncebg 0.1s ease-out; 
    animation: bouncebg 0.1s ease-out;
}

@keyframes bouncebg {
    0% {
        top: 50px;
    }
    100% {
        top: 0px;
    }
}
@-webkit-keyframes bouncebg {
    0% {
        top: 50px;
    }
    100% {
        top: 0px;
    }
}
@-moz-keyframes bouncebg {
    0% {
        top: 50px;
    }
    100% {
        top: 0px;
    }
}
@-ms-keyframes bouncebg {
    0% {
        top: 50px;
    }
    100% {
        top: 0px;
    }
}
@-o-keyframes bouncebg {
    0% {
        top: 50px;
    }
    100% {
        top: 0px;
    }
}

.icon-menu.icd{
    float: right;
}

.icon-cont-menu{
    display: block;
    width: 25px;
    height: 25px;
    margin: 12px auto 0;
    position: relative;
}

.icon-menu.icm,
.icon-menu.icp,
.icon-menu.icmk{
    float: left;
}

.main-nav{
    text-align: right;
}


.icon-cont-menu.m-btn svg#matches{
    fill:none;
    stroke:#9B9B9B;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-miterlimit:10;
}

.icon-cont-menu.m-btn:hover svg#matches,
.icon-menu.active .m-btn svg#matches{
    stroke:#F73FCD;
}

.icon-cont-menu.p-btn svg#partners{
    fill:none;
    stroke:#9B9B9B;
    stroke-miterlimit:10;
}

.icon-cont-menu.p-btn svg#partners .st1{
    fill:#9B9B9B;
    stroke:none;
}

.icon-cont-menu.p-btn:hover svg#partners,
.icon-menu.active .p-btn svg#partners{
    stroke:#016CFE;
}

.icon-cont-menu.p-btn:hover svg#partners .st1,
.icon-menu.active .p-btn svg#partners .st1{
    fill:#016CFE;
}

.icon-cont-menu.m-btn svg#matchmkr .st1{
    fill:none;
    stroke:#9B9B9B;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-miterlimit:10;
}

.icon-cont-menu.m-btn svg#matchmkr .st0{
    fill:#9B9B9B;
}

.icon-cont-menu.m-btn:hover svg#matchmkr .st1,
.icon-menu.active .m-btn svg#matchmkr .st1{
    stroke:#C9AC77;
}

.icon-cont-menu.m-btn:hover svg#matchmkr .st0,
.icon-menu.active .m-btn svg#matchmkr .st0{
    fill:#C9AC77;
}


.icon-cont-menu.n-btn svg#notification,
.icon-not svg#notification{
    fill:none;
    stroke:#9B9B9B;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-miterlimit:10;
}

.icon-cont-menu.n-btn:hover svg#notification,
.icon-menu.active .n-btn svg#notification{
    stroke:#6FC80D;
}

.icon-cont-menu.d-btn svg#dates{
    fill:none;
    stroke:#9B9B9B;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-miterlimit:10;
}

.icon-cont-menu.d-btn:hover svg#dates,
.icon-menu.active .d-btn svg#dates{
    stroke:#18CACC;
}

.icon-cont-menu.mes-btn svg#messages .st0{
    fill:none;
    stroke:#9B9B9B;
    stroke-miterlimit:10;
}

.icon-cont-menu.mes-btn svg#messages .st1{
    fill:#9B9B9B;
}

.icon-cont-menu.mes-btn:hover svg#messages .st0,
.icon-menu.active .mes-btn svg#messages .st0{
    stroke:#9013FE;
}

.icon-cont-menu.mes-btn:hover svg#messages .st1,
.icon-menu.active .mes-btn svg#messages .st1{
    fill:#9013FE;
}


.icon-menu-cont{
    width: 32px;
    height: 32px;
    border-radius: 100%;
    margin: 10px auto 0;
    position: relative;
}

.pic-cont-small{
    position: relative;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    overflow: hidden;
    margin: 0 auto;
}

.icon-menu-cont img {
    width: 100%;
    height: auto;
}

.icon-menu-cont:before {
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    background: linear-gradient(135deg, #fd8cff 0%, #00d1ff 100%);
    content: '';
    z-index: 0;
    border-radius: 100%;
}

.new-stuff{
    width: 12px;
    height: 12px;
    display: block;
    border-radius: 100%;
    background-color: #BD10E0;
    position: absolute;
    right: -2px;
    top: -2px;
    z-index: 2;
}

.icon-menu-cont .veristar{
    width: 11px;
    height: 11px;
    display: block;
    position: absolute;
    top: -1px;
    right: -2px;
    z-index: 1;
}


.veristar{
    background: url(../svg/user/star.svg) no-repeat center top transparent;
}

/* ====== USER MINIBOX ====== */

.container-userbx{
    max-width: 1145px;
    width: 95%;
    margin: 0 auto;
    position: relative;
}

.imu{
    position: relative;
}

.user-tpbx{
    width: 130px;
    position: absolute;
    z-index: 50;
    top: -16px;
    right: 118px;
    display: none;
}

.user-minbox{
    background-color: #ffffff;
    border-radius: 25px;
    color: #9B9B9B;
    font-size: 12px;
    overflow: hidden;
    box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.08);
    text-align: left;
}

.icon-mbx{
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 7px;
    vertical-align: middle;
}

.icon-mbx.iconmwall{
    background: url(../svg/user/wall.svg) no-repeat center top transparent;
}

.icon-mbx.iconprof{
    background: url(../svg/user/user.svg) no-repeat center top transparent;
}

.icon-mbx.iconlog{
    background: url(../svg/user/logout.svg) no-repeat center top transparent;
}

.minibox-opt{
    padding: 10px 0px 10px 15px;
    cursor: pointer;
}

.mid-opt{
    border-top: 1px solid #F6F6F6;
    border-bottom: 1px solid #F6F6F6;
}

.minibox-info{
    width: 80%;
    margin: 0 auto;
}

.minibox-pic{
    width: 100%;
    background-image: linear-gradient(135deg, #ff59de 0%, #00d1ff 80%, #00eaff 100%);
    padding: 15px 0;
}


.minibox-pic-cont{
    width: 61px;
    height: 61px;
    display: block;
    border-radius: 100%;
    overflow: hidden;
    border: 1px solid #ffffff;
    margin: 0 auto;
}


.minibox-pic-cont img{
    width: 100%;
    height: auto;   
}

.user-minbox .veristar {
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    top: 35px;
    right: 34px;
}

.arrow-up {
    margin-left: 22px;
    width: 0; 
    height: 0; 
    border-top: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #DE73E5;
    border-left: 8px solid transparent;
    position: relative;
    z-index: 1;
}

/* ====== MESSAGE BOX ====== */

.user-mess,
.user-not{
    display: none;
    position: absolute;
    z-index: 50;
    top: -16px;
    right: 0;
}

.user-mess .arrow-up{
    border-bottom-color: #ffffff;
    margin-left: 119px;
}

.user-mess .user-minbox{
    width: 282px;
    position: relative;
    right: 23px;
}

.seeallmess{
    color: #9013FE;
    text-decoration: underline;
    text-align: center;
    margin: 10px 0;
    cursor: pointer;
}

.icon-allmess{
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin-right: 5px;
    background: url(../svg/user/allmess.svg) no-repeat center top transparent;
}

.message-cont{
    width: 90%;
    margin: 5px auto;
    border-bottom: 1px solid #F6F6F6;
    padding: 10px 0;
}

.user-mess .veristar{
    width: 11px;
    height: 11px;
    right: -3px;
    top: 0;
}

.user-mess .icon-menu-cont{
    margin: 0;
    display: inline-block;
}

.message-text{
    display: inline-block;
    vertical-align: top;
    margin-left: 7px;
    width: 212px;
}

.user-name{
    color: #454F5B;
    font-size: 14px;
    font-weight: 400;
}

.user-txt{
    margin-top: 3px;
    clear: both;
}

.mess-cont{
    background-color: #FD2F5F;
    border-radius: 100%;
    color: #ffffff;
    width: 18px;
    height: 18px;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    vertical-align: middle;
    line-height: 17px;
    margin-left: 7px;
}

.mess-ago{
    color: #4A90E2;
    font-weight: 100;
    font-size: 11px;
    float: right;
    text-transform: lowercase;
}

/* ====== MESSAGE BOX ====== */


.user-not .arrow-up{
    border-bottom-color: #ffffff;
    margin-left: 181px;
}

.user-not .user-minbox{
    width: 282px;
    position: relative;
}

.title-not{
    font-size: 14px;
    color: #454F5B;
    font-weight: 600;
    text-align: center;
    margin: 10px 0;
}

.icon-not{
    width: 13px;
    height: 13px;
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
    margin-right: 5px;
}

.text-not{
    display: inline-block;
    width: 230px;
    line-height: 20px;
}

.box-not{
    width: 90%;
    margin: 10px auto 0;
    border-bottom: 1px solid #F6F6F6;
}

.date{
    color: #4A90E2;
    font-size: 11px;
    margin: 5px 0 10px 0;
}


.read-not{
    color: #9013FE;
    text-decoration: underline;
    float: right;
}

/* ================= CONTENT ================= */

.container-body{
    max-width: 1145px;
    width: 95%;
    height: 755px;
    display: block;
    margin:50px auto;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.08);
}

.content-left,
.content-middle,
.content-right,
.content-fullmiddle{
    display: inline-block;
    vertical-align: top;
}

.content-left{
    width: 30%;
    height: 755px;
}

.content-middle{
    width: 35%;
    height: 755px;   
}

.content-right{
    width: 35%;
    height: 755px;    
}

.content-main-title{
    margin-left: 20px;
    margin-top: 30px;
}

.content-main-title hr{
    border:none; 
    border-top: 1px solid #9013fe; 
    display: block;
    width: 100px; 
    margin: 0; 
    margin-bottom: 30px;
}

.content-main-title h1{
    color: #454F5B;
    font-size: 28px;
    font-weight: 500;
    text-transform: none;
    margin-bottom: 20px;

}

.user-btn {
    display: block;
    max-width: 296px;
    width: 90%;
    border-radius: 28px;
    background: #9013FE;
    color: #ffffff;
    vertical-align: middle;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .5px;
    text-decoration: none;
    border: 0;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: pointer;
    text-align: center;
}

.gold-btn{
    background-color: #C9AC77;
}

/* ====== MATCHMAKER ====== */

.match-content{
    background-color: #ffffff;
}

.match-content .content-middle{
    background-color: #FAFAFA; 
}

.image-carmelia{
    display: block;
    width: 317px;
    height: 293px;
    margin: 0 auto;
    overflow: hidden;
    background: url(../images/user/carmelia/cr.jpg) no-repeat center center transparent;
    background-size: cover;
}

.text-carmelia{
    color: #8D8D8D;
    font-size: 13px;
    line-height: 23px;
    padding: 0 20px;
}

.text-carmelia p{
    margin-top: 20px;
}

.match-content .content-main-title hr{
    border-top-color: #C9AC77;
}

.match-content .content-middle{
    text-align: center;
}

.carme-tit{
    font-weight: 600;
    color: #454F5B;
    text-transform: uppercase;
    margin-top: 40px;
    font-size: 20px;
}

.lil-cont-left,
.lil-cont-right{
    display: inline-block;
    width: 50%;
    margin-top: 40px;
    vertical-align: top;
}

.carme-cont{
    padding: 0 20px;
    color: #454F5B;
}

.carme-t-l{
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 13px;
}

.carme-txt-l{
    line-height: 21px;
    padding: 0 15px;
}

.carme-icon{
    display: block;
    width: 40px;
    height: 40px;
    margin:0 auto;
    margin-bottom: 20px;
    background: url(../svg/user/carmelia/arrow.svg) no-repeat center top transparent;  
}

.carme-icon.icn-ch{
    background: url(../svg/user/carmelia/coachl.svg) no-repeat center top transparent;  
}

.extra-carme{
    margin-top: 40px;
}

.middle-carmelia{
    color: #8D8D8D;
}

.middle-carmelia p{
    margin-bottom: 6px;
}

.middle-carmelia span{
    color: #454F5B;
}

.middle-carmelia .mid-tt{
    font-weight: 500;
    color: #C9AC77;
    font-size: 15px;
}

.video-carmelia{
    max-width: 322px;
    width: 90%;
    height: auto;
    margin: 30px auto;
}

.seal-left,
.seal-right{
    display: inline-block;
    vertical-align: middle;
}

.seal-left{
    max-width: 104px;
    width: 40%;
    height: 131px;
    background: url(../images/user/carmelia/seal.png) no-repeat center center transparent;
    background-size: cover;
}

.seal-right{
    max-width: 204px;
    width: 60%;
    text-align: left;
    line-height: 23px;
    color: #454F5B;
}

.seal-right-cont{
    padding-left: 10px;
}

.seal-right a{
    color: #454F5B;
    margin-top: 20px;
    display: block;
}

.carmeweb-icon{
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    background: url(../svg/user/carmelia/web.svg) no-repeat center top transparent;
}

.match-content .content-right{
    text-align: center;
}

.carme-logo{
    width: 269px;
    height: 50px;
    display: block;
    margin: 50px auto 0;
    background: url(../images/user/carmelia/carmelia-logo.png) no-repeat center center transparent;
    background-size: cover;
}

.icon-cupid{
    width: 55px;
    height: 55px;
    display: block;
    margin: 50px auto;
    background: url(../svg/user/carmelia/cupido.svg) no-repeat center top transparent;
}

.ready-txt{
    font-size: 35px;
    color: #454F5B;
    width: 90%;
    margin: 0 auto;
    font-family: 'Work Sans', sans-serif;
    font-weight: 100;
}

.container-body .user-btn{
    margin: 50px auto 80px;
}

.title-two{
    color: #454F5B;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 30px;
}

.tv-logo{
    width: 73px;
    height: 33px;
    display: inline-block;
    background: url(../images/user/carmelia/variety.png) no-repeat center center transparent;
    background-size: cover;
}

.tv-logo.yourtango{
    background-image: url(../images/user/carmelia/yourtango.png);
}

.tv-logo.rogers{
    background-image: url(../images/user/carmelia/rogers.png);
}

.tv-logo.chchnews{
    background-image: url(../images/user/carmelia/chchnews.png);
}

.tv-logo.askmen{
    background-image: url(../images/user/carmelia/askmen.png);
}

.tv-logo.playback{
    background-image: url(../images/user/carmelia/playback.png);
}

.tv-logo.ok{
    background-image: url(../images/user/carmelia/ok.png);
}

.tv-logo.mtv{
    background-image: url(../images/user/carmelia/mtv.png);
}

.tv-logo.cupids{
    background-image: url(../images/user/carmelia/cupids.png);
}

.tv-logo.cosmo{
    background-image: url(../images/user/carmelia/cosmo.png);
}

.tv-logo.marilyn{
    background-image: url(../images/user/carmelia/marilyn.png);
}

.tv-logo.lavalife{
    background-image: url(../images/user/carmelia/lavalife.png);
}

.tv-logo.instant{
    background-image: url(../images/user/carmelia/instant.png);
}

.tv-logo.etalk{
    background-image: url(../images/user/carmelia/etalk.png);
}

.tv-logo.elle{
    background-image: url(../images/user/carmelia/elle.png);
}

.tv-logo.huffington{
    background-image: url(../images/user/carmelia/huffington.png);
}

.tv-logo.hollywood{
    background-image: url(../images/user/carmelia/hollywood.png);
}

.tv-logo.global{
    background-image: url(../images/user/carmelia/global.png);
}

.btn-title,
.respo-carmelia-profile,
.carme-respo-info{
    display: none;
}

.carme-respo-info{
    position: absolute;
    z-index: 26;
    background-color: rgba(0, 0, 0, 0.5);
    background: rgba(0, 0, 0, 0.5);
    color: rgba(0, 0, 0, 0.5);
    width: 100%;
    top: 0;
    left: 0;
    height: auto;
    overflow: hidden;
}

.carme-respo-tex{
    background-color: #ffffff;
    width: 95%;
    margin: 10px auto;
    border-radius: 25px;
    overflow: hidden;
}

hr.respo-line-c{
    display: none;
}

.cerrar {
    width: 50px;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    font-weight: 500;
    float: right;
    background: url(../svg/user/close_small.svg) no-repeat center transparent;
}

/* ====== PARTNERS ====== */

.content-left{
    background-color: #ffffff;
    position: relative;
}

.content-middle{
    background-color: #E6EBF2;
}

.content-main-title hr{
    border-top-color: #016CFE;
}

.search-partner{
    width: 90%;
    height: auto;
    margin: 0 auto;
}

.search-partner-in{
    background-color: #E5F7FF;
    height: 37px;
    width: 57px;
    border-radius: 25px;
    float: right;
}

.drop-line{
    width: 90%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    color: #8D8D8D;
    font-size: 11px;
    line-height: 21px;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding-bottom: 10px;
}

.drop-line a{
    color: #016CFE;
}

.lil-icon-info{
    width: 20px;
    height: 20px;
    background: url(../svg/user/partners/partn-add.svg) no-repeat center transparent;
    margin:0 auto 10px;
}

/* SEARCH */

.search-partner input[type=text] {
    background-color: #E5F7FF;
    height: 37px;
    width: 57px;
    border-radius: 25px;
    font-size: 16px;
    padding:0;
    background: url(../svg/user/partners/search.svg) no-repeat 18px 10px #E5F7FF;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
    float: right;
    text-align: left;
    text-indent: 60px;
}

.search-partner input[type=text]:focus {
    width: 100%;
}

/* MENU */

.menu-inside,
.menu-inside-wall{
    margin-top: 80px;
    padding-left: 20%;
    /*width: 80%;*/
}

.menu-inside ul li,
.menu-inside-wall ul li{
    color: #016CFE;
    font-size: 15px;
    text-transform: capitalize;
    padding: 20px 0;
    cursor: pointer;
    list-style: none;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    -webkit-border-top-left-radius: 50px;
    -webkit-border-bottom-left-radius: 50px;
    -moz-border-top-left-radius: 50px;
    -moz-border-bottom-left-radius: 50px;
    position: relative;
}

.menu-inside li.selected{
    color: #454F5B;
    background-color: #E6EBF2;
}

.menu-inside li:before, 
.menu-inside li:after, 
.menu-inside li .inside-menu:before, 
.menu-inside li .inside-menu:after,
.menu-inside-wall li:before,
.menu-inside-wall li:after, 
.menu-inside-wall li .inside-menu:before, 
.menu-inside-wall li .inside-menu:after,
.menu-inside-mess li:before,
.menu-inside-mess li:after, 
.menu-inside-mess li .inside-menu:before, 
.menu-inside-mess li .inside-menu:after{
    position: absolute;
    bottom: 0;
}

.menu-inside .selected:after,   
.menu-inside .selected:before, 
.menu-inside .selected .inside-menu:after, 
.menu-inside .selected .inside-menu:before,
.menu-inside-wall .selected:after,   
.menu-inside-wall .selected:before, 
.menu-inside-wall .selected .inside-menu:after, 
.menu-inside-wall .selected .inside-menu:before,
.menu-inside-mess .selected:after,   
.menu-inside-mess .selected:before, 
.menu-inside-mess .selected .inside-menu:after, 
.menu-inside-mess .selected .inside-menu:before {
    content: "";
}

.menu-inside .selected:before, 
.menu-inside .selected:after,
.menu-inside-wall .selected:before, 
.menu-inside-wall .selected:after,
.menu-inside-mess .selected:before, 
.menu-inside-mess .selected:after{
    background: #E6EBF2; 
    z-index: 1;
}

.menu-inside li:before, .menu-inside li:after,
.menu-inside-wall li:before, .menu-inside-wall li:after,
.menu-inside-mess li:before, .menu-inside-mess li:after{
    width: 20px;
    height: 20px;
    right: 0;
}

.menu-inside li:before,
.menu-inside-wall li:before,
.menu-inside-mess li:before{
    bottom: -20px;      
}

.menu-inside li:after,
.menu-inside-wall li:after,
.menu-inside-mess  li:after{ 
    top: -20px;
}

.menu-inside  li .inside-menu:after, 
.menu-inside  li .inside-menu:before,
.menu-inside-wall li .inside-menu:after, 
.menu-inside-wall  li .inside-menu:before,
.menu-inside-mess li .inside-menu:after, 
.menu-inside-mess  li .inside-menu:before  {
    width: 40px; 
    height: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius:    40px;
    border-radius:         40px;
    background: #222;
    z-index: 2;
}

.menu-inside .selected .inside-menu:after, 
.menu-inside .selected .inside-menu:before,
.menu-inside-wall .selected .inside-menu:after, 
.menu-inside-wall .selected .inside-menu:before,
.menu-inside-mess .selected .inside-menu:after, 
.menu-inside-mess .selected .inside-menu:before{
    background: #ffffff;
}

.menu-inside li .inside-menu:before,
.menu-inside-wall li .inside-menu:before,
.menu-inside-mess li .inside-menu:before{
    bottom: -40px;
    right: 0;
}

.menu-inside li .inside-menu:after,
.menu-inside-wall li .inside-menu:after,
.menu-inside-mess  li .inside-menu:after{
    top: -40px;
    right: 0;
    background-color: #ffffff;
}

.lmenu-icon{
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-left: 50px;
    margin-right: 20px;
}

.inside-menu p{
    display: inline-block;
    -webkit-transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    -moz-transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    -o-transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;  
}

.menu-inside li.selected:hover p{
    margin-left: 0px;
}

.menu-inside li:hover p{
    margin-left:  5px;
    -webkit-transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    -moz-transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    -o-transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
}

.partners-content li .lmenu-icon svg#menko{
    stroke: #016CFE;
}


.partners-content li.selected .lmenu-icon svg#menko{
    stroke: #454F5B;
}

/* DESCRIPTION */

.business-text,
.business-gallery{
    width: 88%;
    margin:0 auto;
}

.business-text h1{
    text-align: center;
    color: #454F5B;
    font-weight: 500;
    margin-top: 20px;
}

.business-text h2{
    text-align: center;
    font-size: 13px;
    text-transform: lowercase;
    margin: 10px 0 30px 0;
}

.business-text h2 a{
    color: #454F5B;
}

.business-text p{
    line-height: 20px;
    color: #8D8D8D;
}

.business-gallery{
    margin-top: 30px;
}

.business-gallery ul{
    text-align: center;
}

.business-gallery ul li{
    list-style: none;
    margin: 0 2px;
}

.gallery-title{
    font-size: 20px;
    color: #454F5B;
    font-weight: 500;
    margin-bottom: 30px;
}

.gallery-icon{
    display: inline-block;
    background: url(../svg/user/partners/gallery.svg) no-repeat center transparent;
    height: 19px;
    width: 26px;
    vertical-align: middle;
    margin-right: 5px;
}

.double-btn-container{
    text-align: center;
}

.business-text .double-btn-container{
    color: #ffffff;
}

.business-gallery li{
    display: inline-block;
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 10px;
    background-color: #9013FE;
}

.business-gallery li a img{
    height: 100%;
}

.business-desc{
    height: 180px;
}

/* CLIENTS LOGOS */

.content-middle-in{
    width: 95%;
    padding-top: 20px;
    margin: 0 auto;
}

.content-middle-in ul li{
    display: inline-block;
    width: 33%;
    margin-bottom: 25px;
}

.content-middle-in ul li.option .logo-partner,
.content-middle-in ul li .logo-partner:hover{
    background: linear-gradient(135deg, #dec9f7 0%, #97ddf7 100%);
}

.logo-partner{
    border-radius: 100%;
    width: 110px;
    height: 110px;
    margin: 0 auto;
    background: none;
    position: relative;
    cursor: pointer;
}

.logo-partner-in{
    border-radius: 100%;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    background: linear-gradient(135deg, #fd8cff 0%, #00d1ff 100%);
    position: absolute;
    right: 0;
    left: 0;
    top: 5px;
    z-index: 1;
}

.logo-partner-inside{
    border-radius: 100%;
    width: 96px;
    height: 96px;
    background-color: #ffffff;
    position: absolute;
    margin: 0 auto;
    right: 0;
    left: 0;
    top: 2px;
    z-index: 2;
    overflow: hidden;
}

.logo-partner-inside img{
    width: 100%;
    height: auto;
}

.content-middle-in ul{
    height: 685px;
    overflow: scroll;
}

.content-middle-in .more-partners{
    margin: 0 auto;
    padding: 10px 0;
}

.more-partners{
    cursor: pointer;
}

.more-partners-icon{
    display: block;
    width: 25px;
    height: 25px;
    background: url(../svg/user/partners/down-arrow.svg) no-repeat center transparent;
    margin: 0 auto;
    -webkit-transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    -moz-transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    -o-transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
}

.more-partners:hover .more-partners-icon{
    margin-top: 10px;
    -webkit-transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    -moz-transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    -o-transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
}

.respo-search,
.search-partner .cerrar,
.search-partner h1,
.respo-info-box,
.respo-full-box{
    display: none;
}

/* ================= MESSAGE ================= */


.content-fullmiddle{
    width: 70%;
    height: 755px;
    background: #ffffff;
    position: relative;
}

.content-fullmiddle .content-middle-in{
    overflow: scroll;
    height: 685px;
    margin-top: 0px;
    padding-top: 0;
}

.message-content .content-left{
    background-color: #F1F6FE;
}

.message-content .drop-line{
    color: #4A90E2;
}

.menu-inside-mess .all-mess-users li{
    color: #454F5B;
    font-size: 12px;
    padding: 0;
    margin: 27px 0;
    cursor: pointer;
    list-style: none;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    -webkit-border-top-left-radius: 50px;
    -webkit-border-bottom-left-radius: 50px;
    -moz-border-top-left-radius: 50px;
    -moz-border-bottom-left-radius: 50px;
    position: relative;
    z-index: 1;
}

.message-content ul.all-mess-users li.selected:before, 
.message-content ul.all-mess-users li.selected:after{
    background-color: #ffffff;
}

.message-content ul.all-mess-users li.selected .inside-menu:after, 
.message-content ul.all-mess-users li.selected .inside-menu:before{
    background-color: #F1F6FE;
}

.message-content ul.all-mess-users li .inside-menu:after{
    background-color: #F1F6FE; 
}

.message-content ul.all-mess-users li.selected{
    background-color: #FFFFFF;
}

.message-content .menu-inside-mess{
    padding-left: 1%;
    margin-top: 0;
    width: auto;
    height: 668px;
    overflow: scroll;
}

.message-content .icon-menu-cont{
    display: inline-block;
    vertical-align: middle;
    margin-top: 0;
}

.message-content-in{
    padding: 10px;
}

.message-content .message-text{
    width: 85%;
}

.circle-loret{
    width: 10px;
    height: 10px;
    background-color: #DBDBDB;
    border-radius: 100%;
    float: right;
    vertical-align: middle;
}

.circle-loret.new-circle{
    background-color: #FD2F5F;
}

.circle-loret.viewed-circle{
    background: url(../svg/user/messages/smallcheck.svg) no-repeat center center #4A90E2;
}


.top-cont-mes{
    background-color: #4A90E2;
    height: 43px;
    width: 100%;
    position: relative;
    z-index: 3;
    overflow: hidden;
}

.tcm-left{
    float: left;
    margin-left: 20px;
}

.tcm-right{
    float: right; 
    margin-right: 30px;   
}

.icon-mess-cont{
    width: 41px;
    height: 40px;
    margin-top: 6px;
    -webkit-border-top-left-radius: 25px;
    -webkit-border-top-right-radius: 25px;
    -moz-border-radius-topleft: 25px;
    -moz-border-radius-topright: 25px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px; 
    -webkit-animation: bouncebg 0.1s ease-out; 
    -moz-animation: bouncebg 0.1s ease-out; 
    -o-animation: bouncebg 0.1s ease-out; 
    -ms-animation: bouncebg 0.1s ease-out; 
    animation: bouncebg 0.1s ease-out;
    cursor: pointer;
}

.selection .icon-mess-cont{
    background-color: #F1F6FE;

}

.top-cont-mes ul li{
    list-style: none;
}

.inside-icon-mes{
    width: 22px;
    height: 22px;
    margin: 0 auto;
    padding-top: 5px;
}

svg#icon-mes-top{
    stroke:#FFFFFF;
}

svg#icon-mes-top .mess-icont{
    stroke:none;
    fill:#FFFFFF;  
}

.selection svg#icon-mes-top{
    stroke:#4A90E2;
}

.selection svg#icon-mes-top .mess-icont{
    stroke:none;
    fill:#4A90E2;
}

/* BODY TEXT */

.date-mess{
    color: #4A90E2;
    text-align: center;
    margin: 50px 0;
}

.line-mess,
.date-text{
    display: inline-block;
    vertical-align: middle;
}

.line-mess{
    width: 25px;
    height: 1px;
    background-color: #4A90E2;;
}

.date-text{
    margin: 0 10px;
}

.user-other,
.user-myself{
    display: block;
    width: 100%;
    margin: 15px 0;
}

.user-other .icon-menu-cont,
.mess-box-cont{
    display: inline-block;
    vertical-align: bottom;
}

.mess-box-text,
.mess-box-time{
    display: inline-block;
    vertical-align: bottom;  
}

.mess-box-text{
    background-color: #F6F5FE;
    padding: 20px;
    border-radius: 13px;
    color: #02008C;
    font-size: 15px;
    position: relative;
    margin-left: 20px;
    max-width: 553px;
    line-height: 30px;
}

.mess-box-time{
    color: #A7ADCD;
    margin-left: 10px;
}

.mess-box-time .circle-loret{
    width: 14px;
    height: 14px;
    margin-left: 5px;
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 1px;
}

.mess-conversation .icon-menu-cont{
    width: 50px;
    height: 50px;
    margin-left: 3px;
}

.mess-conversation .pic-cont-small{
    width: 50px;
    height: 50px;
}

.mess-conversation .icon-menu-cont .veristar{
    width: 13px;
    height: 13px;
}

.mess-box-cont{
    margin-bottom: 25px;
}

.triangle-mess{
    border-style: inset;
    -webkit-transform:rotate(360deg);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 11px 10px 21px;
    border-color: transparent transparent #f6f5fe transparent;
    position: absolute;
    bottom: 0;
    left: -16px;
}

.triangle-mymess{
    border-style: inset;
    -webkit-transform:rotate(360deg);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 21px 10px 11px;
    border-color: transparent transparent #edfaff transparent;
    position: absolute;
    bottom: 0;
    right: -16px;
}

.user-myself .mess-box-text{
    background-color: #EDFAFF;
    margin-left: 0;
    margin-right: 20px;
}

.user-myself .mess-box-time{
    margin-left: 0px;
    margin-right: 10px;
}

.floater-text{
    float: right;
}

.user-myself .mess-box-time .circle-loret{
    margin-left: 0;
    margin-right: 5px;
}

.message-text-coder{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.user-myself .icon-menu-cont{
    margin-left: 0;
    margin-right: 3px;
}

.message-text-coder-in{
    width: 95%;
    margin: 0 auto 15px;
    border-top: 1px solid #F1F6FE;
    background-color: #FFFFFF;
}

.double-btns,
.textual,
.sendup{
    display: inline-block;
}

.db-btn{
    display: inline-block;
    width: 42px;
    height: 42px;
    overflow: hidden;
    border-radius: 100%;
    cursor: pointer;
}

.db-btn.loadfile{
    background: url(../svg/user/messages/attach.svg) no-repeat center center #F1F6FE;;
}

.db-btn.loademoji{
    background: url(../svg/user/messages/happy.svg) no-repeat center center #F1F6FE;;
}


.double-btns input[type='file'] {
    color: transparent;
    direction: rtl;
    cursor: pointer;
}

.loadfile{
    margin-right: 10px;
}

.sendup input{
    width: 88px;
    height: 42px;
    border-radius: 20px;
    color: transparent;
    background: url(../svg/user/messages/send.svg) no-repeat center center #4A90E2;
    cursor: pointer;
}

.textual{
    max-width: 535px;
    width: 70%;
    margin: 0 16px;
}

.textual textarea{
    width: 100%;
    overflow: hidden;
    resize: none;
    border:none;
    border-bottom: 1px solid #EDFAFF;
    font-size: 15px;
    color: #02008C;
    font-family: 'Ubuntu', sans-serif;
}

.textual ::placeholder {
    color: #01B7FF;
    text-align: left;
    font-size: 15px;
    opacity: 1;
    font-weight: 100;
}

.textual :-ms-input-placeholder { 
    color: #01B7FF;
    text-align: left;
    font-size: 15px;
    opacity: 1;
    font-weight: 100;
}

.textual ::-oz-input-placeholder{
    color: #01B7FF;
    text-align: left;
    font-size: 15px;
    opacity: 1;
    font-weight: 100;
}

.textual ::-webkit-input-placeholder{
    color: #01B7FF;
    text-align: left;
    font-size: 15px;
    opacity: 1;
    font-weight: 100;
}

.top-mess-cont{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 50px;
    z-index: 2;
    border-radius: 0;
}

.delete-icon,
.desktop-profile{
    width: 50px;
    height: 50px;
    position: absolute;
    background: #ffffff;
    border-radius: 100%;
}

.delete-icon{
    right: 0px;
    top: 0px;
}

.desktop-profile{
    left: 0px;
    top: 0px;
}

.delete-icon-in{
    width: 18px;
    height: 18px;
    position: absolute;
    bottom: 17px;
    margin:0 auto;
    right: 0;
    left: 0;
    background: url(../svg/user/messages/delete-con.svg) no-repeat center center transparent;
}

.delete-icon-in svg#deletemicon{
    stroke:#4A4A4A;
}

.gobackmess-icon{
    display: none;
}

.respo-user-dot{
    display: none;
}

.userview-mid{
    width: 50px;
    height: 50px;
    cursor: pointer;
}

.desktop-profile-icon-in{
    width: 21px;
    height: 21px;
    position: absolute;
    bottom: 15px;
    margin: 0 auto;
    right: 0;
    left: 0;
    background: url(../svg/user/messages/user.svg) no-repeat center center transparent;
}

/* ================= PROFILE ================= */

.profile-content .content-left{
    width: 321px;
    text-align: center;
}

.profile-content .content-middle{
    width: 321px;
    width: 30%;
    background-color: #3DC471;
}

.profile-content .content-right{
    width: 479px;
    background-color: #FAFAFA;
    position: relative;
}

.profile-content .content-main-title{
    font-size: 25px;
}

.profile-content .business-gallery{
    width: 90%;
    margin-top: 0;
}

.profile-content .gallery-title {
    margin-bottom: 20px;
    text-align: left;
}

.profile-content .business-gallery li{
    width: 60px;
    height: 60px;
}

.profile-content .business-gallery ul li {
    list-style: none;
    margin: 0 5px;
    cursor: pointer;
}

.profile-desc{
    width: 90%;
    margin: 20px auto 0px auto;
    text-align: left;
    color: #8D8D8D;
    font-size: 13px;
    line-height: 26px;
}

.profile-age{
    font-size: 20px;
    text-align: center;
    color: #454F5B;
    font-weight: bold;
}

.profile-name h1{
    font-size: 25px;
    text-align: center;
    color: #454F5B;
    font-weight: bold;
    text-transform: none;
    margin-bottom: 15px;
}

.profile-header{
    width: 100%;
    display: block;
    height: 160px;
    position: relative;
    border-top-left-radius: 10px;
    overflow: hidden;
}

.profile-back-colours {
    width: 100%;
    height: 72px;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    background: linear-gradient(135deg, #fd8cff 0%, #00d1ff 100%);
}

.profile-founding-seal{
    width: 45px;
    position: absolute;
    bottom: 0;
    left: 16px;
}

.user-btn.textol{
    margin: 20px auto!important;
}

.counter-text{
    color: #BD79F9;
    margin: 10px 0 0;
}

.fm-seal{
    width: 36px;
    height: 30px;
    background: url(../svg/user/profile/seal.svg) no-repeat center center transparent;
    margin: 0 auto;
    margin-bottom: 10px;
}

.fm-text{
    font-size: 10px;
    font-weight: bold;
    color: #7ED321;
    text-align: center;
}

.user-prof-icon{
    width: 17px;
    height: 17px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    background: url(../svg/user/profile/user.svg) no-repeat center center transparent;
}

.user-age-icon{
    width: 17px;
    height: 17px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    background: url(../svg/user/profile/bday.svg) no-repeat center center transparent;
}

.profile-big-image{
    width: 150px;
    height: 150px;
    position: absolute;
    bottom: 0px;
    margin:0 auto;
    right: 0;
    left: 0;
}

.galprof li img{
    height: 100%;
}

.galprof li{
    position: relative;
}

.fober{
    position: absolute;
    width: 100%;
    height: 30px;
    bottom: 0;
    color: #ffffff;
    font-weight: 600;
    background-color: rgba(0, 0, 0, 0.7);
    background: rgba(0, 0, 0, 0.7);
    font-size: 11px;
    line-height: 27px;
    text-align: center;
    letter-spacing: .5px;
}

.pic-cont-big {
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.myfav-cont .pic-cont-big,
.cont-mid-head-match .pic-cont-big,
.hidden-cont .pic-cont-big{
    cursor: inherit;
}

.icon-menu-bigcont {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    margin: 12px auto 0;
    position: relative;
}

.icon-menu-bigcont:before {
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    background: linear-gradient(135deg, #fd8cff 0%, #00d1ff 100%);
    content: '';
    z-index: 0;
    border-radius: 100%;
}

.icon-menu-bigcont img {
    width: 100%;
    height: auto;
}

.icon-menu-bigcont .veristar {
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 5px;
    right: 2px;
    z-index: 1;
}

.profile-big-image:before {
    position: absolute;
    top: -2px;
    bottom: 9px;
    left: 0;
    right: 0;
    background: linear-gradient(135deg, #fd8cff 0%, #00d1ff 100%);
    content: '';
    z-index: 0;
    border-radius: 100%;
    opacity: 0.5;
    width: 130px;
    height: 130px;
    margin: 0 auto;
}

/* MIDDLE COLUMN PROFILE */

.profile-content .content-middle-in{
    padding-top: 0px;
    width: 100%;
}

.title-prof-menu{
    color: #FFFFFF;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    margin-top: 140px;
}

.user-manage-prof{
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    background: url(../svg/user/profile/manageprof.svg) no-repeat center center transparent;
}

.profile-content .content-middle-in ul li{
    width: 100%;
}

.profile-content .content-middle-in ul{
    height: auto;
}

.profile-content .content-middle-in ul{
    overflow: visible;
}

.menu-inside.miprof{
    margin-top: 20px;
}  

.menu-inside.miprof ul li{
    color: #FFFFFF;
}

.menu-inside.miprof li.selected{
    background-color: #FAFAFA;
}

.menu-inside.miprof .selected:before, 
.menu-inside.miprof .selected:after {
    background: #FAFAFA;
}

.p-bank.selected .inside-menu:after, 
.p-bank.selected .inside-menu:before {
    background: #3DC471;
}

.p-bank.selected p{
    color: #3DC471;
}

.p-memb.selected .inside-menu:after, 
.p-memb.selected .inside-menu:before {
    background: #01B7FF;
}

.p-memb.selected p{
    color: #01B7FF;   
}

.p-cont.selected .inside-menu:after, 
.p-cont.selected .inside-menu:before {
    background: #BD10E0;
}

.p-cont.selected p{
    color: #BD10E0;
}

.p-prof.selected .inside-menu:after, 
.p-prof.selected .inside-menu:before {
    background: #9013FE;
}

.p-prof.selected p{
    color: #9013FE;
}

.p-pass.selected .inside-menu:after, 
.p-pass.selected .inside-menu:before {
    background: #18CACC;
}

.p-pass.selected p{
    color: #18CACC;  
}

.menu-inside.miprof svg#pass-con{
    stroke: #FFFFFF;
}

.menu-inside.miprof svg#prof-con{
    stroke: #FFFFFF;
}

.menu-inside.miprof svg#cont-con{
    stroke: #FFFFFF;
}

.menu-inside.miprof svg#memb-con{
    stroke: #FFFFFF;
}

.menu-inside.miprof svg#bank-con{
    stroke: #FFFFFF;
}

.menu-inside.miprof .selected svg#pass-con{
    stroke: #18CACC;
}

.menu-inside.miprof .selected svg#prof-con{
    stroke:#9013FE;
}

.menu-inside.miprof .selected svg#cont-con{
    stroke:#BD10E0;
}

.menu-inside.miprof .selected svg#memb-con{
    stroke:#01B7FF;
}

.menu-inside.miprof .selected svg#bank-con{
    stroke:#3DC471;
}

/* - - BANK - - */

.profile-content .content-right-in{
    width: 90%;
    margin:0 auto;
    color: #9B9B9B;
    font-size: 15px;
}

.profile-content .content-right-in ul li{
    list-style: none;
}

.profile-content .content-right-in h1{
    font-size: 20px;
    font-weight: 500;
    color: #454F5B;
    text-align: center;
    margin: 20px 0;
}

.profile-content .content-right-in span{
    color: #454F5B;
    font-weight: bold;
}

.subte{
    text-align: center;
    padding-top: 10px;
}

.subte span{
    text-transform: uppercase;
}

.unibox{
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 40px;
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.03)
}

.uni-top{
    background-color: #20CEA3;
    position: relative;
    text-align: center;
    font-size: 33px;
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 10px;
}

.icon-unibx{
    width: 43px;
    height: 43px;
    background-color: #43F0C5;
    border-radius: 100%;
    position: absolute;
    left: 7px;
    bottom: 8px;
}

.uni-bottom{
    background-color: #ffffff;
    min-height: 72px;
}

.deal-box li{
    font-size: 14px;
    margin: 15px 0;
}

.deal-icon{
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 26px;
    margin-right: 25px;
}

.data{
    position: relative;
    width: 100%;
    height: 119px;
    margin: 40px 0;
}

.boxy{
    width: 120px;
    height: 119px;
    background-color: #ffffff;
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.03);
    border-radius: 5px;
    text-align: center;
}

.boxy-txt{
    color: #454F5B;
    font-size: 12px;
    font-weight: bold;
}

.boxy-data{
    font-family: 'Work Sans', sans-serif;
    font-weight: 100;
    font-size: 47px;
}

.boxy-r{
    position: absolute;
    right: 0;
}

.boxy-l{
    position: absolute;
    left: 0;
}

.boxy-m{
    position: absolute;
    right: 0;
    left: 0;
    margin:0 auto;
}

.boxy-con{
    width: 40px;
    height: 20px;
    display: block;
    margin: 13px auto;
}

span.pricetag{
    font-size: 24px;
    color: #8D8D8D!important;
    vertical-align: middle;
    display: inline-block;
    padding-bottom: 8px;
}

.i-1{
    background: url(../svg/user/profile/d1.svg) no-repeat center center transparent;    
}

.i-2{
    background: url(../svg/user/profile/d2.svg) no-repeat center center transparent;    
}

.i-3{
    background: url(../svg/user/profile/d3.svg) no-repeat center center transparent;    
}

.i-4{
    background: url(../svg/user/profile/d4.svg) no-repeat center center transparent;    
}

.boxy-l .boxy-con{
    background: url(../svg/user/profile/c1.svg) no-repeat center center transparent;    
}

.boxy-m .boxy-con{
    background: url(../svg/user/profile/c2.svg) no-repeat center center transparent;    
}

.boxy-r .boxy-con{
    background: url(../svg/user/profile/c3.svg) no-repeat center center transparent;    
}

.icon-fre{
    width: 26px;
    height: 26px;
    position: absolute;
    margin:0 auto;
    right: 0;
    left: 0;
    top: 9px;
    background: url(../svg/user/profile/friends.svg) no-repeat center center transparent; 
}

.deal-box{
    text-align: left;
}

/* - - MEMBERSHIP - - */

.profile-content .content-right-in{
    text-align: center;
}

.middle{
    text-align: center;
}

.middle p{
    margin-bottom: 10px;
}

.mid-titlo{
    text-align: center;
    font-family: 'Work Sans', sans-serif;
    font-weight: 100;
    font-size: 30px;
    color: #454F5B;
    margin-top: 40px;
}

.profile-content .user-btn{
    margin: 40px auto;
}

.low-titlo{
    font-size: 20px;
    font-weight: 500;
    color: #01B7FF;
    text-transform: uppercase;
    text-align: center;
}

.cancel-lil-bot{
    font-size: 10px;
    color: #FFFFFF;
    background-color: #9B9B9B;
    padding: 10px;
    width: 100px;
    margin: 50px auto 0;
    border-radius: 25px;
    text-align: center;
    cursor: pointer;
}

.cancel-lil-bot a{
    color: #FFFFFF;
    text-decoration: none;   
}

.subs-box{
    background-color: #ffffff;
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.03);
    width: 100%;
    max-width: 401px;
    height: 192px;
    margin: 40px auto;
    border-radius: 22px;
    overflow: hidden;
    text-align: center;
}

.sub-bx-r,
.sub-bx-l{
    display: inline-block;
    vertical-align: top;
}

.sub-bx-r{
    background: linear-gradient(135deg, #EE5A78 0%, #FDB080 100%);
    width: 40%;
    height: 100%;
    color: #ffffff;
    font-size: 18px;
}

.romu{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 40px;
    color: #4A4A4A;
    margin: 10px 0;
}

.limito{
    margin-top: 45px;
}

.sub-bx-l{
    width: 60%;
    height: 100%;
    text-align: left;
}

.sub-bx-l ul li{
    font-size: 13px;
    color: #01B7FF;
    margin: 18px 0;
}

.sub-bx-l ul{
    width: 80%;
    margin: 30px auto 0;
}

.supertiny-con{
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 10px;
}

.stcn-1{
    background: url(../svg/user/profile/blucon-1.svg) no-repeat center center transparent; 
}

.stcn-2{
    background: url(../svg/user/profile/blucon-2.svg) no-repeat center center transparent; 
}

.stcn-3{
    background: url(../svg/user/profile/blucon-3.svg) no-repeat center center transparent; 
}

.stcn-4{
    background: url(../svg/user/profile/blucon-4.svg) no-repeat center center transparent; 
}

.profile-content .user-btn.rainbow {
    background-image: linear-gradient(135deg, #ff59de 0%, #00d1ff 80%, #00eaff 100%);
    box-shadow: 0 7px 11px -8px #000000;
}

.profile-content .input-title span{
    font-weight: 100;
}

.change-psd{
    margin: 50px 0 0;
}

.inpu-pass{
    margin: 0 auto;
    position: relative;
    background: #FFFFFF;
    display: block;
    width: 100%;
    padding: 20px;
    max-width: 300px;
    border-radius: 50px;
    text-align: left;
    margin-bottom: 40px;
}

.change-psd input{
    width: 90%;
    margin: 0;
    display: inline-block;
    text-align: left;
    text-indent: 0;
    float: none;
}

.inpucon {
    display: block;
    width: 26px;
    height: 26px;
    background-color: blue;
    position: absolute;
    right: 10px;
    bottom: 17px;
    clear: both;
}

.inpucon.psd-1 {
    background: url(../svg/user/profile/lock.svg) no-repeat center center transparent; 
}

.inpucon.psd-2 {
    background: url(../svg/user/profile/lock2.svg) no-repeat center center transparent; 
}

.change-psd .input-title{
    margin-bottom: 20px;
}


.user-btn.save-chg {
    width: 190px;
}

/* - - CONTACT INFO - - */

.boxen-cont{
    background-color: #ffffff;
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.03);
    width: 100%;
    height: 600px;
    border-radius: 25px;
    overflow: hidden;
    margin-top: 40px;
    position: relative;
}

.right-formicon,
.left-formicon,
.left-formicon-bu{
    display: inline-block;
    vertical-align: middle;
}

.right-formicon{
    width: 35%;
    font-size: 15px;
    text-align: left;
}

.left-formicon{
    width: 65%;
    height: 20px;
    border-bottom: 1px solid #9013fe;
    padding-bottom: 15px;
    text-align: left;
}

.right-formicon span{
    font-weight: 100!important;
}

.formicon{
    display: inline-block;;
    width: 26px;
    height: 26px;
    vertical-align: middle;
    margin-right: 10px;
}

.formicon.fmc-1{
    background: url(../svg/user/profile/mail.svg) no-repeat center center transparent; 
}

.formicon.fmc-2{
    background: url(../svg/user/profile/phone.svg) no-repeat center center transparent; 
}

.formicon.fmc-3{
    background: url(../svg/user/profile/zip.svg) no-repeat center center transparent; 
}

.boxen-cont input{
    width: 80%;
    float: none;
    text-align: left;
    text-indent: 0;
    vertical-align: middle;
    margin-top: 8px;
}

.boxen-cont form{
    width: 95%;
    margin: 0 auto;
    padding-top: 20px;
}

.goodicon{
    display: inline-block;
    width: 26px;
    height: 26px;
    float: right;
    margin-top: 4px;
    background: url(../svg/user/profile/goodicon.svg) no-repeat center center transparent; 
}

.boxen-cont hr{    
    border:none;
    border-top: 1px solid #D8D8D8;
    display: block;
    width: 80%;
    margin: 10px auto;
    opacity: 0.5;
}

.divicon{
    display: inline-block;
    width: 50%;
    vertical-align: top;
    margin: 15px 0;
}

.divicon .right-formicon{
    text-align: center;
}

.divon{
    margin-top: 20px;
}

.divon-left,
.divon-right{
    display: inline-block;
    width: 50%;
}


.divon-left input{
    width: 15px;
    height: 15px;
    margin: 0;
    margin-right: 10px;
    vertical-align: middle;
    top: 0;
    border-radius: 3px;
}

.divon-left label{
    font-size: 12px;
}

.divon-left input.form-radio::before{
    left: 3px;
    top: -1px;
    font: 12px/1 'Open Sans', sans-serif;
}

.divon-left{
    text-align: left;
}

.divon-right{
    text-align: right;
}

.divon-right input[type=checkbox],
.div-cin-m input[type=checkbox]{
    height: 0;
    width: 0;
    display: none;
}

.divon-right label,
.div-cin-m label {
    cursor: pointer;
    text-indent: -9999px;
    width: 54px;
    height: 30px;
    background: red;
    display: block;
    border-radius: 100px;
    position: relative;
}

.divon-right label:after,
.div-cin-m label:after {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 90px;
    transition: 0.3s;
}

.divon-right input:checked + label,
.div-cin-m input:checked + label{
    background: #7ED321;
}

.divon-right input:checked + label:after,
.div-cin-m input:checked + label:after {
    left: calc(100% - 5px);
    transform: translateX(-100%);
}

.divon-right label:active:after,
.div-cin-m label::active:after {
    width:20px;
}

.contby,
.contbypot{
    display: inline-block;
    vertical-align: middle;
}

.contby{
    font-size: 12px;
    margin-right: 10px;
}

.contbypot{
    position: relative;
}

.boxen-cont .user-btn{
    margin: 32px auto 30px;
}

/* - - PROFILE SETTINGS - - */

.boxen-cont .double-cont{
    width: 100%;
}

.boxen-cont .half-box-cont.name::after{
    display: none;
}

.boxen-cont .half-box-cont.fname input{
    text-align: center;
    width: 100%;
}

.boxen-cont .half-box-cont.fright input{
    width: 100%;
    text-align: center;
}

.boxen-cont .full-text-box-cont, 
.boxen-cont .half-box-cont{
    margin-bottom: 10px;
}

.sett-con .divicon{
    margin: 5px 0;
}

.left-formicon-bu{
    width: 65%;
    height: 20px;
    padding-bottom: 0px;
    text-align: left;
    margin-top: 12px;
    font-size: 12px;
}

.left-formicon-bu input{
    width: 15px!important;
    height: 15px!important;
    margin: 0;
}

.right-formicon.mafe{
    margin-top: 5px;
}

.femda{
    margin-left: 10px!important;
}

.goopy{
    width: 100%;
    border-bottom: 1px solid #9013fe;
    padding-bottom: 7px;
    text-align: left;
    margin-top: 21px;
}

.goopy input{
    width: 90%;
}

.boxen-cont.sett-con .user-btn {
    margin-top: 35px;
}

.sex-input{
    display: inline-block;
}

.respo-user-docs{
    display: none;
}

/* ================= MY WALL ================= */

.imu.active .icon-menu-cont:before{
    top: -5px;
    bottom: -5px;
    left: -5px;
    right: -5px;
}

.content-thin-left,
.content-big-middle{
    display: inline-block;
    vertical-align: top;
}

.content-thin-left{
    background-color: #9013FE;
    height: 755px;
    width: 195px;
}

.content-big-middle{
    background-color: #EDEDED;
    height: 755px;
    width: 950px;
}

.menu-inside-wall.miwall{
    padding-left: 2%;
}

.menu-inside-wall.miwall .selected p{
    color: #9013FE;
}

.menu-inside-wall.miwall ul li{
    color: #FFFFFF;
    border-radius: 0;
}

.menu-inside-wall.miwall .lmenu-icon{
    margin-left: 30px;
    margin-right: 10px;
}

.menu-inside-wall.miwall .selectede .inside-menu:after, 
.menu-inside-wall.miwall .selected .inside-menu:before{
    background-color: #9013FE;
}

.menu-inside-wall.miwall li .inside-menu:after{
    background-color: #9013FE;
}

.menu-inside-wall.miwall li.selected{
    background-color: #EDEDED;
}

.empty-cont{
    text-align: center;
    color: #9B9B9B;
    margin-top: 200px;
}

.empty-cont p{
    margin: 10px 0;
}

.emptyline-1{
    font-size: 17px;
}

.emptyline-2{
    font-size: 20px;
    font-weight: 700;
}

.empty-cont .user-btn{
    margin: 30px auto 0px;
}

.rainbow {
    background-image: linear-gradient(135deg, #ff59de 0%, #00d1ff 80%, #00eaff 100%);
}

.emptycon{
    width: 91px;
    height: 91px;
    background: red;
    margin: 0 auto 20px;
}

.myfav-cont .emptycon{
    background: url(../svg/user/wall/dont-like.svg) no-repeat center center transparent; 
}

.hidden-cont .emptycon{
    background: url(../svg/user/wall/hidden.svg) no-repeat center center transparent; 
}

.blocked-cont .emptycon{
    background: url(../svg/user/wall/blocked.svg) no-repeat center center transparent; 
}

.events-cont .emptycon{
    background: url(../svg/user/wall/no-events.svg) no-repeat center center transparent; 
}

.podcast-cont .emptycon{
    background: url(../svg/user/wall/podcast.svg) no-repeat center center transparent; 
}

.boxy-bu{
    background-color: #ffffff;
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.03);
    width: 486px;
    border-radius: 25px;
    overflow: hidden;
    margin: 100px auto 0;
    text-align: center;
    color: #454F5B;
    position: relative;
}

.boxy-bu .emptycon{
    width: 45px;
    height: 45px;
    margin-top: 50px;
    margin-bottom: 30px;
    background: url(../svg/user/wall/suggestions.svg) no-repeat center center transparent; 
}

.emptyline-3{
    font-size: 20px;
    font-weight: bold;
}

.emptyline-4{
    margin: 20px 0;
}

.rem-car{
    color: #F73FCD;
    text-align: center;
    margin-top: 20px;
}

.boxy-bu .double-btn-container{
    color: #ffffff;
    margin: 40px 0;
}

.sugg-boxx textarea{
    background-color: #e7f8ff;
    width: 80%;
    margin: 0 auto;
    border-radius: 7px;
    font-size: 13px;
    color: #454F5B;
    border: 0;
    resize: none;
    padding: 20px;
    line-height: 26px;
}

.menu-inside-wall.miwall li svg{
    stroke: #FFFFFF;
    fill:#FFFFFF;
}

.menu-inside-wall.miwall li.selected svg{
    stroke: #9013FE;
    fill:#9013FE;
}

.respo-myprof-back{
    display: none;
}

li.empty-con{
    display: none;
    vertical-align: top;
    pointer-events: none;
    cursor: default;
    background: none;
    margin-bottom: 0!important;
}

/* ================= MATCHES ================= */

.matches-content .content-main-title hr{
    border-top-color: #F73FCD;
}

.matches-content .content-left {
    background-color: #EDEDED;
}

.matches-content .content-middle{
    background-color: #FFFFFF;   
}

.all-matches-cont{
    text-align: center;
    font-size: 12px;
}

.all-matches-cont ul li {
    display: inline-block;
    width: 33%;
    margin-bottom: 25px;
}

.icon-menu-midcont {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    margin: 0 auto;
    position: relative;
    top: 9px;
}

.pic-cont-mid {
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.icon-menu-midcont img {
    width: 100%;
    height: auto;
}

.icon-menu-midcont:before {
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    background: linear-gradient(135deg, #fd8cff 0%, #00d1ff 100%);
    content: '';
    z-index: 0;
    border-radius: 100%;
}

.icon-menu-midcont .veristar {
    width: 17px;
    height: 17px;
    display: block;
    position: absolute;
    top: 5px;
    right: 1px;
    z-index: 1;
}

.profile-match-image {
    width: 100px;
    height: 100px;
    bottom: 0px;
    margin: 0 auto;
    right: 0;
    left: 0;
    position: relative;
    border-radius: 100%;
}

.all-matches-cont ul li.option .profile-match-image, 
.profile-match-image:hover {
    background: linear-gradient(135deg, #dec9f7 0%, #97ddf7 100%);
}

.cont-mid-head-match{
    position: relative;
    height: 150px;
}

.matches-content .menu-inside ul li{
    color: #F73FCD;
}

.myfav-cont .menu-inside ul li,
.hidden-cont .menu-inside ul li {
    color: #9013FE;
}

.matches-content .menu-inside li.selected,
.myfav-cont .menu-inside li.selected,
.hidden-cont .menu-inside li.selected{
    color: #454F5B;
}

.matches-content .menu-inside li.selected,
.myfav-cont .menu-inside li.selected,
.hidden-cont .menu-inside li.selected{
    background-color: #FAFAFA;
}

.matches-content .menu-inside .selected:before, 
.matches-content .menu-inside .selected:after,
.myfav-cont .menu-inside .selected:before,
.myfav-cont .menu-inside .selected:after,
.hidden-cont .menu-inside .selected:before,
.hidden-cont .menu-inside .selected:after {
    background-color: #FAFAFA;
}

.matches-content .content-middle-in ul li,
.myfav-cont .content-middle-in ul li,
.hidden-cont .content-middle-in ul li{
    width: 100%;
}

.matches-content .menu-inside,
.myfav-cont .menu-inside,
.hidden-cont .menu-inside{
    margin-top: 30px;
}

.matches-content .content-middle,
.myfav-cont .content-middle,
.hidden-cont .content-middle{
    width: 30%;
    position: relative;
    overflow: hidden;
}

.matches-content .content-middle-in,
.myfav-cont .content-middle-in,
.hidden-cont .content-middle-in{
    width: 100%;
    position: relative;
}

.matches-content .content-middle-in ul,
.myfav-cont .content-middle-in ul,
.hidden-cont .content-middle-in ul{
    height: auto;
    overflow: visible;
}

.upadted-text{
    position: absolute;
    bottom: 10px;
    right: 0;
    left: 0;
    margin: 0 auto;
    text-align: center;
}

.icon-update{
    width: 20px;
    height: 20px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 10px;
    background: url(../svg/user/matches/update.svg) no-repeat center center transparent; 
}

.text-update{
    display: inline-block;
    color: #454F5B;
}


.menu-inside.matches li svg#iconomatch{
    stroke: #F73FCD;
    fill: #F73FCD;
}

.myfav-cont .menu-inside.matches li svg#iconomatch,
.hidden-cont .menu-inside.matches li svg#iconomatch{
    stroke: #9013FE;
    fill: #9013FE;
}

.menu-inside.matches li.selected svg#iconomatch{
    stroke: #454F5B;
    fill: #454F5B;
}



.bottom-buttons{
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: 0;
}

.bott-left,
.bott-mid,
.bott-right{
    display: inline-block;
    width: 33%;
    height: 100%;
    position: relative;
}

.match-act{
    width: 55px;
    height: 55px;
    border-radius: 100%;
    background-color: #D0021B;
    position: absolute;
    top: 10px;
    overflow: hidden;
}

.match-act.left-bet{
    right: 10px
}

.match-act.mid-bet{
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #9C949E;
}

.match-act.right-bet{
    left: 10px;
    background-color: #7ED321;
}

.block-icon,
.hidden-icon,
.liked-icon{
    width: 30px;
    height: 30px;
    margin: 12px auto 0;
}

.block-icon{
    background: url(../svg/user/matches/blocked.svg) no-repeat center center transparent; 
}

.hidden-icon{
    background: url(../svg/user/matches/hidden.svg) no-repeat center center transparent; 
}

.liked-icon{
    background: url(../svg/user/matches/like.svg) no-repeat center center transparent; 
}

.action-icon{
    width: 20px;
    height: 20px;
    background-color: blue;
    position: absolute;
    top: -2px;
    left: -7px;
}

.action-tag{
    font-size: 9px;
    text-transform: uppercase;
    font-weight: bold;
    width: 63px;
    border-radius: 25px;
    color: #FFFFFF;
    letter-spacing: .2px;
    margin: 10px 0;
    position: relative;
    padding: 3px 0;
    text-indent: 17px;
}

.action-tag.verified-tag{
    background-color: #F5A623;
}

.action-tag.hidden-tag{
    background-color: #9C949E;
}

.action-tag.liked-tag{
    background-color: #7ED321;
}

.verified-tag .action-icon{
    background: url(../svg/user/matches/like-icon.svg) no-repeat center center transparent; 
}

.hidden-tag .action-icon{
    background: url(../svg/user/matches/hidden-icon.svg) no-repeat center center transparent; 
}

.liked-tag .action-icon{
    background: url(../svg/user/matches/hand-icon.svg) no-repeat center center transparent; 
}

.extra-action-box{
    position: absolute;
    top: 17px;
    left: 21px;
}

.compatible-heart{
    position: absolute;
    top: 15px;
    right: 10px;
    width: 80px;
    height: auto;
    text-align: center;
}

.compa-text{
    font-size: 9px;
    text-transform: uppercase;
    font-weight: bold;
    color: #59ACFE;
    text-align: center;
    padding: 3px 0;
    border-radius: 25px;
    background: linear-gradient(90deg, #FFE8FF 0%, #D9F6FF 100%);
}

.survey-compatible-heart{
    height: 72px;
    width: 72px;
    position: relative;
    margin: 0 auto;
}

.survey-compatible-heart-in {
    display: block;
    height: 72px;
    width: 72px;
    position: absolute;
    bottom: 0px;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
}

.survey-compatible-heart .ldBar{
    background-size: 72px;
    height: 77px!important;
    width: 80px!important;
}

.survey-compatible-heart .ldBar-label{
    display: block;
    position: absolute;
    top: 26px;
    left: 26px;
    color: #BD79F9;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.matches-content .content-right{
    width: 40%;
}

/* - - DESCRIPTION - - */

.boxy-desc {
    background-color: #ffffff;
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.03);
    width: 390px;
    border-radius: 5px;
    overflow: hidden;
    margin: 40px auto 0;
    text-align: left;
    color: #8D8D8D;
    font-size: 14px;
}

.boxy-desc-in{
    padding: 20px;
    line-height: 25px;
}

.boxy-desc-in h1{
    font-size: 20px;
    color: #454F5B;
    font-weight: bold;
    text-transform: none;
    margin-bottom: 20px;
}

.about-icon{
    display: inline-block;
    width: 17px;
    height: 17px;
    vertical-align: middle;
    background: url(../svg/user/profile/user.svg) no-repeat center center transparent;
    margin-right: 5px;
}

.desc-cont .business-gallery ul li{
    margin: 0 9px;
}

/* - - COMPATIBILITY - - */

.boxy-compa-in{
    width: 85%;
    margin: 0 auto;
    padding-top: 50px;
}

.boxy-compa-in ul li{
    list-style: none;
    text-align: center;
    display: inline-block;
    width: 50%;
}

.compa-icon{
    width: 25px;
    height: 25px;
    background-color: red;
    margin: 15px auto;
}

.compa-title{
    font-size: 12px;
    color: #454F5B;
    font-weight: bold;
}

.compa-per{
    font-size: 47px;
    color: #8D8D8D;
    font-family: 'Work Sans', sans-serif;
    font-weight: 100;
}

.inside-con{
    background-color: #ffffff;
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.03);
    width: 162px;
    height: 130px;
    border-radius: 12px;
    overflow: hidden;
    margin: 15px auto;
    text-align: center;
    color: #8D8D8D;
    font-size: 15px;
}

.compa-icon.goalsn-icon{
    background: url(../svg/user/matches/goals.svg) no-repeat center center transparent;
}

.compa-icon.family-icon{
    background: url(../svg/user/matches/family.svg) no-repeat center center transparent;
}

.compa-icon.carrer-icon{
    background: url(../svg/user/matches/work.svg) no-repeat center center transparent;
}

.compa-icon.financial-icon{
    background: url(../svg/user/matches/financial.svg) no-repeat center center transparent;
}

.compa-icon.life-icon{
    background: url(../svg/user/matches/lifestyle.svg) no-repeat center center transparent;
}

.compa-icon.person-icon{
    background: url(../svg/user/matches/personality.svg) no-repeat center center transparent;
}

.compa-icon.sex-icon{
    background: url(../svg/user/matches/sexual.svg) no-repeat center center transparent;
}

.compa-icon.religion-icon{
    background: url(../svg/user/matches/religion.svg) no-repeat center center transparent;
}

/* - - SEND MESSAGE - - */

.boxy-message-in{
    text-align: center;
}

.title-mes{
    font-size: 20px;
    color: #454F5B;
    text-transform: uppercase;
    font-weight: bold;
    padding-top: 80px;
}

.ice-con{
    width: 27px;
    height: 27px;
    margin: 25px auto;
    background: url(../svg/user/matches/ice.svg) no-repeat center center transparent;
}

.phrase-mes{
    color: #9B9B9B;
    font-size: 16px;
}

.phrase-mes span{
    color: #454F5B;
}

.phrase-add{
    color: #9B9B9B;
    font-size: 16px;
    margin-bottom: 20px;
}

.button-ms{
    background-color: #F73FCD;
    font-size: 10px;
    color: #FFFFFF;
    font-weight: bold;
    border-radius: 25px;
    padding: 10px;
    width: 70px;
    display: inline-block;
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.09);
    cursor: pointer;
}

.button-ms.cur-btn{
    background-color: #BD79F9;
    margin: 0 10px;
}

.button-ms.small-btn{
    background-color: #01B7FF; 
}

.send-message-cont .inside-btn{
    color: #FFFFFF;
    margin-top: 30px;
    margin-bottom: 80px;
}

.snd-mess-box{
    background-color: #FFFFFF;
    width: 80%;
    max-width: 390px;
    margin: 0 auto;
    margin-top: 40px;
    border-radius: 25px;
    text-align: left;
    padding-top: 15px;
    position: relative;
    overflow: hidden;
}

.snd-mess-box textarea{
    resize: none;
    border: 0;
    margin-left: 30px;
    width: 290px;
    font-family: 'Ubuntu', sans-serif;
    color: #01B7FF;
    font-size: 14px;
}



.icon-love-txt{
    width: 26px;
    height: 26px;
    position: absolute;
    top: 10px;
    right: 13px;
    background: url(../svg/user/matches/icon-mess.svg) no-repeat center center transparent;
}

.button-mess-box{
    cursor: default;
}

/* - - SEND GIFT - - */

.sutitle-mes{
    font-size: 20px;
    color: #8D8D8D;
    font-weight: bold;
    margin-top: 25px;
    margin-bottom: 70px;
}

.circle-div{
    width: 104px;
    height: 104px;
    border: 3px solid #F73FCD;
    border-radius: 100%;
    display: inline-block;
}

.number-circ{
    color: #F73FCD;
    font-size: 20px;
    display: block;
    margin-top: 5px;
    font-weight: 400;
}

.icon-circ{
    display: block;
    width: 40px;
    height: 40px;
    margin: 0px auto 6px;
    background: url(../svg/user/matches/choose.svg) no-repeat center center transparent;
}

.cd-purple .icon-circ{
    background-image: url(../svg/user/matches/pay.svg);
}

.cd-blue .icon-circ{
    background-image: url(../svg/user/matches/delivered.svg);
}

.text-circ{
    color: #8D8D8D;
    font-size: 12px;
    font-weight: bold;
}

.circle-div.cd-purple{
    border-color: #BD79F9;
    margin: 0px 30px;
}

.cd-purple .number-circ{
    color: #BD79F9;
}

.circle-div.cd-blue{
    border-color: #01B7FF;
}

.cd-blue .number-circ{
    color: #01B7FF;
}

.send-gift-cont .inside-btn{
    color: #FFFFFF;
    margin-top: 70px;
}

.respo-images-gall{
    display: none;
}

/* ================= LET'S RENDEZVOUS ================= */


.dates-body .container-body{
    box-shadow: none;
    overflow: visible;
}

.dates-content .content-left{
    color: #4A4A4A;
    border-radius: 10px;
}


.dates-content .content-middle{
    width: 35%;
    background-color: #FAFAFA;
}

.dates-content .content-right {
    width: 35%;
    background-color: #E6EBF2;
    border-radius: 10px;
    box-shadow: 8px 0 14px 0px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    position: relative;
}

.dates-content .content-right.no-more-container{
    background-color: #F7F7F7;
}

.dates-content .content-main-title hr {
    border-top-color: #18CACC;
}

ul.dates_calendar li{
    width: 80%;
    height: 65px;
    background-color: #ffffff;
    margin: 37px 0;
    list-style: none;
    position: relative;
    box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.08);
    margin-left: 10%;
    -webkit-transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    -moz-transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    -o-transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    z-index: 2;
}

.dates-content li .day-box{
    position: absolute;
    width: 65px;
    height: 65px;
    background: linear-gradient(135deg, #3AFFAA 0%, #1CE0C6 100%);
    color: #FFFFFF;
    text-align: center;
    font-size: 36px;
    line-height: 65px;
}

.dates-content li.empty .day-box{
    background: linear-gradient(135deg, #454F5B 0%, #7F94AD 100%);
}


.middlecal-text{
    font-size: 13px;
    color: #9B9B9B;
    width: 100px;
    height: 37px;
    position: absolute;
    top: 20px;
    left: 110px;
    -webkit-transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    -moz-transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    -o-transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
}

.dates-content li .bar-cal{
    position: absolute;
    right: 0;
    top: 0;
    background: linear-gradient(135deg, #3AFFAA 0%, #1CE0C6 100%);
    width: 4px;
    height: 100%;
}

.dates-content li.empty .bar-cal{
    background: linear-gradient(135deg, #454F5B 0%, #7F94AD 100%);
}

.dates-content .icon-cal{
    position: absolute;
    width: 15px;
    height: 15px;
    background: url(../svg/user/dates/plus.svg) no-repeat center center transparent;
    top: 25px;
    right: 20px;
    -webkit-transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    -moz-transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    -o-transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
}

.icon-cal.have-date-icon{
    background: url(../svg/user/dates/have-date-icon.svg) no-repeat center center transparent;  
}

ul.dates_calendar li h1{
    font-size: 15px;
    color: #454F5B; 
    font-weight: bold 
}

ul.dates_calendar li.ready-cal{
    cursor: pointer;
}

ul.dates_calendar li.ready-cal:hover .middlecal-text,
#book_meeting ul.dates_calendar li:hover .middlecal-text{
    left: 120px;
    -webkit-transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    -moz-transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    -o-transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
}

ul.dates_calendar li.taken:hover .middlecal-text,
#book_meeting ul.dates_calendar li:hover .middlecal-text{
    left: 110px; 
}

ul.dates_calendar li.empty:hover .icon-ca,
#book_meeting ul.dates_calendar li:hover .icon-ca{
    transform: rotate(90deg);
    -webkit-transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    -moz-transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    -o-transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
}

.dates-main-title{
    background-color: #FAFAFA;
    width: 100%;
    height: 64px;
    position: relative;
}

.bar-tit-cal{
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(135deg, #3AFFAA 0%, #1CE0C6 100%);
    width: 4px;
    height: 100%;
}

.bar-tit-box{
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 20px;
    color: #454F5B;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
}

.bar-icon-cal{
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
    background: url(../svg/user/dates/calendar-edit.svg) no-repeat center center transparent;
}

.arrow-icon-cal{
    position: absolute;
    right: 20px;
    top: 24px;
    width: 15px;
    height: 15px;
    background: url(../svg/user/dates/right-arrow.svg) no-repeat center center transparent;
}

.dates-main-title:before, 
.dates-main-title:after {
    content: "";
    width: 20px;
    height: 20px;
    right: 0;
    background-color: #FAFAFA;
    position: absolute;
}

.dates-main-title:after{
    top: -20px;
}

.dates-main-title:before{
    bottom: -20px;
}

.dates-main-title-in:before,
.dates-main-title-in:after {
    content: "";
    width: 40px;
    height: 40px;
    z-index: 1;
    background-color: #FFFFFF;
    position: absolute;
    border-radius: 40px;
    right: 0;
}

.dates-main-title-in:after{
    top: -40px; 
}

.dates-main-title-in:before{
    bottom: -40px;
}

.message-cal-box{
    width: 80%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.message-cal-box p{
    padding: 20px 0;
    border-bottom: 1px solid #F3F3F3;
}

ul.main-dates li{
    list-style: none;
    margin: 0 auto;
    text-align: center;
    position: absolute;
}

.stack_item{
    width: 308px;
    min-height:390px;
    background-color: #FFFFFF;
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.03);
    border-radius: 9px;
    overflow: hidden;
    position: relative;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.top-cal-date{
    background: linear-gradient(135deg, #454F5B 0%, #7F94AD 100%);
    height: 32px;
    width: 115px;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-bottom-left-radius: 20px;
    -o-border-bottom-left-radius: 20px;
    -ms-border-bottom-left-radius: 20px;
    border-bottom-left-radius: 20px;
    color: #FFFFFF;
}

.day_day{
    font-size: 20px;
    position: absolute;
    left: 9px;
    top: 3px;
}

.day_bar{
    background-color: #FFFFFF;
    height: 100%;
    width: 3px;
    opacity: .3;
    position: absolute;
    left: 40px;
    top: 0;
}

.day_top{
    font-size: 9px;
    font-weight: bold;
    position: absolute;
    left: 56px;
    top: 11px;
}

.date-partner{
    width: 40px;
    height: 40px;
    background-color: red;
    border-radius: 100%;
    margin: 20px auto 10px;
    overflow: hidden;
}

.date-partner img{
    width: 100%;
    height: auto;
}

.date-phrase{
    text-align: center;
}

.date-partner-name{
    color: #454F5B;
    text-decoration: underline;
    padding: 10px;
    cursor: pointer;
    text-align: center;
    display: inline-block;
}

.date-partner-name.open-pr-bx{
    text-decoration: none;
    font-weight: bold;
    background-color: #F9F9F9;
    -moz-border-top-right-radius: 20px;
    -moz-border-top-left-radius: 20px;
    -o-border-top-right-radius: 20px;
    -o-border-top-left-radius: 20px;
    -ms-border-top-right-radius: 20px;
    -ms-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}

.date-hours{
    color: #9B9B9B;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center;
}

.guficon{
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: red;
    vertical-align: middle;
    margin-right: 10px;
}

.date-partner-name .guficon{
    background: url(../svg/user/dates/location.svg) no-repeat center center transparent;
}

.date-hours .guficon{
    background: url(../svg/user/dates/clock.svg) no-repeat center center transparent;
}

.viewmoreicon{
    display: inline-block;
    width: 10px;
    height: 10px;
    vertical-align: middle;
    margin-left: 5px;
    background: url(../svg/user/dates/low-arrow.svg) no-repeat center center transparent;
}

.date-likes{
    text-align: center;
    padding-bottom: 30px;
}

.date-like-nope,
.date-like-yei{
    width: 55px;
    height: 55px;
    border-radius: 100%;
    display: inline-block;
    cursor: pointer;
}

.date-like-nope{
    margin-right: 20px;
    background-color: #D0021B;
}


.date-like-yei{
    margin-left: 20px;
    background-color: #7ED321;
}

.profile-mainpic{
    width: 100px;
    height: 100px;
    border-radius: 100%;
    margin: 30px auto 20px;
    background: linear-gradient(135deg, #F0CDFF 0%, #B1E3FF 100%);
    cursor: pointer;
}

.profile-mainpic .profile-match-image:hover{
    background: linear-gradient(135deg, #F0CDFF 0%, #B1E3FF 100%);
}

.profile-main-age{
    width: 55px;
    height: 55px;
    border-radius: 100%;
    position: absolute;
    top: 55px;
    left: 24px;
    background: linear-gradient(135deg, #fd8cff 0%, #00d1ff 100%);
}

.profile-main-age-in{
    width: 49px;
    height: 49px;
    border-radius: 100%;
    background-color: #ffffff;
    margin: 0 auto;
    margin-top: 3px;
    text-align: center;
}

.profile-compa{
    width: 55px;
    height: 55px;
    border-radius: 100%;
    position: absolute;
    top: 40px;
    right: 38px;
}

.pm-age{
    color: #BD79F9;
    font-size: 21px;
    font-weight: bold;
}

.pm-icon{
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    background: url(../svg/user/dates/cake.svg) no-repeat center center transparent;
}

.profile-compa .survey-compatible-heart{
    height: 55px;
    width: 55px;
}

.profile-compa .survey-compatible-heart-in{
    height: 55px;
    width: 55px;
}

.poquicon{
    width: 30px;
    height: 30px;
    background-color: blue;
    margin: 0 auto;
}

.date-like-nope .poquicon{
    background: url(../svg/user/dates/dislike.svg) no-repeat center center transparent;
    margin-top: 17px;
}

.date-like-yei .poquicon{
    background: url(../svg/user/dates/like.svg) no-repeat center center transparent;
    margin-top: 9px;
}

.user-date-name{
    text-decoration: underline;
    color: #454F5B;
    font-weight: bold;
}

.partner-full-address{
    background-color: #F9F9F9;
    text-align: center;
    font-size: 10px;
    color: #9B9B9B;
    position: relative;
    padding-top: 30px;
    display: none;
}

.close-icon-address{
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0px;
    right: 0px;
    background: url(../svg/user/dates/closeup.svg) no-repeat center center transparent;
    cursor: pointer;
}

.extra-p-ad{
    display: inline-block;
    width: 50%;
    padding: 25px 0;
    color: #454F5B;
    text-decoration: underline;
    cursor: pointer;
}

.iconomic{
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

.iconomic{
    background: url(../svg/user/dates/gmaps.svg) no-repeat center center transparent;
}

.iconomic.iconomi-qr{
    background: url(../svg/user/dates/qrcode.svg) no-repeat center center transparent;
}    

.rating-member,
.rating-venue{
    position: absolute;
    left: 10px;
    top: 10px;
}

.rating-member ul li,
.rating-venue ul li{
    list-style: none;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
}

.pink-h,
.heart-1,
.heart-2{
    background: url(../svg/user/dates/h-pink.svg) no-repeat center center transparent;
}

.purple-h,
.heart-3{
    background: url(../svg/user/dates/h-purple.svg) no-repeat center center transparent;
}

.blue-h,
.heart-4,
.heart-5{
    background: url(../svg/user/dates/h-blue.svg) no-repeat center center transparent;
}

.rating-member .empty{
    background: url(../svg/user/dates/heart.svg) no-repeat center center transparent;
}

.main-dates .first-item{
    z-index: 10;
    top: 190px;
    -webkit-transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    -moz-transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    -o-transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
}

.main-dates .second-item{
    z-index: 9;
    top: 160px;
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -ms-filter: blur(3px);
    -o-filter: blur(3px);
    filter: blur(3px);
    width: 295px;
    -webkit-transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    -moz-transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    -o-transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
}

.main-dates .else-item{
    z-index: 8; 
    top: 130px;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -ms-filter: blur(5px);
    -o-filter: blur(5px);
    filter: blur(5px);
    width: 270px;
    -webkit-transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    -moz-transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    -o-transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
}

.decline-box{
    width: 308px;
    min-height: 410px;
    background-color: #FFFFFF;
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.03);
    border-radius: 9px;
    overflow: hidden;
    position: relative;
    right: 0;
    left: 0;
    margin: 0 auto;
    z-index: 11;
    top: 190px;
    display: none;
}

.decline-icon{
    width: 48px;
    height: 48px;
    margin: 50px auto 30px;
    background: url(../svg/user/dates/cancel-date.svg) no-repeat center center transparent;
}

.decline-phrase{
    color: #4A4A4A;
    font-size: 14px;
    text-align: center;
    margin: 20px 0;
}

.decline-title{
    color: #454F5B;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
}

.round-btn{
    width: 55px;
    height: 55px;
    background-color: #D0021B;
    border-radius: 100%;
    overflow: hidden;
    display: inline-block;
    margin: 0 30px;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    line-height: 54px;
    cursor: pointer;
}

.yes-circle{
    background-color: #7ED321;
}

.decline-buttons{
    text-align: center;
    margin: 30px 0 70px;
}

/* - - SUCCESS - - */

.success-date,
.success-book{
    width: 100%;
    height: 755px;
    border-radius: 9px;
    overflow: hidden;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 0;
    z-index: 12;
    background: linear-gradient(0deg, #94D943 0%, #378A16 100%);
    color: #ffffff;
    text-align: center;
    display: none;
}

.goodateicon{
    width: 55px;
    height: 55px;
    margin: 30px auto;
    background: url(../svg/user/dates/sucess-date.svg) no-repeat center center transparent;
}

.success-title{
    font-family: 'Work Sans', sans-serif;
    font-weight: 100;
    font-size: 35px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.sub-succ-title{
    font-weight: bold;
    font-size: 17px;
    margin-bottom: 15px;
}

.sub-sub-succ-title{
    font-size: 16px;
}

.midsupline{
    width: 280px;
    height: 1px;
    background-color: #FFFFFF;
    display: block;
    margin: 35px auto;
    opacity: 0.2;
}

.under-sub-title{
    font-size: 14px;
    margin-bottom: 40px;
}

.change-pref{
    position: absolute;
    bottom: 35px;
    font-size: 12px;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.lavapearl{
    background-image: linear-gradient(135deg, #3AFFAA 0%, #1CE0C6 100%);
}

.profile-mainpic-double {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    background: none;
    cursor: default;
    position: absolute;
}

.double-success-users{
    height: 100px;
    width: 181px;
    position: relative;
    margin: 80px auto 0;
}

.first-usr{
    position: absolute;
    right: 0;
}

.second-usr{
    position: absolute;
    left: 0;
}

.circle-user-double{
    width: 100px;
    height: 100px;
    border-radius: 100%;
    background-color: #ffffff;
    opacity: 0.2;
    position: absolute;
    top: 0;
    z-index: 1;
}

.profile-mainpic-double .profile-match-image{
    z-index: 2;
}

.day-date{
    background: linear-gradient(135deg, #3AFFAA 0%, #1CE0C6 100%);
}

.you-have-date-txt{
    display: none;
}

.date-reminder-txt{
    display: none;
}

.extra-p-ad a{
    color: #454F5B;
}

/* - - GOOGLE MAPS - - */

#googlemaps{
    display: none;
    max-width: 793px;
    width: 90%;
    height: 638px;
    background-color: #ffffff;
    border-radius: 20px;
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.03);
    overflow: hidden;
}

.title-partner-maps{
    margin: 15px 0;
    font-size: 12px;
}

.partner-maps-container{
    max-width: 701px;
    width: 95%;
    height: 548px;
    background-color: #F7F7F7;
    margin: 0 auto;
    overflow: hidden;
}

#googlemaps .fancybox-close-small,
#getextra .fancybox-close-small,
#profilehint .fancybox-close-small{
    right: 6px;
    top: 2px;
}

/* - - QR CODE - - */

#getextra{
    display: none;
    max-width: 414px;
    width: 100%;
    min-height: 600px;
    height: auto;
    background-color: #ffffff;
    border-radius: 20px;
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.03);
    overflow: hidden;
    color: #454F5B;
}

.title-qr{
    font-family: 'Work Sans', sans-serif;
    font-weight: 100;
    font-size: 35px;
    text-transform: uppercase;
    margin-bottom: 15px;
    margin-top: 30px;
}

.qr-icon{
    width: 34px;
    height: 34px;
    margin-right: 10px;
    background: url(../svg/user/dates/qrphone-icon.svg) no-repeat center center transparent;
}

.qr-icon,
.qr-main-title{
    display: inline-block;
    vertical-align: middle;
}

.qr-subtitle{
    font-size: 15px;
    font-weight: bold;
    border-bottom: 1px solid #F2F2F2;
    width: 90%;
    margin: 0 auto;
    padding-bottom: 15px;
}

.qr-mainimage{
    max-width: 300px;
    max-height: 300px;
    margin: 30px auto;
    overflow: hidden;
    width: 90%;
    height: auto;
}

.qr-mainimage img{
    width: 100%;
    height: auto;
}

.qr-venue-name{
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
}

#getextra .guficon{
    width: 15px;
    height: 15px;
    margin-right: 5px;
    background: url(../svg/user/dates/location.svg) no-repeat center center transparent;
}

.qr-venue-adress{
    margin: 20px 0 10px;
}

.download-qr-icon{
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    background: url(../svg/user/dates/download-icon.svg) no-repeat center center transparent;
}

.download-qr{
    color: #8D8D8D;
}

.double-success-users .pic-cont-mid{
    cursor: auto;
}

.double-success-users .profile-match-image:hover{
    background: none;
}

/* - - PROFILE HINT - - */

#profilehint{
    display: none;
    width: 641px;
    min-height: 530px;
    background-color: #ffffff;
    border-radius: 20px;
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.03);
    overflow: hidden;
    color: #9B9B9B;
}

#profilehint .gallery-title{
    text-align: left;
    margin-bottom: 20px;
}

#profilehint .business-gallery{
    width: 90%;
    margin-top: 20px;
    padding-bottom: 40px;
}

#profilehint .business-gallery li{
    width: 125px;
    height: 125px;
    margin: 0 6px;
}

.profile-desc-dates{
    width: 90%;
    margin: 0 auto;
    text-align: left;
    line-height: 25px;
    border-bottom: 1px solid #F2F2F2;
    padding-bottom: 20px;
}

.profile-hint-top{
    width: 90%;
    margin: 30px auto 20px;
    min-height: 130px;
    position: relative;
}

.veri-seal{
    width: 88px;
    height: 88px;
    display: inline-block;
    vertical-align: middle;
    background: url(../svg/user/dates/veriseal.svg) no-repeat center center transparent;
}

.compatible-h{
    width: 110px;
    height: 110px;
    display: inline-block;
    vertical-align: middle;
    position: relative; 
}

.extra-top-hint{
    position: absolute;
    right: 0;
    top: 3px;
}

.compatible-h .compatible-heart{
    width: 110px;
    top: 0px;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.compatible-h .compa-text{
    font-size: 13px;
}

.compatible-h .survey-compatible-heart{
    height: 90px;
    width: 90px;
}

.compatible-h .survey-compatible-heart-in{
    height: 90px;
    width: 90px;
}

.compatible-h  .survey-compatible-heart .ldBar{
    background-size: 88px;
    height: 90px!important;
    width: 90px!important;
}


.compatible-h .survey-compatible-heart-in .ldBar svg{
    position: absolute;
    top: -6px;
    left: -8px;
    overflow: visible;
}

.compatible-h .survey-compatible-heart .ldBar-label{
    top: 28px;
    left: 28px;
    font-size: 17px;
}

#profilehint .pic-cont-big{
    cursor: auto;
}

.extraright-top-hint{
    position: absolute;
    left: 0;
    top: 0px;
}

.extraright-top-hint .profile-big-image{
    top: 0px;
}

.user-hint-info{
    position: absolute;
    left: 160px;
    top: 32px;
    width: 200px;
    text-align: left;  
}

.user-name-hint .about-icon,
.user-age-hint .user-age-icon,
.hint-name,
.hint-age{
    display: inline-block;
    vertical-align: middle;
}

.user-age-hint .user-age-icon{
    background: url(../svg/user/dates/cake.svg) no-repeat center center transparent;
}

.user-name-hint{
    color: #454F5B;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
}

.user-age-hint{
    color: #01B7FF;
    font-size: 20px;
    font-weight: bold;
}

.profile-desc-top{
    font-size: 16px;
    text-align: center;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 10px;
    line-height: 27px;
    color: #454F5B;
}

.coma-start,
.coma-last{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: red;
    vertical-align: top;
}

.coma-start{
    background: url(../svg/user/profile/c-open.svg) no-repeat center center transparent;
    margin-right: 5px;
}

.coma-last{
    background: url(../svg/user/profile/c-close.svg) no-repeat center center transparent;
    margin-left: 5px;
}

.bar-separator{
    display: inline-block;
    width: 15px;
    height: 4px;
    background: #C9E4FF;
    vertical-align: middle;
}

.and-separator{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../svg/user/profile/amp.svg) no-repeat center center transparent;
    vertical-align: middle;
}

/* - - NO MORE - - */

.no-more-box{
    text-align: center;
    margin-top: 270px;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 270px;
}

.no-more-icon{
    width: 96px;
    height: 96px;
    margin:0 auto 20px;
    background: url(../svg/user/dates/nomore_icon.svg) no-repeat center center transparent;
}

.no-more-icon.no-dates-con{
    background: url(../svg/user/dates/no-dates-con.svg) no-repeat center center transparent;
}

.no-more-text p{
    font-size: 17px;
    color: #9B9B9B;
    margin: 15px 0px;
}

.no-more-text .no-more-title{
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
}

/* - - OPEN DATES - - */

.dates_calendar{
    position: relative;
    z-index: 1;
}

ul.dates_calendar li.date-open,
#book_meeting ul.dates_calendar li.date-open{
    width: 90%;
    box-shadow: none;
    z-index: 1;
    -webkit-transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    -moz-transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    -o-transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
}

.date-open .icon-cal,
.date-open .bar-cal{
    display: none;
}

li.date-open .day-box{
    background: linear-gradient(135deg, #3AFFAA 0%, #1CE0C6 100%);
}

ul.dates_calendar li.date-open:hover .middlecal-text{
    left: 110px; 
}

.dates_calendar li.date-open:before, 
.dates_calendar li.date-open:after {
    content: "";
    width: 20px;
    height: 20px;
    right: 0;
    background-color: #FFFFFF;
    position: absolute;
}

.dates_calendar li.date-open:after{
    top: -20px;
}

.dates_calendar li.date-open:before{
    bottom: -20px;
}

.dates_calendar li.date-open .date-open-inside:before,
.dates_calendar li.date-open .date-open-inside:after {
    content: "";
    width: 40px;
    height: 40px;
    z-index: 1;
    background-color: #FAFAFA;
    position: absolute;
    border-radius: 40px;
    right: 0px;
}

.dates_calendar li.date-open .date-open-inside:after{
    top: -40px; 
}

.dates_calendar li.date-open .date-open-inside:before{
    bottom: -40px;
}

/* - - CALENDAR DATE - - */

.calendar-date{
    width: 100%;
    height: 755px;
    border-radius: 9px;
    overflow: hidden;
    position: relative;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 0;
    z-index: 14;
    background: #ffffff;
    color: #454F5B;
    text-align: center;
    display: none;
}

.date-title{
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 15px;
}

.selection-act{
    display: inline-block;
    vertical-align: top;
    width: 25%;
}

.venue-title{
    font-size: 8px;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 10px;  
}

.choose-circle{
    width: 50px;
    height: 50px;
    background-color: red;
    overflow: hidden;
    border-radius: 100%;
    margin: 0 auto;
}

.venue-cafe .choose-circle{
    background: linear-gradient(135deg, #3489EE 0%, #35C4DD 100%);
}

.venue-resto .choose-circle{
    background: linear-gradient(135deg, #FAD961 0%, #F76B1C 100%);
}

.venue-ent .choose-circle{
    background: linear-gradient(135deg, #A254F2 0%, #EFBAD3 100%);
}

.venue-choose .choose-circle{
    background: url(../svg/user/dates/gradient.svg) no-repeat center center transparent;
}

.select-cancel,
.select-accept{
    display: inline-block;
    width: 40px;
    height: 40px;
    background-color: gray;
    border-radius: 100%;
    overflow: hidden;
    cursor: pointer;
}

.select-cancel{
    background-color: #D0021B;
    margin-right: 90px;
}

.select-accept{
    background-color: #7ED321;
}

.desicon {
    width: 25px;
    height: 25px;
    background-color: blue;
    margin: 0 auto;
}

.select-cancel .desicon {
    background: url(../svg/user/dates/dislike.svg) no-repeat center center transparent;
    margin-top: 9px;
}

.select-accept .desicon {
    background: url(../svg/user/dates/like.svg) no-repeat center center transparent;
    margin-top: 6px;
}

.select-control{
    margin-top: 17px;
}

.date-calendar-main{
    margin-top: 15px;
    text-align: left;
    position: relative;
}

.date-calendar-main ul li{
    list-style: none;
    display: block;
    height: 34px;
    overflow: hidden;
    margin-left: 1%;
}

.gray-one{
    background-color: #F9F9F9;
}

.gray-two{
    background-color: #F3F3F3;
}

.date-hour{
    font-weight: 500;
    font-size: 11px;
    line-height: 35px;
    border-right: 3px solid #D0F2F1;
    width: 60px;
    text-indent: 13px;
}

.gray-two .date-hour{
    border-right-color: #CBEDEC;

}

.venucon{
    width: 30px;
    height: 30px;
    background-color: blue;
    margin: 0 auto;
    margin-top: 10px;
    cursor: pointer;
}

.venue-cafe .venucon{
    background: url(../svg/user/dates/cafe.svg) no-repeat center center transparent; 
}

.venue-resto .venucon{
    background: url(../svg/user/dates/resto.svg) no-repeat center center transparent; 
}

.venue-ent .venucon{
    background: url(../svg/user/dates/ent.svg) no-repeat center center transparent; 
}

.venue-choose .venucon{
    background: url(../svg/user/dates/choose.svg) no-repeat center center transparent; 
}

.select-age,
.select-distance{
    display: inline-block;
    width: 50%;
    margin-bottom: 20px;
    vertical-align: top;
    margin-top: 30px;
}

.date-m-title{
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 15px;
}

.selicon{
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.select-age .selicon{
    background: url(../svg/user/profile/bday.svg) no-repeat center center transparent;  
}

.select-distance .selicon{
    background: url(../svg/user/dates/distance.svg) no-repeat center center transparent;  
}

.contelpop{
    font-weight: bold;
    font-size: 14px;
}

.dinamic-tx{
    display: inline-block;
    font-size: 26px;
    font-weight: bold;
    vertical-align: middle;
    border-bottom: 1px solid #E5E5E5;
}

.first-age{
    margin-right: 10px;
}

.second-age{
    margin-left: 10px;
}

.edit-one,
.edit-two {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: #9B9B9B;
    font-weight: normal;
}

.ballin-age-one {
    width: 18px;
    height: 18px;
    background: #50E3C2;
    display: block;
    border-radius: 100%;
    position: absolute;
    top: -8px;
    left: 2px;
}

.ballin-age-two {
    width: 18px;
    height: 18px;
    background: #18CACC;
    display: block;
    border-radius: 100%;
    position: absolute;
    top: -8px;
    right: 2px;
}

.select-bar {
    display: inline-block;
    vertical-align: middle;
    background-color: #9B9B9B;
    width: 120px;
    height: 1px;
    border-radius: 1px;
    position: relative;
}

.filebar-container{
    margin-top: 15px;
}

.ballin-range{
    width: 18px;
    height: 18px;
    background: #50E3C2;
    display: block;
    border-radius: 100%;
    position: absolute;
    top: -8px;
    right: 2px;  
}

.select-activity{
    margin-top: 10px;
}

.close-calendar-date{
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.icon-date-close{
    width: 15px;
    height: 15px;
    background-color: blue;
    position: absolute;
    top: 10px;
    left: 7px;
    background: url(../svg/icons/pics/bad.svg) no-repeat center center transparent;  
    opacity: 0.5;
}

.activity-open{
    position: absolute;
    width: 323px;
    height: 33px;
    color: #FFFFFF;
    border-radius: 9px;
    left: 71px;
    font-weight: 500;
    overflow: hidden;
    display: none;
}

.cafe-open{
    top: 0;
    background: linear-gradient(90deg, #3489EE 0%, #35C4DD 100%);
}

.resto-open{
    top: 151px;
    background: linear-gradient(90deg, #FAC253 0%, #F76B1C 100%);
}

.ent-open{
    top: 238px;
    background: linear-gradient(90deg, #A254F2 0%, #EFBAD3 100%);
}

.chose-open{
    top: 327px;
    height: 67px;
    background: linear-gradient(90deg, #FFA200 0%,#35BCE0 50%, #CF80FD 100%);
}

.title-activity,
.act-time,
.titbar{
    display: inline-block;
    vertical-align: middle;
}

.title-activity{
    font-size: 15px;
    margin-left: 10px;
    margin-right: 20px;
}

.act-time{
    font-size: 15px;
    margin-left: 19px;
}

.titbar{
    height: 100%;
    width: 3px;
    background-color: #FFFFFF;
    opacity: 0.3;
}

.close-activity{
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.close-act{
    width: 10px;
    height: 10px;
    position: absolute;
    top: 5px;
    left: 0;
    background-image: url(../svg/user/dates/close-white.svg);
}

/* - - HANG ON - - */

.hang-on{
    color: #454F5B;
    display: none;
}

.first-hang{
    font-size: 17px;
    margin-bottom: 20px;
    margin-top: 330px;
}

.second-hang{
    font-size: 20px;
    font-weight: bold;
}

.heart.x3.xorange,
.heart.x6.xorange{
    background-image: url(../svg/user/dates/heart_orange.svg);
}

.heart.x2.xblue,
.heart.x4.xblue{
    background-image: url(../svg/user/dates/heart_blue.svg);
}

.heart-hang{
    margin-top: 150px;
}

/* - - SERVER DATES - - */


.server-dates{
   display: none;
}

.calendar-date.calendar-response,
ul.dates_calendar li.date-response{
    background-color: #E6EBF2;
}

.dates_calendar li.date-response:before, 
.dates_calendar li.date-response:after{
    background-color: #E6EBF2;
}

.top-cal-date.top-best{
    background: #9013FE;
}

.icon-best-date{
    width: 20px;
    height: 20px;
    margin-left: 15px;
    margin-top: 6px;
    background: url(../svg/user/dates/best.svg) no-repeat center center transparent;  
}

.top-best .day_top{
    font-size: 12px;
    left: 43px;
    top: 9px;
}

.top-cal-date.top-second{
    background: #59ACFE;
}

.double-stars-icon{
    width: 20px;
    height: 8px;
    display: block;
    margin: 4px auto 2px;
    background: url(../svg/user/dates/double-stars.svg) no-repeat center center transparent;  
}

.top-second .day_top{
    width: 100%;
    position: static;
    font-size: 11px;
}

.top-cal-date.top-else{
    background: #18CACC;   
}

.top-else .day_top{
    width: 100%;
    position: static;
    font-size: 12px;
    margin-top: 10px;
}

.server-dates .ldBar svg {
    position: absolute;
    top: -4px;
    left: -4px;
    overflow: visible;
    width: 95%;
    height: 97%;
}

/* - - NO MORE DATES - - */

.calendar-date.no-more-dates, 
ul.dates_calendar li.no-mas{
    background-color: #E7E7E7;
}

.dates_calendar li.date-open.no-mas:before, 
.dates_calendar li.date-open.no-mas:after{
    background-color: #E7E7E7;
}

ul.no-mas li h1{
    color: #9B9B9B;
}

li.no-mas .day-box{
    background: #9B9B9B;
}

li.no-mas .bar-cal{
    background: #9B9B9B;
}

ul.dates_calendar li.no-mas h1{
    color: #9B9B9B;
}

.calendar-date .no-more-box{
    display: none;
}

li.no-mas .icon-cal {
   display: none;
}

/* - - YOU HAVE A DATE - - */

.you-have-date{
    display: none;
}

.yhd-top{
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 36px;
    margin-top: 64px;
}

.yhd-mid,
.yhd-bot{
    color: #8D8D8D;
}

.yhd-mid{
    font-size: 17px;
    margin-bottom: 10px;
    margin-top: 37px;
}

.yhd-bot{
    font-size: 20px;
    font-weight: 500;
}

.date-conf-txt{
    color: #454F5B;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 30px;
}

.icon-date-conf{
    width: 50px;
    height: 50px;
    margin: 0 auto 20px;
    background: url(../svg/user/dates/sucess-date-green.svg) no-repeat center center transparent;  
}

.you-have-date .circle-user-double{
    background: linear-gradient(135deg, #fd8cff 0%, #00d1ff 100%);
    opacity: 0.3;
}

.you-have-date .double-success-users{
    margin: 27px auto 24px;
}


.you-have-date .profile-main-age{
    width: 46px;
    height: 46px;
    left: 9px;
}

.you-have-date .profile-main-age-in{
    width: 42px;
    height: 42px;
    margin-top: 2px;
}

.you-have-date .pm-age{
    font-size: 16px;
    padding-top: 3px;
    padding-bottom: 1px;
}

.you-have-date .pm-icon{
    width: 16px;
    height: 16px;
}

.you-have-date .profile-compa{
    width: 50px;
    height: 50px;
    border-radius: 0;
    top: 56px;
    right: 5px;
}

.you-have-date .survey-compatible-heart .ldBar{
    background-size: 50px;
    height: 50px!important;
    width: 50px!important;
}

.you-have-date .ldBar svg{
    position: absolute;
    top: -4px;
    left: -4px;
    overflow: visible;
}

.you-have-date .survey-compatible-heart .ldBar-label{
    top: 15px;
    left: 15px;
    font-size: 10px;
    font-weight: 500;
}

.dates_calendar .icon-cal{
    display: none;
}

li.empty{
    opacity: 0.5;
}

.date-open .icon-cal{
    display: none!important;
}

/* - - ERROR NO DATES - - */

.no-dates-survey{
    display: none;
}

.no-dates-survey {
    text-align: center;
    margin-top: 270px;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 270px;
}

.respo-date-phrase,
.divtopcon,
.respo-date{
    display: none;
}

.respo-server-dates{
    display: none;
}

/* ====== MY WALL FULL ====== */

.mywall-content .content-right{
    overflow: scroll;
}

/* - - BLOCKED - - */

.full-cont{
    width: 97%;
    margin: 0 auto;
    margin-left: 3%;
    padding-top: 20px;
    height: 735px;
    overflow: scroll;
}

.blocked-cont ul li{
    list-style: none;
    display: inline-block;
    margin: 10px 5px 20px;    
    text-align: center;
    width: 100px;
    position: relative;
}

.blocked-cont .profile-mainpic{
    margin-top: 0;
    margin-bottom: 0px;
}

.blocked-name{
    color: #4A4A4A;
    font-size: 12px;
    margin-bottom: 5px;
}

.blocked-opt input[type=checkbox]{
    height: 0;
    width: 0;
    display: none;
}

.blocked-opt label {
    cursor: pointer;
    text-indent: -9999px;
    width: 54px;
    height: 30px;
    background: #D0021B;
    display: block;
    border-radius: 100px;
    position: relative;
}

.blocked-opt label:after {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 90px;
    transition: 0.3s;
}

.blocked-opt input:checked + label {
    background: #7ED321;
}


.blocked-opt input:checked + label:after {
    left: calc(100% - 5px);
    transform: translateX(-100%);
}

.blocked-opt label:active:after {
    width:20px;
}


.blocked-opt input{
    width: 54px;
}

.profile-block-image{
    width: 100px;
    height: 92px;
    bottom: 0px;
    margin: 0 auto;
    right: 0;
    left: 0;
    position: relative;
    border-radius: 100%;
}

.profile-block-image .pic-cont-mid{
    cursor: auto;
}

.cont-blocked .icon-menu-midcont{
    top: 5px;
}

.icon-more-block{
    width: 19px;
    height: 11px;
    background-color: red;
}

/* - - SUGGESTIONS - - */

.sugg-boxx textarea:focus{
    background-color: #FCF9FF;
}

.success-sug{
    width: 100%;
    height: 100%;
    border-radius: 9px;
    overflow: hidden;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 0;
    z-index: 12;
    background: linear-gradient(0deg, #94D943 0%, #378A16 100%);
    color: #ffffff;
    text-align: center;
    display: none;
}

.boxy-bu .under-sub-title{
    line-height: 32px;
    width: 80%;
    margin: 0 auto;
}

.boxy-bu .goodateicon{
    margin-top: 60px;
    width: 94px;
    height: 55px;
    background: url(../svg/user/wall/deal.svg) no-repeat center center transparent;  
}

/* - - MY FAVOURITES - - */

.myfav-cont .content-left,
.hidden-cont .content-left{
    width: 148px;
    background-color: #EDEDED;
    overflow: scroll;
}

.myfav-cont .content-middle,
.hidden-cont .content-middle{
    width: 344px;
    background-color: #ffffff;
}

.myfav-cont .content-right,
.hidden-cont .content-right{
    width: 457px;
    background: #FAFAFA;
    position: relative;
}
    
.myfav-cont .content-middle-in,
.hidden-cont .content-middle-in{
    width: 100%;
}

.wall-users ul li{
    list-style: none;
    display: block;
    margin: 30px 0;
}

.profile-my-wall .icon-menu-midcont{
    width: 55px;
    height: 55px;
}

.profile-my-wall .pic-cont-mid{
    width: 55px;
    height: 55px;   
}

.myfav-cont .icon-menu-midcont .veristar,
.hidden-cont .icon-menu-midcont .veristar{
    width: 15px;
    height: 15px;
    right: -3px;
}

.myfav-cont .icon-menu-midcont,
.hidden-cont .icon-menu-midcont{
    top: 0
}

.dibon{
    position: absolute;
    top: 24px;
    right: 42px;
    margin: 0;
    z-index: 2;
}


.wall-users ul li.dibon{
    margin: 0;    
}


.myfav-cont .dibon .profile-my-wall,
.hidden-cont .dibon .profile-my-wall{
    background-color: #ffffff;
    padding: 5px 0;
    width: 44px;
    position: fixed;
    -webkit-border-top-left-radius: 20px;
    -moz-border-top-left-radius: 20px;
    -o-border-top-left-radius: 20px;
    -ms-border-top-left-radius: 20px;
    border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-bottom-left-radius: 20px;
    -o-border-bottom-left-radius: 20px;
    -ms-border-bottom-left-radius: 20px;
    border-bottom-left-radius: 20px;
    z-index: 2;
    box-shadow: -7px 0px 8px -2px rgba(0, 0, 0, 0.3);
}

.myfav-cont .dibon .profile-my-wall .icon-menu-midcont,
.hidden-cont .dibon .profile-my-wall .icon-menu-midcont{
    width: 30px;
    height: 30px;
    margin: 0;
    margin-left: 6px;
}

.myfav-cont .dibon .profile-my-wall .pic-cont-mid,
.hidden-cont .dibon .profile-my-wall .pic-cont-mid{
    width: 30px;
    height: 30px;   
}

.myfav-cont .dibon .profile-my-wall .veristar,
.hidden-cont .dibon .profile-my-wall .veristar{
    width: 8px;
    height: 8px;
    right: -3px;
    top: 3px;
}

.

.right-bet,
.mid-bet,
.left-bet{
    cursor: pointer;
}

.match-act.right-bet.liked-btn{
    background-color: #417505;
}

.liked-btn .liked-icon{
    background: url(../svg/user/dates/dislike.svg) no-repeat center center transparent;
    margin-top: 15px;
}

.match-act.mid-bet.hiddn-btn{
    background-color: #7A737D;
}


.hiddn-btn .hidden-icon{
    background: url(../svg/user/dates/close-eye.svg) no-repeat center center transparent;
}

.mywall-content .user-match-name,
.respo-wall-title,
.boxy-bu .sug-btn,
.first-mes-sent,
.first-mes-sent .sug-btn{
    display: none;
}

.matches-content .content-right-in{
    overflow: scroll;
    height: 755px;
    position: relative;
}

.first-mes-sent {
    width: 400px;
    border-radius: 25px;
    overflow: hidden;
    position: absolute;
    right: 0;
    left: 0;
    margin: 160px auto 0;
    z-index: 12;
    background: linear-gradient(0deg, #94D943 0%, #378A16 100%);
    color: #ffffff;
    text-align: center;
    padding-top: 35px;
    padding-bottom: 100px;
}

.first-mes-sent .under-sub-title{
    line-height: 25px;
}

.first-mes-sent .goodateicon{
    background: url(../svg/user/matches/sent-mes.svg) no-repeat center center transparent;
}

.icon-waiting-mes{
    display: block;
    width: 55px;
    height: 55px;
    margin: 80px auto 40px;
    background: url(../svg/user/matches/icon-wait.svg) no-repeat center center transparent;
}

.text-tit-po{
    text-transform: uppercase;
    font-size: 16px;
    color: #454F5B;
    margin-bottom: 20px;
}

.text-tit-ma{
    font-size: 13px;
    color: #8D8D8D;
}

.text-tit-ma span{
    color: #454F5B;
    font-weight: 500;
}

.liked-tag,
.hidden-tag{
    display: none;
}

.heart.greenh{
     background-image: url(../svg/user/matches/heart_blue.svg);
}

.liked-hearts{
    position: absolute;
    width: 100%;
    z-index: 3;
    bottom: 0;
    height: 0px;
    display: none;
}


.text-btn-opa,
.text-btn-dopa{
    position: absolute;
    top: -32px;
    right: 9px;
    font-weight: 500;
    font-size: 16px;
    color: #D0021B;
    display: none;
}


.text-btn-dopa{
    right: 0;
    left: 0;
    text-align: center;
    color: #9E949F;
}

.text-btn-topa{
    position: absolute;
    top: -32px;
    left: 20px;
    font-weight: 500;
    font-size: 16px;
    color: #7ED321;
    display: none;
}

.liked-usr{
    display: block;
    position: absolute;
    z-index: 1;
    width: 17px;
    height: 17px;
    left: 0px;
    bottom: 5px;
    border-radius: 100%;
    overflow: hidden;
    background: url(../svg/user/wall/check.svg) no-repeat center center #7ED321;
}

/* - - BLOCKED USER - - */

.blockedfullwall{
    background:#ED8CD7;
    width: 70%;
    height: 0;
    position: absolute;
    z-index: 3;
    right: 0;
    animation: blockedwallon 2s linear 0s 1 normal;
    -webkit-animation: blockedwallon 2s linear 0s 1 normal;
    -moz-animation: blockedwallon 2s linear 0s 1 normal;
    -o-animation: blockedwallon 2s linear 0s 1 normal;
    -ms-animation: blockedwallon 2s linear 0s 1 normal;
    overflow: hidden;
    display: none;
}

.matches-content{
    position: relative;
}

.blockedicon{
    width: 57px;
    height: 57px;
    margin:300px auto 0;
    background: url(../svg/user/matches/icon-blk.svg) no-repeat center center transparent;
}



@keyframes blockedwallon {
    0% {
        height: 0%;
    }
    30% {
        height: 100%;
    }
    60% {
        height: 100%
    }
    100% {
        height: 0%
    }
}

@-webkit-keyframes blockedwallon {
    0% {
        height: 0%;
    }
    30% {
        height: 100%;
    }
    60% {
        height: 100%
    }
    100% {
        height: 0%
    }
}

@-moz-keyframes blockedwallon {
    0% {
        height: 0%;
    }
    30% {
        height: 100%;
    }
    60% {
        height: 100%
    }
    100% {
        height: 0%
    }
}

@-o-keyframes blockedwallon {
    0% {
        height: 0%;
    }
    30% {
        height: 100%;
    }
    60% {
        height: 100%
    }
    100% {
        height: 0%
    }
}

@-ms-keyframes blockedwallon {
    0% {
        height: 0%;
    }
    30% {
        height: 100%;
    }
    60% {
        height: 100%
    }
    100% {
        height: 0%
    }
}

.wait-first{
    display: none;
}

.hidden-cont .liked-usr{
    display: none;
}

.all-matches-cont ul li.option.hidden_prof .profile-match-image,
.cont-mid-head-match.hidden-us .profile-big-image:before{
    background: #D0D0D0;
    opacity: 1;
}

.hidden-us .icon-menu-bigcont:before,
li.option.hidden_prof .icon-menu-midcont:before{
    background: #A9A8A8;
}


.hidden-cont .icon-menu-midcont:before{
    background: #C9C9C9;
}

/* ====== MY PROFILE / EXTRA ANIMATIONS ====== */

.title-extra{
  margin-top: 50px!important;  
}

.success-pass{
    width: 100%;
    max-width: 360px;
    height: 400px;
    border-radius: 40px;
    overflow: hidden;
    position: absolute;
    right: 0;
    left: 0;
    margin: 122px auto 0;
    top: 0;
    z-index: 12;
    background: linear-gradient(0deg, #94D943 0%, #378A16 100%);
    color: #ffffff;
    text-align: center;
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.07);
    display: none;
}

.success-pass .goodateicon{
    background-image: url(../svg/user/profile/saved-pass.svg);
    margin-top: 55px;
}

.success-setts,
.success-contact,
.success-payment {
    width: 100%;
    height: 100%;
    border-radius: 9px;
    overflow: hidden;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 0;
    z-index: 12;
    background: linear-gradient(0deg, #94D943 0%, #378A16 100%);
    color: #ffffff;
    text-align: center;
    display: none;
}

.success-setts .under-sub-title,
.success-contact .under-sub-title,
.success-payment .under-sub-title{
    line-height: 25px;
}

.success-setts .goodateicon{
    background-image: url(../svg/user/profile/saved-user.svg);
    margin-top: 140px;
}

.success-contact .goodateicon{
    background-image: url(../svg/user/profile/saved-mail.svg);
    margin-top: 140px;
}

/* - - SUGGESTIONS - - */

#suggestions-text{
    display: none;
    width: 800px;
    background-color: #ffffff;
    border-radius: 20px;
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.03);
    overflow: hidden;
    color: #9B9B9B;
    padding: 20px;
}

.sugg-title{
    color: #454F5B;
    font-weight: 500;
    font-size: 25px;
    margin-top: 20px;
}

.sugg-sub{
    color: #8D8D8D;
    font-size: 16px;
    margin-top: 10px;
}

#suggestions-text ul li{
    list-style: none;
    font-size: 13px;
    line-height: 26px;
    text-align: left;
    margin: 20px 0;
}

#suggestions-text input{
    width: 20px;
    height: 20px;
}

.input-sugg{
    display: inline-block;
    vertical-align: middle;
    width: 30px;
}

.sugg-desc{
    display: inline-block;
    vertical-align: middle;
    background: #F9F9F9;
    border-radius: 15px;
    padding: 5px;
    width: 751px;
}

.sug-op.selected .sugg-desc{
    background: #FCF9FF;
}

.radio-button,
.checkbox {
    position: relative;
    margin: 20px 0;
}

.checkbox { 
    display: block;
}

.radio-button input,
.checkbox input {
    position: absolute;
    margin: 5px;
    padding: 0;
    /* for mobile accessibility (iOS Label Bug) */
    visibility: hidden;
}

.radio-button .label-visible,
.checkbox .label-visible {
    margin-left: 2em;
    margin-bottom: 0;
}

.fake-radiobutton,
.fake-checkbox{
    position: absolute;
    display: block;
    top: 0;
    left: 3px;
    width: 20px;
    height: 20px;
    background-color: #DBDBDB;
}

.fake-radiobutton:after,
.fake-checkbox:after {
    content: "";
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    background: #9013FE;
    transform: translateX(-50%) translateY(-50%);
}

.fake-radiobutton { 
    border-radius: 50%; 
}

.fake-radiobutton:after { 
    border-radius: 50%;
}

input[type="radio"]:checked + span .fake-radiobutton:after,
input[type="checkbox"]:checked + span .fake-checkbox:after { 
    display: block;
}

#suggestions-text .double-btn-container{
    color: #ffffff!important;
    width: 400px;
    margin: 30px auto 9px;
}

#suggestions-text .fancybox-close-small{
    right: 6px;
    top: 2px;
}

/* - - CANCEL SUBSCRIPTION - - */

#cancel-text{
    display: none;
    width: 516px;
    background-color: #ffffff;
    border-radius: 20px;
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.03);
    overflow: hidden;
    color: #8D8D8D;
    padding: 20px;
    position: relative;
}

#cancel-text .fancybox-close-small {
    right: 6px;
    top: 2px;
}

.cancel-icon{
    width: 62px;
    height: 62px;
    margin:20px auto;
    background: url(../svg/user/profile/delete-ac.svg) no-repeat center center transparent;
}

.cancel-title{
    font-size: 29px;
    color: #FD2F5F;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.cancel-sub{
    font-size: 20px;
    margin-bottom: 15px;
}

.cancel-text{
    font-size: 15px;
}

.cancel-text span{
    color: #454F5B;
    font-weight: 500;
}

#cancel-text .double-btn-container{
    color: #ffffff;
    width: 360px;
    margin: 40px auto 30px;
}

#cancel-text .double-btn{
    width: 115px;
}

/* - - SUBSCRIPTION DELETED - - */

.final-cancel{
    background-image: linear-gradient(135deg, #454f5b 0%, #7f94ad 100%);
    color: #ffffff;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 20px;
    z-index: 1;
    display: none;
}

.deletesi-icon{
    width: 62px;
    height: 62px;
    margin:20px auto;
    background: url(../svg/user/profile/canceled.svg) no-repeat center center transparent;
}

.deletesi-title{
    margin-top: 20px;
    font-size: 35px;
    font-family: 'Work Sans', sans-serif;
    font-weight: 100;
}

.final-cancel hr {
    border: none;
    border-top: 1px solid #ffffff;
    opacity: .3;
    display: block;
    width: 80%;
    margin: 25px auto;
}

.deletesi-sub{
    font-size: 17px;
    font-weight: 500;
}

.delete-for-good {
    background-image: linear-gradient(135deg, #454F5B 0%, #7F94AD 100%);
    margin-top: 35px;
    width: 164px;
}

.profile-content .content-right-in h1.membe-tit{
    margin-top: 40px;
}

/* - - SUBSCRIPTION 1 MONTH - - */

.renewal-cont{
    position: relative;
    margin-top: 120px;
}

.renewal-block{
    width: 160px;
    height: 160px;
    border-radius: 22px;
    color: #FFFFFF;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: -96px;
}

.renewal-block.one-month{
    background-image: linear-gradient(135deg, #4F8DF0 0%, #E6A9FF 100%);
}

.renewal-block.three-month{
    background-image: linear-gradient(135deg, #3489EE 0%, #35C4DD 100%); 
}

.renewal-block.six-month{
    background-image: linear-gradient(135deg, #3DAEC3 0%, #98E1A2 100%); 
}

.rb-text{
    font-size: 12px;
    padding-top: 12px;
    margin-bottom: 11px;
}

.rb-month{
    font-size: 15px;
    margin-top: 14px;
    font-weight: bold;
}

.rb-day{
    width: 79px;
    height: 79px;
    background-color: #FFFFFF;
    border-radius: 100%;
    overflow: hidden;
    font-size: 70px;
    color: #BD79F9;
    margin: 0 auto;
}

.three-month .rb-day{
    color: #59ACFE;
}

.six-month .rb-day{
    color: #18CACC;
}

.renewal-box-info{
    background-color: #ffffff;
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.03);
    width: 401px;
    border-radius: 22px;
    overflow: hidden;
    margin: 0px auto;
    text-align: left;
    color: #8D8D8D;
    font-size: 14px;
    padding-top: 90px;
    padding-bottom: 10px;
}

.user-btn.change-sub{
    margin: 0 auto;
    text-align: center;
    display: block;
    font-size: 13px;
    height: auto;
    padding: 13px;
    width: 153px;
}

.payment-text,
.ending-text{
    display: inline-block;
    vertical-align: bottom;
    font-size: 13px;
}

.payment-text{
    font-weight: 500;
    color: #454F5B;
    text-transform: uppercase;
}

.ending-text{
    color: #454F5B;
    font-size: 14px;
    margin-left: 20px;
}

.payment-text span,
.ending-text span{
    color: #8D8D8D!important;
    font-weight: 100!important;
    text-transform: capitalize;
    font-size: 14px;
    margin-left: 20px;
}

.ending-text span{
    margin-left: 6px;
}

.payment-data{
    margin: 0px auto 25px;
    padding-left: 30px;
}

.invoice-icon{
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin-right: 9px;
    background: url(../svg/user/profile/invoice.svg) no-repeat center center transparent;
}

.invoice-title{
    color: #454F5B;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    margin: 25px 0 20px 30px;
}

.invoice-details{
    font-size: 10px;
    margin: 20px 0;
    text-align: center;
}

.invoice-date,
.invoice-desc,
.invoice-cost,
.invoice-btn{
    display: inline-block;
    vertical-align: top;
}

.invoice-details hr {
    border: none;
    border-top: 1px solid #8D8D8D;
    opacity: .3;
    display: block;
    width: 300px;
    margin: 12px auto;
}

.invoice-date{
    color: #454F5B;
    width: 65px;
}

.invoice-desc{
    width: 151px;
    text-align: left;
    line-height: 12px;
}

.invoice-cost{
    color: #01B7FF;
    width: 57px;
}

.invoice-btn{
    width: 92px;
}

.btn-invoice{
    font-size: 10px;
    color: #FFFFFF;
    background-color: #9B9B9B;
    padding: 5px 0;
    width: 80px;
    margin: 0 auto;
    border-radius: 25px;
    text-align: center;
    cursor: pointer;
    background-image: linear-gradient(135deg, #3489EE 0%, #35C4DD 100%);
}

/* - - VIEW ALL INVOICE - - */

.view-all-invo-btn{
    display: block!important;
    font-size: 11px;
    color: #FFFFFF;
    background-color: #9B9B9B;
    padding: 9px 0;
    width: 181px;
    margin: 0 auto 12px;
    border-radius: 25px;
    text-align: center!important;
    cursor: pointer;
    font-weight: 500;
    background-image: linear-gradient(135deg, #3489EE 0%, #35C4DD 100%);
    box-shadow: 0 5px 10px -8px #000000;
}

.view-all-invo-btn a{
    color: #FFFFFF;
    text-decoration: none;
}

#all-invoice{
    display: none;
    width: 616px;
    background-color: #ffffff;
    border-radius: 20px;
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.03);
    overflow: hidden;
    color: #8D8D8D;
    padding: 20px;
    max-height: 616px;
    overflow: scroll;
}

#all-invoice .fancybox-close-small {
    right: 6px;
    top: 2px;
}

#all-invoice .invoice-title{
    font-size: 30px;
    text-align: left;
    margin: 0;
}

#all-invoice .invoice-details{
    text-align: left;
    font-size: 11px;
}

#all-invoice .invoice-details hr{
    width: 95%;
}

#all-invoice .invoice-desc{
    width: 393px;
}

#all-invoice .invoice-date, 
#all-invoice .invoice-desc, 
#all-invoice .invoice-cost, 
#all-invoice .invoice-btn{
    vertical-align: middle;
}

.renewal-block.three-months{
    background-image: linear-gradient(135deg, #3489EE 0%, #35C4DD 100%);
}

.renewal-block.six-months{
    background-image: linear-gradient(135deg, #3DAEC3 0%, #98E1A2 100%);
}

.renewal-block.three-months .rb-day{
    color: #59ACFE;
}

.renewal-block.six-months .rb-day{
    color: #18CACC;
}

/* - - SELECT SUBSCRIPTION - - */

.change-sub a{
    color: #FFFFFF;
    text-decoration: none;
}

.select-sub{
    display: none;
    background-color: transparent!important;
    width: 1000px;
    overflow: visible;
}

.referall-number {
    margin: 0 auto;
    position: relative;
    background: #FFFFFF;
    width: 170px;
    padding: 20px;
    max-width: 300px;
    border-radius: 50px;
    text-align: left;
    display: inline-block;
    vertical-align: top;
    margin-right: 25px;
}

.referall-number input {
    width: 90%;
    margin: 0;
    display: inline-block;
    text-align: left;
    text-indent: 0;
    float: none;
}

.referral-con {
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    right: 10px;
    bottom: 17px;
    clear: both;
    background: url(../svg/user/profile/coupon.svg) no-repeat center center transparent;
}

.referral-text{
    font-size: 16px;
    color: #ffffff;
    margin-bottom: 22px;
    text-shadow: 3px 1px 2px rgba(63,107,169, 0.9);
}

.select-sub .titlesub{
    margin: 0 0 30px 0;
    text-shadow: 3px 1px 2px rgba(63,107,169, 0.5);
}

.apply-ref{
    width: 120px;
}


.select-sub .text-month{
    color: #FFFFFF!important;
}

.get-it{
    font-size: 15px;
    color: #FFFFFF;
    padding: 10px 0;
}

.select-sub .top-lilcont{
    padding-top: 0;
    height: 206px;
}

.select-sub .discount-btn{
    top: 181px;
    padding: 10px;
    width: 114px;
}

.select-sub .subleft .reg-price{
    color: #BD79F9;
}

.select-sub .submid .reg-price{
    color: #59ACFE;
}

.select-sub .subright .reg-price{
    color: #18CACC;
}

.select-sub .reg-price{
    margin-top: 10px;
    margin-bottom: 10px;
}

.select-sub .now-price{
    color: #4A4A4A;
    margin-bottom: 23px;
}

.select-sub .subs-3-cont{
    height: 440px;
}

.select-sub .logo-cards{
    margin-top: 9px;
}

.select-sub .fancybox-close-small{
    color: #01B7FF!important;
    opacity: 1!important;
    background: #FFFFFF!important;
    border-radius: 100%!important;
}

.three-months,
.six-months,
.renewal-cont{
    display: none;
}

.freebie .user-btn a{
    color: #FFFFFF;
    text-decoration: none;
}

.select-sub .subs-3-cont{
    cursor: pointer!important;
}

/* - - PAYMENT - - */

.payment {
    display: none;
    width: 600px;
    background-color: #ffffff;
    border-radius: 20px;
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.03);
    overflow: visible!important;
    color: #454F5B;
    padding: 20px;
    text-align: left;
}

.payment  .renewal-block{
    box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.08);
}

.main-cont-payment ul li{
    list-style: none;
    margin-bottom: 18px;
}

.payment .fancybox-close-small {
    right: 6px;
    top: 2px;
}

.payment .rb-day{
    margin-top: 25px;
    display: inline-block;
}

.payment .rb-month{
    font-size: 32px;
}

.main-cont-payment{
    font-size: 16px;
    margin-top: 25px;
    text-align: left;
}

.main-cont-payment label,
.input-dobon,
.input-minidob,
.expiry-month,
.expiry-year{
    vertical-align: middle;
    display: inline-block;
}

.main-cont-payment input{
    float: none;
    width: 100%;
    text-align: left;
    color: #9013FE;
    background: #F3F3F3;
    margin: 0;
    border-radius: 3px;
    padding: 0;
    top: 0;
    margin-right: 10px;
}

.check-save input{
    width: 15px;
    height: 15px;
    background-color: #FFFFFF;
}

.pay-card{
    font-size: 20px;
    font-weight: 500;
    text-align: center;
}

.main-btn.pay-card{
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
    margin: 40px auto 30px;
    text-align: center;
    display: block;
}

.safe-card-lock{
    width: 18px;
    height: 18px;
    position: absolute;
    left: 20px;
    top: 20px;
    background: url(../svg/user/profile/lockicon.svg) no-repeat center center transparent;
}

.input-dobon{
    margin: 0 auto;
    position: relative;
    background: #F3F3F3;
    width: 368px;
    padding: 18px;
    border-radius: 50px;
    text-align: left;
}

.main-cont-payment label,
.card-type-name{
    margin-right: 20px;
    width: 140px;
    text-align: right;
    margin-left: 15px;
}

.input-minidob{
    margin: 0 auto;
    position: relative;
    background: #F3F3F3;
    width: 155px;
    padding: 18px;
    border-radius: 50px;
    text-align: left;
}

.check-save{
    font-size: 12px;
    color: #9B9B9B;
    display: inline-block;
    vertical-align: middle;
    margin-left: 30px;
}

.main-cont-payment input#save-card{
    width: 15px;
    height: 15px;
    background-color: #ffffff;
    border-radius: 3px;
    border-color: #9B9B9B;
    display: inline-block;
    vertical-align: middle;
    top: 0;
    margin-right: 10px;
}

.check-save label{
    width: auto;
    text-align: left;
}

.check-save input.form-radio::before{
    left: 2px;
    top: -3px;
}

.check-save input.form-radio:checked {
    background-color: #9013FE;
}

.main-cont-payment select{
    padding: 18px 50px 18px 13px !important;
    border-radius: 50px;
    width: 187px;
    text-indent: 14px;
    border: none;
    background-color: #F3F3F3;
    color: #9013FE;
}

.select.month{
    width: 209px;
}

.payment .check-save label{
        padding-bottom: 10px;
}

.card-item{
    display: inline-block;
    vertical-align: middle;
    width: 46px;
    height: 29px;
    border-radius: 4px;
    background-color: #ffffff;
    border: 1px solid #CBCBCB;
    margin-right: 7px;
    overflow: hidden;
    cursor: pointer;
}

.card-type-name,
.card-logos{
    display: inline-block;
    vertical-align: middle;    
}

.card-item.selected{
    border-color: #9013FE;
}

.card-item img {
    width: auto;
    height: 100%;
}

.main-cont-payment .error{
    border: 1px solid #D0021B;
}

.main-cont-payment .error input{
    color: #D0021B;
}

.error-payment{
    color: #D0021B;
    font-size: 16px;
    text-align: center;
}

.error-payment span{
    font-weight: bold;
}

.small-error{
    font-size: 13px;
    margin-top: 10px;
}

.error-pay-icon{
    width: 25px;
    height: 25px;
    margin: 10px auto;
    background: url(../svg/user/profile/payment-error.svg) no-repeat center center transparent;
}

.error-pay-card{
    width: 25px;
    height: 25px;
    margin: 10px auto;
    background: url(../svg/user/profile/error-card.svg) no-repeat center center transparent;
}

.decline-btn{
    background: #DBDBDB;
    color: #9B9B9B;
}

.main-btn.decline-btn{
    box-shadow: none;    
}

.decline-btn .safe-card-lock{
    background-image: url(../svg/user/profile/lockicon-gray.svg) 
}

/* - - SUCCESS PAYMENT - - */

.payment .under-sub-title{
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 10px;
}

.under-subte{
    font-size: 16px;
}

.payment .midsupline{
    width: 80%;
}

.payment .goodateicon {
    background-image: url(../svg/user/profile/good-payment.svg);
    margin-top: 140px;
}

.select-sub .main-btn a{
    color: #ffffff;
    text-decoration: none;
} 

.renewal-cont a{
    text-decoration: none;
}

/* - - CHANGE SUBSCRIPTION - - */

.current .get-it{
    text-indent: -9999px;
}

.current-text{
    font-size: 22px;
    font-weight: 500;
    line-height: 41px;
    color: #454F5B;
    text-transform: uppercase;
    margin-top: 30px;
}

.update-three{
    display: none;
    width: 600px;
    background-color: #ffffff;
    border-radius: 20px;
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.03);
    overflow: visible!important;
    color: #8D8D8D;
    padding: 20px;
    text-align: center;
}

.changesub-title{
    text-transform: uppercase;
    font-weight: 500;
    color: #454F5B;
    font-size: 29px;
    margin-top: 16px;
}

.changesub-subtitle{
    font-size: 19px;
    margin-top: 16px;
}

.changesub-text{
    font-size: 15px;
}

.update-three .double-btn-container{
    color: #ffffff;
}

.update-three .double-btn{
    width: 115px;
}

.update-three .double-btn-container{
    width: 385px;
    margin: 33px auto 20px;
}


.update-three .three-months,
.update-three .six-months{
    display: block;
}

.update-three .renewal-block{
    position: static;
    margin: 25px auto;
}

.update-three .rb-day{
    margin-top: 26px;
    display: inline-block;
}

.update-to-6{
    display: none;
}

#payment-one .renewal-block,
#payment-three .renewal-block,
#payment-six .renewal-block{
    position: static;
    margin-top: 25px;
}

#respo-coupon-dos{
    display: none;
}

.subs-3 a{
    text-decoration: none;
}

/* - - BILLING ADDRESS - - */

.main-cont-payment.payment-two{
    display: none;
}

.mc-txt h1 {
    color: #454F5B;
    font-size: 28px;
    font-weight: 500;
    text-transform: none;
    margin-bottom: 20px;
    margin-top: 30px;
    text-align: center;
}

.mc-txt hr {
    border: none;
    border-top: 1px solid #9013fe;
    display: block;
    width: 100px;
    margin: 0 auto;
    margin-bottom: 30px;
}

#payment-one,
#payment-three,
#payment-six{
    overflow: hidden!important;
    -webkit-transition:all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    -moz-transition:all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    -o-transition:all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    transition:all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
}

.pay-card-example,
.go-to-payment{
    text-align: center;
    display: block;
}

.profile-bod .icon-back{
    display: none;
}

/* ====== MY SHOP ====== */


.iconshop{
    width: 26px;
    height: 26px;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
    background: url(../svg/user/shop/iconshop.svg) no-repeat center center transparent;
}

.trolley-con{
    width: 20px;
    height: 20px;
    background: url(../svg/user/shop/trolley-con.svg) no-repeat center center transparent;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
}

.shop-content-left,
.shop-content-middle,
.shop-content-right,
.book_meeting-left,
.book_meeting-middle,
.book_meeting-right{
    display: inline-block;
    vertical-align: top;
}

.shop-content-left,
.book_meeting-left {
    width: 30%;
    height: 755px;
    background: #FAFAFA;
}

.shop-content-middle,
.book_meeting-middle{
    width: 35%;
    height: 755px;
    background: #ffffff;
}

.shop-content-right,
.book_meeting-right{
    width: 35%;
    height: 755px;
    background: #E6EBF2;
    overflow: scroll;
}

.shop-content-left .content-main-title h1,
.book_content-left .content-main-title h1{
    text-align: center;
}

.shop-content-left .content-main-title hr,
.book_content-left .content-main-title hr{
    margin-right: auto;
    margin-left: auto;
}

.title-sub-shop{
    color: #454F5B;
    text-transform: uppercase;
    font-size: 15px;
    text-align: center;
    font-weight: 500;
}

.founding-alert-icon{
    width: 26px;
    height: 26px;
    display: block;
    margin:0 auto 15px;
    background: url(../svg/user/shop/founding-alert-icon.svg) no-repeat center center transparent;
}

.founding-text{
    margin-top: 30px;
    margin-bottom: 30px;
}

.founding-text p{
    color: #4A4A4A;
    font-size: 13px;
    text-align: center;
    line-height: 22px;
}

.founding-text p span{
    color: #FD2F5F;
}

.main-roses-container ul li{
    list-style: none;
    display: inline-block;
    width: 50%;
    vertical-align: top;
    margin: 20px 0;
    cursor: pointer;
}

.product-rose-cont{
    width: 80%;
    margin:0 auto;
}

.product-image{
    width: 155px;
    height: 155px;
    margin: 0 auto 10px;
    border-radius: 15px;
    overflow: hidden;
}

.product-image img {
    width: 100%;
    height: auto;
}

.product-title{
    color: #454F5B;
    font-size: 16px;
    font-weight: 500;
}

.product-cost{
    color: #454F5B;
    font-size: 15px;
    font-weight: 500;
    margin: 5px 0;  
}

.product-cost-off{
    color: #FD2F5F;
    font-size: 10px;
    font-weight: 500;
    text-decoration: line-through;
}

.shop-content-right .circle-user-double {
    background: linear-gradient(135deg, #fd8cff 0%, #00d1ff 100%);
    opacity: 0.3;
}

.shop-content-right .double-success-users{
    margin-top: 50px;
}

.writeicon{
    width: 27px;
    height: 27px;
    background-color: red;
    display: block;
    margin:30px auto 20px;
    background: url(../svg/user/shop/writeicon.svg) no-repeat center center transparent;
}

.write-ins{
    font-size: 14px;
    color: #454F5B;
    line-height: 20px;
    text-align: center;
}

.write-ins span{
    font-weight: 500;
}

.little-letters{
    font-size: 10px;
    color: #8D8D8D;
    width: 95%;
    margin: 30px auto 0;
}

.lil-text .lil-ticon{
    display: inline-block;
    vertical-align: middle;
    width: 20%;
    max-width: 15px;
    height: 15px;
    background: url(../svg/user/shop/lil-ticon1.svg) no-repeat center center transparent;
    margin-left: 10px;
}

.tico-2 .lil-ticon{
    background-image: url(../svg/user/shop/lil-ticon2.svg)
}

.tico-3 .lil-ticon{
    background-image: url(../svg/user/shop/lil-ticon3.svg)
}

.tico-4 .lil-ticon{
    background-image: url(../svg/user/shop/lil-ticon4.svg)
}

.tico-5 .lil-ticon{
    background-image: url(../svg/user/shop/lil-ticon5.svg)
}

.tico-6 .lil-ticon{
    background-image: url(../svg/user/shop/lil-ticon6.svg)
}

.tico-7 .lil-ticon{
    background-image: url(../svg/user/shop/lil-ticon7.svg)
}


.lil-text{
    margin-bottom: 10px;
}

.boxy-mas{
    background-color: #ffffff;
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.03);
    width: 340px;
    border-radius: 25px;
    overflow: hidden;
    margin: 35px auto 0;
    text-align: center;
    color: #454F5B;
    position: relative;
    padding: 30px 0 15px;
    margin-bottom: 30px;
}

.shop-content-right .double-btn-container{
    color: #ffffff;
}

.boxy-mas textarea {
    background-color: #FCF9FF;
    width: 80%;
    margin: 0 auto;
    border-radius: 7px;
    font-size: 13px;
    color: #828282;
    border: 0;
    resize: none;
    padding: 10px 20px 0;
    font-family: 'Ubuntu', sans-serif;
}

.menu-inside.mishop p{
    color: #454F5B;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

.menu-inside.mishop{
    width: 100%;
    padding-left: 0;
}


.shop-content-left .content-main-title{
    margin-left: 0;
}

.shop-content-left .lmenu-icon{
    width: 26px;
    height: 26px;
    margin-left: 70px;
    margin-right: 30px;
}

.shop-content-left  li .lmenu-icon svg#shopko {
    stroke: #454F5B;
}

.shop-content-left  li.selected .lmenu-icon svg#shopko {
    stroke: #F73FCD;
}

.menu-inside.mishop .selected:before, 
.menu-inside.mishop .selected:after{
    background: #FFFFFF;
}

.menu-inside.mishop .selected .inside-menu:after,
.menu-inside.mishop .selected .inside-menu:before{
    background: #FAFAFA;
}


.menu-inside.mishop li.selected{
    background-color: #FFFFFF;
    border-radius: 0;
}

.mishop .arrow-icon-cal{
    z-index: 3;
}

.shop-content-left .arrow-icon-cal{
    background-image: url(../svg/user/shop/right-arrow-gray.svg)
}

.shop-content-left .selected .arrow-icon-cal{
    background-image: url(../svg/user/shop/right-arrow-pink.svg)
}

.shop-content-left .selected .bar-tit-cal{
    background: linear-gradient(135deg, #EFBAD3 0%, #A254F2 100%);
}

.shop-content-left .bar-tit-cal{
    background: transparent;
}

.product-rose-cont{
    cursor: pointer;
}

.main-roses-container ul li .product-image{
    border: 1px solid #FFFFFF;
}

.main-roses-container ul li.selected .product-image{
    border: 1px solid #F73FCD;
}

/* - - BRACELETS - - */

.bracelet-image-container{
    width: 308px;
    height: 320px;;
    position: relative;
    margin: 20px auto 0;
}

.bracelet-zoom{
    width: 45px;
    height: 26px;
    border-radius: 7px;
    background-color: #F1F1F1;
    overflow: hidden;
    position: absolute;
    bottom: 25px;
    right: 0;
    background: url(../svg/user/shop/zoom.svg) no-repeat center center #F1F1F1;
    cursor: pointer;
    z-index: 5;
}

.bracelet-price{
    position: absolute;
    bottom: 0;
    right: 9px;
    color: #454F5B;
    font-weight: 500;
    font-size: 15px;
    z-index: 5; 
}

.iconoso{
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 4px;
    vertical-align: middle;
}

.colour-selector .iconoso{
    background: url(../svg/user/shop/select-col.svg) no-repeat center center transparent;
}

.message-selector .iconoso{
    background: url(../svg/user/shop/select-mess.svg) no-repeat center center transparent;
}

.title-bracelet{
    text-transform: uppercase;
    font-size: 15px;
    color: #454F5B;
    font-weight: 500;
    margin-bottom: 12px;
}

.colour-selector ul li,
.message-selector ul li{
    list-style: none;
    display: inline-block;
    width: 50%;
    margin: 3px 0;
}

.col-ball{
    width: 20px;
    height: 20px;
    border-radius: 100%;
    overflow: hidden;
    background-color: red;
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    border: 1px solid #fff;
}

.colour-selector,
.message-selector{
    width: 90%;
    margin: 20px auto 0;
}

.col-ball-brown{
    width: 20px;
    height: 20px;
    border-radius: 100%;
    overflow: hidden;
    background-color: #CE9576;
    position: absolute;
    left: 18px;
    border: 1px solid #fff;
}

.cd-blue .col-ball,
.cd-bluew .col-ball{
    background-color: #53D1EC;
}

.cd-dblue .col-ball,
.cd-dbluew .col-ball{
    background-color: #22426E;
}

.cd-green .col-ball,
.cd-greenw .col-ball{
    background-color: #4ADDBB;
}

.cd-pink .col-ball,
.cd-pinkw .col-ball{
    background-color: #E4BDDB;
}

.cd-purple .col-ball,
.cd-purplew .col-ball{
    background-color: #BD79F9;
}

.colour-selector li.select .colour-dots,
.message-selector li.select .message-dot{
    border: 1px solid #F73FCD;
}

.colour-selector li .colour-dots,
.message-selector li .message-dot{
    border: 1px solid #FFFFFF;
    cursor: pointer;
}

.colour-dots,
.message-dot{
    border-radius: 25px;
    padding: 2px;
    width: 150px;
    position: relative;
}

.message-dot{
    text-indent: 10px;
    padding: 8px 0;
}

.brac-con img,
.circ-con img{
    width: 100%;
    height: auto;
}

.brac-con{
    position: absolute;
    z-index: 0;
    top: 0;
}

.circ-con{
    position: absolute;
    z-index: 1;
    top: 0;
}

/* - - SHOP - - */

#user_shop,
#book_meeting{
    display: none;
    max-width: 1145px;
    width: 95%;
    height: 755px;
    margin: 50px auto;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.08);
    text-align: left;
    background: #E6EBF2;
}

.inside-btn a{
    color: #ffffff;
    text-decoration: none;
}


#bra-zoompic{
    display: none;
    width: 640px;
    height: 528px;
    border-radius: 20px;
    box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.08);
    background-color: #ffffff;
    overflow: hidden;
}

#bra-zoompic .brac-con img, 
#bra-zoompic .circ-con img{
    height: 530px;
    width: auto;
}

#bra-zoompic .brac-con,
#bra-zoompic .circ-con{
    right: 0;
    left: 0;
    margin: 0 auto;
}

#user_shop .fancybox-close-small,
#book_meeting .fancybox-close-small{
    display: none;
}

/* - - MY ORDER - ROSE - - */

.my-order{
    display: none;
    width: 450px;
    background-color: #ffffff;
    border-radius: 20px;
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.03);
    padding: 30px!important;
    overflow: hidden!important;
}

.order-title{
    font-size: 25px;
    font-weight: bold;
    color: #454F5B;
    text-transform: uppercase;
    margin-top: 5px;
    margin-bottom: 27px;
}

.my-order hr {
    border: none;
    border-top: 1px solid #D8D8D8;
    display: block;
    width: 80%;
    margin: 20px auto;
    opacity: 0.5;
}

.gift-to-icon{
    width: 27px;
    height: 27px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    background: url(../svg/user/matches/choose.svg) no-repeat center center transparent;
}
.message-container .gift-to-icon{
    background: url(../svg/user/shop/writeicon.svg) no-repeat center center transparent;
}

.purchse-cont .gift-to-icon{
    background: url(../svg/user/shop/purchase.svg) no-repeat center center transparent;
}

.order-line{
    font-size: 15px;
    color: #454F5B;
    text-align: left;
    margin: 30px;
    margin-left: 0;
}

.order-line span{
    font-weight: 500;
}

.message-user-cont{
    border: 1px solid #01B7FF;
    border-radius: 10px;
    text-align: left;
    margin-bottom: 30px;
    padding: 15px;
    color: #828282;
    line-height: 20px;
}

.my-order .double-btn-container{
    color: #FFFFFF;
}

.item-image,
.item-desc,
.item-cost{
    display: inline-block;
    vertical-align: middle;
}

.item-image{
    width: 25%;
    max-width: 100px;
    height: 100px;
}

.item-desc{
    width: 50%;
    font-size: 18px;
    font-weight: 500;
    color: #454F5B;
    text-align: left;
}

.item-cost{
    width: 25%;
    text-align: left;
    font-size: 13px;
    font-weight: 500;
    color: #8D8D8D;
}

.order-icon{
    width: 26px;
    height: 26px;
    vertical-align: top;
    display: inline-block;
    margin-right: 5px;
    background: url(../svg/user/shop/choose-rose.svg) no-repeat center center transparent;
}

.cost-final{
    font-size: 18px;
    color: #454F5B;
}

.cost-reg,
.cost-tax{
    margin-bottom: 8px;
}

.item-image img{
    width: 100%;
    height: auto;
}

.my-order .fancybox-close-small{
    display: none;
}

/* - - MY ORDER - PROBLEM - - */

.error-order .deletesi-icon{
    margin-top: 85px;
    background-image: url(../svg/user/shop/error-shop.svg);
}

.error-order .deletesi-title{
    width: 90%;
    margin: 0 auto;   
}

.error-order .deletesi-sub{
    line-height: 30px;
}

.error-order hr{
    margin: 30px auto;
}

#order-brac .order-icon{
    background-image: url(../svg/user/shop/choose-bracelet.svg);
}

.order-puj{
    display: inline-block;
    vertical-align: top;
    width: 185px;
}

#order-brac .order-puj{
    font-size: 16px;
}

.success-gift{
    width: 100%;
    height: 755px;
    border-radius: 9px;
    overflow: hidden;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 0;
    z-index: 12;
    background: linear-gradient(0deg, #94D943 0%, #378A16 100%);
    color: #ffffff;
    text-align: center;
    display: none;
}

.respo-back-shop,
.respo-select-bra,
.respo-fine-print,
.responsive-menu-shop,
.respo-let{
    display: none;
}

.lil-text-for{
    display: inline-block;
    vertical-align: middle;
    width: 78%;
    padding-left: 2%;
    line-height: 15px;
}

/* ====== TUTORIALS ====== */

.tutorial{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 200;
}

.tutorial-back{
    background-color: #000000;
    width: 100%;
    height: 100%;
    opacity: 0.5; 
}

.tutorial-cont{
    max-width: 1145px;
    width: 95%;
    margin: 0 auto;
}

.notes-cont{
    margin: 0 auto;
    width: 549px;
    height: 313px;
    box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.4);
    border-radius: 20px;
    background-color: #ffffff;
    text-align: center;
    position: absolute;
    overflow: hidden;
    z-index: 2;
    top: 100px;
    left: 0;
    right: 0;
    color: #454F5B;
}

.notes-cont-in{
    padding: 30px;
}

.purpureo{
    background-color: #BD10E0;
}

.purpureo:hover {
    background-color: #940DAF;
}

.notes-main-title{
    font-size: 35px;
    text-transform: uppercase;
    font-family: 'Work Sans', sans-serif;
    font-weight: 200;
}

.notes-sub {
    margin-top: 10px;
    font-size: 20px;
    font-weight: 700;
}

.notes-txt{
    font-size: 15px;
    margin: 20px 0 30px;
}

.notes-side-txt{
    font-size: 15px;
    margin-top: 30px;
}

.notes-cont .double-btn-container{
    color: #ffffff;
}

.gotosite-txt{
    color: #9013FE;
    text-decoration: underline;
    font-size: 13px;
    text-align: right;
    cursor: pointer;
}

.tutotext-icon{
    width: 40px;
    height: 40px;
    margin:0 auto;
    background: url(../svg/user/tutorial/matches.svg) no-repeat center center transparent;
}

.tutotext-title{
    margin-top: 10px;
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 20px;
}

.tutotext-desc{
    font-size: 15px;
    line-height: 30px; 
}

.tutobtn{
    color: #01B7FF;
    border: 1px solid #01B7FF;
    width: 104px;
    border-radius: 28px;
    background: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .5px;
    cursor: pointer;
    text-align: center;
    margin: 20px 0;
}

.dot-line li{
    list-style: none;
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #E6EBF2;
    border-radius: 100%;
    overflow: hidden;
    margin: 0 10px;
}

.dot-line li.current{
    background: #01B7FF;
}

/* - - TUTORIAL / MENU - - */

.menu-tutorial{
    height: 50px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
}

.menu-tutorial-in{
    height: 50px;
    max-width: 1145px;
    width: 95%;
    margin: 0 auto;
    position: relative;
    z-index: 5;
}

.tuto-loco-cont,
.tuto-menu-cont{
    display: inline-block;
    vertical-align: top;
}

.tuto-loco-cont{
    width: 15%;
    height: 50px;
}

.tuto-menu-cont{
    width: 85%;
    position: relative;
    height: 50px;
    text-align: right;
}

.icon-menu-tut{
    display: inline-block;
    width: 60px;
    height: 50px;
    vertical-align: middle;
    position: relative;
}

.icmt-m{
    float: left;
    visibility: hidden;
}

.icmt-v{
    float: left;
    visibility: hidden;
}

.icmt-mk{
    float: left;
    visibility: hidden;
}

.icmt-d{
    visibility: hidden;
    float: right;
}

.icmt-p{
    visibility: hidden;
}

.tutocon-menu{
    width: 27px;
    height: 27px;
    margin: 10px auto 0;
    position: absolute;
    background: url(../svg/user/tutorial/white-matches-blur.svg) no-repeat center center transparent;
    filter: blur(2px);
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
}

.icmt-v .tutocon-menu{
    background-image: url(../svg/user/tutorial/white-partners-blur.svg);
}

.icmt-mk .tutocon-menu{
    background-image: url(../svg/user/tutorial/white-carmelia-blur.svg);
}

.icmt-d .tutocon-menu{
    background-image: url(../svg/user/tutorial/white-dates-blur.svg);
}

.tutocon-menu-style{
    width: 25px;
    height: 25px;
    margin: 12px auto 0;
    position: relative;
    background: url(../svg/user/tutorial/white-matches.svg) no-repeat center center transparent;
    z-index: 2;
}

.icmt-v .tutocon-menu-style{
    background-image: url(../svg/user/tutorial/white-partners.svg);
}

.icmt-mk .tutocon-menu-style{
    background-image: url(../svg/user/tutorial/white-carmelia.svg);
}

.icmt-d .tutocon-menu-style{
    background-image: url(../svg/user/tutorial/white-dates.svg);
}

.tutorial .icon-menu-cont{
    z-index: 2;
}

.icmt-p .tutocon-menuser{
    width: 40px;
    height: 40px;
    background-color: #ffffff;
    filter: blur(4px);
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    border-radius: 100%;
    margin: 6px auto 0;
}

.icon-menu-tut.icmt-p{
    width: 45px;
    margin-right: 7px;
}

.tuto-text,
.tutotxt-2,
.tutotxt-3,
.tutotxt-4,
.tutotxt-5{
    display: none;
}

.tutotxt-2 .tutotext-icon{
    background-image: url(../svg/user/tutorial/partners.svg); 
}

.tutotxt-2 span{
    font-weight: bold;
}

.tutotxt-3 .tutotext-icon{
    background-image: url(../svg/user/tutorial/carmelia.svg); 
}

.tutotxt-3 .tutotext-desc span{
    font-style: italic;
}

.tutotxt-4 .tutotext-icon{
    background-image: url(../svg/user/tutorial/wall.svg); 
}

.desktop-tutorial{
    display: block;
}

.mobile-tutorial{
    display: none;
}

.tuto-respo-mov{
    display: none;
}

/* ====== DELETE CONVERSATION ====== */

#delete-conv{
    display: none;
    max-width: 420px;
    background-color: #ffffff;
    border-radius: 20px;
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.03);
    color: #454F5B;
    font-size: 16px;
    text-align: center;
    width: 90%;
}

.delete-title{
    font-size: 28px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 30px 30px 20px;
}

.delete-txt{
    padding: 0 30px;
    line-height: 28px;
}

#delete-conv .fancybox-close-small {
    display: none;
}

#delete-conv  .double-btn-container{
    color: #ffffff;
    margin: 30px 0 20px;
}

/* ====== EMPTY MESSAGE BOX ====== */

.empty-mess{
    background-color: #F1F6FE;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.message-content{
    position: relative;
}

.empty-mess .emptycon{
    background-image: url(../svg/user/messages/empty-mess.svg); 
}

/* ====== VIEW PROFILE MESSAGE ====== */

.message-profile{
    background: #FAFAFA;
    width: 100%;
    height: 755px;
    position: absolute;
    z-index: 5;
    display: none;
}

.view-profile-icon{
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0px;
    top: 0px;
    cursor: pointer;
}

.view-profile-icon-in {
    width: 18px;
    height: 18px;
    position: absolute;
    bottom: 17px;
    margin: 0 auto;
    right: 0;
    left: 0;
    background: url(../svg/user/messages/delete-con.svg) no-repeat center center transparent;
}

.message-profile .content-middle{
    width: 43%;
    position: relative;
    background-color: #fff;
}

.message-profile .content-right{
    width: 57%;
    overflow: scroll;
}

.content-fullmiddle .message-profile .content-middle-in{
    overflow: hidden;
    height: auto;
}

.message-profile .content-middle-in{
    width: 100%;
    margin: 0;
    padding: 0;
    padding-top: 20px;
}

.message-profile .menu-inside {
    margin-top: 30px;
    padding-left: 20%;
}

.message-profile .content-middle-in ul{
    height: auto;
    overflow: visible;
}

.message-profile .menu-inside li.selected{
    background-color: #FAFAFA;
    color: #454F5B;
    width: 100%;
}

.message-profile .content-middle-in ul li{
    display: inline-block;
    margin-bottom: 25px;
    font-size: 15px;
    text-transform: capitalize;
    padding: 20px 0;
    cursor: pointer;
    list-style: none;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    -webkit-border-top-left-radius: 50px;
    -webkit-border-bottom-left-radius: 50px;
    -moz-border-top-left-radius: 50px;
    -moz-border-bottom-left-radius: 50px;
    position: relative;
    margin-top: 0;
}

.message-profile .content-middle-in ul li{
    width: 100%;
}

.message-profile .menu-inside .selected:before{
    background-color: #FAFAFA;    
    content: "";
    width: 20px;
    height: 20px;
    right: 0;
    position: absolute;
}

.message-profile .menu-inside .selected:after{
    bottom: 0;
}

.message-profile .menu-inside li:before{
    bottom: -20px;
}

.message-profile .menu-inside{
    overflow: visible;
}

.message-profile .menu-inside .selected:after{
    background-color: #FAFAFA;    
}

.message-profile .menu-inside .selected .inside-menu:after, 
.message-profile .menu-inside .selected .inside-menu:before{
    background-color: #ffffff;
}

.message-profile .m-mess{
    display: none!important;
}

.message-profile .menu-inside ul li{
    color: #9013FE;
}

.message-profile .menu-inside.matches li svg#iconomatch {
    stroke: #9013FE;
    fill: #9013FE;
}

.message-profile .menu-inside.matches li.selected svg#iconomatch {
    stroke: #454F5B;
    fill: #454F5B;
}

.back-to-message{
    width: 48px;
    height: 41px;
    position: absolute;
    top: 0;
    left: 20px;
    background: url(../svg/user/messages/back-message.svg) no-repeat center center transparent;
    cursor: pointer;
    z-index: 10;
}

/* ====== RATING & CLOSE ====== */

.rating,
.sure {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 200;
    top: 0;
    left: 0;
}

.rating-back,
.sure-back{
    background-color: #000000;
    width: 100%;
    height: 100%;
    opacity: 0.5; 
}

.rating-cont,
.sure-cont{
    max-width: 1145px;
    width: 95%;
    margin: 0 auto;
}

.rating-content,
.sure-content{
    margin: 0 auto;
    max-width: 310px;
    width: 90%;
    margin:0 auto;
    height: auto;
    box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.4);
    border-radius: 20px;
    background-color: #ffffff;
    text-align: center;
    position: absolute;
    overflow: hidden;
    z-index: 2;
    top: 100px;
    left: 0;
    right: 0;
    color: #454F5B;
}

.rating-content-in,
.sure-content-in{
    padding: 30px;
}

.rating-content-in .notes-sub{
    margin-bottom: 13px;
    line-height: 32px;
}

.rating-content-in .rating-member,
.rating-content-in .rating-venue{
    position: static;
    margin: 20px 0;
}

.rating-content-in .rating-venue{
    margin-bottom: 0;
}

.rating-content-in .notes-txt{
    margin: 0;
    line-height: 25px;
}

.rating-content-in .rating-member ul li,
.rating-content-in .rating-venue ul li{
    width: 36px;
    height: 36px;
    margin: 0 5px;
    cursor: pointer;
}

.rating-venue .empty{
    background: url(../svg/user/dates/star.svg) no-repeat center center transparent;
}

.star-1,
.star-2{
    background: url(../svg/user/dates/s-pink.svg) no-repeat center center transparent;
}

.star-3{
    background: url(../svg/user/dates/s-purple.svg) no-repeat center center transparent;
}

.star-4,
.star-5{
    background: url(../svg/user/dates/s-blue.svg) no-repeat center center transparent;
}

.rating-user-image{
    position: relative;
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 auto 20px;
}

.rating-user-image .profile-big-image{
    width: 100px;
    height: 100px;  
}

.rating-user-image .profile-big-image:before{
    display: none;
}

.rating-user-image .icon-menu-bigcont{
    margin: 0 auto;
}

.thankicon{
    width: 80px;
    height: 80px;
    display: block;
    margin: 0 auto;
    background: url(../svg/user/dates/thankyou.svg) no-repeat center center transparent;
}

.rating-step-two .notes-sub{
    margin-bottom: 0;
}

.rating-step-one,
.rating-step-two,
.rating-step-three,
.rating-step-four{
    -webkit-transition:all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    -moz-transition:all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    -o-transition:all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    transition:all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
}

.rating-step-two,
.rating-step-three,
.rating-step-four{
    display: none;
}


.rating-step-three .user-btn{
    margin: 30px auto;
}

.rating-step-two .notes-txt,
.rating-step-three .notes-txt,
.rating-step-four .notes-txt{
    margin-top: 20px;
}

.close_rating{
    text-decoration: underline;
    cursor: pointer;
}

.invite-gificon{
    display: block;
    margin: 0 auto;
    width: 30px;
    height: 30px;
    background: url(../svg/user/matches/choose_b.svg) no-repeat center center transparent;
}

.rating-step-two .invite-gificon{
     background-image: url(../svg/user/matches/keeper.svg)
}

.rating-step-three .user-btn.rainbow{
    box-shadow: 0 7px 11px -8px #000000;
}

.rating-step-two .decline-buttons{
    margin: 30px 0 20px;
}


/* ====== PARTNER PROFILE ====== */

.line-dot{
    margin: 0 auto;
    text-align: center;
}

.line-dot ul li{
    list-style: none;
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 100px;
    background: #E6EBF2;
    margin: 0 5px;
}

.line-dot ul li.current-pic{
    background: #016CFE;
}

.venue-logo,
.venue-list-item{
    display: inline-block;
    vertical-align: top;
}

.venue-logo{
    width: 126px;
    height: 126px;
    border-radius: 20px;
    overflow: hidden;
}

.venue-logo img{
    width: 100%;
    height: auto;
}

.venue-main-title{
    color: #454F5B;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}

.venue-main-rating,
.venue-class{
    margin-bottom: 10px;  
}

.venue-main-rating ul{
    display: inline-block;
    vertical-align: middle;
}

.venue-main-rating ul li{
    list-style: none;
    width: 18px;
    height: 18px;
    background: url(../svg/user/partners/star.svg) no-repeat center center transparent;
    display: inline-block;
    margin: 0 0 0 5px;
}

.venue-main-rating ul li.reviewd{
    background-image: url(../svg/user/partners/star-rated.svg);
}

.review-counter{
    display: inline-block;
    color: #9B9B9B;
    font-size: 13px;
}

.venue-class-icon,
.venue-class-txt{
    display: inline-block;
    vertical-align: middle;
}

.venue-class-icon{
    width: 20px;
    height: 20px;
    background: url(../svg/user/partners/resto.svg) no-repeat center center transparent;
    margin-left: 5px;
    margin-right: 9px;
}

.venue-class-txt{
    color: #016CFE;
    font-size: 15px;
}

.venue-website a{
    text-decoration: none;
    color: #9B9B9B;
}

.venue-main-items{
    max-width: 368px;
    width: 90%;
    margin: 30px auto 0;
}

.venue-list-item{
    margin-left: 20px;
}

.business-address{
    text-align: center;
    color: #454F5B;
    margin: 30px 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
}

.business-icon{
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../svg/user/partners/indirizzo.svg) no-repeat center transparent;
    vertical-align: bottom;
    margin-right: 5px;
}

.business-banner{
    width: 100%;
    max-width: 457px;
    height: auto;
    margin-bottom: 20px;
    position: relative;
}

.business-banner img{
    width: 100%;
    height: auto;
}

.control-left{
    width: 63px;
    height: 100%;
    position: absolute;
    left: 0;
    cursor: pointer;
}

.control-right{
    width: 63px;
    height: 100%;
    position: absolute;
    right: 0;
    cursor: pointer;
}

.control-left:hover .control-icon{
    margin-left: 10px;
}

.control-right:hover .control-icon{
    margin-left: 23px;
}

.control-icon{
    width: 30px;
    height: 60px;
    display: block;
    margin-top: 100px;
    background: url(../svg/user/partners/left.svg) no-repeat center transparent;
    -webkit-transition:all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    -moz-transition:all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    -o-transition:all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    transition:all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
}

.control-right .control-icon{
    background: url(../svg/user/partners/right.svg) no-repeat center transparent;
    margin-left: 13px;
}

.control-left .control-icon{
    margin-left: 20px;
}

.venue-options{
    max-width: 350px;
    width: 90%;
    background-color: #FFFFFF;
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.03);
    border-radius: 20px;
    overflow: hidden;
    margin: 0 auto;
}

.venue-options ul li{
    list-style: none;
    width: 90%;
    margin: 0 auto;
    display: block;
    border-bottom: 1px solid #F6F6F6;
    padding: 10px 0;
    cursor: pointer;
}

.venue-options ul li.uber-item{
    border-bottom: 0;
}

.venue-options{
    color: #000000;
    font-size: 13px;
}

.venue-opt-icon{
    width: 25px;
    height: 25px;
    background: red;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: 10px;
    background: url(../svg/user/partners/maps.svg) no-repeat center transparent;
}

.exdisc .venue-opt-icon{
    background-image: url(../svg/user/partners/qr.svg);
}

.opent .venue-opt-icon{
    background-image: url(../svg/user/partners/ot.svg);
}

.uber-item .venue-opt-icon{
    background-image: url(../svg/user/partners/ubber.svg);
}

.venue-options li a{
    width: 100%;
    color: #000000;
    text-decoration: none;
    display: block;
}

.business-address .business-icon{
    vertical-align: middle;
}

.respo-menu-right.close-respo-box,
.respo-title-cont,
.responsive-desc,
.respoliccon,
.respo-counter,
.respo-control-desc{
    display: none;
}

/* ====== SURE BOX ====== */

.sure{
    display: none;
}

.sure-icon{
    display: block;
    width: 30px;
    height: 30px;
    background: url(../svg/user/profile/payment-error.svg) no-repeat center transparent;
    margin: 0 auto 15px;
}

.sure-txt{
    font-size: 17px;
    font-size: 16px;
    line-height: 30px;
    color: #4A4A4A;
}

.sure .decline-buttons{
    margin: 30px 0 14px;
}

/* ====== PICTURE BOX ====== */

#update-gallery{
    display: none;
    margin: 0 auto;
    width: 485px;
    height: 548px;
    box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.08);
    border-radius: 59px;
    background-color: #ffffff;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.picture-change-two{
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background: #ffffff;
    height: 100%;
    z-index: 5;
}

#update-gallery .picture.icon-info {
    top: 77px;
    right: 66px;
}

#update-gallery .gal-pic.filled-pic::before{
    z-index: 0;
}

#update-gallery .container-notification.pictips{
    top: 0;
    z-index: 10;
}

#update-gallery .image-container{
    margin: 0 auto 30px;
}

#update-gallery .pic-title{
    margin-top: 23px;
}

#update-gallery hr.divider-pic-line{
    width: 90%;
}

/* VERIFY BOX */

.verify-step-one{
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background: #ffffff;
    height: 100%;
    z-index: 5;
    padding-top: 30px;
}

.verify-step-one .sub-ver{
    padding-left: 5%;
    width: 45%;
}

.verify-step-two{
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background: #ffffff;
    height: 100%;
    z-index: 5;
    padding-top: 30px;   
}

.verify-step-two .sub-ver{
    padding-left: 5%;
    width: 45%;
}

.verify-step-three{
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background: #ffffff;
    height: 100%;
    z-index: 5;
    padding-top: 30px; 
}

.verify-step-three .mini-desc{
    margin-top: 30px;
}

.verified-pending{
    display: none;
    margin: 40px 0 30px;
}

/* ====== CARMELIA BOOKINGS ====== */

.menu-inside.bookings {
    width: 100%;
    padding-left: 0;
}

#book_meeting .content-main-title{
    margin-left: 0;
}

#book_meeting .content-main-title h1{
    margin-left: 20px;
}

#book_meeting .content-main-title hr {
    border-top-color: #C9AC77;
    margin-left: 20px;
}

.book_meeting-left{
    background-color: #ffffff;
}

.menu-inside.bookings li.selected {
    background-color: #FAFAFA;
    border-radius: 0;
}

.book_meeting-middle{
    background-color: #FAFAFA;
}

.menu-inside.bookings p{
    color: #454F5B;
    font-size: 18px;
    font-weight: bold;
}

.menu-inside.bookings{
    width: 100%;
    padding-left: 0;
}

.menu-inside.bookings .selected:before, 
.menu-inside.bookings .selected:after{
    background: #FAFAFA;
}

.menu-inside.bookings .selected .inside-menu:after,
.menu-inside.bookings .selected .inside-menu:before{
    background: #FFFFFF;
}

#book_meeting .inside-menu{
    text-align: center;
}

.bookings .bar-tit-cal{
    background: linear-gradient(135deg, #C9AC77 0%, #8B754E 100%);
}

.bookings .arrow-icon-cal{
    background-image: url(../svg/user/carmelia/right-arrow.svg);
}

#book_meeting .iconshop{
    background-image: url(../svg/user/carmelia/book.svg);
}

.message-book-box {
    width: 80%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.message-book-box p {
    padding: 20px 0;
    border-bottom: 1px solid #F3F3F3;
    color: #4A4A4A;
    line-height: 25px;
}

.book_meeting-middle li{
    cursor: pointer;
}

ul.dates_calendar li.ready-cal:hover .middlecal-text {
    left: 120px;
    -webkit-transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    -moz-transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    -o-transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
}

#book_meeting  .dates_calendar .icon-cal{
    display: block;
}

.no_bookings{
    text-align: center;
    margin-top: 270px;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 226px;
    width: 100%;
}

.book_meeting-right{
    position: relative;
}

.nob_cupid{
    width: 100px;
    height: 100px;
    background: url(../svg/user/carmelia/no-cupid.svg) no-repeat center transparent;
    margin:0 auto 20px;
}

.nob_text{
    color: #9B9B9B;
    font-size: 15px;
    margin-bottom: 15px;
}

.nob_title{
    color: #8D8D8D;
    font-size: 23px;
    font-weight: bold;
    width: 90%;
    margin: 0 auto;
}


.no_bookings .double-btn-container{
    color: #ffffff;
    width: 369px;
    margin: 30px auto 0;
}

.open-bookings{
    width: 100%;
    height: 755px;
    overflow: hidden;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 0;
    z-index: 14;
    background: #ffffff;
    color: #454F5B;
    text-align: center;
    display: none;
}

.close-booking-date {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.content-open-book{
    margin-top: 160px;
}

.book-block-one,
.book-block-two{
    display: block;
    text-align: left;
    width: 90%;
    margin: 0 auto;
}

.book-block-one{
    margin-bottom: 20px;
}

.book-block-two{
    margin-top: 60px;
}

.icon-book-world,
.icon-book-clock{
    width: 15px;
    height: 15px;
    background: url(../svg/user/carmelia/world.svg) no-repeat center transparent;
    vertical-align: middle;
    display: inline-block;
    margin-right: 10px;
}

.icon-book-clock{
    background-image: url(../svg/user/carmelia/clock.svg);
}

.text-book-world,
.text-book-clock{
    vertical-align: middle;
    display: inline-block;
    font-size: 14px;
    color: #454F5B;
    font-weight: 500;
}

.book-block-one span{
    color: #C9AC77;
}

.icon-arrow-gold{
    height: 6px;
    width: 10px;
    background: url(../svg/user/carmelia/gold-arrow.svg) no-repeat center transparent;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

.book-price-icon,
.book-cost{
    display: inline-block;
    vertical-align: middle;
}

.book-price-icon{
    width: 21px;
    height: 21px;
    background: url(../svg/user/carmelia/card.svg) no-repeat center transparent;
    margin-right: 10px;
}

.book-cost{
    font-size: 26px;
    color: #454F5B;
    font-weight: 500;
}

.book-currency{
    color: #454F5B;
    font-size: 14px;
    font-weight: 500;
    border-top: 1px solid #E6E6E6;
    margin: 0 auto;
    width: 170px;
    padding-top: 10px;
    margin-top: 10px;
}

.open-bookings .double-btn-container{
    color: #ffffff;
    width: 369px;
    margin: 30px auto 0;
}

.time-opt{
    display: inline-block;
    vertical-align: middle;
    margin: 0px 15px;
}

.time-opt input[type=checkbox] {
    height: 0;
    width: 0;
    display: none;
}

.time-opt label {
    cursor: pointer;
    text-indent: -9999px;
    width: 54px;
    height: 30px;
    background: #C9AC77;
    display: block;
    border-radius: 100px;
    position: relative;
}

.time-opt label:after {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 90px;
    transition: 0.3s;
}

.book-block-two span{
    color: #9B9B9B;
    font-size: 12px;
    font-weight: 100;
}

.sel-am{
    margin-left: 20px;
}

.time-opt label:after {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 90px;
    transition: 0.3s;
}

.time-opt input:checked + label {
    background: #AA7921;
}


.time-opt input:checked + label:after {
    left: calc(100% - 5px);
    transform: translateX(-100%);
}

.time-opt label:active:after {
    width:20px;
}

.select-book-time select{
    width: 90%;
    font-size: 12px;
    color: #454F5B;
    font-weight: bold;
    border-color: #C9AC77;
    background-image: url(../svg/user/carmelia/gold-arrow.svg);
    text-indent: 50%;
}

.select-book-time{
    margin: 50px 0;
}

.select-world-time{
    display: inline-block;
}

.select-world-time select{
    border: none;
    padding: 0!important;
    font-size: 14px;
    color: #C9AC77;
    font-weight: 500;
    background-image: none;
}

/* SUCCESS BOOKING */

.success-book .goodateicon{
    margin-top: 100px;
    background-image: url(../svg/user/carmelia/succupid.svg);
}

.dates-content li .day-box{
    position: absolute;
    width: 65px;
    height: 65px;
    background: linear-gradient(135deg, #3AFFAA 0%, #1CE0C6 100%);
    color: #FFFFFF;
    text-align: center;
    font-size: 36px;
    line-height: 65px;
}

.dates-content li.empty .day-box{
    background: linear-gradient(135deg, #454F5B 0%, #7F94AD 100%);
}

.middlecal-text{
    font-size: 13px;
    color: #9B9B9B;
    width: 100px;
    height: 37px;
    position: absolute;
    top: 20px;
    left: 110px;
    -webkit-transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    -moz-transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    -o-transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
}

.dates-content li .bar-cal{
    position: absolute;
    right: 0;
    top: 0;
    background: linear-gradient(135deg, #3AFFAA 0%, #1CE0C6 100%);
    width: 4px;
    height: 100%;
}

.dates-content li.empty .bar-cal{
    background: linear-gradient(135deg, #454F5B 0%, #7F94AD 100%);
}

.book_meeting-middle .icon-cal{
    position: absolute;
    width: 15px;
    height: 15px;
    background: url(../svg/user/dates/plus.svg) no-repeat center center transparent;
    top: 25px;
    right: 20px;
    -webkit-transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    -moz-transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    -o-transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
    transition: all 0.25s cubic-bezier(0.165,0.84,0.44,1) 0s;
}

.booked-d .icon-cal{
    background: url(../svg/user/carmelia/have-date-icon.svg) no-repeat center center transparent;  
}

.book_meeting-middle li .day-box{
    position: absolute;
    width: 65px;
    height: 65px;
    background: linear-gradient(135deg, #C9AC77 0%, #8B754E 100%);
    color: #FFFFFF;
    text-align: center;
    font-size: 36px;
    line-height: 65px;
}

#book_meeting .dates_calendar li.date-open .day-box,
#book_meeting .dates_calendar li.booked-d .day-box{
    background: linear-gradient(135deg, #C9AC77 0%, #8B754E 100%);
}

.book_meeting-middle li.no-book .day-box{
    background: linear-gradient(135deg, #454F5B 0%, #7F94AD 100%);
}

.book_meeting-middle li .bar-cal{
    position: absolute;
    right: 0;
    top: 0;
    background: linear-gradient(135deg, #C9AC77 0%, #8B754E 100%);
    width: 4px;
    height: 100%;
}

.book_meeting-middle li.no-book .bar-cal{
    background: linear-gradient(135deg, #454F5B 0%, #7F94AD 100%);
}

.icon-cal.have-date-icon{
    background: url(../svg/user/dates/have-date-icon.svg) no-repeat center center transparent;  
}

.success-book,
.open-bookings{
    border-radius: 0;
}

/* BOOKED DAY */

.booked{
    display: none;
}

.booked-cont{
    background-color: #ffffff;
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.03);
    max-width: 308px;
    width: 90%;
    border-radius: 9px;
    overflow: hidden;
    margin: 150px auto 0;
    text-align: left;
    color: #8D8D8D;
    font-size: 14px;
}

.bokedicon-clock{
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    background: url(../svg/user/carmelia/clock.svg) no-repeat center transparent;
    margin-right: 5px;
}

.booked-title{
    font-size: 20px;
    color: #454F5B;
    font-weight: 500;
    text-align: center;
    margin-top: 50px;
}

.booked-txt{
    font-size: 11px;
    color: #9B9B9B;
    font-weight: 100;
    text-align: center;
    margin-top: 30px;
}

.bokedicon-world{
    display: inline-block;
    vertical-align: middle;
    font-size: 10px;
    height: 10px;
    width: 10px;
    background: url(../svg/user/carmelia/world.svg) no-repeat center transparent;
    opacity: 0.5;
    margin-right: 5px;
}

.booked-cost{
    text-align: center;
    color: #454F5B;
    font-weight: 100;
    font-size: 15px;
    margin: 50px 0 80px;
}

.bokedicon-card{
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    height: 15px;
    width: 15px;
    background: url(../svg/user/carmelia/card.svg) no-repeat center transparent;
    margin-right: 8px;
}

.booked-cost span{
    margin-left: 7px;
    font-weight: 500;
}

.close-bookings{
    background-color: #D0021B;
    margin: 0 auto 50px;
    width: 150px;
    display: block!important;
}

.book-reminder-txt{
    display: none;
}

#book_meeting .middlecal-text{
    width: 164px;
}

.success-book{
    z-index: 15;
}

.add-to-cal{
    width: 170px;
}

.select-time-book{
    display: inline-block;
    vertical-align: middle;
}

.success-book .sub-succ-title{
    width: 90%;
    margin: 0 auto 15px;
    line-height: 25px;
}

.success-book .sub-sub-succ-title{
    width: 90%;
    margin: 0 auto;
    line-height: 25px;
}

.taken .middlecal-text{
    top: 15px;
}

.respobook-title{
    display: none;
}

.respo-golden-confirm-text{
    display: none;
}

/* ====== VIDEO PODCAST ====== */

.full-content {
    width: 90%;
    margin: 0 auto;
    padding-top: 20px;
    height: 735px;
    overflow: scroll;
}

.podcast-cont .podcast-cont-elements li,
.events-cont .events-cont-elements li{
    width: 50%;
    display: inline-block;
    margin-bottom: 20px;
}

.inner-pod{
    max-width: 380px;
    width: 95%;
    background-color: #FFFFFF;
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.03);
    border-radius: 9px;
    overflow: hidden;
    display: block;
    margin: 10px auto;
    cursor: pointer;
}

.text-inside-cont{
    padding: 15px 10px 20px;
}

.text-inside-title{
    font-size: 30px;
    font-family: 'Work Sans', sans-serif;
    font-weight: 100;
    color: #454F5B;
}

.text-inside-title:after {
    content: "";
    width: 150px;
    height: 1px;
    background-color: #9013FE;
    display: block;
    margin-top: 10px;
    margin-bottom: 30px;
}

.text-inside-txt{
    font-size: 15px;
    line-height: 22px;
    color: #9B9B9B;
    margin-bottom: 25px;
}

.inner-pod .more-subtitle{
    color: #9013FE;
    margin-bottom: 15px;
}

.inner-pod .feature-box{
    width: 265px;
    padding-top: 0;
}

.inner-pod .feature-name{
    color: #9013FE;
    margin-bottom: 10px;
}

.inner-pod .feature-pic-con{
    width: 60px;
    height: 60px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.inner-pod .feature-pic{
    width: 60px;
    height: 60px;
    float: right;
    position: relative;
    margin-right: 10px;
}

.inner-pod .feature-pic:before{
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    background: #9013FE;
    content: '';
    z-index: 0;
    border-radius: 100%;
}

.image-desc-cont{
    width: 100%;
    height: auto;
    background: #9013FE;
    display: block;
    overflow: hidden;
}

.image-desc-cont img{
    width: 100%;
    height: auto;
}

/* PINK PODCAST */

.pink-pod .image-desc-cont{
    background: #F73FCD; 
}

.pink-pod .text-inside-title:after{
    background-color: #F73FCD;
}

.pink-pod .inner-pod .more-subtitle,
.pink-pod .inner-pod .feature-name{
    color: #F73FCD;
}

.pink-pod .inner-pod .feature-pic:before{
    background: #F73FCD;
}

/* BLUE PODCAST */

.blue-pod .image-desc-cont{
    background: #01b7ff; 
}

.blue-pod .text-inside-title:after{
    background-color: #01b7ff;
}

.blue-pod .inner-pod .more-subtitle,
.blue-pod .inner-pod .feature-name{
    color: #01b7ff;
}

.blue-pod .inner-pod .feature-pic:before{
    background: #01b7ff;
}

/* GREEN PODCAST */

.green-pod .image-desc-cont{
    background: #18CACC; 
}

.green-pod .text-inside-title:after{
    background-color: #18CACC;
}

.green-pod .inner-pod .more-subtitle,
.green-pod .inner-pod .feature-name{
    color: #18CACC;
}

.green-pod .inner-pod .feature-pic:before{
    background: #18CACC;
}

.load-more-episodes{
    display: block;
    text-align: center;
    margin: 50px 0 100px;
}

/* FULL PODCAST */

.podcast-cont,
.events-cont{
    width: 100%;
    height: 755px;
    overflow: scroll;
}

.blog-cont{
    width: 90%;
    margin: 40px auto;
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.06);
    border-radius: 20px;
    background-color: #ffffff;
    overflow: hidden;
    color: #454F5B;
    display: none;
}

.video-cont-full{
    width: 100%;
    height: 400px;
}

.inner-box-blog{
    padding: 20px;
    padding-bottom: 50px;
}

.tc-icon{
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(../svg/user/wall/com.svg) no-repeat center transparent;
}

.title-comment{
    color: #454F5B;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}

.user-pic-com:before{
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    background-image: linear-gradient(135deg, #ff59de 0%, #00d1ff 80%, #00eaff 100%);
    content: '';
    z-index: 0;
    border-radius: 100%;
}

.user-pic-com{
    width: 50px;
    height: 50px;
    position: relative;
    margin: 0 auto;
}

.user-com-bix{
    width: 10%;
    display: inline-block;
    vertical-align: top;
}

.user-pic-com-in{
    width: 50px;
    height: 50px;
    border-radius: 100%;
    text-align: center;
    overflow: hidden;
    position: relative;
}

.user-pic-com-in img{
    width: 100%;
    height: auto;
}

.user-com-box{
    display: inline-block;
    vertical-align: top;
}

.user-com-box textarea {
    background-color: #e7f8ff;
    text-align: left;
    width: 500px;
    margin: 0 auto;
    border-radius: 7px;
    font-size: 13px;
    color: #454F5B;
    border: 0;
    resize: none;
    padding: 20px;
    line-height: 26px;
}

.open-response .user-com-box textarea{
    background-color: #FFFAFE;
}

.save-btn-cm{
    text-align: center;
    color: #ffffff;
    display: block!important;
    margin: 20px 0 0;
}

.comment-box{
    border-bottom: 1px solid #F6F6F6;
    border-top: 1px solid #F6F6F6;
    padding: 20px 0;
    margin-bottom: 20px;
}

.user-com-boxn{
    display: inline-block;
    vertical-align: top;
    width: 89%;
    max-width: 700px;
    line-height: 20px;
    padding-left: 1%;
}

.action-comment{
    display: block;
    margin-top: 10px;
}

.action-comment ul li{
    list-style: none;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
}

.icon-like-com,
.icon-unlike-com{
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #FFFFFF;
    vertical-align: middle;
    border-radius: 100%;
    overflow: hidden;
}

.icon-unlike-com{
    margin-left: 10px;
}

.likecom-counter,
.unlikecom-counter{
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

.reply-btn{
    margin-left: 10px;
    color: #454F5B;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: underline;
    cursor: pointer;
}

.chiikon{
    width: 15px;
    height: 15px;
    background-color: blue;
    margin: 0 auto;
}

.icon-unlike-com .chiikon {
    background: url(../svg/user/wall/dislike.svg) no-repeat center center transparent;
    margin-top: 3px;
}

.icon-like-com .chiikon {
    background: url(../svg/user/wall/like.svg) no-repeat center center transparent;
    margin-top: 2px;
}

.user-com-box textarea::placeholder {
    text-align: left;
    font-size: 13px;
    opacity: 1;
    font-weight: 100;
    color: #454F5B;
}

.user-com-box textarea:-ms-input-placeholder { 
    text-align: left;
    font-size: 13px;
    opacity: 1;
    font-weight: 100;
    color: #454F5B;
}

.user-com-box textarea::-moz-input-placeholder{
    text-align: left;
    font-size: 13px;
    opacity: 1;
    font-weight: 100;
    color: #454F5B;
}

.user-com-box textarea::-webkit-input-placeholder{
    text-align: left;
    font-size: 13px;
    opacity: 1;
    font-weight: 100;
    color: #454F5B;
}

.comentario{
    margin: 20px 0;
    background: #ECFAFF;
    padding: 10px;
    border-radius: 20px;
}

.comment-text p{
    margin-bottom: 7px;
}

.ansr{
    margin-left: 5%;
    background-color: #FFFAFE;
}

.open-response{
    display: none;
}

.ansr1{
    display: none;
}

.inner-blog-controls li{
    list-style: none;
    width: 50px;
    height: 50px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 100%;
    overflow: hidden;
    cursor: pointer;
}

.inner-blog-controls li.go_left{
    background: url(../svg/user/wall/aleft.svg) no-repeat center center #9013FE;
}


.inner-blog-controls li.go_back{
    margin:0 30px;
    background: url(../svg/user/wall/home.svg) no-repeat center center #9013FE;
}

.inner-blog-controls li.go_right{
    background: url(../svg/user/wall/aright.svg) no-repeat center center #9013FE;
}


.inner-blog-controls,
.inner-events-controls{
    text-align: center;
    margin-bottom: 20px;
}

/* EVENTS */

.events-cont .events-cont-elements li{
    vertical-align: middle;
}

.event-content-full{
    width: 90%;
    max-width: 600px;
    margin: 50px auto;
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.06);
    border-radius: 20px;
    background-color: #ffffff;
    overflow: hidden;
    color: #454F5B;
    display: none;
}

.image-cont-full img{
    width: 100%;
    height: auto
}

.inner-box-event{
    padding: 20px;
}

.title-event{
    color: #454F5B;
    font-weight: 500;
    font-size: 20px;
}

.subtit-event{
    margin-bottom: 13px;
}

.event-desc{
    font-size: 15px;
    line-height: 22px;
    color: #9B9B9B;
    margin: 20px 0;
}

.buttons-events{
    margin: 0 auto;
    text-align: center;
    border-top: 1px solid #F6F6F6;
    border-bottom: 1px solid #F6F6F6;
    padding-top: 20px;
}

.yellow-event-btn, 
.green-event-btn,
.ubber-btn,
.add-to-ical{
    font-size: 15px;
    border:1px solid #7ED321;
    padding: 11px 0;
    border-radius: 50px;
    text-align: center;
    position: relative;
}

.ubber-btn{
    background: #000000;
    color: #ffffff;
    border-color: #000000;
    border-radius: 8px;
}

.add-to-ical{
    background: #01B7FF;;
    color: #ffffff;
    border-color: #01B7FF;;
    border-radius: 8px;   
}

.events-actions{
    display: none;
}



.ball-event{
    background: #7ED321;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: 6px;
    top: 6px;
}

.text-btn-ev{
    display: inline-block;
    vertical-align: middle;
}

.event-desc p {
    margin-bottom: 10px;
}

.yellow-event-btn{
    border-color: #EECF05;
}

.yellow-event-btn .ball-event{
    background-color: #EECF05;
}

.yellow-event-btn.agree-event{
    background-color: #EECF05;
    font-weight: bold;
    color: #000;
}

.event-desc b{
    color: #454F5B;
}

.buttons-events li{
    cursor: pointer;
    display: block;
    width: 300px;
    margin: 0 auto 20px;
}

.chibcon{
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../svg/user/dates.svg) no-repeat center center transparent;
    vertical-align: middle;
    margin-right: 10px;
}

.subtit-event.venue-kon .chibcon{
    background-image: url(../svg/user/partners.svg);
}

.event-desc-left,
.event-desc-right{
    display: inline-block;
    vertical-align: top;
}

.event-desc-left{
    width: 70%;
}

.event-desc-right{
    width: 30%;
    color: #454F5B;
    font-weight: 400;
    font-size: 12px;
}

.event-desc-left-in{
    padding-right: 20px;
}

.inner-events-controls li{
    list-style: none;
    display: inline-block;
    cursor: pointer;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
}

.inner-events-controls li.go_back_event{
    width: 100px;
}

.inner-events-controls li:hover{
    text-decoration: underline;
    color: #9013FE;
}

/* ROUND BORDERS */


.active .inner-clockford:after{
    content: "";
    width: 20px;
    height: 20px;
    right: -20px;
    background-color: #FAFAFA;
    position: absolute;
    bottom: 0;
}

.active .inner-clockford:before{
    content: "";
    width: 20px;
    height: 20px;
    left: -20px;
    bottom: 0;
    background-color: #FAFAFA;
    position: absolute;
}

.active .outer-clockford:before{
    content: "";
    width: 40px;
    height: 40px;
    z-index: 1;
    background-color: #FFFFFF;
    position: absolute;
    border-radius: 40px;
    left: -40px;
    bottom: 0;
}

.active .outer-clockford:after{
    content: "";
    width: 40px;
    height: 40px;
    z-index: 1;
    background-color: #FFFFFF;
    position: absolute;
    border-radius: 40px;
    bottom: 0;
    right: -40px;
}

.icon-menu.active{
    z-index: 1;
}

.no-more-respo{
    display: none;
}

.dates-content li.no-mas .day-box,
.dates-content li.no-mas .bar-cal {
    background: #9B9B9B;
}

li.no-mas .icon-cal{
    display: none!important;
}

/* EXTRA STUFF */

.div-m-f .divon-right,
.div-m-f .divon-left{
    text-align: center;
}

.divon.div-m-f,
.double-cont.dc-rel{
    margin-top: 10px;
}

.divmf-tit{
    display: block;
    margin-bottom: 10px;
    text-indent: 5%;
    color: #454F5B;
    font-weight: 500;
}

.divon.div-m-f .divon-right label,
.divon.div-m-f .divon-left label{
    background: #00d1ff;
}

.divon.div-m-f .divon-right input:checked + label,
.divon.div-m-f .divon-left input:checked + label{
    background: #ff59de;
}

.contby.cbm{
    margin-right: 5px;
}

.contby.cbf{
    margin-right: 0;
    margin-left: 5px;
}

.div-cin-m{
    margin-right: 5%;
}


.divon-left .divmf-tit{
    text-align: left;
    text-indent: 40%;
}

.div-m-f .div-cin-m{
    margin-right: 0;
    margin-left: 5%;
}

.yellow-btn-note{
    display: none;
    margin-top: 20px;
    font-weight: bold;
    line-height: 17px;
}























































































































































































































































@media screen and (max-width: 1250px){

    /* MY PROFILE */
    .profile-content .content-left{
        width: 25%;
        overflow: scroll;
    }

    .profile-content .content-middle{
        width: 25%;
    }

    .profile-content .content-right{
        width: 50%;
        overflow: scroll;
    }

    .profile-content .title-prof-menu{
        margin-top: 100px;
    }

    .menu-inside.miprof{
        padding-left: 10px;
    }

    .profile-content .business-gallery{
        width: 95%;
    }

    /* MATCHES */
    .content-thin-left{
        width: 20%;
    }

    .content-big-middle{
        width: 80%;
    }

    .matches-content .business-gallery li{
        width: 80px;
        height: 80px;
    }

    .matches-content .desc-cont .business-gallery ul li{
        margin: 0 5px;
    }

    /* MY WALL */

    .content-thin-left{
        width: 20%;
    }

    .content-big-middle{
        width: 80%;
    }

    .myfav-cont .content-left, 
    .hidden-cont .content-left{
        width: 20%
    }

    .myfav-cont .content-middle, 
    .hidden-cont .content-middle{
        width: 35%;
    }

    .myfav-cont .content-right, 
    .hidden-cont .content-right{
        width: 45%;
    }


    .mywall-content .desc-cont .business-gallery ul li{
        margin: 0px 2px;
    }

    .mywall-content .boxy-compa-in{
        width: 90%;
    }

    .mywall-content .circle-div.cd-purple{
        margin: 0px 10px;
    }

    .mywall-content .first-mes-sent{
        width: 90%
    }

    .myfav-cont .send-mes-first,
    .hidden-cont .send-mes-first{
        width: 90%;
        margin:0 auto;
    }
}

@media screen and (max-width: 1200px){


    /* CARMELIA */
    .match-content .content-right,
    .match-content .content-middle,
    .match-content .content-left{
        overflow: scroll;  
    }

   /* MESSAGES */
   .sendup input{
        width: 100%;
   }

   .sendup{
        width: 10%;
   }

   .double-btns{
        width: 20%;
   }

   .textual{
        width: 66%;
        margin: 0 2%;
   }

   .mess-box-text{
        max-width: 300px;
   }

   /* BOOKINGS */
    .text-book-world, 
    .text-book-clock{
        width: 90%;
    }

    .icon-book-world, 
    .icon-book-clock{
        width: 10%;
        margin-right: 0;
    }

    .icon-arrow-gold{
        display: none;
    }

    .open-bookings .double-btn-container{
        width: 100%;
    }
}

@media screen and (max-width: 1160px){

    /* CONTAINER */
    .content-left, 
    .content-middle, 
    .content-right{
        display: inline-block;
        vertical-align: top;
    }

    /* MATCHMAKER */
    .seal-box{
        width: 95%;
        margin: 0 auto 20px;
    }

    .carme-t-l{
        font-size: 12px;
    }

    .image-carmelia{
      position: relative;
      width: 100%;
      height: auto;
    }

    .image-carmelia:after {
      content: "";
      display: block;
      padding-bottom: 100%;
    }

    .middle-carmelia{
        width: 95%;
        margin: 0 auto;
    }

    .carme-tit{
        width: 90%;
        margin: 40px auto 0;
    }

    .carme-logo{
        position: relative;
        width: 80%;
        height: auto;  
    }

    .carme-logo:before{
        content: "";
        display: block;
        padding-top: 15%;
    }

    .carme-cont{
        width: 95%;
        display: block;
        margin: 0 auto;
        padding: 0;
    }

    .text-carmelia{
        padding-bottom: 20px;
    }

    /* PARTNERS */
    .content-middle-in ul li{
        width: 50%;
    }

    .matches-content .business-gallery li,
    .message-profile .business-gallery li{
        width: 50px;
        height: 50px;
    }

    .content-right .db-left,
    .content-right .db-right{
        width: 100%;
    }

    .content-right .db-left{
        margin-bottom: 20px;
    }

    .gallery-title{
        margin-bottom: 20px;
    }

    .business-gallery{
        margin-bottom: 20px;
    }

    .business-desc{
        height: auto;
    }

    /* MESSAGES */
    .message-content .content-left,
    .content-fullmiddle{
        display: inline-block;
    }

    .message-content .content-left{
        height: 755px;
        width: 30%;
    }

    .content-fullmiddle{
        width: 70%;
    }

   .mess-box-text{
        max-width: 250px;
   }

   /* PROFILE */
   .user-manage-prof{
        display: block;
        margin: 0 auto 10px;
        width: 30px;
        height: 30px;
   }

   .profile-content .title-prof-menu{
        width: 90%;
        margin-right: auto;
        margin-left: auto;
   }


    .menu-inside-wall.miwall .lmenu-icon{
        margin-left: 15px;
    }

    /* MATCHES */ 
    .menu-inside.matches{
        padding-left: 15%;
    }

    .extra-action-box{
        left: 11px;
    }

    .compatible-heart{
        right: 3px;
    }

    .all-matches-cont .pic-cont-mid,
    .all-matches-cont .icon-menu-midcont{
        width: 70px;
        height: 70px;
    }

    .all-matches-cont .profile-match-image{
        width: 90px;
        height: 90px;
    }

    .all-matches-cont .icon-menu-midcont .veristar{
        width: 15px;
        height: 15px;
        right: 0px;
    }

    .boxy-desc{
        width: 90%;
    }

    .matches-content .desc-cont .business-gallery ul li,
    .message-profile .desc-cont .business-gallery ul li{
        margin: 0 1px;
    }

    .matches-content .boxy-desc-in,
    .message-profile .boxy-desc-in{
        font-size: 12px;
    }

    .inside-con{
        width: 150px;
    }

    .circle-div.cd-purple{
        margin: 0px 20px;
    }

    .first-mes-sent{
        width: 90%;
    }

    /* MY WALL */
    .mywall-content .business-gallery li {
        width: 60px;
        height: 60px;
    }

    .mywall-content .desc-cont .business-gallery ul li{
        margin: 0px 4px;
    }

    .mywall-content .menu-inside.matches{
        padding-left: 5%;
    }

    .mywall-content .boxy-desc-in {
        font-size: 12px;
    }

    .mywall-content .circle-div.cd-purple{
        margin: 0px auto;
    }

    /* MY SHOP */
    .boxy-mas{
        width: 90%;
        border-radius: 10px;
    }

    .col-ball{
        margin-right: 15px;
    }

    .col-ball-brown{
        left: 11px;
    }

    .colour-dots, 
    .message-dot{
        width: 90%;
    }

    .colour-selector ul li, 
    .message-selector ul li{
        font-size: 10px;
    }

    .bracelet-image-container{
        width: 95%;
    }

    .col-ball{
        margin-right: 9px;
    }

    .brac-con img, .circ-con img {
        width: 100%;
    }

    .circ-con,
    .brac-con{
        max-width: 310px;
        left: 0;
        right: 0;
        margin: 0 auto;
        display: block;
        text-align: center;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 100%;
    }

    #bra-zoompic .brac-con, 
    #bra-zoompic .circ-con{
        right: 0;
        left: 0;
        margin: 0 auto;
        max-width: 640px;
        top: 0;
        transform: none;
    }

    .message-content .message-text {
        width: 83%;
    }

    /* PARTNERS */
    .venue-list-item {
        margin-left: 5px;
    }

    .venue-logo{
        width: 100px;
        height: 100px;
    }

    .control-icon{
        margin-top: 70px;
    }

    /* BOOKINGS */
    .no_bookings .double-btn-container{
        width: 100%;
    }

    .add-to-cal {
        width: 150px;
    }

    .booked-txt{
        width: 90%;
        margin: 30px auto 0;
    }
}

@media screen and (max-width: 1014px) {

    .profile-content .business-gallery li{
        display: block;
        text-align: center;
        margin: 0 auto 20px!important;
        width: 100px;
        height: 100px;
    }

    .profile-content .gallery-title{
        text-align: center;
        margin-bottom: 30px;
        margin-top: 30px;
    }

    .divicon input{
        width: 74%;
    }

    .divon-left input{
        width: 15px;
    }

    .formicon{
        width: 15px;
        height: 15px;
        margin-right: 0px;
    }

    .contby{
        margin-right: 0;
    }

    .menu-inside-wall.miwall .lmenu-icon{
        margin-left: 5px;
    }

    /* DATES */
    .dates-content .content-middle{
        width: 30%
    }

    .dates-content .content-right{
        width: 40%;
    }

    ul.dates_calendar li{
        width: 85%;
    }

    .middlecal-text{
        left: 80px;
    }

    /* MATCHES */ 
    .menu-inside.matches{
        padding-left: 5%; 
    }

    .profile-on-top .pic-cont-big,
    .profile-on-top .icon-menu-bigcont{
        width: 80px;
        height: 80px;
    }

    .profile-on-top .profile-big-image:before{
        top: 0px;
        width: 105px;
        height: 105px;
    }

    .matches-content .business-gallery li{
        width: 60px;
        height: 60px;
    }

    .matches-content .desc-cont .business-gallery ul li{
        margin: 0 4px;
    }

    .inside-con{
        width: 130px;
    }

    .circle-div.cd-purple{
        margin: 15px auto;
    }

    .circle-div{
        display: block;
        margin: 0 auto;
    }

    .sutitle-mes{
        margin-bottom: 30px;
    }

    .send-gift-cont .inside-btn{
        margin-top: 40px;
    }

    .mywall-content .circle-div.cd-purple{
        margin: 15px auto;
    }

    /* SHOP */ 
    .lil-text{
        line-height: 15px;
    }

    .product-image{
        width: 100px;
        height: 100px;
    }

    .product-title{
        width: 100px;
        margin: 0 auto;
    }

    .product-cost{
        margin: 5px auto;
        width: 100px;
    }

    .product-cost-off{
        width: 100px;
        margin: 0 auto;
    }

    .shop-content-left .lmenu-icon{
        margin-left: 40px;
    }

    .brac-con img, .circ-con img {
        width: 100%;
        margin-left: 0%;
    }

    /* PARTNERS */
    .venue-main-items{
        margin-top: 20px;
    }

    .venue-logo{
        display: block;
        margin: 0 auto 10px;
    }

    .venue-list-item{
        margin-left: 0;
        text-align: center;
        width: 100%;
    }

    .business-address{
        margin: 15px auto 10px;;
        width: 90%;
        line-height: 25px;
    }

    /* BOOKINGS */
    .time-opt{
        margin: 0px 5px;
    }
}

@media screen and (max-width: 980px) {

    /* MY WALL */
    .mywall-content .menu-inside.matches{
        padding-left: 0%;
    }

    .mywall-content .desc-cont .business-gallery ul li{
        margin: 0px 1px;
    }

    .mywall-content .button-ms {
        width: 50px;
    }

    .mywall-content .action-tag {
        font-size: 7px;
        padding: 2px 0;
        width: 55px;
    }

    .mywall-content .profile-on-top .profile-big-image:before{
        top: 5px;
        width: 95px;
        height: 95px;
    }

    .mywall-content .icon-menu-bigcont .veristar{
        top: 0;
    }

    /* PROFILE */
    .renewal-box-info{
        width: 100%;
    }

    .ending-text{
        margin-left: 10px;
    }

    .payment-data{
        padding-left: 0;
        text-align: center;
    }

    .payment-data{
        width: 95%;
    }

    .deal-icon{
        margin-right: 2px;
    }

    /* SHOP */ 

    .shop-content-right .double-btn{
        width: 120px;
    }

    .write-ins{
        width: 90%;
        margin: 0 auto;
    }

    .message-content .message-text {
        width: 80%;
    }

    /* BOOKINGS */
    .no_bookings .db-left, 
    .no_bookings .db-right, 
    .content-open-book .db-left, 
    .content-open-book .db-right,
    .success-book .db-left,
    .success-book .db-right{
        width: 100%;
    }

    .no_bookings .db-left,
    .content-open-book .db-left,
    .success-book .db-left{
        margin-bottom: 30px;
    }

    /* BOOKINGS */
    .no_bookings{
        top: 176px;
    }

    .time-opt{
        margin: 0px 2px;
    }

    .sel-am {
        margin-left: 10px;
    }

    .content-open-book {
        margin-top: 100px;
    }

    .open-bookings .double-btn-container {
        width: 100%;
    }

    /* PODCAST */
    .user-com-box textarea{
        width: 100%;
    }

    .user-com-box{
        width: 80%;
        padding-left: 1%;
    }
}

@media screen and (max-width: 900px) {

    /* MENU */
    .h-u-i-menu{
        width: 80%;
    }

    .h-u-i-logo{
        width: 20%;
    }

    /* INNER MENU SIDE */
    .menu-inside,
    .menu-inside-wall{
        padding-left: 0%;
        width: 100%;
    }

    .lmenu-icon{
        margin-left: 30px;
    }

    /* MESSAGE */
    .message-content .message-text{
        width: 80%;
    }

    .textual{
        width: 59%;
    }

    .double-btns{
        width: 27%;
    }

   .mess-box-text{
        max-width: 200px;
   }

   /* MY PROFILE */
   .menu-inside.miprof{
        padding-left: 10px;
        width: auto;
   }

   .fm-seal{
        display: none;
   }

   .profile-founding-seal{
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 100%;
        bottom: 7px;
   }

   .lmenu-icon{
        margin-left: 13px;
        margin-right: 10px;
   }

   .profile-content .user-btn.save-chg.textol{
        width: 90%;
   }

   .sex-input{
        display: block;
    }

    .left-formicon-bu{
        height: auto;
    }

    .femda{
        margin-left: 0px!important;
    }

    .sxi-2{
        margin-top: 5px;
    }

    .right-formicon.mafe{
        margin-top: 0;
        margin-bottom: 10px;
    }

    .divi2 .divon-left{
        display: none;
    }

    .divi2 .divon-right{
        width: 100%;
    }

    .dv-e .contby{
        width: 50%;
    }

    .right-formicon{
        font-size: 13px;
    }

    .invoice-desc{
        width: 100px;
    }

    .renewal-box-info{
        overflow: visible;
        height: auto;
        max-height: 100%;
    }

    .cancel-lil-bot{
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .deal-box li{
        font-size: 12px;
    }

    .deal-icon{
        margin-right: 10px;
    }

    .boxy{
        width: 100px;
        height: 100px;
    }

    .boxy-data{
        font-size: 35px;
    }

    span.pricetag{
        font-size: 18px;
    }

    /* MY WALL */
    .content-thin-left{
        width: 25%;
    }

    .content-big-middle{
        width: 75%;
    }

    .menu-inside-wall.miwall{
        width: 98%;
    }

    .menu-inside-wall.miwall .lmenu-icon{
        margin-left: 5px;
    }

    /* DATES */
    .dates-content .content-left{
        width: 20%;
    }

    .arrow-icon-cal{
        display: none;
    }

    .dates-content .content-right{
        width: 50%;
    }

    .middlecal-text{
        left: 80px;
    }

    .dates-content .content-main-title h1{
        font-size: 20px;
    }

    .bar-icon-cal{
        margin-right: 10px;
    }

    .message-cal-box p{
        line-height: 20px;
    }

    .icon-cal{
        display: none!important;
    }

    /* MATCHES */ 
    .menu-inside.matches{
        padding-left: 1%;
    }

    .action-tag{
        text-indent: 14px;
        width: 60px;
    }

    .compatible-heart{
        right: 0;
    }

    .extra-action-box{
        left: 8px;
    }

    .matches-content .content-main-title hr{
        margin-bottom: 8px;
    }

    .all-matches-cont ul li{
        margin-bottom: 5px;
        width: 50%;
    }

    .icon-update{
        width: 13px;
        height: 13px;
        margin-right: 4px;
    }

    .text-update{
        font-size: 10px;
    }

    .upadted-text{
        bottom: 3px;
    }

    .compa-title{
        font-size: 11px;
    }

    .inside-con{
        width: 120px;
    }

    /* MY WALL */ 
    .mywall-content .business-gallery li {
        width: 50px;
        height: 50px;
    }

    .mywall-content .business-gallery {
        margin-top: 20px;
    }

    .mywall-content .boxy-compa-in{
        width: 95%;
    }

    .mywall-content .cont-mid-head-match .compatible-heart {
        width: 60px;
    }

    .mywall-content .compa-text {
        font-size: 8px;
    }

    .mywall-content .cont-mid-head-match .survey-compatible-heart, 
    .mywall-content .cont-mid-head-match .survey-compatible-heart-in {
        width: 60px;
        height: 60px;
    }

    .mywall-content .cont-mid-head-match .survey-compatible-heart .ldBar {
        background-size: 54px;
        height: 60px!important;
        width: 60px!important;
    }

    .mywall-content .action-tag{
        text-indent: -9999px;
        width: 20px;
        background-color: transparent;
    }

    .mywall-content .extra-action-box{
        left: 14px;
    }

    .mywall-content .profile-big-image{
        left: -50px;
    }

    .profile-desc-top{
        font-size: 15px;
    }

    .text-btn-opa,
    .text-btn-dopa,
    .text-btn-topa{
        font-size: 12px;
    }

    /* SHOP */
    .shop-content-left .lmenu-icon {
        margin-left: 30px;
    }

    .shop-content-left .arrow-icon-cal{
        display: block;
    }

    /* TUTORIAL */
    .tuto-loco-cont {
        width: 20%;
    }

    .tuto-menu-cont {
        width: 80%;
    }
}

@media screen and (max-width: 860px) {
    
    /* MATCHES */ 
    .action-tag{
        font-size: 7px;
        padding: 2px 0;
        width: 50px;
    }

    .action-icon{
        top: -4px;
    }

    .compa-text{
        font-size: 8px;
    }

    .cont-mid-head-match .compatible-heart{
        width: 60px;
    }

    .cont-mid-head-match .survey-compatible-heart,
    .cont-mid-head-match .survey-compatible-heart-in{
        width: 60px;
        height: 60px;
    }

    .cont-mid-head-match .survey-compatible-heart .ldBar-label{
        top: 19px;
        left: 18px;
        font-size: 12px;
    }

    .cont-mid-head-match .survey-compatible-heart .ldBar {
        background-size: 54px;
        height: 60px!important;
        width: 60px!important;
    }

    .matches-content .desc-cont .business-gallery ul li{
        margin: 0 1px;
    }

    .matches-content .business-gallery {
        margin-top: 20px;
    }
    
    .match-act.left-bet{
        right: 5px;
    }

    .match-act.right-bet{
        left: 5px;
    }

    .button-ms{
        width: 50px;
    }

    .mywall-content .profile-big-image{
        left: -30px;
    }

    /* MY SHOP */
    .shop-content-left .lmenu-icon{
        margin-left: 20px;
        margin-right: 10px;
    }

    .col-ball-brown {
        left: 8px;
    }

    .col-ball {
        margin-right: 5px;
    }

    .message-content .message-text {
        width: 78%;
    }

    /* MY PROFILE */
    .deal-icon{
        margin-right: 2px;
    }

    /* BOOKINGS */
    .sel-am {
        margin-left: 2px;
    }

    .select-time-book{
        display: block;
        margin-top: 5px;
        width: 100%;
        text-align: center;
    }

    .select-world-time select{
        font-size: 13px;
    }

    /* PODCAST */
    .user-com-boxn{
        width: 80%;
        padding-left: 5%;
    }

    .user-com-box{
        width: 75%;
        padding-left: 5%;
    }
}

@media screen and (max-width: 800px) {
    
    /* MATCHES */ 
    .matches-content .desc-cont .business-gallery ul li{
        margin: 0 0px;
    }

    .compa-per{
        font-size: 35px;
    }

    .inside-con{
        width: 114px;
    }

    /* MY WALL */
    .mywall-content .match-act.left-bet{
        right: 0;
    }

    .mywall-content .match-act.right-bet{
        left: 0;
    }

    .mywall-content .icon-menu-bigcont .veristar{
        top: 0;
        width: 20px;
        height: 20px;
    }

    .shop-content-right .db-left, 
    .shop-content-right .db-right{
        width: 100%;
        margin: 10px 0;
    }

    /* SHOP */
    .col-ball,
    .col-ball-brown{
        width: 10px;
        height: 10px;
    }

    .colour-dots, 
    .message-dot{
        width: 85%;

    }

    .colour-dots{
        padding: 8px 2px;
    }

    .content-main-title h1{
        font-size: 25px;
    }

    .shop-content-right .double-btn{
        width: 150px;
    }

    /* PARTNERS */
    .control-icon{
        margin-top: 50px;
    }

    /* PROFILE */
    .deal-box li{
        font-size: 11px;
    }

    .deal-icon{
        margin-right: 5px;
    }
}

@media screen and (max-width: 780px) {

    /* PROFILE */
    .divicon input{
        width: 70%;
    }

    .sub-bx-l ul{
        width: 88%;
    }

    /* DATES */
    .middlecal-text{
        left: 75px;
    }

    .taken .middlecal-text{
        top: 15px;
    }

    .middlecal-text{
        font-size: 11px;
    }

    /* MATCHES */ 
    .cont-mid-head-match .profile-on-top .profile-big-image:before {
        top: 5px;
        width: 95px;
        height: 95px;
    }

    .cont-mid-head-match .icon-menu-bigcont .veristar{
        width: 15px;
        height: 15px;
        right: -1px;
    }

    .matches-content .business-gallery li{
        width: 50px;
        height: 50px;
    }

    .matches-content .desc-cont .business-gallery ul li{
        margin: 0 3px;
    }

    .compa-title {
        font-size: 10px;
    }

    .inside-con {
        width: 107px;
        height: 107px;
    }

    .boxy-compa-in{
        padding-top: 90px;
    }

    /* MY WALL */
    .mywall-content .m-comp{
        letter-spacing: -1px;
    }

    .mywall-content .desc-cont .business-gallery ul li {
        margin: 0px 0px;
    }

    .myfav-cont .button-ms.cur-btn{
        margin: 0 5px;
    }

    .mywall-content .icon-menu-bigcont .veristar{
        top: 0;
        width: 20px;
        height: 20px;
    }

    /* SHOP */
    .col-ball-brown{
        left: 6px;
    }   

    .col-ball,
    .col-ball-brown{
        display: none;
    }

    .message-dot{
        text-indent: 0;
    }

    .colour-selector li .colour-dots, 
    .message-selector li .message-dot{
        padding-left: 10px;
    }
}

@media screen and (max-width: 750px) {
   .mess-box-text{
        max-width: 150px;
   }

   /* PROFILE */
   .inpu-pass{
        width: 80%;
   }

   .invoice-desc{
        width: 80px;
   }

   .deal-icon{
        display: none;
   }

   .deal-box li {
        font-size: 14px;
        line-height: 23px;
    }

    .boxy{
        width: 80px;
        overflow: hidden;
    }

    .contby.cbm {
        margin-right: 0px;
    }

    .contby.cbf {
        margin-right: 0;
        margin-left: 0px;
    }

   /* MY WALL */
   .menu-inside-wall.miwall .lmenu-icon{
        margin-right: 7px;
   }

    /* MATCHES */ 
    .profile-on-top .pic-cont-big, .profile-on-top .icon-menu-bigcont {
        width: 60px;
        height: 60px;
    }

    .cont-mid-head-match .profile-on-top .profile-big-image:before {
        top: 3px;
        width: 80px;
        height: 80px;
    }

    .cont-mid-head-match{
        height: 108px;
    }

    .cont-mid-head-match .profile-big-image{
        width: 100%;
        height: 96px;   
    }

    .myfav-cont .business-gallery{
        width: 95%;
    }

    .mywall-content .boxy-compa-in {
        width: 100%;
    }

    .mywall-content .button-ms.cur-btn{
        margin: 0 2px;
    }

    .mywall-content .icon-menu-bigcont .veristar{
        width: 15px;
        height: 15px;
        right: -1px;
    }

    .message-content .message-text {
        width: 75%;
    }

    /* BOOKINGS */
    .select-world-time select {
        font-size: 12px;
    }
}

@media screen and (max-width: 700px) {

    /* CONTAINER */
    .content-left,
    .content-middle,
    .content-right{
        height: auto;
    }

    /* FOOTER */
    .user_f_left{
        position: static;
        line-height: 20px;
    }

    .footer.user_f{
        height: auto;
        display: none;
    }

    .user_f_right{
        display: none;
    }

    /* MENU */
    .h-u-i-logo{
        display: none;
    }

    .icon-menu.icd{
        float: none;
    }

    .h-u-i-menu{
        width: 100%;
    }

    .hello-user{
        display: none;
    }

    .container-body{
        height: auto;
        box-shadow: none;
        margin-top: 70px;
        margin-bottom: 30px;
    }

    .main-nav{
        text-align: center;
    }

    .header-user-in{
        width: 100%;
    }

    .icon-menu.icm, 
    .icon-menu.icp, 
    .icon-menu.icmk{
        float: none;
    }

    .icon-menu{
        width: 20%;
    }

    .header-user{
        position: fixed;
        z-index: 20;
    }

    .icon-menu.icp.secpak,
    .icon-menu.icmk.secpak{
        display: none;
    }

    .icon-menu.active:before{
        animation: none;
    }

    /* CARMELIA */
    .image-carmelia,
    .text-carmelia,
    .extra-carme,
    .title-two,
    .tv-logos,
    .ready-txt,
    .icon-cupid,
    .carme-logo{
        display: none;
    }

    .match-content .content-main-title{
        margin-left: 35%;
    }

    .content-left, .content-middle, .content-right{
        display: block;
        width: 100%;
    }

    .match-content .content-left{
        background-color: transparent;
    }

    .match-content{
        background-color: #FAFAFA;
        position: absolute;
        height: 100vh;
        top: 0;
        left: 0;
        z-index: 25;
        padding-top: 50px;
        width: 100%;
    }

    .carme-tit{
        width: 100%;
        margin: 0 auto 10px;
        font-size: 17px;
        font-weight: 100;
        text-transform: none;
    }

    .carme-cont{
        width: 100%;
    }

    .carme-t-l{
        color: #C9AC77;
        font-size: 16px;
        font-weight: 400;
    }

    .carme-icon{
        width: 26px;
        height: 26px;
        margin-bottom: 15px;
    }

    .carme-txt-l{
        font-size: 14px;
        color: #9B9B9B;
    }

    .lil-cont-left, .lil-cont-right{
        margin-top: 20px;
    }

    .gold-btn{
        width: 60px;
        height: 60px;
        box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.08);
        padding: 0;
        border-radius: 100%;
        background: url(../svg/user/carmelia/bookings.svg) no-repeat center center #ffffff;
        text-indent: -9999px;
        overflow: hidden;
    }

    .content-main-title{
        margin-top: 0;
        margin-left: 20%;
    }

    .btn-title{
        color: #9B9B9B;
        font-size: 13px;
        display: block;
    }

    .container-body .user-btn{
        margin-bottom: 20px;
        margin-top: 0;
    }

    .respo-carmelia-profile{
        display: block;
        width: 150px;
        height: 150px;
        margin: 0 auto 20px;
        position: relative;
    }

    .match-content .content-main-title hr{
        margin-bottom: 15px;
    }

    .rcp-info{
        position: absolute;
        display: block;
        width: 25px;
        height: 25px;
        background-color: #C9AC77;
        border-radius: 100%;
        bottom: 0;
        right: 14px;
        color: #ffffff;
        font-weight: 700;
        line-height: 25px;
    }

    .rcp-pic{
        display: block;
        width: 100%;
        height: 100%;
        overflow: hidden;
        border-radius: 100%;
    }

    .rcp-pic img{
        width: 100%;
        height: auto;
    }

    .respo-c{
        display: block;
    }

    .text-carmelia-2{
        font-size: 15px;
        line-height: 28px;
        padding: 20px;
    }

    .text-carmelia-2 p {
        margin-top: 20px;
    }

    .carme-logo{
        margin-top: 0;
        clear: both;
    }

    .title-two,
    .tv-logos,
    .middle-carmelia{
        text-align: center;
    }

    .image-carmelia{
        margin-top: 10px;
    }

    .respo-link{
        text-align: center;
        margin: 50px 0;
    }

    .respo-link a{
        color: #454F5B;
    }

    .seal-left{
        max-width: 40%;
        background:0;
        text-align: center;
    }

    .seal-left img{
        max-width: 104px;
        width: 100%;
    }

    .seal-right{
        max-width: 60%
    }

    .seal-right-cont{
        font-size: 15px;
    }

    hr.respo-line-c{
        display: block;
        border:none; 
        border-top: 1px solid #9B9B9B; 
        display: block;
        width: 90%; 
        margin: 30px auto; 
        opacity: 0.2; 
    }

    /* PARTNERS */
    .search-partner{
        display: none;
    }

    .partners-content{
        background-color: #FAFAFA;
        position: absolute;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 25;
        width: 100%;
    }

    .partners-content .content-main-title{
        margin-left: 30%;
        margin-top: 50px;
    }

    .partners-bod .container-body{
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        margin-top: 0;
        z-index: 25;
        background-color: #FAFAFA;
        padding-top: 50px;
        height: 100vh;
    }

    .partners-content .content-left{
        background-color: transparent;
        position: static;
    }

    .drop-line{
        position: static;
        font-size: 12px;
        padding-bottom: 10px;
    }

    .partners-content .drop-line a{
        display: block;
    }

    .inside-menu{
        color: #9B9B9B;
        font-size: 13px;
    }

    .lmenu-icon{
        margin: 0px auto;
        display: block;
        width: 60px;
        height: 60px;
        box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.08);
        border-radius: 100%;
        overflow: hidden;
        background-color: #ffffff;
        margin-bottom: 20px;
    }

    .menu-inside ul li,
    .menu-inside-wall ul li{
        text-align: center;
        display: inline-block;
        width: 33%;
        margin: 0 auto;
        text-align: center;
    }

    .menu-inside ul li.last-menuin{
        width: 50%;
    }

    .partners-content li .lmenu-icon svg#menko {
        height: 30px;
        padding-top: 13px;
    }

    .partners-content .menu-inside li.selected{
        background: none;
    }

    .partners-content li.selected .lmenu-icon svg#menko{
        stroke: #016CFE;
    }

    .menu-inside{
        margin-top: 0;
    }

    .lmin-l .inside-menu{
        padding-left: 30%;
    }

    .lmin-r .inside-menu{
        padding-right: 30%;
    }

    .respo-search{
        display: block;
        margin: 40px 0;
    }

    .button-search{
        display: block;
        background-color: #E5F7FF;
        height: 37px;
        width: 57px;
        border-radius: 25px;
        background: url(../svg/user/partners/search.svg) no-repeat 18px 10px #E5F7FF;
        margin: 0 auto;
        cursor: pointer;
    }

    .search-partner{
        position: absolute;
        z-index: 15;
        background-color: rgba(0, 0, 0, 0.5);
        background: rgba(0, 0, 0, 0.5);
        color: rgba(0, 0, 0, 0.5);
        width: 100%;
        top: 0;
        left: 0;
        height: 100vh;
        overflow: hidden;
    }

    .search-partner form{
        background-color: #ffffff;
        width: 90%;
        margin: 0 auto;
        border-radius: 24px;
        text-align: center;
        margin-top: 90px;
        min-height: 200px;
    }

    .search-partner h1{
        font-weight: 600;
        font-size: 18px;
        color: #454F5B;
        padding: 0 0 20px;
        clear: both;
        display: block;
    }

    .search-partner input[type=text]{
        float: none;
        width: 90%;
        margin: 0;
        margin-bottom: 20px;
    }

    .search-partner input[type=text]:focus {
        width: 90%;
    }

    .search-partner .cerrar{
        display: block;
    }

    .more-partners{
        display: none;
    }

    .respo-left-arrow{
        display: block;
    }

    .respo-icon-p{
        display: block;
        width: 28px;
        height: 28px;
        background: url(../svg/user/partners/toronto.svg) no-repeat center center transparent;
        margin: 0 auto;
        margin-top: 15px;
    }

    .respo-back-arrow{
        width: 42px;
        height: 53px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.17);
        border-radius: 0 0 30px;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        background-color: #FFFFFF;
    }

    .icon-back-arrow{
        width: 26px;
        height: 26px;
        position: absolute;
        right: 10px;
        top: 11px;
        background: url(../svg/user/partners/match_back.svg) no-repeat center center #ffffff;
    }

    .respo-left-arrow{
        display: block;
        width: 80px;
        height: 80px;
        position: absolute;
        top: 0;
        left: 0;
        cursor: pointer;
    }

    .icon-left-arrow{
        display: block;
        width: 26px;
        height: 15px;
        background: url(../svg/user/partners/arrow-left.svg) no-repeat center center transparent;
        position: absolute;
        margin: 0 auto;
        right: -12px;
        left: 0;
        top: 27px;
    }

    .icon-left-arrow.goldyarrow{
        background-image: url(../svg/user/partners/arrow-left-gold.svg);
    }

    .respo-info-box{
        position: absolute;
        z-index: 30;
        background: #FAFAFA;
        width: 100%;
        top: 0;
        left: 0;
        height: auto;
    }

    .business-banner{
        max-width: 100%;
        height: auto;
    }

    .business-text h1{
        margin-top: 30px;
    }

    .business-text h2 a{
        text-decoration: none;
        font-weight: 100;
    }

    .business-text p{
        line-height: 25px;
    }

    .gallery-title{
        display: none;
    }

    .business-text{
        width: 90%;
    }

    .business-icon{
        display: block;
        text-align: center;
        margin: 0 auto;
        width: 28px;
        height: 28px;
        margin-bottom: 20px;
    }

    .double-btn{
        width: 90%;
    }

    .business-gallery{
        width: 100%;
        margin-bottom: 0;
    }

    .business-gallery li{
        border-radius: 0;
        margin: 0!important;
        width: 25%;
        height: auto;
        max-height: 100px;
    }

    .licon-resp-menu.partner-fermer svg#close-arrow-main-cont{
        stroke:#016CFE;
    }

    .close-respo-box .licon-resp-menu{
        margin-top: 15px;
        margin-left: 13px;
    }

    .container-userbx{
        margin-top: 40px;
        height: auto;
    }

    .arrow-up{
        display: none;
    }

    .user-mess, .user-not{
        width: 100%;
    }

    .user-minbox{
        width: 100%!important;
        position: static!important;
        box-shadow: none;
        background-color: #FAFAFA;
        margin-top: 20px;
    }

    .user-mess, .user-not{
        top: 0;
    }

    .container-userbx{
        margin-top: 50px;
        width: 100%;
        background-color: #FAFAFA;
        height: 100vh;
        overflow: hidden;
        z-index: 1;
        display: none;
    }

    .box-not{
        border: 0;
        background-color: #ffffff;
        border-radius: 10px;
        box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.08);
        margin-bottom: 20px;
    }

    .text-not{
        font-size: 14px;
        width: 80%;
        margin-left: 0;
        padding: 10px 0;
    }

    .date{
        font-size: 13px;
        margin-bottom: 0px;
        margin-top: 10px;
    }

    .icon-not{
        width: 16px;
        height: 16px;
        padding: 10px;
    }

    .title-not{
        font-size: 17px;
        margin-top: 0;
        margin-bottom: 30px;
    }

    .icon-not svg#notification{
        stroke:#6FC80D;
    }

    .respo-info-box-in{
        height: 100vh;
    }

    /* MESSAGES */
    body.message-bod{
        background-color: #F1F6FE;
    }

    .icon-menu.imm.active:before{
        background-color: #F1F6FE;
    }

    .top-cont-mes{
        display: none;
    }

    .icon-menu.active .mes-btn svg#messages .st1 {
        fill: #4A90E2;
    }

    .icon-cont-menu.mes-btn:hover svg#messages .st0, 
    .icon-menu.active .mes-btn svg#messages .st0,
    .icon-cont-menu.mes-btn:hover svg#messages .st1{
        stroke: #4A90E2;;
    }


    .message-content .menu-inside-mess ul li{
        width: 100%;
        margin: 13px 0;
        box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.08);
        text-align: center;
        display: inline-block;
    }

    .message-content .menu-inside-mess{
        padding-left: 0;
        height: auto;
        overflow: visible;
    }

    .message-content .menu-inside-mess{
        padding-left: 0;
        height: 100%;
        overflow: visible;
    }

    .message-content .menu-inside-mess li{
        background-color: #FFFFFF;
        border-radius: 6px;
    }

    .message-content .user-name{
        font-size: 16px;
        margin-bottom: 15px;
    }

    .message-content .menu-inside-mess .inside-menu{
        color: #454F5B;
    }

    .message-content .mess-ago{
        font-size: 13px;
    }

    .message-content .message-text{
        text-align: left;
        margin-right: 1%;
    }

    .message-content .icon-menu-cont{
        width: 50px;
        height: 50px;
    }

    .message-content .pic-cont-small{
        width: 50px;
        height: 50px;
    }

    .message-content .menu-inside-mess .message-content-in{
        padding: 15px 0;
    }

    .message-bod .container-body{
        margin-bottom: 55px;
        overflow: visible;
        margin: 0;
    }

    .message-content .content-left,
    .message-content .empty-mess{
        margin-top: 70px;
    }

    .message-content .drop-line{
        color: #FFFFFF;
        background: #4A90E2;
        padding: 10px 0;
        width: 100%;
        position: fixed;
        bottom: 0;
        font-size: 14px;
        z-index: 5;
    }

    .menu-inside-mess .selected:after, 
    .menu-inside-mess .selected:before, 
    .menu-inside-mess .selected .inside-menu:after, 
    .menu-inside-mess .selected .inside-menu:before{
        content: none;
    }

    .message-content .content-left{
        width: 100%;
        height: auto;
    }

    .content-fullmiddle {
        position: absolute;
        z-index: 25;
        background: #ffffff;
        width: 100%;
        top: 0;
        left: 0;
        overflow: scroll;
        height: 100%;
        display: none;
    }

    .content-fullmiddle .content-middle-in{
        overflow: hidden;
        height: 100%;
        margin-top: 80px;
        margin-bottom: 100px;
    }


    .message-text-coder{
        position: fixed;
        z-index: 5;
        background-color: #ffffff;
        border-top: 1px solid #9FC4FF; 
    }

    .message-text-coder-in{
        border-top: 0;
    }

    .double-btns input{
        text-indent: 9999px;
    }

    .db-btn{
        width: 30px;
        height: 30px;
    }

    .sendup input{
        height: 30px;
        width: 41px;
        float: none;
        padding: 0;
        margin: auto;
        background: url(../svg/user/messages/send-l.svg) no-repeat center center #4A90E2;
    }

    .message-text-coder-in{
        margin: 5px auto;
    }

    .textual textarea{
        border-bottom: 0;
    }

    .double-btns, .textual, .sendup{
        vertical-align: middle;
    }

    .textual{
        padding-top: 10px;
        width: 71%;
    }

   .double-btns{
        width: 15%;
    }

    .sendup{
        width: 10%;
    }

    .mess-box-time{
        font-size: 13px;
    }

    .mess-box-text{
        font-size: 16px;
        max-width: 280px;
    }

    .mess-conversation .icon-menu-cont{
        margin-left: 2;
    }

    .user-myself .icon-menu-cont{
        margin-right: 2;
    }

    .message-content .icon-menu-cont{
        width: 30px;
        height: 30px;
    }

    .message-content .pic-cont-small{
        width: 30px;
        height: 30px;
    }

    .mess-conversation .icon-menu-cont .veristar{
        width: 11px;
        height: 11px;
    }

    .date-text{
        font-size: 13px;
    }

    .date-mess{
        margin: 0px 0 35px 0;
    }

    .db-btn.loadfile{
        background: url(../svg/user/messages/attach-l.svg) no-repeat center center #F1F6FE;
    }

    .db-btn.loademoji {
        background: url(../svg/user/messages/happy-l.svg) no-repeat center center #F1F6FE;
    }

    .top-mess-cont{
        width: 100%;
        background-color: #ffffff;
        box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.08);
        border-radius: 0;
        position: fixed;
        height: 60px;
    }

    .desktop-profile{
        display: none;
    }

    .respo-user-dot{
        display: block;
    }

    .delete-icon{
        height: 60px; 
    }

    .delete-icon-in {
        width: 25px;
        height: 25px;
        bottom: 17px;
        background: url(../svg/user/messages/delete-blue.svg) no-repeat center center transparent;
    }

    .delete-icon-in svg#deletemicon{
        stroke:#4A90E2;
    }

    .userview-mid{
        display: block;
        width: 70%;
        height: 50px;
        position: absolute;
        margin:0 auto;
        left: 0px;
        right: 0px;
        top: 0px;
        text-align: center;
        font-size: 11px;
        color: #4A4A4A;
    }

    .userview-mid .icon-menu-cont{
        margin-top: 10px;
        margin-bottom: 3px;
    }

    .gobackmess-icon{
        display: block;
        width: 50px;
        height: 60px;
        position: absolute;
        left: 0px;
        top: 0px;
    }

    .gobackmess-icon-in{
        position: absolute;
        margin: 0 auto;
        right: 0;
        left: 0;
        width: 25px;
        height: 25px;
        bottom: 17px;
        background: url(../svg/user/messages/backmess.svg) no-repeat center center transparent;
    }

    /* PROFILE */
    .profile-content .content-middle,
    .profile-content .content-right{
        display: none;
    }

    .profile-header{
        border-top-left-radius: 0px;
    }

    .profile-back-colours{
        height: 287px;
        top: -146px;
        position: absolute;
    }

    .profile-content .content-left{
        width: 100%;
    }

    .main-user-desc{
        display: none;
    }

    .business-gallery.galprof{
        display: none;
    }

    .profile-content .content-left{
        background-color: transparent;
    }

    .profile-bod .container-body{
        width: 100%;
        border-radius: 0;
        margin-top: 50px;
    }

    .icon-menu.imu.active .icon-menu-cont:before{
        content: none;
    }

    .icon-menu.imu.active .pic-cont-small img,
    .icon-menu.imu.active .icon-menu-cont .veristar{
        display: none;
    }

    .icon-menu.imu.active .pic-cont-small{
        width: 25px;
        height: 25px;
        background: url(../svg/user/profile/respuser.svg) no-repeat center center transparent;
        border-radius: 0;
    }

    .icon-menu.imu.active:before{
        background-color: #a2b2f9;
    }

    .profile-founding-seal{
        display: none;
    }

    .user-prof-icon{
        width: 21px;
        height: 21px;
        margin-right: 10px;
    }

    .profile-name h1{
        font-size: 30px;
    }

    .profile-age{
        font-size: 23px;
        padding-top: 10px;
    }

    .user-age-icon{
        width: 21px;
        height: 21px;
        margin-right: 10px;
    }

    .icon-menu-bigcont,
    .pic-cont-big{
        width: 120px;
        height: 120px;
    }

    .profile-big-image:before{
        width: 150px;
        height: 150px;
    }

    .profile-header{
        height: 180px;
        margin-bottom: 20px;
    }

    .fober{
        height: 40px;
    }

    .icon-menu-bigcont .veristar{
        right: 8px;
    }

    .fober{
        font-size: 16px;
    }

    .log-out-btn{
        width: 94px;
        background: red;
        margin: 50px auto 30px;
        padding: 10px 0;
        border-radius: 30px;
        font-size: 13px;
        color: #FFFFFF;
        background: linear-gradient(135deg, #454F5B 0%, #7F94AD 100%);
    }

    .logout-con{
        display: inline-block;
        vertical-align: middle;
        width: 13px;
        height: 13px;
        background: url(../svg/user/profile/log-out.svg) no-repeat center transparent;
        margin-right: 5px;
    }

    .fm-text-res {
        font-size: 13px;
        font-weight: bold;
        color: #7ED321;
        text-align: center;
    }

    .fm-seal-res {
        width: 36px;
        height: 30px;
        background: url(../svg/user/profile/seal.svg) no-repeat center center transparent;
        margin: 0 auto;
        margin-bottom: 10px;
    }

    .minifaus{
        display: inline-block;
        width: 25%;
        vertical-align: top;
    }

    .mywall-bet {
        width: 60px;
        height: 60px;
        box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.08);
        padding: 0;
        border-radius: 100%;
        background: url(../svg/user/profile/wall.svg) no-repeat center center #ffffff;
        text-indent: -9999px;
        overflow: hidden;
    }

    .mywall-bet.partners-res{
        background-image: url(../svg/user/profile/partners.svg);
    }

    .mywall-bet.match-res{
        background-image: url(../svg/user/profile/match.svg);
    }

    .mywall-bet.myprof-res{
        background-image: url(../svg/user/profile/myprof.svg);
    }

    .respo-minifaus{
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .respo-user-docs{
        display: block;
    }

    .profile-content .content-middle{
        display: none;
        width: 100%;
        position: fixed;
        top: 0;
        z-index: 25;
        height: 56px;
    }

    .profile-content .title-prof-menu{
        display: none;
    }

    .profile-content .inside-menu p{
        display: none;
    }

    .profile-content .lmenu-icon{
        display: inline-block;
    }

    .profile-content .content-middle-in ul li{
        width: 16%;
    }

    .profile-content .menu-inside.miprof{
        margin-top: 0;
    }

    .profile-content .menu-inside.miprof li.selected{
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-bottom-left-radius: 0px;
    -webkit-border-top-left-radius: 25px;
    -webkit-border-top-right-radius: 25px;
    -moz-border-radius-topleft: 25px;
    -moz-border-radius-topright: 25px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    }

    .profile-content .menu-inside.miprof ul li{
        padding: 0;
    }

    .profile-content .lmenu-icon{
        width: 25px;
        height: 25px;
        box-shadow: none;
        border-radius: 0;
        overflow: visible;
        background-color: transparent;
        margin-bottom: 0px;
        margin-top: 11px;
    }

    .profile-content .menu-inside.miprof{
        padding-left: 0;
        margin-top: 10px;
    }

    .profile-content .menu-inside.miprof ul li{
        height: 46px;
    }

    .profile-content .menu-inside.miprof .selected svg#pass-con,
    .profile-content .menu-inside.miprof .selected svg#prof-con,
    .profile-content .menu-inside.miprof .selected svg#cont-con,
    .profile-content .menu-inside.miprof .selected svg#memb-con,
    .profile-content .menu-inside.miprof .selected svg#bank-con{
        stroke: #24DACD;
    }


    .profile-content .content-middle{
        background: #3CBDD4!important;
    }

    .profile-content .content-right{
        display: none;
        width: 100%;
        background: #FAFAFA;
        position: absolute;
        top: 56px;
        height: 100%;
    }

    .profile-content .boxen-cont{
        height: auto;
    }

    .profile-content .content-right-in{
        width: 90%;
        margin-bottom: 30px;
    }

    .respo-myprof-back{
        width: 42px;
        height: 53px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.17);
        border-radius: 0 0 30px;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 5;
        background-color: #FFFFFF;
    }

    .licon-backprof{
        width: 26px;
        height: 26px;
        position: absolute;
        right: 9px;
        top: 10px;
        background: url(../svg/user/profile/backto.svg) no-repeat center center #ffffff;
    }

    li.empty-con{
        display: block;
    }

    .bottop{
        margin-top: 35px;
    }

    /* MATCHES */
    .matches-content .content-left{
        background: none;
    }

    .matches-content .content-main-title {
        margin-left: 30%;
    }

    .user-match-name{
        font-size: 13px;
        text-align: center
    }

    .all-matches-cont ul li.option .profile-match-image, 
    .profile-match-image:hover{
        background: none;
    }

    .upadted-text{
        position: static;
        margin-top: 50px;
        margin-bottom: 20px;
        font-size: 12px;
    }

    .matches-content .content-middle {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 25;
        height: 732px;
        padding-bottom: 100px;
    }

    .menu-inside.matches{
        width: 100%;
        top: 0;
        z-index: 15;
        height: 56px;
        position: fixed;
        overflow: hidden;
        margin-top: 0;
        background: #C62AE4;
    }

    .matches-content .content-middle-in ul li {
        width: 25%;
    }

    .matches-content .menu-inside.matches li.selected {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        -moz-border-bottom-left-radius: 0px;
        -webkit-border-top-left-radius: 25px;
        -webkit-border-top-right-radius: 25px;
        -moz-border-radius-topleft: 25px;
        -moz-border-radius-topright: 25px;
        border-top-left-radius: 25px;
        border-top-right-radius: 25px;
    }

    .matches-content .menu-inside.matches ul li {
        height: 46px;
        margin-top: 11px;
    }

    .menu-inside.matches .lmenu-icon {
        width: 25px;
        height: 25px;
        box-shadow: none;
        border-radius: 0;
        overflow: visible;
        background-color: transparent;
        margin-bottom: 0px;
        margin-top: 11px;
    }

    .menu-inside.matches ul li {
        padding: 0;
    }

    .menu-inside.matches .inside-menu p {
        display: none;
    }

    .menu-inside.matches li svg#iconomatch {
        stroke: #FFFFFF;
        fill: #FFFFFF;
    }

    .menu-inside.matches li.selected svg#iconomatch{
        stroke: #F73FCD;
        fill: #F73FCD; 
    }

    .m-des{
        pointer-events: none;
    }

    .m-des .inside-menu{
        visibility: hidden;
    }

    .matches-content .menu-inside li.m-des.selected{
        background: none;
    }

    .licon-backprof.backmatch{
        background-image: url(../svg/user/matches/back-matches.svg);
    }

    .compatible-heart,
    .extra-action-box{
        position: static;
        display: inline-block;
        width: 50%;
        vertical-align: middle;
    }

    .cont-mid-head-match{
        width: 100%;
        margin: 0 auto;
        margin-top: 36px;
    }

    .action-tag{
        font-size: 12px;
        width: 81px;
        text-indent: 20px;
        margin-left: 40px;
    }

    .action-icon{
        width: 25px;
        height: 25px;
        top: -5px;
    }

    .content-middle-in .profile-on-top{

    }

    .compa-text{
        width: 94px;
        margin: 0 auto;
    }

    .respo-images-gall{
        width: 100%;
        height: 607px;
        display: block;
        margin-bottom: 30px;
        overflow: hidden;
        position: relative;
    }

    .res-h-bx{
        width: 100%;
        height: 100px;
        margin: 0 auto;
        background-color: #FFFFFF;
    }

    /*
    .profile-big-image{
        display: none;
    }*/

    .bottom-buttons{
        background-color: #FFFFFF;
        position: fixed;
        box-shadow: 0 0 12px -7px rgba(0, 0, 0, 0.8);
    }

    .matches-content .content-right{
        width: 100%;
        height: auto;
        position: absolute;
        right: 0;
        background: #FFFFFF;
        padding-bottom: 100px;
        display: none;
    }

    .matches-content .business-gallery{
        display: none;
    }

    .respo-images-gall img{
        width: 100%;
    }

    .boxy-desc{
        box-shadow: none;
        width: 90%;
        text-align: center;
        margin-top: 0;
    }

    .boxy-desc-in h1{
        display: none;
    }

    .boxy-desc-in{
        font-size: 14px;
    }

    .respo-name-age{
        position: absolute;
        bottom: 30px;
        left: 30px;
    }

    .respo-images-gall .profile-name h1{
        font-size: 25px;
        color: #FFFFFF;
        text-shadow: 1px 1px 6px #000000;
    }

    .respo-images-gall .profile-age{
        font-size: 20px;
        color: #FFFFFF;
        text-shadow: 1px 1px 6px #000000;
    }

    .respo-gall-box ul li{
        list-style: none;
    }

    .respo-gall-box{
        position: absolute;
        top: 8px;
        left: 0;
        width: 100%;
    }

    .bar-inside-gall{
        height: 3px;
        background-color: #E6EBF2;
        width: 80%;
        margin: 0 auto;
    }

    .bar-inside-gall.current-pic{
        background-color: #F73FCD;
    }

    .respo-images-gall .user-age-icon{
        background-image: url(../svg/user/profile/cake.png);
        background-size: cover;
    }

    .matches-content .boxy-desc-in{
        padding: 0;
    }

    .compa-cont,
    .send-message-cont,
    .send-gift-cont{
        background-color: #FAFAFA;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .send-message-cont .title-mes{
        padding-top: 0;
    }

    .send-gift-cont{
        background-color: #ffffff;
    }

    .send-gift-cont .title-mes{
        padding-top: 50px;
    }

    .send-message-cont{
        padding-bottom: 50px;
    }

    .send-gift-cont .boxy-message-in{
        padding-bottom: 180px;
    }

    .boxy-compa-in{
        width: 75%;
        padding-top: 30px;
        padding-bottom: 40px;
    }

    .match-act{
        top: 22px;
    }

    .matches-content .profile-big-image{
        display: none;
    }

    .compa-title{
        font-size: 12px;
    }

    .compa-per{
        font-size: 47px;
    }

    .inside-con{
        width: 162px;
        height: 130px;
    }

    .boxy-compa-in{
        width: 80%;
    }

    .matches-content .respo-wall-title{
        margin-bottom: 20px;
    }

    /* DATES */
    body.dates-body {
        background-color: #E6EBF2;
    }

    .icon-menu.icd.active:before {
        background-color: #E6EBF2;
    }

    .dates-content .content-left,
    .dates-content .content-middle,
    .dates-content .content-right{
        width: 100%;
        background-color: transparent;
    }

    .dates-content .content-middle{
        display: none;
    }

    .dates-content .content-right{
        display: block;
        box-shadow: none;
        height: 560px;
        overflow: visible;
    }

    .dates-content .content-main-title h1{
        font-size: 28px;
    }

    .dates-main-title,
    .message-cal-box{
        display: none;
    }

    .icon-cal{
        display: block;
    }

    .middlecal-text{
        left: 110px;
    }

    .main-dates .first-item{
        top: 97px;
    }

    .main-dates .second-item{
        top: 61px;
    }

    .main-dates .else-item{
        top: 20px;
    }

    .dates-body .container-body{
        width: 100%;
    }

    .content-main-title hr{
        margin-bottom: 0;
    }

    .respo-date-phrase{
        display: block;
        color: #454F5B;
        font-size: 13px;
        text-align: center;
    }

    .icon-3-cal{
        display: inline-block;
        vertical-align: middle;
        width: 25px;
        height: 25px;
        background: url(../svg/user/dates/icon-3-cal.svg) no-repeat center center transparent;
        margin-right: 10px;
    }

    .decline-box{
        min-height: 426px;;
        top: 96px;
    }

    .no-more-box{
        display: none;
    }

    .icon-cal{
        display: block!important;
    }

    li.empty{
        opacity: 1;
    }

    ul.dates_calendar li{
        margin: 20px 0;
        width: 90%;
        margin: 20px auto;
        right: 0;
        left: 0;
    }

    .middlecal-text{
        font-size: 13px;
    }

    .content-right.resposito{
        position: absolute;
        overflow: hidden;
        z-index: 25;
        top: 0;
        left: 0;
        height: auto;
    }

    .calendar-date{
        background-color: #E6EBF2;
        border-radius: 0;
        height: 100%;
        overflow: hidden;
    }

    .dates-content .content-right{
        border-radius: 0;
    }

    .select-age, 
    .select-distance{
        background-color: #FFFFFF;
        box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.03);
        width: 90%;
        padding: 20px 0;
        margin-bottom: 0;
    }

    .select-age .edit-one,
    .select-age .edit-two {
        display: inline-block;
        font-size: 26px;
        font-weight: bold;
        vertical-align: middle;
        border-bottom: 1px solid #E5E5E5;
        color: #454F5B;
    }

    .contelpop-title{
        display: none;
    }

    .select-age .edit-one{
        margin-right: 10px;
    }

    .select-age .edit-two{
        margin-left: 10px;
    }

    .select-age .select-bar{
        width: 65%;
    }

    .select-distance .edit-one, 
    .select-distance .edit-two{
        font-size: 17px;
    }

    .dinatext-top,
    .select-distance .filebar-container{
        display: inline-block;
        vertical-align: top;
    }

    .select-distance .dinamic-tx{
        display: block;
    }

    .select-distance .filebar-container{
        width: 80%;
    }

    .select-distance .select-bar{
        width: 80%;
    }

    .select-activity{
        background: #ffffff;
        width: 100%;
        margin: 30px auto 0;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .date-calendar-main{
        margin-top: 0;
    }

    .date-calendar-main ul li{
        margin-left: 0;
        width: 100%;
        margin: 0 auto;
    }

    .select-control{
        margin-top: 30px;
        margin-bottom: 50px;
    }

    .select-cancel, 
    .select-accept{
        width: 55px;
        height: 55px;
    }

    .desicon{
        width: 30px;
        height: 30px;
    }

    .select-cancel .desicon{
        margin-top: 16px;
    }

    .select-accept .desicon{
        margin-top: 11px;
    }

    .activity-open{
        left: 70px;
        width: 80%;
    }

    .close-calendar-date{
        left: 0;
        width: 80px;
        height: 80px;
    }

    .icon-date-close{
        display: block;
        width: 26px;
        height: 15px;
        background: url(../svg/user/dates/arrow-left.svg) no-repeat center center transparent;
        position: absolute;
        margin: 0 auto;
        right: -12px;
        left: 0;
        top: 27px;
    }

    .dobom{
        box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.03);
        width: 90%;
        margin: 0 auto;
    }

    .divtopcon{
        display: block;
        text-align: center;
        color: #4A4A4A;
        font-size: 18px;
        font-weight: 500;
        text-transform: uppercase;
        margin-top: 30px;
    }

    .date-finder-icon{
        display: inline-block;
        width: 25px;
        height: 25px;
        vertical-align: middle;
        margin-right: 10px;
        background: url(../svg/user/dates/date-finder.svg) no-repeat center center transparent;
    }

    .hang-on{
        height: 100vh;
        overflow: hidden;
    }

    .hang-on-cont{
        width: 308px;
        height: 390px;
        background-color: #FFFFFF;
        box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.03);
        border-radius: 9px;
        overflow: hidden;
        margin: 0 auto;
        margin-top: 18px;
    }

    .first-hang{
        margin-top: 134px;
    }

    .second-hang{
        font-size: 17px;
    }

    .respo-date{
        display: block;
        background: #ffffff;
        width: 200px;
        margin: 0 auto;
        height: 32px;
        border-radius: 16px;
        margin-top: 45px;
        position: relative;
        overflow: hidden;
    }

    .dateton,
    .fontos{
        display: inline-block;
        vertical-align: middle;
    }

    .dateton{
        background: linear-gradient(135deg, #3AFFAA 0%, #1CE0C6 100%);
        color: #FFFFFF;
        text-align: center;
        font-size: 26px;
        height: 100%;
        width: 50px;
        position: absolute;
        left: 0;
    }

    .fontos{
        font-weight: bold;
        text-transform: uppercase;
        font-size: 17px;
        line-height: 30px;
        margin-left: 30px;
        text-align: left;
    }

    .licon-resp-menu.date-fermer svg#close-arrow-main-cont{
        stroke: #18CACC;
    }

    .success-date{
        border-radius: 0;
        z-index: 50;
        position: fixed;
    }

    .success-date .inside-btn .double-btn{
        width: 80%;
    }


    #profilehint{
        border-radius: 0;
    }

    #profilehint .business-gallery li{
        width: 80px;
        height: 80px;
    }

    .extraright-top-hint,
    .extra-top-hint{
        width: 100%;
    }

    .veri-seal{
        width: 80px;
        height: 80px;
        text-align: center;
        margin: 0 auto;
        position: absolute;
        left: 0;
        top: 33px;;
    }

    #profilehint .compatible-h{
        position: absolute;
        right: 0;
        top: 18px;
        width: 70px;
        height: 70px;
    }

    .extraright-top-hint .profile-big-image{
        width: 100%;
        position: static;
    }

    .user-hint-info{
        position: static;
        text-align: center;
        width: 100%;
    }

    .profile-hint-top{
        min-height: 208px;
    }

    .compatible-h .compa-text {
        font-size: 10px;
        width: auto;
        padding: 3px 5px;
    }

    .compatible-h .survey-compatible-heart .ldBar-label{
        top: 22px;
        left: 21px;
        font-size: 14px;
    }

    .compatible-h .survey-compatible-heart,
    .compatible-h .compatible-heart {
        height: 70px;
        width: 70px;
    }

    .compatible-h .survey-compatible-heart .ldBar {
        background-size: 69px;
        height: 70px!important;
        width: 70px!important;
    }

    .compatible-h .survey-compatible-heart-in .ldBar svg{
        top: -4px;
        left: -5px;
    }

    .compatible-h .survey-compatible-heart-in {
        height: 70px;
        width: 70px;
    }

    .partner-full-address{
        font-size: 14px;
    }

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

    .iconomic{
        width: 20px;
        height: 20px;
        margin-right: 10px;  
    }

    .title-partner-maps{
        font-size: 16px;
    }

    #getextra,
    #googlemaps{
        width: 90%;
    }

    .select-distance{
        margin-top: 30px;
    }

    .compa-text{
        font-size: 12px;
    }

    .cont-mid-head-match .compatible-heart{
        width: 50%;
    }

    .cont-mid-head-match .survey-compatible-heart, 
    .cont-mid-head-match .survey-compatible-heart-in{
        width: 100px;
        height: 92px;
    }

    .cont-mid-head-match .survey-compatible-heart .ldBar{
        height: 100px!important;
        width: 100px!important;
        background-size: 89px;
    }

    .cont-mid-head-match .survey-compatible-heart .ldBar-label {
        top: 33px;
        left: 32px;
        font-size: 18px;
    }

    .profile-desc-top{
        line-height: 45px;
        font-size: 25px;
        width: 90%;
    }

    .coma-start, 
    .coma-last{
        width: 30px;
        height: 30px;
    }

    .bar-separator{
        width: 35px;
        height: 4px;
        display: block;
        margin: 20px auto;
    }

    .and-separator{
        width: 50px;
        height: 50px;
        display: block;
        margin: 20px auto;
    }

    .matches-content .boxy-desc-in{
        font-size: 16px;
        line-height: 30px;
        padding-bottom: 50px;
    }

    /* MY WALL */
    body.mywall-bod .container-body {
        width: 100%;
        position: absolute;
        top: 0;
        margin-top: 0;
        z-index: 25;
        margin-bottom: 0;
        height: 100vh;
        border-radius: 0;
    }

    .content-thin-left{
        width: 100%;
        position: fixed;
        top: 0;
        z-index: 25;
        height: 56px;
        background: #9013FE;
    }

    .mywall-content .title-prof-menu{
        display: none;
    }

    .mywall-content .inside-menu p {
        display: none;
    }

    .mywall-content .lmenu-icon {
        width: 25px;
        height: 25px;
        box-shadow: none;
        border-radius: 0;
        overflow: visible;
        background-color: transparent;
        margin-bottom: 0px;
        margin-top: 11px;
    }

    .mywall-content .menu-inside-wall.miwall li.selected{
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        -moz-border-bottom-left-radius: 0px;
        -webkit-border-top-left-radius: 25px;
        -webkit-border-top-right-radius: 25px;
        -moz-border-radius-topleft: 25px;
        -moz-border-radius-topright: 25px;
        border-top-left-radius: 25px;
        border-top-right-radius: 25px;
    }

    .mywall-content .menu-inside-wall.miwall ul li {
        height: 46px;
        width: 14%;
        padding: 0;
    }

    .mywall-content .inside-menu{
        margin-top: 11px;
    }

    .menu-inside-wall.miwall .lmenu-icon{
        margin: 0 auto;
    }

    .menu-inside-wall.miwall {
        width: 100%;
        padding-left: 0;
        margin-top: 10px;
    }

    .myfav-cont .content-left, 
    .hidden-cont .content-left{
        width: 100%;
    }

    .myfav-cont .content-middle, 
    .hidden-cont .content-middle,
    .myfav-cont .content-right, 
    .hidden-cont .content-right{
        display: none;
    }

    .mywall-content .content-big-middle{
        width: 100%;
    }

    .mywall-content .content-left,
    .mywall-content .full-cont{
        width: 100%;
        background: #FAFAFA;
        position: absolute;
        top: 56px;
        z-index: 5;
        height: 100%;
    }

    .mywall-content .content-left{
        height: 100%;
    }

    .myfav-cont .dibon .profile-my-wall, 
    .hidden-cont .dibon .profile-my-wall{
        background: none;
        box-shadow: none;
        position: static;
        padding: 0;
    }

    .wall-users ul li{
        margin-top: 0;
    }

    .all-matches-cont ul li,
    .wall-users ul li {
        display: inline-block;
        width: 33%;
        margin-bottom: 25px;
    }

    .all-matches-cont .pic-cont-mid, 
    .all-matches-cont .icon-menu-midcont,
    .wall-users .pic-cont-mid, 
    .wall-users .icon-menu-midcont,
    .myfav-cont .dibon .profile-my-wall .icon-menu-midcont, 
    .hidden-cont .dibon .profile-my-wall .icon-menu-midcont,
    .myfav-cont .dibon .profile-my-wall .pic-cont-mid, 
    .hidden-cont .dibon .profile-my-wall .pic-cont-mid,
    .myfav-cont .dibon .profile-my-wall, 
    .hidden-cont .dibon .profile-my-wall,
    .all-matches-cont .profile-match-image
     {
        width: 100px;
        height: 100px;
        margin:0 auto 10px;
    }

    .all-matches-cont .icon-menu-midcont .veristar,
    .myfav-cont .icon-menu-midcont .veristar, 
    .hidden-cont .icon-menu-midcont .veristar,
    .myfav-cont .dibon .profile-my-wall .veristar, 
    .hidden-cont .dibon .profile-my-wall .veristar{
        width: 20px;
        height: 20px;
        right: 3px;
        top: 5px;
    }

    .mywall-content .user-match-name{
        display: block;
    }

    .wall-users{
        margin-bottom: 50px;
    }

    .icon-update{
        width: 20px;
        height: 20px;
    }

    .text-update{
        font-size: 12px;
    }

    .all-matches-cont .icon-menu-midcont{
        top: 0;
    }

    .matches-content .content-main-title hr{
        margin-bottom: 30px;
    }

    .respo-wall-title{
        display: block;
        text-transform: uppercase;
        font-size: 20px;
        font-weight: 500;
        color: #454F5B;
        width: 100%;
        display: block;
        text-align: center;
        margin-top: 25px;
        margin-bottom: 30px;
    }

    .menu-inside-wall.miwall li.selected,
    .mywall-content .content-big-middle{
        background-color: #FAFAFA;
    }

    .success-sug{
        position: fixed;
        top: 0;
        z-index: 25;
        border-radius: 0;
    }

    .boxy-bu .goodateicon{
        margin-top: 100px;
    }

    .boxy-bu .sug-btn{
        display: block;
        margin-top: 50px;
    }

    .emptyline-4{
        margin: 20px auto;
        width: 90%;
        text-align: center;
        line-height: 25px;
    }

    .mywall-content .respo-left-arrow.back-to-prof{
        width: 42px;
        height: 53px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.17);
        border-radius: 0 0 30px;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 5;
        background-color: #FFFFFF;
    }

    .mywall-content .icon-left-arrow {
        width: 26px;
        height: 26px;
        position: absolute;
        right: 9px;
        top: 10px;
        background: url(../svg/user/wall/backto.svg) no-repeat center center #ffffff;
    }

    .mywall-content .full-cont{
        margin-left: 0;
        padding-top: 0;
    }

    .blocked-cont .icon-menu-midcont:before{
        background: 0;
        background-color: #D0021B;
    }

    .blocked-cont ul li{
        width: 100%;
        margin: 15px 0;
    }

    .blocked-cont .pic-cont-mid,
    .blocked-cont .icon-menu-midcont,
    .blocked-cont .profile-block-image{
        width: 50px;
        height: 50px;  
    }

    .blocked-cont .icon-menu-midcont .veristar{
        width: 12px;
        height: 12px;
        top: 0px;
        right: 1px;
    }

    .blocked-cont .icon-menu-midcont:before{
        top: -1px;
        bottom: -1px;
        left: -1px;
        right: -1px;
    }

    .blocked-cont .profile-block-image,
    .blocked-cont .blocked-name,
    .blocked-cont .blocked-opt{
        display: inline-block;
        vertical-align: middle;
    }

    .cont-blocked .icon-menu-midcont{
        top: 0px;
    }

    .cont-blocked{
        height: 50px;
        position: relative;
    }

    .blocked-cont .blocked-name{
        width: 50%;
        text-align: left;
        font-size: 15px;
        margin-bottom: 0;
    }

    .blocked-cont .blocked-opt{
        width: 50%;
    }

    .blocked-opt label{
        width: 120px;
    }

    .ubber-line{
        border-bottom: 1px solid #DBDBDB;
        width: 80%;
        display: inline-block;
        vertical-align: bottom;
        padding-bottom: 10px;
    }

    .blocked-cont .profile-block-image{
        width: 20%;
        vertical-align: bottom;
        display: inline-block;
    }

    .blocked-cont .full-cont{
        width: 95%;
        margin: 0 auto;
        right: 0;
        left: 0;
    }

    .blocked-cont .respo-wall-title{
        margin-bottom: 10px;
    }

    .liked-usr{
        width: 20px;
        height: 20px;
        left: 3px;
        bottom: 5px;
    }

    .matches-content{
        position: static;
    }

    .text-btn-opa, 
    .text-btn-dopa, 
    .text-btn-topa {
        font-size: 16px;
    }

    .liked-hearts{
        position: fixed;
    }

    .send-message-cont .inside-btn .double-btn,
    .snd-mess-box{
        width: 90%;
    }

    .snd-mess-box textarea{
        font-size: 16px;
    }

    .button-ms{
        font-size: 13px;
        width: 80px;
        font-weight: 500;
        box-shadow: none;
    }

    .phrase-add{
        margin-bottom: 30px;
    }

    .send-message-cont .inside-btn{
        margin-top: 50px;
    }

    .circle-div{
        display: inline-block;
    }

    .circle-div.cd-purple{
        margin: 0px 20px;
    }

    .text-circ{
        font-size: 17px;
        padding-top: 23px;
        display: block;
    }

    .number-circ{
        font-weight: bold;
        margin-top: 11px;
        margin-bottom: 7px;
    }

    .circle-div{
        width: 100px;
        height: 100px;
    }

    .icon-circ{
        width: 45px;
        height: 45px;
        margin: 0px auto 4px;
    }

    .send-gift-cont .inside-btn {
        margin-top: 100px;
    }

    .profile-desc-top{
        text-align: center;
    }

    .profile-desc-top{
        margin-bottom: 20px;
    }

    .desc-cont{
        padding-top: 0px;
        background: #ffffff;
    }

    .matches-content .content-right-in{
        overflow: visible;
    }

    .blockedfullwall{
        width: 100%;
        top: 0;
        z-index: 30;
    }

    .first-mes-sent{
        width: 100%;
        top: 0;
        border-radius: 0;
        position: fixed;
        right: 0;
        height: 100%;
        margin-top: 0;
        width: 100%;
        padding-top: 100px;
        z-index: 25;
    }

    .first-mes-sent .sug-btn{
        display: block;
    }

    .snd-mess-box{
        width: 90%;
    }

    .send-message-cont .inside-btn .double-btn{
        width: 80%;
    }

    .text-tit-ma,
    .phrase-mes{
        font-size: 17px;
    }

    .inside-btn .double-btn{
        width: 80%;
    }

    .hidden-cont .liked-usr{
        display: block;
    }

    /* CANCEL */
    #cancel-text{
        width: 100%;
        padding: 0;
        height: 100vh;
        border-radius: 0;
    }

    .cancel-icon,
    .deletesi-icon{
        margin-top: 100px;
    }

    #cancel-text .fancybox-close-small{
        display: none;
    }

    .final-cancel{
        border-radius: 0;
    }

    /* PAYMENT */
    .mid-titlo{
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .referral{
        display: none;
    }


    .select-sub .fancybox-close-small{
        position: fixed;
        top: 0!important;
        right: 0!important;
        z-index: 100;
        width: 42px;
        height: 53px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.17);
        border-radius: 0 0 0 30px!important;
        color: #9013FE!important;
        background: url(../svg/navigation/cancel.svg) no-repeat center #ffffff!important;
    }

    .select-sub .fancybox-close-small svg{
        display: none!important;
    }

    .hvr-grow:hover, 
    .hvr-grow:focus, 
    .hvr-grow:active,
    .hvr-shrink:hover,
    .hvr-shrink:focus,
    .hvr-shrink:active{
        transform: none!important;
    }

    .select-sub .top-lilcont{
        height: auto;
    }

    .select-sub .discount-btn{
        width: 88px;
        font-weight: 500;
        font-size: 14px;
        padding: 5px 0;
        text-align: center;
        margin-right: 10px;
    }

    .select-sub .now-price{
        text-align: center;
        color: #FFFFFF;
        margin: 0 auto;
        display: block;
    }

    .select-sub .subs-3-cont{
        height: auto;
    }

    #select-sub-pay a{
        text-decoration: none;
    }

    #select-sub-pay .main-btn{
        margin: 20px auto 30px;
    }

    .respo-coupon{
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
        width: 42px;
        height: 53px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.17);
        border-radius: 0 0 30px;
        cursor: pointer;
        padding-top: 0;
        text-indent: -99999px;
        background-color: #ffffff;
    }

    .respo-coupon-icon{
        width: 27px;
        height: 27px;
        display: block;
        margin-top: 10px;
        margin-left: 6px;
        background: url(../svg/user/profile/coupon_pink.svg) no-repeat center #ffffff
    }

    .coupon-sub-title{
        font-size: 22px;
        color: #ffffff;
        text-align: center;
        font-weight: 500;
        padding-top: 22px;
    }

    .coupon-sub-text{
        font-size: 16px;
        color: #ffffff;
        text-align: center;
        margin-top: 50px;
        margin-bottom: 30px;
    }

    #respo-coupon-dos .icon-coupon{
        width: 44px;
        height: 44px;
        padding-top: 50px;
    }

    .noticupon{
        margin: 0 auto;
        text-align: center;
        right: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        position: fixed;
        top: 0;
        border-radius: 0;
    }

    .referall-number{
        margin-right: 0;
        width: 80%;
        max-width: 80%;
        margin-bottom: 70px;
    }

    .payment{
        border-radius: 0;
        width: 100%;
        height: 100%;
    }

    .fancybox-slide--html .fancybox-close-small{
        position: fixed;
        margin: 0;
        padding: 0;
    }

    .small-error{
        font-size: 16px;
    }

    .input-minidob,
    .main-cont-payment .expiry-year{
        width: 22%;
    }

    .main-cont-payment .expiry-month{
        width: 30%;
        margin-right: 10px;
    }

    .input-dobon{
        width: 50%;
    }

    .main-cont-payment select.month{
        margin-right: 0;
    }

    .payment .check-save label{
        font-size: 16px;
        margin: 0;
    }

    .profile-content .content-right-in ul li,
    .middle{
        font-size: 16px;
    }

    .cancel-lil-bot{
        font-size: 13px;
        width: auto;
    }

    .main-cont-payment label, 
    .card-type-name{
        width: 30%;
    }

    .main-cont-payment .check-save label{
        width: auto;
    }

    /* MY PROFILE - CONTACT INFO */

    .right-formicon{
        font-size: 16px;
        width: 35%;
    }

    .formicon{
        width: 20px;
        height: 20px;
        margin-right: 10px;
    }

    .divon-left label {
        font-size: 14px;
    }

    .contby{
        font-size: 14px;
        margin-right: 10px;
    }

    .left-formicon{
        width: 65%;
    }

    .save-changes-conta{
        margin-bottom: 40px!important;
        margin-top: 25px!important;
    }

    .dv-e .contby {
        width: 68%;
    }

    /* PROFILE - SETTINGS */

    .goopy input{
        width: 90%;
        padding-right: 0;
    }

    .sett-con .half-box-cont.name.fright input{
        padding-right: 0;
    }

    .sett-con .half-box-cont.name.fright{

    }

    /* PROFILE - SUCCESS */

    .success-pass{
        border-radius: 0;
        top: 0;
        position: fixed;
        left: 0;
        width: 100%;
        height: 100vh;
        box-shadow: none;
        margin: 0;
        padding: 0;
        max-width: 100%;
        z-index: 50;
    }

    .success-pass .goodateicon{
        margin-top: 0;
        padding-top: 100px;
    }

    .success-setts, 
    .success-contact, 
    .success-payment{
        border-radius: 0;
        z-index: 50;
        position: fixed;
    }

    /* PROFILE - CURRENT SUBSCRIPTION */
    .rb-text{
        font-size: 14px;
    }

    .rb-month{
        font-size: 16px;
        margin-top: 10px;
    }

    .payment-text, 
    .ending-text,
    .payment-text span, 
    .ending-text span,
    .invoice-title{
        font-size: 16px;
    }

    .invoice-date{
        width: 20%;
    }

    .invoice-desc{
        width: 40%;
        line-height: 20px;
    }

    .invoice-cost{
        width: 20%;
    }

    .invoice-btn{
        width: 20%;
    }

    .invoice-details{
        font-size: 14px;
    }

    .invoice-details hr{
        width: 80%;
    }

    .user-btn.change-sub{
        font-size: 16px;
        padding: 13px 0;
        width: auto;
        margin: 50px auto;
    }

    .btn-invoice{
        font-size: 12px;
        width: 85%;
    }

    .view-all-invo-btn{
        font-size: 14px;
    }

    #all-invoice {
        width: 100%;
        padding: 0;
        border-radius: 0;
        top: 0;
        height: 100%;
        max-height: 100%;
    }

    #all-invoice .invoice-title{
        margin: 50px 0;
        text-align: center;
    }

    #all-invoice .invoice-desc{
        width: 40%;
    }

    #all-invoice .invoice-details{
        text-align: center;
        font-size: 14px;
    }

    #all-invoice .invoice-date, 
    #all-invoice .invoice-desc, 
    #all-invoice .invoice-cost, 
    #all-invoice .invoice-btn{
        vertical-align: top;
    }


    .current-text{
        text-align: center;
        margin: 30px 0;
        color: #ffffff;
        font-weight: bold;
    }

    .update-three{
        width: 100%;
        border-radius: 0;
        height: 100%;
    }

    .changesub-title{
        margin-top: 80px;
    }

    .changesub-text {
        font-size: 17px;
    }

    /* SHOP */

    #user_shop{
        width: 100%;
        height: 100%;
        border-radius: 0;
        max-width: 100%;
        margin: 0;
    }

    .shop-content-left{
        width: 100%;
        background-color: #E6EBF2;
    }

    .iconshop{
        margin-top: 50px;
    }

    .shop-content-left .content-main-title h1 {
        text-align: center;
        font-size: 28px;
        font-weight: bold;
    }

    .shop-content-left .content-main-title hr{
        border-top-color: #F73FCD;
        margin-bottom: 30px;
    }

    .title-sub-shop{
        font-size: 17px;
    }

    .shop-content-left .arrow-icon-cal{
        display: none;
    }

    .shop-content-left .bar-tit-cal{
        display: none;
    }

    .menu-inside.mishop li{
        width: 90%;
        text-align: center;
        display: block;
        background: #ffffff;
        border-radius: 50px!important;
        margin: 40px auto;
        box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.08);
    }

    .shop-content-left .lmenu-icon{
        margin: 0;
        position: absolute;
        left: 20px;
        box-shadow: none;
    }

    .menu-inside li:hover p{
        margin-left: 0;
    }

    .shop-content-left li .lmenu-icon svg#shopko{
        stroke: #F73FCD;
    }

    #user_shop .fancybox-close-small{
        display: block;
        top: 0!important;
        right: 0!important;
        z-index: 100;
        width: 42px;
        height: 53px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.17);
        border-radius: 0 0 0 30px!important;
        color: #9013FE!important;
        background: url(../svg/user/shop/cancel.svg) no-repeat center #ffffff!important;
        opacity: 1;
    }

    #user_shop .fancybox-close-small svg{
        display: none;
    }

    .shop-content-middle{
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        background: #E6EBF2;
        height: 100%;
        overflow: scroll;
    }

    .founding-text p{
        font-size: 17px;
    }


    .main-roses-container ul li.selected .product-image{
        border: 1px solid #F73FCD;
    }

    .main-roses-container ul li .product-image{
        border: 1px solid #ffffff;
    }

    .product-title{
        font-size: 17px;
    }

    .product-cost{
        font-size: 20px;
    }

    .product-cost-off{
        font-size: 14px;
    }

    .main-roses-container ul li{
        margin-top: 0;
        margin-bottom: 30px;
    }

    .product-image {
        width: 154px;
        height: 154px;
        box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.03);
    }

    .respo-back-shop{
        display: block;
        width: 50px;
        height: 50px;
        box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.08);
        padding: 0;
        border-radius: 100%;
        background: #ffffff;
        overflow: hidden;
        margin: 0 auto;
        margin-top: 25px;
    }

    .inner-icon-shop{
         background: url(../svg/user/shop/iconshop.svg) no-repeat center center transparent;
         width: 28px;
         height: 28px;
         margin: 10px auto 0;
    }

    .bracelet-image-container{
        overflow: hidden;
        border-radius: 25px;
        height: 345px;
        background: #ffffff;
        width: 85%;
    }

    .bracelet-price{
        font-size: 25px;
        bottom: 8px;
        right: 18px;
    }

    .bracelet-zoom{
        top: 14px;
        right: 15px;
    }

    .title-bracelet{
        font-size: 16px;
        font-weight: bold;
        width: 90%;
        margin: 25px auto;
    }

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

    .respo-select-bra{
        display: block;
        text-align: center;
        color: #fff;
        margin: 40px auto 60px;
    }

    .brac-con img, 
    .circ-con img{
        max-width: 335px;
    }

    #bra-zoompic{
        width: 100%;
        height: 100%;
        border-radius: 0;
    }

    #bra-zoompic .brac-con img, 
    #bra-zoompic .circ-con img{
        max-width: 95%;
        height: auto;
    }

    #bra-zoompic .brac-con, 
    #bra-zoompic .circ-con{
        margin-top: 50px;
    }

    #bra-zoompic .fancybox-close-small{
        left: 0;
    }

    .colour-selector li.select .colour-dots, 
    .message-selector li.select .message-dot{
        border: none;
    }

    .colour-selector ul li, 
    .message-selector ul li {
        font-size: 15px;
        background: #fff;
        border-radius: 25px;
        color: #8D8D8D;
        font-weight: 400;
        text-transform: capitalize;
        width: 100%;
        padding: 5px 0;
        margin-right: auto;
        margin-left: auto;
        box-shadow: 0 7px 11px -8px #000000;
    }

    .col-ball, 
    .col-ball-brown{
        display: inline-block;
        width: 20px;
        height: 20px;
    }

    .col-ball-brown{
        left: 20px;
    }

    .col-ball {
        margin-right: 20px;
    }

    .message-dot {
        text-indent: 47px;
    }

    .selebom,
    .seledon{
        display: none!important;
    }

    .selebom.select,
    .seledon.select{
        display: block!important;
    }

    .shop-content-right{
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }

    .write-ins{
        font-size: 17px;
        line-height: 30px;
    }

    .boxy-mas{
        margin-top: 20px;
    }

    .shop-content-right .db-left, 
    .shop-content-right .db-right{
        width: 50%;
    }

    .respo-fine-print{
        display: block;
        width: 25px;
        height: 25px;
        background-color: #F73FCD;
        display: block;
        border-radius: 50px;
        font-weight: 700;
        line-height: 25px;
        color: #ffffff;
        text-align: center;
        margin-top: 50px;
        float: right;
        margin-right: 30px;
    }

    #user_shop .icon-left-arrow{
         background-image: url(../svg/user/shop/arrow-left.svg);
    }

    .my-order{
        width: 100%;
        height: 100%;
        border-radius: 0;
        padding: 0!important;
        background-color: #E6EBFA!important;
        overflow: scroll!important;
    }

    .my-order-in{
        margin: 0 auto;
        background-color: #ffffff;
        box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.03);
        width: 90%;
        height: auto;
        border-radius: 25px;
        overflow: hidden;
        margin-top: 40px;
        position: relative;
        margin-bottom: 50px;
    }

    .order-title{
        display: none;
    }

    .my-order hr{
        width: 90%;
    }

    .message-container,
    .purchse-cont{
        width: 90%;
        margin: 0 auto;
    }

    .order-line{
        font-size: 14px;
    }

    .message-user-cont{
        font-size: 14px;
        color: #01B7FF;
    }

    .order-line{
        font-size: 17px;
    }

    .order-icon{
        display: none;
    }

    .item-image{
        width: 100%;
        display: block;
        margin: 0 auto;
        margin-bottom: 10px;
    }

    .my-order hr.first-line{
        display: none;
    }

    .order-line.order-name{
        text-align: center;
        border-bottom: 1px solid #D8D8D8;
        width: 90%;
        margin: 0 auto;
        padding-bottom: 15px;
        margin-bottom: 30px;
        margin-top: 15px;
    }

    .my-order .double-btn-container{
        margin-bottom: 50px;
    }

    .shop-content-right{
        display: none;
    }

    .shop-content-middle,
    .desktop-menu-shop{
        display: none;
    }

    .responsive-menu-shop{
        display: block;
    }

    .success-gift{
        width: 100%;
        height: 100%;
        border-radius: 0;
    }

    .little-letters{
        display: none;
        position: absolute;
        top: 0;
        right: 0;
        background-color: #F3B2E4;
        z-index: 30;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        color: #454F5B;
        font-size: 15px;
    }

    .lil-text{
        line-height: 25px;
        margin: 30px auto;
        width: 90%;
    }

    .lil-text .lil-ticon{
        display: inline-block;
        margin-right: 5px;
        max-width: 26px;
        width: 26px;
        height: 26px;
        display: inline-block;
    }

    .respo-let{
        display: block;
        display: block;
        margin-top: 40px;
        text-align: center;
    }

    .lil-let-icon{
        width: 26px;
        height: 26px;
        margin:0 auto;
        background: url(../svg/user/shop/fine-print.svg) no-repeat center center transparent;
    }

    .lil-let-title{
        text-transform: uppercase;
        font-family: 'Work Sans', sans-serif;
        font-weight: 500;
        font-size: 35px;
        text-transform: uppercase;
        margin-bottom: 10px;
        color: #FF00C5;
    }

    .respo-let hr{
        margin-bottom: 30px;
        border: none;
        border-top: 1px solid #F73FCD;
        display: block;
        width: 100px;
        margin: 0 auto;
    }

    .little-letters .respo-select-bra{
        margin: 50px auto;
        text-align: center;
    }

    .little-letters .user-btn{
        margin: 0 auto;
    }

    .lil-text-for{
        line-height: 25px;
    }

    .lil-text .lil-ticon{
        background-image: url(../svg/user/shop/respo-lil-ticon1.svg);
    }

    .tico-2 .lil-ticon {
        background-image: url(../svg/user/shop/respo-lil-ticon2.svg);
    }

    .tico-3 .lil-ticon {
        background-image: url(../svg/user/shop/respo-lil-ticon3.svg);
    }

    .tico-4 .lil-ticon {
        background-image: url(../svg/user/shop/respo-lil-ticon4.svg);
    }

    .tico-5 .lil-ticon {
        background-image: url(../svg/user/shop/respo-lil-ticon5.svg);
    }

    .tico-6 .lil-ticon {
        background-image: url(../svg/user/shop/respo-lil-ticon6.svg);
    }

    .tico-7 .lil-ticon {
        background-image: url(../svg/user/shop/respo-lil-ticon7.svg);
    }

    .btn-close-fine-print{
        background-color: #F73FCD;
    }

    #order-rose .gift-to-icon{
        background-image: url(../svg/user/shop/pink-rose.svg);
    }

    #order-brac .gift-to-icon{
        background-image: url(../svg/user/shop/pink-bracelet.svg);
    }

    /* TUTORIAL */

    .desktop-tutorial{
        display: none;
    }

    .mobile-tutorial{
        display: block;
    }

    .menu-tutorial-in{
        width: 100%;
    }

    .momtut-logo{
        width: 157px;
        height: 41px;
        margin: 2px auto 30px;
        background: url(../svg/logo/logo.svg) no-repeat center bottom transparent;
    }

    .notes-cont{
        height: auto;
        width: 90%;
    }

    .notes-sub{
        font-size: 23px;
        line-height: 40px;
    }

    .notes-txt{
        font-size: 16px;
        line-height: 32px;
    }

    .mobile-tutorial.gotosite-txt{
        position: absolute;
        top: 20px;
        right: 23px;
    }

    .notes-cont-in {
        padding: 15px;
    }

    .get-started-mobtuto{
        margin: 20px auto;
        max-width: 150px;
    }

    .tuto-mobile{
        position: absolute;
        top: 52px;
        right: 0;
        left: 0;
        width: 100%;
        margin: 0 auto;
        z-index: 2;
        color: #ffffff;
        font-size: 16px;
    }

    .tuto-loco-cont{
        display: none;
    }

    .tuto-menu-cont {
        width: 100%;
    }

    .icmt-mk,
    .icmt-v,
    .icmt-mk{
        float: none;
    }

    .icon-menu-tut,
    .icon-menu-tut.icmt-p{
        width: 20%;
    }

    .icmt-v,
    .icmt-mk{
        display: none;
    }

    .icmt-m{
        float: none;
    }

    .tutobtn{
        border: none;
        float: right;
        margin-right: 10%;
        margin-bottom: 0;
        margin-top: 5px;
    }

    .mob-nxt-2{
        float: left;
        margin-left: 10%;
        margin-top: 25px;
    }

    .mob-nxt-3{
        float: none;
        margin: 20px auto 0;
    }

    .tuto-deskatitle{
        font-size: 28px;
        font-weight: 500;
        text-transform: none;
        margin-bottom: 20px;
        margin-left: 20%;
        margin-top: 15px;
    }

    .mob-text-t{
        margin-left: 10%;
        text-align: left;
        line-height: 30px;
        width: 80%;
        margin: 0 auto;
    }

    .tutorial-back{
        opacity: 0.7;
    }

    .notes-cont{
        top: 70px;
    }

    .icmt-d{
        float: none;
    }

    .tm-lr,
    .tm-mm,
    .tm-pr,
    .tm-mw,
    .tm-pa,
    .tm-lr,
    .tm-mk,
    .tm-mp{
        display: none;
    }

    .arrow-tuto{
        width: 40px;
        height: 40px;
        position: absolute;
        background: url(../svg/user/tutorial/arrow1.svg) no-repeat center center transparent;
    }

    .arrow-tuto.arrow-1{
        top: -32px;
        left: 35%;
    }

    .arrow-tuto.arrow-2{
        top: 5px;
        left: 8%;
        background-image: url(../svg/user/tutorial/arrow2.svg);
    }

    .matches-content .content-middle{
        display: none;
    }

    .tm-mm .tuto-deskatitle{
        font-size: 25px;
        margin-left: 31%;
    }

    .tutocon-menu-style{
        margin-top: 13px;
    }

    .arrow-tuto.arrow-3{
        position: static;
        margin-left: 55%;
        margin-bottom: 10px;
    }

    .tm-mw{
        margin-top: 200px;
    }

    .arrow-tuto.arrow-4{
        left: 20%;
        background-image: url(../svg/user/tutorial/arrow3.svg);
    }

    .respo-balls{
        width: 100%;
        position: absolute;
        z-index: 1;
        left: 0;
        margin-top: 348px;
    }

    .mi-ball{
        display: inline-block;
        vertical-align: top;
        width: 25%;
        text-align: center;
    }

    .respo-balls .user-btn{
        margin:0 auto;
    }

    .respo-balls .btn-title{
        margin-top: 19px;
        color: #ffffff;
    }

    .respo-balls .mi-ball.miball-partners,
    .respo-balls .mi-ball.miball-matchmaker{
        margin-top: 35px;
    }

    .respo-balls{
        display: none;
    }

    .miball-mywall,
    .miball-partners,
    .miball-profile,
    .miball-matchmaker{
        visibility: hidden
    }

    .mobile-tutorial .user-btn{
        box-shadow: 0 0 12px 4px #ffffff;
    }

    .tm-pa {
        margin-top: 200px;
    }

    .tm-mk {
        margin-top: 220px;
    }

    .tm-mp {
        margin-top: 180px;
    }

    .arrow-tuto.arrow-5{
        left: 33%;
        background-image: url(../svg/user/tutorial/arrow4.svg);
    }

    .miball-partners .mywall-bet{
        background-image: url(../svg/user/profile/partners.svg);
    }

    .miball-matchmaker .mywall-bet{
        background-image: url(../svg/user/profile/match.svg);
    }

    .miball-profile .mywall-bet{
        background-image: url(../svg/user/profile/myprof.svg);
    }

    .mob-nxt-6{
        float: left;
        margin-left: 10%;
        margin-top: 30px;
    }

    .arrow-6{
        right: 50%;
        margin-top: 20px;
        background-image: url(../svg/user/tutorial/arrow5.svg);
    }

    .mob-nxt-7{
        float: none;
        margin: 20px auto 0;
    }

    .tm-mp .mob-text-t{
        width: 75%;
        margin: 0;
        margin-right: 25%;
        text-align: right;
        margin-left: 0;
    }

    .arrow-7{
        right: 10%;
        top: 200px;
        background-image: url(../svg/user/tutorial/arrow4.svg);
    }

    .tuto-respo-mov{
        display: block;
    }

    .icon-menu-tut.icmt-p{
        margin-right: 0;
    }


    .tuto-deska-mov{
        display: none;
    }

    /* EMPTY MESSAGE */
    
    .empty-mess{
        position: fixed;
        top: 0;
        left: 0;
    }

    body.message-bod .container-body{
        width: 100%;
    }

    .all-mess-users{
        width: 95%;
        margin: 0 auto;
        margin-bottom: 50px;
    }

    .dibon {
        position: static;
    }

    .partners-content .content-right{
        display: block;
        top: 0;
        left: 0;
        position: absolute;
        height: auto;
        z-index: 50;
        background: #FAFAFA;
        min-height: 100%;
        display: none;
    }

    .venue-logo {
        width: 126px;
        height: 126px;
    }


    .venue-logo, .venue-list-item {
        display: inline-block;
        vertical-align: top;
    }


    .venue-list-item{
        width: auto;
        text-align: left;
        margin-left: 20px;
    }

    .business-address .business-icon{
        display: inline-block;
        margin-bottom: 0;
        margin-right: 10px;
    }

    .business-address{
        margin-bottom: 20px;
    }

    .venue-options{
        font-size: 16px;
        margin-bottom: 50px;
    }

    .venue-options ul li{
        padding: 15px 0;
    }

    .control-icon{
        margin-top: 130px;
    }

    .respo-menu-right.close-respo-box{
        display: block;
    }

    .partners-content .content-middle{
        position: absolute;
        top: 0;
        left: 0;
        height: auto;
        background-color: #FAFAFA;
        min-height: 100%;
        display: none;
    }

    .content-middle-in{
        width: 90%;
    }

    .content-middle-in ul{
        height: 100%;
        overflow: hidden;
    }

    .respo-title-cont h1{
        display: block;
        font-size: 18px;
        text-align: center;
        color: #454F5B;
        font-weight: 600;
        margin: 10px 0 20px;
    }

    .respo-title-cont{
        display: block;
        z-index: 5;
        width: 100%;
        top: 0;
        left: 0;
        background-color: #FAFAFA;
        position: fixed;
    }

    .partners-content .content-middle-in ul{
        height: auto;
        margin-top: 100px;
    }

    .partners-content .content-middle-in ul li{
        width: 33%;
        height: auto;
        display: inline-block;
        margin-bottom: 25px;
        list-style: none;
    }

    .content-middle-in ul li.option .logo-partner, 
    .content-middle-in ul li .logo-partner:hover{
        background: none;
    }

    .partners-content .content-left .menu-inside{
        margin-top: 50px;
    }

    #googlemaps .fancybox-close-small,
    #getextra .fancybox-close-small{
        position: absolute;
    }

    .responsive-desc{
        display: block;
        margin-top: 35px;
    }

    .resdes-title{
        font-size: 20px;
        font-weight: 500;
        color: #454F5B;
        float: left;
        margin-bottom: 30px;
    }

    .resdes-btn{
        float: right;
        font-size: 15px;
        color: #FFFFFF;
        background-color: #9013FE;
        padding: 6px 28px;
        border-radius: 25px;
        text-align: center;
    }

    .main-respo-desc{
        clear: both;
        text-align: left;
        background: #FBF7FF;
        line-height: 30px;
        padding: 20px;
        display: block;
        margin-top: 26px;
    }

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

    /* CHANGE DESCRIPTION */

    #suggestions-text{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        border-radius: 0;
        padding: 0;
        height: 100%;
        background: #E6EBF2;
    }

    #suggestions-text .radio-button .label-visible,
    .input-sugg{
        display: none;
    }

    .sugg-sub{
        width: 90%;
        margin: 30px auto 40px;
        line-height: 30px;
    }

    .sug-op{
        display: none;
    }

    .sug-op.selected{
        display: block;
    }

    .sug-op.selected .sugg-desc,
    .sugg-desc{
        background: transparent;
        width: 90%;
        padding: 0;
        border-radius: 0;
        margin: 0 auto;
        display: block;
    }

    .respoliccon{
        display: block;
        width: 26px;
        height: 26px;
        background: url(../svg/user/profile/sugg.svg) no-repeat center center transparent;
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
    }

    .respo-dup{
        width: 90%;
        margin:0 auto;
        background-color: #ffffff;
        border-radius: 20px;
        padding: 30px 0;
    }

    #suggestions-text ul li{
        margin: 0;
        font-size: 16px;
        line-height: 30px;
        color: #828282;
    }

    .respo-counter{
        display: block;
        color: #BD79F9;
        text-align: center;
        font-size: 13px;
        margin-top: 50px;
    }

    .sugg-sub span{
        display: block;
    }

    .sugg-title {
        color: #454F5B;
        font-weight: bold;
        font-size: 20px;
        margin-top: 40px;
    }

    .respo-control-desc{
        display: block;
        margin: 30px auto;
    }

    .respo-control-desc ul li{
        list-style: none;
        background-color: #9B9B9B;
        width: 15px;
        height: 15px;
        border-radius: 100%;
        overflow: hidden;
        display: inline-block;
        margin: 0 10px!important;
    }

    .respo-control-desc ul li.selected{
        background-color: #9013FE;
    }

    .left-desc-arrow,
    .right-desc-arrow{
        display: inline-block;
        width: 40px;
        height: 40px;
        vertical-align: middle;
        margin-right: 20px;
        background: url(../svg/user/profile/lil-arrow-left.svg) no-repeat center center transparent;
    }

    .right-desc-arrow{
        margin-right: 0;
        margin-left: 20px;
        background-image: url(../svg/user/profile/lil-arrow-right.svg);
    }

    .dots-respo-desc{
        display: inline-block;
        vertical-align: middle;
    }

    #suggestions-text .fancybox-close-small{
        position: fixed;
        top: 0;
        right: 0;
        z-index: 100;
        width: 42px;
        height: 53px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.17);
        border-radius: 0 0 0 30px;
        background-color: #ffffff;
        opacity: 1;
        color: #9013FE;
    }

    /* CHANGE DESCRIPTION */

    .deal-icon{
        display: inline-block;
        width: 26px;
        height: 26px;
        margin-right: 25px;
    }

    span.pricetag {
        font-size: 24px;
    }

    .boxy-data{
        font-size: 47px;
    }

    .boxy{
        width: 120px;
        height: 119px;
    }

    /* GALLERY */
    #update-gallery{
        width: 100%;
        height: 100%;
        border-radius: 0;
    }


    #update-gallery .fancybox-close-small{
        width: 42px;
        height: 53px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.17);
        border-radius: 0 0 30px;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        background: #FFFFFF;
        opacity: 1;
    }

    #update-gallery .fancybox-button svg{
        overflow: visible;
        background: url(../svg/user/profile/backto.svg) no-repeat center center transparent;
        color: transparent;
        position: absolute;
        top: -4px;
        left: -2px;
    }

    #update-gallery .picture.icon-info {
        top: 20px;
        right: 20px;
    }

    .gallery-pic-row{
        display: block;
        width: 250px;
        margin: 0 auto 20px;
    }

    .g-p-r-cont{
        margin-top: 40px;
    }

    .image-container{
        width: 90%;
    }

    /* VERIFICATION */
    .close_verification{
        margin-bottom: 10px;
    }

    /* BOOKINGS */
    .book_meeting-left{
        display: none;
    }

    .book_meeting-right{
        display: none;
    }

    #book_meeting{
        width: 100%;
        height: 100%;
        border-radius: 0;
        margin: 0;
        padding: 0;
    }

    .book_meeting-middle{
        width: 100%;
        height: 100%;
        background: #E6EBF2;
        text-transform: uppercase;
        overflow: scroll;
    }

    .respobook-title{
        display: block;
        margin: 30px 0;
        text-align: center;
    }

    .respotit-text{
        display: inline-block;
        vertical-align: middle;
        font-size: 18px;
        font-weight: 500;
        color: #4A4A4A;
    }

    .respotit-icon{
        display: inline-block;
        vertical-align: middle;
        width: 26px;
        height: 26px;
        background: url(../svg/user/carmelia/book.svg) no-repeat center center transparent;
        margin-right: 25px;
    }


    .licon-resp-menu.booking-fermer svg#close-arrow-main-cont{
        stroke: #C9AC77;
    }

    .book_meeting-right{
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        background: transparent;
    }

    .no_bookings{
        display: none;
    }

    .open-bookings{
        background: #E6EBF2;
        height: 100%;
        display: block;
    }

    .content-open-book{
        max-width: 90%;
        width: 90%;
        background-color: #FFFFFF;
        box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.03);
        border-radius: 25px;
        overflow: hidden;
        margin: 0 auto;
        height: auto;
    }

    .text-book-world, 
    .text-book-clock,
    .select-world-time select{
        font-size: 17px;
    }

    .select-time-book{
        display: inline-block;
        margin: 0;
        vertical-align: middle;
        width: auto;
    }

    .book-block-two span{
        font-size: 15px;
    }

    .time-opt {
        margin: 0px 10px;
    }

    .sel-am {
        margin-left: 10px;
    }

    .select-book-time select{
        font-size: 17px;
    }

    .book-currency{
        font-size: 17px;
    }

    .book-price-icon{
        width: 25px;
        height: 25px;
    }

    .book-cost{
        font-weight: 400;
    }

    .no_bookings .db-left, 
    .content-open-book .db-left, 
    .success-book .db-left{
        margin-bottom: 0;
    }

    .no_bookings .db-left, 
    .no_bookings .db-right, 
    .content-open-book .db-left, 
    .content-open-book .db-right, 
    .success-book .db-left, 
    .success-book .db-right{
        display: inline-block;
        width: 50%;
        vertical-align: top;
    }

    .content-open-book {
        margin-top: 30px;
        padding-bottom: 50px;
        padding-top: 30px;
        margin-bottom: 50px;
    }

    .book_meeting-right .dateton{
        background: linear-gradient(135deg, #C9AC77 0%, #8B754E 100%);
    }

    .booked-cont{
        margin: 30px auto 0;
    }

    .booked-txt{
        font-size: 15px;
        line-height: 25px;
    }

    .booked-cont{
        max-width: 90%;
        width: 90%;
        border-radius: 25px;
    }

    .booked-cost{
        font-size: 25px;
    }

    .booked-cost span{
        font-size: 16px;
    }

    .bokedicon-card{
        height: 20px;
        width: 20px;
    }

    .booked-cost{
        margin-bottom: 50px;
    }

    .open-bookings .close-booking-date{
        display: none;
    }

    .success-book{
        height: 100%;
    }

    .you-have-date-txt{
        text-transform: none;
    }

    .booked-d .middlecal-text{
        top: 14px;
    }

    .booked{
        width: 100%;
        height: 100%;
    }

    .booked-in{
        background-color: #E6EBF2;
        width: 100%;
        height: 100%;
        padding-top: 45px;
    }

    .booked-in .respo-date{
        margin-top: 0;
    }

    .booked .fontos{
        display: block;
        color: #454F5B;
        text-align: center;
    }

    .respo-golden-confirm-text{
        width: 80%;
        margin: 0 auto;
        background: #C9AC77;
        border-radius: 9px;
        padding: 10px 20px;
        color: #ffffff;
        line-height: 25px;
        text-align: left;
        margin-bottom: 20px;
    }

    #book_meeting .fancybox-close-small{
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 100;
        width: 42px;
        height: 53px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.17);
        border-radius: 0 0 0 30px;
        background: url(../svg/user/carmelia/close.svg) no-repeat center #ffffff;
        opacity: 1;
    }

    #book_meeting .fancybox-button svg{
        display: none;
    }

    /* BLOG */
    .podcast-cont, 
    .events-cont {
        width: 100%;
        height: 100%;
        overflow: scroll;
        padding-top: 55px;
    }

    .full-content{
        width: 95%;
        height: 100%;
        padding-top: 0;
    }

    .mywall-bod .container-body{
        overflow: scroll;
    }

    .comment-box .save-btn-cm{
        margin-right: auto;
        margin-left: auto;
    }

    .events-cont-elements .inner-pod{
        max-width: 440px;
    }

    /* ========== ROUND CORNERS ========== */
    
    /* PROFILE */
    .imu.active .inner-clockford:before,
    .imu.active .inner-clockford:after{
        background-color: #a2b2f9;
    }

    /* DATES */
    .icd.active .inner-clockford:before,
    .icd.active .inner-clockford:after{
        background-color: #E6EBF2;
    }

    /* MESSAGES */
    .imm.active .inner-clockford:before,
    .imm.active .inner-clockford:after{
        background-color: #F1F6FE;
    }

    /* INNER WALL */
    .menu-inside-wall li .inside-menu:before{
        bottom: 0px;
        right: -40px;
    }

    .menu-inside-wall li:before{
        bottom: 0px;
        right: -20px;
        background-color: #FAFAFA!important;
    }

    .menu-inside-wall li .inside-menu:after{
        right: inherit;
        left: -40px;
        top: inherit;
        bottom: 0;
    }

    .menu-inside-wall li:after{
        right: inherit;
        left: -20px;
        top: inherit;
        bottom: 0;
        background-color: #FAFAFA!important;
    }

    .menu-inside-wall.miwall ul li{
        z-index: 5;
    }

    .menu-inside-wall.miwall li.selected{
        z-index: 1;
    }

    /* INNER PROFILE */
    .menu-inside .selected:after{
        right: inherit;
        left: -20px;
        top: inherit;
        bottom: 0;
    }

    .menu-inside .selected:before{
        bottom: 0px;
        right: -20px;
    }

    .menu-inside .selected .inside-menu:after{
        right: inherit;
        left: -40px;
        top: inherit;
        bottom: 0;
        background-color: #3CBDD4!important;
    }

    .menu-inside .selected .inside-menu:before{
        bottom: 0px;
        right: -40px;
        background-color: #3CBDD4!important;
    }

    .menu-inside.miprof ul li{
        z-index: 5;
    }

    .menu-inside.miprof ul li.selected{
        z-index: 1;
    }

    /* INNER MATCHES */
    .menu-inside.matches .selected .inside-menu:before,
    .menu-inside.matches .selected .inside-menu:after{
        background-color: #C62AE4!important;
    }

    /* STORE */
    .shop-content-left .menu-inside .selected .inside-menu:before,
    .shop-content-left .menu-inside .selected .inside-menu:after,
    .shop-content-left .menu-inside .selected:before,
    .shop-content-left .menu-inside .selected:after{
        display: none!important;
    }

    /* SERVER DATES */

    .server-dates{
        height: 100vh;
        overflow: hidden;
    }

    .server-dates .first-item,
    .server-dates .second-item,
    .server-dates .else-item{
        display: none;
        filter: none;
    }

    .server-dates ul.main-dates li.stack_item{
        position: relative;
        width: 308px;
        top: 20px;
    }

    .no-more-txt-deska{
        display: none;
    }

    .no-more-respo{
        display: block;
    }

    .respo-date-no-good{
        display: block;
        background: #EFF2F6;
        width: 240px;
        height: 40px;
        border-radius: 25px;
        margin: 45px auto;
        position: relative;
        overflow: hidden;
    }

    .respo-date-no-good .dateton{
        background: #D8D8D8;
        font-size: 24px;
        line-height: 40px;
    }

    .respo-date-no-good .fontos{
        color: #CED0D2;
        font-size: 20px;
        line-height: 40px;
    }

    .no-more-box{
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        overflow: hidden;
    }

    .no-more-icon{
        margin-top: 50px;
    }

    .no-more-open-cal{
        color: #ffffff;
        box-shadow: 0 7px 11px -8px #000000;
    }

    .partners-content .menu-inside .selected .inside-menu:before,
    .partners-content .menu-inside .selected:before,
    .partners-content .menu-inside .selected .inside-menu:after,
    .partners-content .menu-inside .selected:after{
        display: none!important;
    }

    .contby.cbm {
        margin-right: 5px;
    }

    .contby.cbf {
        margin-right: 0;
        margin-left: 5px;
    }

    .yellow-btn-note{
        line-height: 20px;
    }
}

@media screen and (max-width: 560px) {
    
    /* MATCHES IMAGE */
    .respo-images-gall img{
        height: 100%;
        width: auto;
    }

    /* MESSAGES */
    .message-content .message-text{
        width: 80%;
    }

    .message-text-coder-in{
        width: 97%;
    }

    .textual{
        width: 65%;
    }

    .double-btns{
        width: 18%;
    }

    /* MY PROFILE - MY BANK */
    .deal-icon{
        margin-right: 5px;
    }

    /* MY PROFILE - INVOICE */
    .btn-invoice{
        width: 19px;
        height: 19px;
        border-radius: 100%;
        padding: 0;
        text-indent: -999px;
        background: url(../svg/user/profile/more-invoice.svg) no-repeat center center #3489EE;
    }
}    

@media screen and (max-width: 500px) {

    /* MESSAGES */
    .mess-box-text{
        max-width: 225px;
    }

    /* MY WALL */
    .boxy-bu{
        width: 90%;
    }

    /* PAYMENTS */
    .main-cont-payment label, 
    .card-type-name{
        margin-left: 5px;
    }

    .payment .check-save label{
        font-size: 13px;
    }

    .main-cont-payment input{
        margin-right: 4px;
    }

    /* MY PROFILE - MY BANK */
    .profile-content .content-right-in ul li{
        font-size: 13px;
    }

    /* MY PROFILE - CONTACT */
    .contby{
        margin-right: 5px;
    }

    .boxen-cont input{
        width: 70%;
    }

    .contby{
        margin-right: 0;
    }

    .divon-left input {
        width: 15px;
    }

    .left-formicon input{
        width: 60%;
        text-indent: 10px;
    }

    .left-formicon.extra-od input{
        width: 77%;
    }

    /* PROFILE - SETTINGS */

    .goopy input{
        width: 90%;
        padding-right: 0;
    }

    .left-formicon.lf-up{
        width: 90%;
        padding-right: 0;
    }

    /* TUTORIAL */
    .tm-pa {
        margin-top: 170px;
    }

    /* BLOG */
    .user-com-boxn {
        width: 70%;
        padding-left: 5%;
    }

    .user-com-bix {
        width: 20%;
    }

    .user-com-box textarea {
        width: 80%;
    }

    .podcast-cont .podcast-cont-elements li, 
    .events-cont .events-cont-elements li{
        width: 100%;
    }

    .inner-pod{
        width: 100%;
    }
}

@media screen and (max-width: 450px) {
    
    /* MESSAGES */
    .double-btns{
        width: 22%;
    }

    .textual {
        width: 62%;
    }

    .mess-box-text{
        max-width: 200px;
    }

    /* MATCHES */
    .boxy-compa-in{
        width: 90%;
    }

    /* PAYMENTS*/
    .main-cont-payment label, 
    .card-type-name{
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
        margin-left: 0;
        margin-right: 0;
    }

    .input-dobon{
        width: 95%;
        padding-right: 0;
        padding-left: 0;
        text-align: center;
        display: block;
    }

    .card-logos{
        margin: 0 auto;
        text-align: center;
        display: block;
    }

    .card-item{
        margin:0 10px;
    }

    .main-cont-payment .expiry-month,
    .main-cont-payment .expiry-year{
        width: 50%;
        margin: 0 auto;
    }

    .main-cont-payment select.month,
    .main-cont-payment select.year{
        margin-right: 0;
        text-align: center;
        display: block;
        margin: 0 auto;
    }

    .input-minidob{
        margin-left: 4%;
        width: 33%;
    }

    .check-save{
        width: 20%;
        text-align: center;
    }

    .main-cont-payment input{
        margin-right: 0px;
    }

    .payment .check-save label{
        margin-left: 11px;
    }

    /* MY PROFILE - MY BANK */
    .boxy{
        width: 30%;
    }

    .deal-icon{
        width: 20px;
        height: 20px;
    }

    .profile-content .content-right-in .deal-box ul li{
        font-size: 11px;
    }

    /* MY PROFILE - CONTACT */
    .divon-left{
        text-align: right;
        text-align: right;
        margin-bottom: 20px;
    }

    .divon-left, 
    .divon-right{
        width: 100%;
    }

    .divon-right {
        text-align: right;
        margin-bottom: 20px;
    }

    .sett-con .divon-left, 
    .sett-con .divon-right {
        width: 50%;
    }

    .formicon{
        display: none;
    }

    /* TUTORIAL */
    .tm-mw .mob-text-t{
        margin-left: 20%;
    }

    .tm-mw .mob-text-t{
        width: 90%;
        margin-left: 10%;
    }

    .arrow-tuto.arrow-4{
        left: 25%;
    }

    /* PARTNERS */
    .control-icon {
        margin-top: 100px;
    }

    /* BOOKINGS */
    .select-book-time select{
        text-indent: 45%;
    }
}

@media screen and (max-width: 400px) {

    /* MESSAGES */
    .mess-box-text {
        max-width: 150px;
    }

    /* MATCHES */
    .boxy-compa-in{
        width: 95%;
    }

    /* PARTNERS */
    .venue-list-item{
        margin-left: 5px;
    }

    .venue-logo {
        width: 100px;
        height: 100px;
    }

    .venue-logo{
        margin: 0 auto;
    }

    .venue-logo, 
    .venue-list-item{
        vertical-align: middle;
    }

    /* VERIFY */
    .verify-step-one .sub-ver{
        padding-left: 0;
    }

    /* BOOKING */
    .select-time-book {
        display: block;
        margin-top: 5px;
        width: 100%;
        text-align: left;
    }

    .sel-am {
        margin-left: 0px;
    }

    .book-block-two {
        margin-top: 30px;
    }

    .select-book-time {
        margin: 35px 0;
    }

    .select-world-time select {
        font-size: 15px;
    }

    /* PARTNERS */
    .contby.cbm {
        margin-right: 0px;
    }

    .contby.cbf {
        margin-right: 0;
        margin-left: 0px;
    }
}

@media screen and (max-width: 360px) {
    /* PARTNERS */
    .respo-full-box ul li{
        width: 50%;
    }

    /* MESSAGES */
    .message-content .message-text {
        width: 75%;
    }

    .double-btns{
        width: 23%;
    }

    .textual {
        width: 58%;
    }

    .mess-box-text {
        max-width: 120px;
    }

    /* MATCHES */
    .boxy-compa-in{
        width: 100%;
    }

    .inside-con{
        width: 130px;
    }

    /* PROFILE - CONTACT */
    .left-formicon.extra-od input{
        width: 70%;
    }

    /* TUTORIAL */
    .tm-mk {
        margin-top: 160px;
    }

    .mob-nxt-6 {
        float: none;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5px;
    }

    /* VERIFICATION */
    .verify-step-one{
        overflow: scroll;
    }

    .verify-step-one .sub-ver{
        width: 100%;
        text-align: center;
        padding: 0;
    }

    .pic-vericode{
        width: 90%;
    }
}

@media screen and (max-width: 350px) {

    /* MESSAGES */
    .double-btns{
        width: 30%;
    }

    .textual {
        width: 50%;
    }

    .mess-box-text {
        max-width: 100px;
    }

    /* MATCHES */
    .button-ms{
        font-size: 11px;
        width: 56px;
    }

    /* PROFILE - CONTACT */
    .right-formicon{
        font-size: 15px;
    }

    /* TUTORIAL */
    .mob-nxt-6{
        margin-left: 5%;
    }

    .tm-mk {
        margin-top: 130px;
    }

    .mob-nxt-6 {
        float: none;
        margin-left: auto;
        margin-top: 10px;
        margin-right: auto;
    }

    .tm-pa {
        margin-top: 150px;
    }

    /* RATING */

    .rating-content-in{
        padding: 20px 5px;
    }

    .rating-content-in .rating-member ul li, 
    .rating-content-in .rating-venue ul li{
        margin: 0 5px 0 0;
    }

    /* PARTNERS */

    .venue-logo{
        display: block;
        margin-bottom: 10px;
    }

    .venue-list-item{
        margin-left: 0;
        text-align: center;
        width: 100%;
    }

    .control-icon {
        margin-top: 60px;
    }

    .deal-icon{
        display: none;
    }

    /* PROFILE */
    .profile-content .content-right-in .deal-box ul li {
        font-size: 13px;
    }

    .boxy-data{
        font-size: 40px;
    }

    span.pricetag {
        font-size: 18px;
    }


    .sett-con .divon-left, 
    .sett-con .divon-right {
        width: 100%;
    }

    .divon-left .divmf-tit {
        text-indent: 0%;
        text-align: center;
    }

    .contby.cbm {
        margin-right: 5px;
    }

    .contby.cbf {
        margin-right: 0;
        margin-left: 5px;
    }

    /* SURE BOX */

    .sure .round-btn{
        margin:0;
    }

    .sure .yes-circle{
        margin-right: 30px;
    }

    /* BOOKINGS */
    #book_meeting .db-right{
        margin-top: 0;
    }
}

@media screen and (max-width: 230px) {
    /* PARTNERS */
    .respo-full-box ul li{
        width: 100%;
    }
    /* MESSAGES */
    .message-content .message-text {
        width: 95%;
        margin: 0;
    }
}