.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between; 
}

.form__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding-top: 20px;
 }
.box__header .box__header_bg .header__bg-leftBox {
    width: 100%;
}
.box__header .box__header_bg .header__bg-leftBox .logo-load {
    /* height: 110px; */
    position: relative;
    z-index: 30;
    background: #fefefe;
    background: white;
    background: -moz-linear-gradient(top, white 0%, white 1%, #fefefe 25%, #fcfdfd 54%, #fbfcfd 74%, #fafbfc 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, white), color-stop(1%, white), color-stop(25%, #fefefe), color-stop(54%, #fcfdfd), color-stop(74%, #fbfcfd), color-stop(100%, #fafbfc));
    background: -webkit-linear-gradient(top, white 0%, white 1%, #fefefe 25%, #fcfdfd 54%, #fbfcfd 74%, #fafbfc 100%);
    background: -o-linear-gradient(top, white 0%, white 1%, #fefefe 25%, #fcfdfd 54%, #fbfcfd 74%, #fafbfc 100%);
    background: -ms-linear-gradient(top, white 0%, white 1%, #fefefe 25%, #fcfdfd 54%, #fbfcfd 74%, #fafbfc 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(1%, white), color-stop(25%, #fefefe), color-stop(54%, #fcfdfd), color-stop(74%, #fbfcfd), to(#fafbfc));
    background: linear-gradient(to bottom, white 0%, white 1%, #fefefe 25%, #fcfdfd 54%, #fbfcfd 74%, #fafbfc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fafbfc', GradientType=0); }
.box__header .box__header_bg .header__bg-leftBox .logo-load .alc {
    height: 100%;
    width: 100%; }
.box__header .box__header_bg .header__bg-leftBox .logo-load .info span {
    font-size: 20px;
    font-weight: 500; }
.box__header .box__header_bg .header__bg-leftBox .logo-load .info p {
    margin: 0;
    padding: 0; }
.box__header .box__header_bg .header__bg-leftBox .logo-load .image-loading {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 0%;
    transition: all .2s ease; 
    background-image: linear-gradient(60deg, #00dcc0 0%, #00b5d6 100%);
    z-index: 31;
}

@keyframes animation-error {
    0% {
        color: #787ea0;
    }
    50% {
        color: red;
    }
    100% {
        color: #787ea0;
    }
}
.info p.animation-error {
    animation-name: animation-error;
    animation-direction: normal;
    animation-iteration-count: infinite;
    animation-duration: 1s;
}
.box__header .box__header_bg .header__bg-leftBox .text-load {
    margin-top: 15px;
    background: #fff;
    padding: 40px 0;
    z-index: 20;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background: white;
    background: -moz-linear-gradient(top, white 0%, white 13%, #fefefe 25%, #fcfdfd 53%, #fcfdfd 73%, #fbfcfd 87%, #fcfdfd 91%, #fafbfc 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, white), color-stop(13%, white), color-stop(25%, #fefefe), color-stop(53%, #fcfdfd), color-stop(73%, #fcfdfd), color-stop(87%, #fbfcfd), color-stop(91%, #fcfdfd), color-stop(100%, #fafbfc));
    background: -webkit-linear-gradient(top, white 0%, white 13%, #fefefe 25%, #fcfdfd 53%, #fcfdfd 73%, #fbfcfd 87%, #fcfdfd 91%, #fafbfc 100%);
    background: -o-linear-gradient(top, white 0%, white 13%, #fefefe 25%, #fcfdfd 53%, #fcfdfd 73%, #fbfcfd 87%, #fcfdfd 91%, #fafbfc 100%);
    background: -ms-linear-gradient(top, white 0%, white 13%, #fefefe 25%, #fcfdfd 53%, #fcfdfd 73%, #fbfcfd 87%, #fcfdfd 91%, #fafbfc 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(13%, white), color-stop(25%, #fefefe), color-stop(53%, #fcfdfd), color-stop(73%, #fcfdfd), color-stop(87%, #fbfcfd), color-stop(91%, #fcfdfd), to(#fafbfc));
    background: linear-gradient(to bottom, white 0%, white 13%, #fefefe 25%, #fcfdfd 53%, #fcfdfd 73%, #fbfcfd 87%, #fcfdfd 91%, #fafbfc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fafbfc', GradientType=0); }
body.dark .box__header .box__header_bg .header__bg-leftBox .text-load { 
    background-image: none;
}
.box__header .box__header_bg .header__bg-leftBox .text-load input[type="text"] {
    margin-bottom: 25px; padding-left: 20px; }
body.dark .box__header .box__header_bg .header__bg-leftBox .text-load input[type="text"] {
    border-color: #d0e8ec;
}
.box__header .box__header_bg .header__bg-leftBox .text-load span {
    padding-bottom: 10px; }
.box__header .box__header_bg .header__bg-leftBox label {
    margin: 0; 
    z-index: 100;
}
.box__header .box__header_bg .header__bg-leftBox .ql-snow .ql-picker span {
    padding-bottom: 0px;
}

#quilljs-editor {position: relative; z-index: 10;}
#quilljs-editor #quillUploadingWrap,
.background_small #coverImageUploadingWrap, .logo-load.point_small #coverImageUploadingWrap {position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background-color: rgba(0,0,0,.7); z-index: 104; display: flex; justify-content: center; align-items: center; align-content: center;}
.logo-load.point_small #coverImageUploadingWrap { background-color: rgba(0,0,0,.7);}
#quilljs-editor #quillUploadingWrap p,
.background_small #coverImageUploadingWrap p, 
.logo-load.point_small #coverImageUploadingWrap p {color: #fff; font-size: 16px;}
#quilljs-editor .overflow-hidden {overflow: hidden;}


input[type="radio"],
input[type="checkbox"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0; }

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox; }
  
input, textarea {
    background: #fbfeff;
    border: solid 2px #d0e8ec;
    border-radius: 3px;
    color: #525975;
    font-size: 16px;
    padding: 15px 20px; }
body.dark input,
body.dark textarea {
    background-color: #232323;
    color: #fff;
}
input[type="text"] {
    line-height: 52px;
    font-size: 16px;
    font-weight: 500;
    height: 52px;
    border: solid 2px #d0e8ec;
 }

input[type=file] {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0; }
    
    label.button {
    cursor: pointer;
    z-index: 30;
    display: inline-block;
    margin: 0 auto;
    width: 171px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; }
    label.button:hover {
        color: #ffd500; }

.flex-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-flex-item-align: center;
    align-self: center; }
      
.background {
    -webkit-background-size: cover !important;
    background-size: cover !important;
    position: relative;
    background-position: center !important; }
.headernews:hover > .image__control {
    display: block; }
.headernews:hover > .image__control span {
    color: #525975; }
.headernews:hover .input-border2 {
    opacity: 1; }
.background_small {
    width: 100%;
    height: 100%;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 102;
    border: dashed 1px transparent;
    position: relative;
    display: none; }
.background_small:hover {
    border-color: #fff;
    border-radius: 5px; }
.background_small:hover .image__control {
    display: block;
    opacity: 1; }
.short__description .short__description_upload .rightBox .background_small {
    width: 280px;
    height: 280px; }

.image__control {
    display: none;
    opacity: 0;
    position: absolute;
    width: 50px;
    height: 50px;
    top: 25px;
    right: 125px;
    border-radius: 50%;
    background: #00d0c6;
    cursor: pointer;
    z-index: 103; }
.image__control:before {
    content: '\f040';
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 18px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; }
.image__control .image__control-wrap {
    display: none;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 160px;
    height: 100px;
    background: #fff;
    border-radius: 3px;
    padding: 25px 30px;
    cursor: default;
    top: 62px;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(9, 95, 109, 0.3);
    -moz-box-shadow: 0px 10px 20px 0px rgba(9, 95, 109, 0.3);
    box-shadow: 0px 10px 20px 0px rgba(9, 95, 109, 0.3); }
.image__control .image__control-wrap:before {
    content: '';
    border: 10px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: -20px; }
.image__control .image__control-wrap span {
    margin-bottom: 5px;
    display: block;
    cursor: pointer;
    font-size: 14px;
 }

.image__control-inner {
    right: 5px;
    top: 35px; }
.image__control-inner .image__control-wrap {
    top: 62px;
    left: auto;
    right: -75px;
    position: absolute; }
.image__control-inner .image__control-wrap:before {
    content: '';
    border: 10px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    top: -20px;
    left: auto;
    right: 0; }

.box__header .box__header_bg .header__bg-leftBox .logo-load {
    /* height: 110px; */
    position: relative;
    z-index: 30;
    background: #fefefe;
    background: white;
    background: -moz-linear-gradient(top, white 0%, white 1%, #fefefe 25%, #fcfdfd 54%, #fbfcfd 74%, #fafbfc 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, white), color-stop(1%, white), color-stop(25%, #fefefe), color-stop(54%, #fcfdfd), color-stop(74%, #fbfcfd), color-stop(100%, #fafbfc));
    background: -webkit-linear-gradient(top, white 0%, white 1%, #fefefe 25%, #fcfdfd 54%, #fbfcfd 74%, #fafbfc 100%);
    background: -o-linear-gradient(top, white 0%, white 1%, #fefefe 25%, #fcfdfd 54%, #fbfcfd 74%, #fafbfc 100%);
    background: -ms-linear-gradient(top, white 0%, white 1%, #fefefe 25%, #fcfdfd 54%, #fbfcfd 74%, #fafbfc 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(1%, white), color-stop(25%, #fefefe), color-stop(54%, #fcfdfd), color-stop(74%, #fbfcfd), to(#fafbfc));
    background: linear-gradient(to bottom, white 0%, white 1%, #fefefe 25%, #fcfdfd 54%, #fbfcfd 74%, #fafbfc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fafbfc', GradientType=0);
    border: 2px dashed #d0e8ec;
    padding: 15px 0;
}
body.dark .box__header .box__header_bg .header__bg-leftBox .logo-load {
    background-image: none;
    background-color: #0d0d0d;
}
.box__header .box__header_bg .header__bg-leftBox .logo-load .alc {
    height: 100%;
    width: 100%; }
.box__header .box__header_bg .header__bg-leftBox .logo-load .info span {
    font-size: 20px;
    font-weight: 500; }
.box__header .box__header_bg .header__bg-leftBox .logo-load .info p {
    margin: 0;
    padding: 0; }

.hero__image__section .hero__image_wrap .hero__bg-leftBox .logo-load {
    height: 110px;
    position: relative;
    z-index: 30;
    background: #fefefe;
    background: white;
    background: -moz-linear-gradient(top, white 0%, white 1%, #fefefe 25%, #fcfdfd 54%, #fbfcfd 74%, #fafbfc 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, white), color-stop(1%, white), color-stop(25%, #fefefe), color-stop(54%, #fcfdfd), color-stop(74%, #fbfcfd), color-stop(100%, #fafbfc));
    background: -webkit-linear-gradient(top, white 0%, white 1%, #fefefe 25%, #fcfdfd 54%, #fbfcfd 74%, #fafbfc 100%);
    background: -o-linear-gradient(top, white 0%, white 1%, #fefefe 25%, #fcfdfd 54%, #fbfcfd 74%, #fafbfc 100%);
    background: -ms-linear-gradient(top, white 0%, white 1%, #fefefe 25%, #fcfdfd 54%, #fbfcfd 74%, #fafbfc 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(1%, white), color-stop(25%, #fefefe), color-stop(54%, #fcfdfd), color-stop(74%, #fbfcfd), to(#fafbfc));
    background: linear-gradient(to bottom, white 0%, white 1%, #fefefe 25%, #fcfdfd 54%, #fbfcfd 74%, #fafbfc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fafbfc', GradientType=0); }
.hero__image__section .hero__image_wrap .hero__bg-leftBox .logo-load .alc {
    height: 100%;
    width: 100%; }
.hero__image__section .hero__image_wrap .hero__bg-leftBox .logo-load .info span {
    font-size: 20px;
    font-weight: 500; }
.hero__image__section .hero__image_wrap .hero__bg-leftBox .logo-load .info p {
    margin: 0;
    padding: 0; }

.featured__text__section .featured__text-control_upload .leftBox .logo-load {
    height: 110px;
    position: relative;
    z-index: 30;
    background: #fefefe;
    background: white;
    background: -moz-linear-gradient(top, white 0%, white 1%, #fefefe 25%, #fcfdfd 54%, #fbfcfd 74%, #fafbfc 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, white), color-stop(1%, white), color-stop(25%, #fefefe), color-stop(54%, #fcfdfd), color-stop(74%, #fbfcfd), color-stop(100%, #fafbfc));
    background: -webkit-linear-gradient(top, white 0%, white 1%, #fefefe 25%, #fcfdfd 54%, #fbfcfd 74%, #fafbfc 100%);
    background: -o-linear-gradient(top, white 0%, white 1%, #fefefe 25%, #fcfdfd 54%, #fbfcfd 74%, #fafbfc 100%);
    background: -ms-linear-gradient(top, white 0%, white 1%, #fefefe 25%, #fcfdfd 54%, #fbfcfd 74%, #fafbfc 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(1%, white), color-stop(25%, #fefefe), color-stop(54%, #fcfdfd), color-stop(74%, #fbfcfd), to(#fafbfc));
    background: linear-gradient(to bottom, white 0%, white 1%, #fefefe 25%, #fcfdfd 54%, #fbfcfd 74%, #fafbfc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fafbfc', GradientType=0); }
.featured__text__section .featured__text-control_upload .leftBox .logo-load .alc {
    height: 100%;
    width: 100%; }
.featured__text__section .featured__text-control_upload .leftBox .logo-load .info span {
    font-size: 20px;
    font-weight: 500; }
.featured__text__section .featured__text-control_upload .leftBox .logo-load .info p {
    margin: 0;
    padding: 0; }

.input-border {
    position: relative;
    z-index: 32;
    border: dashed 1px transparent;
    border-radius: 5px;
    margin: 10px;
    padding: 0 40px;
    height: 90px; }

.input-border2 {
    border: dashed 1px #fff;
    border-radius: 5px;
    height: 95%;
    width: 97%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    display: none; }

.input-border-active {
    border-color: #1987dc; }
.box__header .box__header_bg:hover .input-border2 {
    opacity: 1; }
.alc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
.box__header .box__header_bg .header__bg-leftBox .logo-load .alc {
    height: 100%;
    width: 100%; }

.box__header .box__header_bg .header__bg-rightBox {
    position: relative;
    width: 385px;
    height: 455px;
    text-align: center;
    right: 10%; }
.box__header .box__header_bg .header__bg-rightBox .header__bg-upload {
    padding-top: 155px; }
.box__header .box__header_bg .header__bg-rightBox .header__bg-upload:before {
    top: 85px; }
.box__header .box__header_bg .header__bg-rightBox .header__bg-upload p {
    width: 260px;
    margin: 0 auto; }
.box__header .box__header_bg .header__bg-rightBox .drag {
    display: block;
    margin-bottom: 15px; }

.box__screenshots .box__screenshots-wrap .screen .wrap .drag {
    margin-bottom: 20px;
    display: inline-block; }
.short__description .short__description_upload .rightBox .drag {
    color: #fff; }
.drag {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 500;
    color: #00c7cc; 
    text-align: center;
    transition: all 2s;
}

.button {
    text-transform: uppercase;
    color: #fff;
    padding: 17px 42px 17px 30px;
    font-weight: bold;
    font-size: 11px;
    border: none;
    border-radius: 25px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    letter-spacing: 1px;
    background: #00dcbf;
    background: -moz-linear-gradient(45deg, #00dcbf 0%, #00ccc9 40%, #00bfd0 55%, #00b6d6 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #00dcbf), color-stop(40%, #00ccc9), color-stop(55%, #00bfd0), color-stop(100%, #00b6d6));
    background: -webkit-linear-gradient(45deg, #00dcbf 0%, #00ccc9 40%, #00bfd0 55%, #00b6d6 100%);
    background: -o-linear-gradient(45deg, #00dcbf 0%, #00ccc9 40%, #00bfd0 55%, #00b6d6 100%);
    background: -ms-linear-gradient(45deg, #00dcbf 0%, #00ccc9 40%, #00bfd0 55%, #00b6d6 100%);
    background: linear-gradient(45deg, #00dcbf 0%, #00ccc9 40%, #00bfd0 55%, #00b6d6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00dcbf', endColorstr='#00b6d6', GradientType=1); }
.button:focus {
    outline: none; }
.button:before {
    content: '\e801';
    font-family: iconfont;
    font-size: 9px;
    color: #ffd500;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moztransform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 25px; }
label.button {
    cursor: pointer;
    z-index: 30;
    display: inline-block;
    margin: 0 auto;
    width: 171px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; }
label.button:hover {
    color: #ffd500; }
.game__features .image-info-box label.button {
    bottom: 50px; }

.headernews .headvir h2 {margin-bottom: 0;}

.header__bg-leftBox .__news-btns {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.header__bg-leftBox .__news-btns .grow-1 {
    flex-grow: 1;
}
.header__bg-leftBox .__news-btns .grow-0 {
    flex-shrink: 0;
}
.header__bg-leftBox .__news-btns .btn:not(:last-child) {
    margin-right: 20px;
}
.header__bg-leftBox .__news-btns .__news-cancel-btn.disabled {background-image: linear-gradient(60deg, #A5A5A5 0%, #A5A5A5 100%);} 
.header__bg-leftBox .__news-btns .__news-post-btn {
    background-image: -webkit-linear-gradient(54deg, #92cd00 0%, #c4ea13 100%);
    background-image: -o-linear-gradient(54deg, #92cd00 0%, #c4ea13 100%);
    background-image: linear-gradient(36deg, #92cd00 0%, #c4ea13 100%);
} 
.news_content_preview * {
    margin: 0;
    padding: 0;
    list-style: initial;
}
.news_content_preview span {
    color: inherit !important;
    background-color: inherit !important;
}
.news_content_preview .td-video,
.gamepage .news_content .td-video {
    position: relative;
    padding-bottom:56.25%; 
    position:relative; 
    display:block; 
    width: 100%;
}
.news_content_preview iframe,
.gamepage .news_content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.news_content_preview a {
    color: #00c7cc !important;
    text-decoration: underline;
}
.news_content_preview ul,
.news_content ul {
    list-style-type: decimal !important;
}
.news_content ul li {
    list-style: initial;
}
#__add-news-form {text-align: initial;}

.preview-container,
.img-preview {
    overflow: hidden;
    border-radius: 10px;
}
.img-preview img {
    max-width: 100%;
}
.img-preview.preview-simple {
    width: 330px;
    height: 240px;
}
.img-preview.preview-vertical {
    width: 330px !important;
    height: 510px !important;
}

.uploaded-cover-photo {
    width: 100%;
    min-height: 510px;
    max-height: 510px;
}



 .genre {
-webkit-flex-basis: 320px;
-moz-flex-basis: 320px;
-ms-flex-preferred-size: 320px;
flex-basis: 320px; }
.genre .title {
/* padding: 40px 0 10px; */
}
.genre .radio-group {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
.genre .radio-group input[type="radio"] {
display: none; }
.genre .radio-group input[type="radio"]:checked + label:after {
opacity: 1; }
.genre .radio-group label {
padding-left: 40px;
margin-bottom: 20px;
font-weight: 500;
position: relative;
cursor: pointer; 
margin-right: 20px !important;
}
.genre .radio-group label:before {
content: '';
width: 25px;
height: 25px;
border-radius: 50%;
border: solid 2px #e2f1f4;
display: inline-block;
cursor: pointer;
position: absolute;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-moztransform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
left: 0; }
.genre .radio-group label:after {
content: '';
width: 25px;
height: 25px;
border-radius: 50%;
border: solid 5px #00c4cd;
display: inline-block;
cursor: pointer;
position: absolute;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-moztransform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
left: 0;
opacity: 0; }

.fans-about {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    padding: 20px;
    border: 2px solid #d0e8ec;
}
.fans-about .users-notification-preferences-container {
    display: flex;
}
.fans-about h3 {
    text-align: center;
    font-weight: normal;
    font-family: inherit;
    margin-bottom: 20px;
}
.fans-about .users-notification-preferences-container .build-preferences,
.fans-about .users-notification-preferences-container .news-preferences {
    display: flex;
    width: 50%;
    justify-content: space-between;
    align-items: center;
}
.fans-about .users-notification-preferences-container .build-preferences .title,
.fans-about .users-notification-preferences-container .news-preferences .title {
    font-size: 22px;
    margin: 0;
}
.fans-about .users-notification-preferences-container .build-preferences .subtitle,
.fans-about .users-notification-preferences-container .news-preferences .subtitle {
    font-size: 12px;
    margin:0;
}
.fans-about .users-notification-preferences-container .build-preferences .subtitle_notif,
.fans-about .users-notification-preferences-container .news-preferences .subtitle_notif {
    font-size: 12px;
    font-family: "Gotham-Bold";
}
.fans-about .vertical-hr {
	border-left:1px solid #EDEDEE;
	border-right:1px solid #EDEDEE;
	margin: 0 20px;
}