.app_container{
    position:relative;
    width: 100%;
    height: 680px;
    margin:0 auto;
    backdrop-filter: blur(20px);
    border-radius: 1rem;
    border: 1px solid #b8ffd359;
    box-shadow: 0 0 100px rgb(45 218 180 / 38%);
}
 #cmtBox1{
    position: absolute;
    top: 64px;
    left: 1rem;
    width: 48%;
    height: 301px;
    border: 1px solid #ffffff63;
}
 #cmtBox2{
    position: absolute;
    top: 64px;
    right: 1rem;
    width: 48%;
    height: 301px;
    border: 1px solid #ffffff63;
}
 #cmtControl{
    position: absolute !important;
    top: 385px !important;
    width: 100% !important;
    height: 47px;
}
 #cmtMess{
    position: absolute;
    top: 450px;
    width: calc(100% - 2rem);
    height: 130px;
    text-align: center;
    border-radius: 2px;
    margin: 1rem;
    border: 1px solid #00000045;
    background-color: #fff;
    line-height: 1;
    box-shadow: 0 0 10px rgb(12 12 12 / 12%) inset;
}
 #cmtMsg{
    position: absolute;
    top: 610px;
    left: 1rem;
    width: calc(100% - 2rem);
    height: 50px;
    border: 1px solid silver;
    border: 1px solid #00000045;
    border-radius: 2px;
    color: #171717;
    padding-left: 10px;
    background-color: #f8f8f8;
}
 .button{
    background-color:#a00;
    border:none;
    color:#fff;
    border-radius:4px;
    cursor:pointer;
    display:inline-block;
    font-size: 1.5rem;
    font-weight:500;
    line-height:2.1;
    margin-bottom:0;
    text-align:center;
    vertical-align:middle;
    white-space:nowrap;
    height:35px;
    box-shadow: 0 2px 10px rgb(243 81 44 / 70%);
}
 .button:hover,.button:focus{
    box-shadow: 0 2px 20px rgb(49 181 255);
    border: 1px solid rgb(251, 255, 37, 0.3) !important;
}
 .button:active,.button.active{
    opacity:.7
}
 #cmtStart{
    background-color: #007fff;
    color: #fff;
    top: 0;
    left: 1px;
    width: calc(50vw + 6px);
    height: 63px;
    background-image: linear-gradient(90deg, #25bbed 15%, #ecd920 30%, #ff6767 70%, #25bbed 100%);
    animation: slidebg 2s linear infinite;
    text-transform: uppercase;
    font-weight: 700;
    text-shadow: 0 1px 2px #000000a6;
}
 #cmtStop{
    display:none;
    background-color:#007fff;
    color:#fff;
    width:190px;
    height:45px;
    float:left;
    margin-left: 1rem;
    line-height: 1.2;
    margin-top: 0.3rem;
}
 #cmtNext{
    display:none;
    background-color:#06A76B;
    color:#fff;
    width:190px;
    height:45px;
    margin-right:5px;
    float:right;
    margin-right: 1rem;
    line-height: 1.2;
    margin-top: 0.3rem;
}
 #vipChat{
    background-color:#08ad58;
    color:#fff;
    float:right;
    margin:11px 14px 0 0;
    padding:10px 15px;
    text-decoration:none
}
 #vipChat:hover{
    background:#1ac56d
}
 #vipChat2{
    background-color:#aa0000;
    color:#fff;
    width:187px;
    height:42px;
    float:right;
    margin:11px 5px 0 0;
}
 .messme{
    background-color:#fff;
    color:#000;
    margin:1px;
    padding:4px
}
 .me{
    background-color:transparent;
    color:red;
    padding:0 5px;
    border-radius:3px
}
 .messuser{
    background-color:#e9f0f1;
    color:#000;
    margin:1px;
    padding:4px
}
 .user{
    background-color:transparent;
    color:#007fff;
    padding:0 5px;
    border-radius:3px
}
 #cmtStart, #cmtStop, #cmtNext, #vipChat, #vipChat2{
    outline:none;
}
 #cmtLogo{
    width:225px;
    margin:17px 0 0 15px;
}
/* Fix lang */
 .cm-search-settings .drop-down-language{
    position:relative;
    left:10px;
    top:-2px;
    margin:0;
    z-index:555
}
 .cm-messenger .drop-down{
    position:absolute;
    left:15px;
    bottom:9px
}
 .drop-down-language{
    display:inline-block;
    margin:0 16px 10px;
    position:relative;
    font-size:14px;
    cursor:pointer;
    padding:5px 0 0
}
 .drop-down-language__flag{
    display:inline-block;
    vertical-align:-1px;
    margin-right:8px;
    width:10px;
    height:12px
}
 .drop-down-language__arrow.--open{
    -webkit-transform:rotate(225deg);
    transform:rotate(225deg);
    vertical-align:0
}
 .drop-down-language__arrow{
    display:inline-block;
    width:6px;
    height:6px;
    margin-left:14px;
    border:solid #bbb;
    border-width:0 2px 2px 0
}
 .drop-down-language__over.--open{
    visibility:visible;
    filter:alpha(opactiy=100);
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -moz-opacity:1;
    -khtml-opacity:1;
    opacity:1
}
 .cm-theme--night .drop-down-language__over{
    color:#fff;
    background:#2c374b
}
 .drop-down-language__label{
    position:relative;
    text-align:left;
    white-space:nowrap;
    display:block;
    font-size:12px;
    height:33px;
    padding:10px 16px 0 10px;
    border-bottom:1px solid rgba(222,225,231,0.1);
    color:#fff;
    background:#2c374b;
    height:17px
}
 .cm-search-settings .drop-down-language__label{
    background:rgba(23,35,56,0.8)
}
 .drop-down-language__label{
    color:#fff
}
 .drop-down-language__label{
    border-bottom:1px solid rgba(222,225,231,0.1);
    color:#fff;
    background:#2c374b
}
 .cm-search-settings .drop-down-language__label{
    background: rgba(21, 21, 21, 0.9);
}
 .cm-search-settings .drop-down-language__label:hover{
    background: rgba(51, 29, 38, 1);
}
/* Fix Selector */
 .cm-theme--default #cmtMess .cm-search-settings .cm-selectbox__item{
    font-size:14px
}
 .cm-theme--default #cmtMess .cm-search-settings .cm-selectbox__item:hover{
    background:#70ca7d
}
/* Fix selector */
 .cm-theme--default #cmtMess .cm-search-settings .cm-selectbox__item{
    font-size:14px
}
 .cm-theme--default #cmtMess .cm-search-settings .cm-selectbox__item:hover{
    background:#70ca7d
}
 .cm-search-settings__item cm-search-settings__item--app-lang{
    display:block
}
 .cm-search-settings__item--app-lang span{
    padding-right:8px
}
 @media (max-width: 1050px){
     #cmtBox1 {
        left:2px;
    }
     #cmtBox2 {
        left:404px;
    }
     #cmtMess {
        left:4px;
        width:779px;
    }
     #cmtMsg {
        left:4px;
        width:788px;
    }
     .app_container {
        width:809px;
    }
     .cmtHeader{
        height:70px;
        position:relative;
        width:100%;
    }
}
 @media (max-width:872px) {
     #vipChat {
        width: calc(100% - 75% - 5px);
        margin: 11px 5px 0 0;
         font-size:1em;
    }
     #vipChat2 {
        width: calc(100% - 75% - 5px);
         font-size: 14px;
    }
     .app_container {
        width: 99%;
        height: 652px;
        border-radius: 0.5rem;
    }
     #cmtBox1{
        position:relative;
        top:0px;
        left:0px;
        float:left;
        margin-left:2px;
        width: calc(100% - 50% - 5px);
    }
     #cmtBox2{
        position:relative;
        top:0px;
        left:0px;
        float:left;
        margin-left:1px;
        width: calc(100% - 50% - 5px);
    }
     #cmtControl{
        width:100%;
        position:relative;
        float:left;
        margin:10px 0 0 4px;
        top:0px;
        left:0px;
    }
     #cmtMess{
        position: relative;
        float: left;
        margin: 5rem 0.4rem 0.5rem 0.4rem;
        top: 0px;
        left: 0px;
        width: calc(100% - 0.8rem);
    }
     #cmtMsg{
        position: relative;
        float: left;
        margin: 10px 0 0 4px;
        top: 0px;
        left: 0px;
        width: calc(100% - 30px);
        margin: 0.2rem 0.4rem 0 0.4rem;
        top: 0px;
        left: 0px;
        width: calc(100% - 0.8rem);
    }
}
@media (max-width:602px) {
    #vipChat, #vipChat2{
        font-size:0.9em;
    }
    #cmtLogo{
        width:calc(100% - 70% - 5px);
    }
    #vipChat2 {
        width: calc(100% - 63% - 5px);
    }
    #cmtNext{
        margin-left:5px;
    }
}
@media (max-width:453px) {
    #cmtStart{
        width: calc(100% - 0.9rem);
        float: left;
        margin: -0.9rem 0.2rem 0 0.2rem;
    }
    #cmtStop{
        width: calc(100% - 50% - 1rem);
        float: left;
        margin: -0.4rem 0 0 0.2rem;
    }
    #cmtNext{
        width: calc(100% - 50% - 1rem);
        float: right;
        margin: -0.4rem 0.8rem 0 0;
    }
}
.searchDiv {
    display: none !important;
}
.free-cm-app-video-frame_p {
    position: relative;
    width: 100%;
    height: 100%;
    padding-bottom: 0;
    background: #46408475 !important;
    border-radius: 2px;
    overflow: hidden;
}
.free-cm-app-video-frame_p__container-overlay {
    top: 10px !important;
    right: 15px !important;
    color: #3fffe78c !important;
}
.siteLinky a {
    font-size: 2rem;
    line-height: 4rem;
    text-decoration: none;
    font-weight: 900;
    color: #90ffda;
    text-shadow: 0 0 10px #2e958c;
    float: left;
    margin-left: 1rem;
}
.siteLinky a:hover {
    color: #ffffff;
    text-shadow: 0 0 20px #00f7e2;
}
.siteLinkyRight a {
    font-size: 1.4rem;
    line-height: 2rem;
    text-decoration: none;
    font-weight: 900;
    color: #ff68c6;
    text-shadow: 0 0 10px #571e6c;
    float: right;
    margin: 0.5rem 1rem 0.5rem 0;
    border: 1px solid white;
    padding: 0.5rem 2rem 0.5rem 2rem;
    background: rgb(0 0 0 / 30%);
    border-radius: 0.5rem;
}
.siteLinkyRight a:hover {
    color: #ffffff;
    text-shadow: 0 0 20px #d257ff;
}
@media (max-width:602px) {
    .siteLinkyRight a {
        float: none !important;
        display: inline-flex;
        margin: 0.6rem 0 0 0 !important;
        padding: 0.5rem 1rem 0.5rem 1rem !important;
        background: rgb(24 68 127 / 30%) !important;
   }
}
@keyframes slidebg {
    to {
      background-position:50vw;
    }
}
.brands {
    color: #ffffff;
}
@media (max-width:602px) {
    .brands ul {
        display: contents !important;
   }
}
.brands ul {
    list-style: none;
    display: inline-flex;
}
.brands li {
    list-style: none;
    display: inline-flex;
}
.brands a {
    padding: 0 15px 10px 15px;
    text-decoration: none;
    border-radius: 5px;
    margin: 0 5px 0 5px;
    color: #e0f28b;
    font-weight: 700;
    font-size: 1.7rem;
    text-shadow: 0 0 20px #8cfff878;
    text-transform: uppercase;
}
.brands a:hover {
    color: #ffffff;
    text-shadow: 0 0 20px #f4ff00cf;
}
.brandsActived {
    color: #ffffff !important;
    text-shadow: none !important;
    text-decoration: underline !important;
}
@media (max-width:602px) {
    .mainpageLink {
        display: none !important;
   }
}
@media (max-width:602px) {
    h1 {
        padding: 2rem 0 1.4rem 0!important;
   }
}
@media (max-width: 768px) {
    .free-cm-app-country-selector2 {
        display:none !important;
    }
}
.textGreyFoot {
    color: #ffffff9c !important;
}
.footerLinks a {
    color: #e4e8c3;
    text-decoration: none;
    font-size: 1rem;
    padding: 0 1rem 0 1rem;
}
.footerLinks a:hover {
    text-decoration: underline;
}
.footerLinks p {
    color: #ffffff9c;
    font-size: 1rem;
}