/* Fonts settings */
/*@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,400&display=swap');*/

* {
    margin: 0;
    padding: 0;
    border: none;
}

/* Стили общих элементов */


/*html,body {
	overflow-x: hidden;
}*/

body {
    background-color: #E5E5E5;
    font-family: 'Roboto', sans-serif;
}

a {
    text-decoration: none;
    color: #373E5B;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #373E5B;
}

h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 56px;
}

h3 {
    font-weight: 700;
    font-style: normal;
    font-size: 44px;
    line-height: 52px;
}

h4 {
    font-weight: 700;
    font-size: 36px;
    line-height: 42px;
}

p {
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 180%;
}

textarea {
    font-family: Roboto;
}

.split-line {
    position: relative;
    width: 100%;
    height: 2px;
    background: #F2F2F2;
    border-radius: 20px;
}

.link-button {
    transition: all ease-out 0.45s;
    font-weight: 300;
    font-size: 16px;
    color: #373E5B;
}

.link-button:hover,
.link-button:focus {
    transition: all ease-out 0.45s;
    color: #DE0019;
}


/* Текущие акции */

.stream-online-tag {
    position: absolute;
    width: 80px;
    height: 23px;
    top: 20px;
    left: 20px;
    background: #DE0019;
    border-radius: 20px;
    color: #fff;
    z-index: 3;
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
}

.online-tag-point {
    width: 4px;
    height: 4px;
    background: #FFFFFF;
    border-radius: 20px;
    margin: 0px 7px 0px 12px;
}

.actual-info-block {
    position: relative;
    height: auto;
    background: #fff url(img/wave-overlay.svg) right -20% no-repeat;
    box-sizing: border-box;
}

.actual-info-block .title-block {
    justify-content: space-between;
}


/* Текущие трансляции */

.online-streams-block {
    position: relative;
    height: auto;
    box-sizing: border-box;
    padding: 78px 0px 0px 0px;
    margin-bottom: 35px;
}

.online-stream-block-slide {
    position: relative;
    width: 315px;
    height: 200px;
    border-radius: 20px;
    color: #373E5B;
    margin-bottom: 60px;
    overflow: hidden;
}

.online-stream-block-preview {
    position: relative;
    width: 315px;
    height: 200px;
    overflow: hidden;
}

.stream-viewers-tag {
    position: absolute;
    width: auto;
    min-width: 113px;
    height: 23px;
    bottom: 20px;
    left: 20px;
    background: #191C27;
    border-radius: 20px;
    color: #fff;
    z-index: 3;
    font-weight: 400;
    font-size: 12px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.online-viewers-icon {
    width: 9px;
    height: 9px;
    background: url(img/eye-icon.svg) center center no-repeat;
    border-radius: 20px;
    margin: 0px 7px 0px 12px;
}

.preview-shadow {
    transition: all ease-out 0.6s;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0.35;
    opacity: 0;
    border-radius: 20px;
}

.preview-play {
    transition: all ease 0.7s;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    cursor: pointer;
}

.play-triangle {
    width: 40px;
    height: 40px;
    background: url(img/play-triangle.svg) center center no-repeat;
}

.online-stream-block-slide:hover .preview-play {
    transition: all ease 0.4s;
    opacity: 1;
}

.online-stream-block-slide:hover .preview-shadow {
    transition: all ease-in 0.4s;
    opacity: 0.4;
}


/* Auth page */

.reg-bg.gamer-bg {
    max-width: 62%;
    background: url(img/reg-bg.png) left center no-repeat;
    background-size: 100%;
}

.page-user-login .reg-content .reg-form {
    height: initial;
}

.reg-content {
    margin-top: 85px;
    height: auto;
    min-height: 700px;
}

.reg-content h3 {
    margin-bottom: 0px;
}

.reg-content p {
    font-size: 18px;
    padding: 33px 0px 5px 0px;
    font-weight: 300;
}

.reg-content .socials-block {
    width: 320px;
    margin-top: 0px;
}

.reg-form {
    position: relative;
    width: 400px;
    height: 200px;
    border-top: 1px solid #F7E9D5;
    padding: 18px 0px;
    text-align: center;
}

.reg-form span {
    font-size: 14px;
    line-height: 160%;
    text-align: center;
}

.reg-form a:hover {
    transition: all ease-out 0.4s;
    color: #373E5B;
}

.reg-form input {
    transition: all ease-out 0.4s;
    width: inherit;
    margin: 15px 0px;
    box-sizing: border-box;
    border-radius: 100px;
    box-sizing: border-box;
    padding: 10px 25px;
    outline: none;
}

.reg-form input[type=text],
.reg-form input[type=password],
.reg-form input[type=email] {
    height: 66px;
    border: 1px solid #373E5B;
    color: #373E5B;
    font-size: 16px;
}

.event-create-steps-block.event-reg-step {
    max-width: 285px;
}

.reg-form .button-yellow {
    width: inherit;
    margin-bottom: 25px;
}

.reg-form .form-links {
    margin: 15px 0px;
}

.forget-pass {
    text-align: right;
}

input:-internal-autofill-selected {}

.reg-form input:focus::-webkit-input-placeholder,
.page-content-wrapper.re_profile .event-create-profile-block .two-flex-block .normal-input input[type=text]:focus::-webkit-input-placeholder,
.page-content-wrapper.re_profile .event-create-profile-block .two-flex-block .normal-input input[type=email]:focus::-webkit-input-placeholder {
    color: transparent;
}

.email-input-icon,
.padlock-input-icon,
.showeye-input-icon,
.link-input-icon,
.user-input-icon,
.phone-input-icon,
.camera-input-icon,
.action-name-icon {
    position: absolute;
    width: 64px;
    height: 24px;
    outline: none;
    border-right: 1px solid #F7E9D5;
}

.email-input-icon {
    top: 36px;
    left: 0px;
    background: url(img/email-icon.svg) 60% center no-repeat;
}

.padlock-input-icon {
    top: 36px;
    left: 0px;
    background: url(img/padlock-icon.svg) 60% center no-repeat;
}

.link-input-icon {
    top: 36px;
    left: 0px;
    background: url(img/link-icon.svg) 60% center no-repeat;
}

.user-input-icon {
    top: 36px;
    left: 0px;
    background: url(img/user-input-icon.svg) 60% center no-repeat;
}

.phone-input-icon {
    top: 36px;
    left: 0px;
    background: url(img/phone-input-icon.svg) 60% center no-repeat;
}

.camera-input-icon {
    top: 36px;
    left: 0px;
    background: url(img/camera-input.svg) 60% center no-repeat;
}

.showeye-input-icon {
    top: 36px;
    right: 10px;
    background: url(img/showeye-icon.svg) 60% center no-repeat;
    border: none;
    cursor: pointer;
}

.link-input-icon-yellow {
    background: url(img/link-icon-yellow.svg) 60% center no-repeat;
}

.normal-input input:focus~.link-input-icon,
.normal-input input:focus~.email-input-icon,
.normal-input input:focus~.padlock-input-icon,
.normal-input input:focus~.heartgive-input-icon,
.normal-input input:focus~.money-input-icon,
.normal-input input:focus~.user-input-icon,
.normal-input input:focus~.phone-input-icon,
.normal-input input:focus~.camera-input-icon,
.normal-input input:focus~.action-name-icon {
    transition: all ease-out 0.4s;
}

.normal-input input:focus~.link-input-icon {
    background: url(img/link-icon-yellow.svg) 60% center no-repeat;
}

.normal-input input:focus~.email-input-icon {
    background: url(img/email-icon-yellow.svg) 60% centcamera-inputer no-repeat;
}

.normal-input input:focus~.padlock-input-icon {
    background: url(img/padlock-icon-yellow.svg) 60% center no-repeat;
}

.normal-input input:focus~.heartgive-input-icon {
    background: url(img/heargive-icon-yellow.svg) 60% center no-repeat;
}

.normal-input input:focus~.money-input-icon {
    background: url(img/dollar-icon-yellow.svg) 60% center no-repeat;
}

.normal-input input:focus~.user-input-icon {
    background: url(img/user-input-icon-yellow.svg) 60% center no-repeat;
}

.normal-input input:focus~.phone-input-icon {
    background: url(img/phone-input-icon-yellow.svg) 60% center no-repeat;
}

.normal-input input:focus~.camera-input-icon {
    background: url(img/camera-input-yellow.svg) 60% center no-repeat;
}

.normal-input input:focus~.action-name-icon {
    background: url(img/camera-input-yellow.svg) 60% center no-repeat;
}


/*
#email-input:focus label[for=email-input] {
	transform: translateY(-26px) scale(.75)
}

#password-input:focus .showeye-input-icon {
	background: red;
}

*/


/*#email-input:focus ~ label[for=email-input] {
	top:44px;
	font-size: 9px;
	color: gray;
}

label[for=email-input] {
	position: absolute;
	top:57px;
	left:82px;
}

label[for=password-input] {
	position: absolute;
	top:153px;
	left:82px;
}*/


/* News page */

.breadcrumbs-block {
    position: relative;
    height: auto;
    min-height: 25px;
    box-sizing: border-box;
    padding: 18px 0px;
    background: #fff;
}

.breadcrumbs-block .centered {
    padding-bottom: 18px;
    border-bottom: 1px solid #EBECEF;
}

.breadcrumbs-block span {
    font-weight: normal;
    font-size: 14px;
    line-height: 160%;
    color: #373E5B;
    margin-right: 18px;
}

.breadcrumbs-block a {
    transition: all ease-out 0.4s;
}

.breadcrumbs-block a:hover {
    transition: all ease-out 0.4s;
    color: #DE0019;
}

.page-content-wrapper {
    position: relative;
    background: #fff;
    height: auto;
    min-height: 350px;
    box-sizing: border-box;
    padding: 25px 0px;
}

.single-news-cover {
    position: relative;
    width: inherit;
    height: auto;
    max-height: 384px;
    overflow: hidden;
    border-radius: 20px;
}

.single-news-cover img {
    width: 100%;
    height: auto;
    margin-top: -5%;
}

.single-news-date {
    position: absolute;
    width: 230px;
    height: 27px;
    bottom: 40px;
    left: 40px;
    color: #fff;
    z-index: 3;
    font-weight: 400;
    font-size: 16px;
    display: flex;
    align-items: center;
}

.single-news-date .calendar-icon {
    width: 22px;
    height: 22px;
    background: url(img/calendar-icon-white.svg) center center no-repeat;
    margin-right: 15px;
}

.content-text-block {
    position: relative;
    width: inherit;
    height: auto;
    color: #373E5B;
}

.content-text-block p {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 180%;
    padding: ;
}

.single-news-nav {
    position: relative;
    width: inherit;
}

.single-news-nav .centered {
    height: auto;
    min-height: 155px;
    margin: 18px auto;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.arrow-back-icon {
    width: 20px;
    height: 20px;
    background: url(img/arrow-back-icon-white.svg) center center no-repeat;
    margin-right: 17px;
    margin-top: -2.5px;
}

.single-news-socials {
    position: relative;
    height: auto;
    min-height: 50px;
    width: auto;
    max-width: 625px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.single-news-socials .socials-block {
    height: 50px;
    margin-top: 0px;
    padding-bottom: 0px;
}

.news-socials-text {
    width: auto;
    height: auto;
    max-height: 60px;
    padding-right: 40px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
}


/* Create event page */

.header-event-page,
.header-inner-page {
    background: #fff;
}

.page-content-wrapper .centered-855px {
    padding: 75px;
    max-width: 855px;
    padding-right: 0px;
    padding-left: 0px;
    z-index: 5;
    margin-bottom: 170px;
}

.page-content-wrapper .centered-1050px {
    max-width: 1050px;
    z-index: 5;
}

.header-event-page .top-nav {
    border: none;
}

.flower-bg,
.hand-bg {
    position: absolute;
    width: 100%;
    z-index: 1;
}

.flower-bg {
    height: 202px;
    bottom: 0;
    background: url(img/flower-bg.svg) center bottom no-repeat;
    background-size: contain;
}

.hand-bg {
    height: 100%;
    top: 0;
    left: 0;
    background: url(img/hand-bg.svg) center center no-repeat;
}

.event-title-block {
    position: relative;
    text-align: center;
}

.event-create-steps-block {
    position: relative;
    width: auto;
    max-width: 371px;
    height: 55px;
    margin: 45px auto 35px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.event-create-process-line {
    position: absolute;
    width: 100%;
    height: 6px;
    background: #F5F5F7;
    border-radius: 20px;
    overflow: hidden;
    z-index: 1;
}

.heartgive-input-icon,
.money-input-icon {
    position: absolute;
    outline: none;
    border-right: 1px solid #D9F1F0;
    width: 64px;
    height: 24px;
    left: 0px;
}

.heartgive-input-icon {
    top: 36px;
    background: url(img/heartgive-icon-dark.svg) 28px center no-repeat;
}

.money-input-icon {
    top: 36px;
    background: url(img/dollar-icon.svg) 28px center no-repeat;
}

.event-create-money-input,
.event-create-title-input,
.normal-input {
    position: relative;
    width: 400px;
    padding: 0px;
}

.normal-input input {
    background: transparent;
}

.event-create-money-input {}

.event-create-money-input p {
    position: relative;
    width: auto;
    max-width: 280px;
    font-weight: 300;
    font-size: 12px;
    line-height: 160%;
    padding-left: 25px;
    text-align: left;
    margin-left: 25%;
}

.input-message {
    position: relative;
    font-size: 12px;
    text-align: left;
    padding-left: 25px;
}

.red-star-info {
    position: absolute;
    left: 0px;
    width: 20px;
    height: 20px;
    color: #D4145A;
}

.two-flex-block {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
}

.two-flex-block .padlock-input-icon,
.two-flex-block .email-input-icon,
.two-flex-block .link-input-icon {
    top: 36px;
}

.event-create-form-block {
    position: relative;
    width: 100%;
    height: auto;
}

.event-create-form {
    position: relative;
    width: 100%;
    height: auto;
    border-top: none;
}

.event-create-form .field_pre_label {
    text-align: left;
    font-size: 17px;
    margin-bottom: 10px;
}

.event-create-form .small_field_pre_label {
    text-align: left;
    font-size: 13px;
    margin-bottom: 10px;
    color: #757575;
}

.event-create-form .thanks_text {
    width: 100%;
    display: block;
    border: 1px solid #c5c5c5;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 10px;
    height: 100px;
    outline: none;
    font-family: Roboto;
}

.reg-form .two-flex-block {
    align-items: flex-start;
    justify-content: space-between;
}

.event-create-attachment-block {
    position: relative;
    height: auto;
    min-height: 80px;
    margin: 25px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.attach-image-preview {
    position: relative;
    width: 110px;
    height: 70px;
    border-radius: 15px;
    margin-right: 20px;
    overflow: hidden;
}

.attach-image-preview img {
    height: inherit;
}

#attach-image-preview-wrapper {
    display: none;
}

#close-preview-button {
    transition: all ease 0.2s;
    position: relative;
    width: 18px;
    height: 18px;
    background: url('img/close-icon-dark.svg') center center no-repeat;
    display: none;
    margin-right: 20px;
    cursor: pointer;
}

#close-preview-button:hover {
    transition: all ease 0.2s;
    transform: scale(1.1);
}

.upload-button-wrapper {
    position: relative;
    width: 245px;
    height: 40px;
    overflow: hidden;
    display: inline-block;
    box-sizing: border-box;
    padding: 10px 0px;
    cursor: pointer;
}

.upload-button-text {
    transition: all ease-out 0.4s;
    font-weight: 400;
    font-size: 18px;
    background: transparent;
    z-index: 2;
    color: #F5B555;
}

.upload-button-wrapper:hover .upload-button-text {
    transition: all ease-out 0.4s;
}

.upload-button-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    width: 100%;
    height: inherit;
    left: 0;
    top: -15px;
    border-radius: 0px;
    opacity: 0;
    z-index: 5;
}

.event-create-desc-textarea {
    transition: all ease-out 0.4s;
    position: relative;
    width: inherit;
    height: auto;
    max-height: 290px;
    background: #fff;
    border: 1px solid #373E5B;
    box-sizing: border-box;
    padding: 85px 30px;
    outline: none;
}

.event-create-desc-textarea:focus {
    transition: all ease-out 0.4s;
    border: 1px solid #F5B555;
}

.tox-tinymce {
    background: #fff;
    border-radius: 20px !important;
    padding: 0 0 10px 0 !important;
}

.tox-toolbar {
    padding: 0px 15px !important;
}

.tox-edit-area {
    padding: 10px 15px !important;
}

.tox-statusbar {
    display: none !important;
}

.event-create-switcher-block {
    position: relative;
    width: inherit;
    height: auto;
    min-height: 30px;
    margin: 25px 0px;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: flex-start;
}

.event-create-switcher-block p {
    font-weight: 300px;
    font-size: 14px;
    line-height: 160%;
    color: #373E5B;
}

.input-switcher {
    position: relative;
    display: inline-block;
    width: 52px;
    height: 27px;
    margin-right: 21px;
}

.input-switcher input {
    opacity: 0;
    width: 0;
    height: 0;
}

.input-switcher-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.input-switcher-slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 4px;
    top: 3.8px;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.input-switcher-slider {
    border: 1px solid #219653;
}

input:focus+.input-switcher-slider {}

input:checked+.input-switcher-slider:before {
    -webkit-transform: translateX(24px);
    -ms-transform: translateX(24px);
    transform: translateX(24px);
    background: #219653;
}

.event-create-form .btn {
    width: auto;
    width: 400px;
    margin: 10px 0px;
}


/* Thanks Page */

.thanks-content-wrapper .hand-bg {
    background-position: center 20px;
}

.thanks-content-wrapper h3 {
    margin: 52px auto;
}

.thanks-content-wrapper .btn {
    font-weight: 500;
    font-size: 18px;
}


/* Registration Page */

.event-reg-step .event-create-process-line-done {
    width: 30%;
}

.step-circle-finished {
    background: #F5B555;
    border: 2px solid #fff;
    box-shadow: 0 0 0 3px #F5B555, 0 0 0 0px #F5B555;
}

.step-circle-finished span {
    color: #fff;
}

.form-nav-block {
    margin-top: 15px;
}


/* Fill Profile Page */

.event-profile-step .event-create-process-line-done {
    width: 60%;
}

.event-create-profile-block {}

.event-create-profile-block .two-flex-block .normal-input {
    width: auto;
    width: 330px;
    margin: 0px;
}

.form-nav-block-wide .btn {
    width: 100%;
    max-width: 470px;
}


/* Share Event Page */

.event-share-step .event-create-process-line-done {
    width: 85%;
}

.event-share-socials {
    margin: 5px auto;
    padding: 9px 0px 30px 0px;
}

.event-share-wrapper .btn {
    width: 390px;
}

.event-share-wrapper p {
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    color: #F5B555;
    padding: 17px 0px 25px 0px;
}

.button-instruction-book-icon {
    transition: all ease-out 0.4s;
    position: relative;
    width: 30px;
    height: 30px;
    background: url(img/instruction-book-icon.svg) center center no-repeat;
    margin-right: 18px;
}

.button-instruction-block {
    width: inherit;
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}

.button-transparent a {
    transition: all ease-out 0.4s;
    width: 100% height:inherit;
}

.button-transparent a:hover .button-instruction-text span,
.button-transparent a:hover .button-instruction-text p {
    transition: all ease-out 0.4s;
    color: #fff;
}

.button-transparent a:hover .button-instruction-book-icon {
    transition: all ease-out 0.4s;
    background: url(img/instruction-book-icon-white.svg) center center no-repeat;
}

.button-instruction-text {
    width: 173px;
    height: 39px;
    color: #373E5B;
    text-align: left;
}

.button-instruction-text span {
    font-weight: bold;
    font-size: 16px;
}

.button-instruction-text p {
    font-weight: 300;
    font-size: 12px;
    padding: 0px;
    margin-top: -9px;
    color: #373E5B;
}

.page-content-wrapper.re_profile .two-flex-inner .btn.button-yellow.class-none-m {
    display: none;
}

.user-reset-password-page .user-page-description {
    margin-top: 25px;
    text-align: center;
}

.user-reset-password-page .two-flex-inner-wide:first-child {
    width: 70%;
}

.user-reset-password-page .two-flex-inner-wide:last-child {
    width: 30%;
}

.user-reset-password-page .two-flex-inner-wide .normal-input {
    width: 100%;
}

.user-reset-password-page .reset-message p {
    font-size: 14px;
    text-align: left;
    margin-bottom: 7px;
}

@media screen and (max-width:1024px) {
    .event-create-profile-block .two-flex-block {
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }
    .event-create-profile-block .two-flex-block .normal-input {
        width: 100%;
    }
    .page-content-wrapper.re_profile .two-flex-inner .btn.button-yellow.class-none {
        display: none;
    }
    .page-content-wrapper.re_profile .two-flex-inner .btn.button-yellow.class-none-m {
        display: block;
    }
}

h1,
h2,
h3,
h4,
h5 {
    font-family: 'Roboto', sans-serif;
}

.mce-branding.mce-widget {
    font-size: 10px;
}

.mce-branding.mce-widget a {
    vertical-align: initial;
}

nav.datepicker--nav{
    box-shadow: none;
    border-radius: 0;
}

.global_list_of_smiles{
    background: #fff;
    width: 200px;
    height: 200px;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-shadow: 0 0 9px 2px rgba(0,0,0,0.2);
    box-shadow: 0 0 9px 2px rgba(0,0,0,0.2);
    padding: 10px;
    border-radius: 10px;
    position: absolute;
    right: 0;
    top: 0;
    max-width: 100%;
    max-height: 100%;
}

.global_list_of_smiles .item{
    width: 25px;
    height: 25px;
    font-size: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

#modal-support .global_list_of_smiles{
    top: 80px;
    right: -5px;
}

.global_list_of_smiles .item img{
    width: 20px;
    height: 20px;
}


/* MEDIA REQUESTS */

@media (max-width:1360px) {
    .row_line .stream-block-slide {
        width: 300px;
    }
}

@media(max-width: 1280px) {
    .full_page_campaigns_list .stream-block-slide {
        width: calc(33% - 7px);
    }
}

@media screen and (max-width:1140px) {
    h2 {
        font-size: 1.6em;
        line-height: 1.2em;
    }
    h4 {
        font-size: 1.4em;
        line-height: 1.2em;
    }
    h5,
    .slide-text-block h5 a {
        font-size: 0.8em;
        line-height: 1em;
    }
    p,
    .slide-text-block p {
        font-size: 1.2em;
        line-height: 1.5em;
    }
}

@media screen and (max-width:960px) {
    .how-step-rect {
        margin: 15px auto;
    }

    header {
        min-height: 450px;
    }
    .header-index-page,
    .header-index-page h3,
    .header-index-page a {
        color: #fff;
    }

    .header-index-page .giveheart-icon {
        display: none;
    }
    .header-index-page .btn {
        font-size: 1em;
        margin: 0px auto;
        margin-bottom: 25px;
    }

    .header-reg-page {
        background: url(img/reg-bg-mobile.png) center center no-repeat;
        background-size: cover;
        color: #fff;
    }
    .header-reg-page h3 {
        color: #fff;
    }
    .header-reg-page a:hover {
        color: #D42033;
    }
    .regular-text-block .btn {
        margin: 12px auto;
    }

    .mobile-menu-wrapper {
        display: none;
    }
    .single-news-nav .btn {
        margin: 15px auto;
    }
    .news-socials-text {
        margin: 10px auto;
    }
    .single-news-socials .socials-block {
        margin: 15px auto;
    }

    .event-create-form-block .two-flex-block {
        justify-content: center;
    }
    .event-create-form-block .two-flex-block p {
        margin: 0px auto;
    }

    .reg-form .two-flex-block {
        align-items: center;
    }

    .event-create-form .two-flex-block .normal-input {
        width: 100%;
    }

    .form-nav-block {
        flex-direction: column;
    }

    .form-nav-block .btn {
        margin: 8px auto;
    }

    .forget-pass {
        text-align: center;
    }

    .single-news-socials {
        margin: 0 auto;
    }

    .reg-content .reg-form .normal-input input {
        background: #fff;
    }

    .full_page_campaigns_list .stream-block-slide {
        width: calc(50% - 10px);
    }
}

@media screen and (max-width:760px) {
    .how-step-rect {
        margin-right: -25px;
    }
    .title-line {
        display: none;
    }
    .title-block,
    .title-left {
        text-align: center;
        margin: 0 auto;
    }
    .title-block {
        flex-direction: column;
    }
    .title-left {
        padding: 0px 5px;
    }
    .title-block h2 {
        margin: 0px auto;
    }
    .regular-text-block {
        padding: 25px 25px;
    }
    .slide-text-block {
        position: relative;
        width: 100%;
        margin-left: 0%;
        height: 100%;
        z-index: 3;
        padding: 25px 25px 25px 25px;
        box-sizing: border-box;
    }

    .online-streams-block .swiper-container {
        margin-top: 18px;
    }

    h2,
    h3,
    h4,
    h5,
    h6 {
        text-align: center;
    }
    h2 {
        font-size: 1.4em;
        line-height: 1.2em;
    }
    h3 {
        font-weight: 900;
        font-style: normal;
        font-size: 1.8em;
        line-height: 52px;
    }
    h4 {
        font-size: 1.2em;
        line-height: 1.2em;
    }
    h5,

    p,
    .slide-text-block p {
        font-size: 1em;
        line-height: 1.5em;
    }
    .page-content-wrapper .title-block h2 {
        font-size: 1.4em;
        text-align: center;
        line-height: 130%;
    }
    .page-content-wrapper .title-block {
        margin: 25px auto;
    }
    .slide-text-block ul li {
        font-size: 1em;
    }
    .btn {
        font-size: 1em !important;
    }
    .camera-icon {
        margin-top: 0px;
    }

    .search-full-screen-form {
        height: auto;
        min-height: 290px;
        max-height: 50vh;
    }

    .search-full-screen-form .centered {
        width: 100%;
    }

    .select-box {
        top: 90px;
        left: 0px;
        width: 100%;
    }
    .event-share-wrapper p {
        font-size: 1.3em;
    }
    .button-instruction-text {}
    .button-instruction-text span {
        font-size: 1.1em;
        line-height: 200%;
    }
    .event-share-wrapper .button-instruction-text p {
        font-size: 0.7em;
        padding-top: 3px;
        text-align: left;
        line-height: 100%;
    }
}

@media screen and (max-width:670px) {
    .full_page_campaigns_list .stream-block-slide {
        width: 400px;
        max-width: 100%;
    }
}

@media screen and (max-width:620px) {
    .news-socials-text {
        padding-right: 0px;
    }
}

@media screen and (max-width:540px) {
    .single-news-socials {
        padding: 5px 0px;
    }
}

@media screen and (max-width:480px) {
    h3 {
        font-weight: 900;
        font-style: normal;
        font-size: 1.7em;
        line-height: 52px;
    }
    .reg-content p {
        font-size: 1em;
        line-height: 1.5em;
    }
    .reg-content .socials-block {
        width: 100%;
    }

    .page-content-wrapper .centered {
        padding: 10px 30px;
        margin-bottom: 50px;
    }
    .event-create-step-circle {
        margin: 0px 8px;
    }
    .event-create-title-input,
    .event-create-money-input,
    .normal-input {
        width: auto;
        width: 100%;
    }
    .heartgive-input-icon,
    .money-input-icon {
        width: 45px;
        background-position: 20px center;
    }
    .reg-form {
        width: 100%;
    }
    .normal-input input {
        padding: 10px 25px 10px 25px;
        font-size: 0.8em;
    }
    .input-icon {
        width: 55px;
        background-position: 70% center;
    }
    .event-create-switcher-block {
        justify-content: center;
    }
    .event-create-switcher-block p {
        text-align: center;
        padding: 12px 0px;
        font-size: 0.8em;
    }
    .two-flex-inner-wide {
        width: 100%;
    }
    .form-nav-block {
        flex-direction: row;
    }
}

@media screen and (max-width:375px) {
    .event-create-step-circle {
        width: 45px;
        height: 45px;
    }
}

@media screen and (max-width:1365px) {
    .reg-bg {
        background: url(img/reg-bg.png) left center no-repeat;
    }

    .how-steps.thanks_page .how-step-rect {
        flex-basis: auto;
        align-items: flex-start;
    }
}


.page-content-wrapper.act_user .title-block {
    margin: 0;
}

.page-content-wrapper.act_user .title-block h2 {
    font-size: 48px;
    font-weight: 700;
}

.page-content-wrapper.act_user .row_line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;
}

.row_line .btn_search {
    transition: all ease-out 0.45s;
    padding: 12px 60px 12px 30px;
    cursor: pointer;
    border: 1px solid #373E5B;
    box-sizing: border-box;
    border-radius: 50px;
    color: #373E5B;
    font-weight: 500;
    font-size: 16px;
    position: relative;
}

.row_line .btn_search:after {
    content: '';
    position: absolute;
    background: url(img/arrow_down.png) center center no-repeat;
    top: 18px;
    width: 10px;
    height: 10px;
    right: 25px;
}

.row_line .btn_search.open:after {
    background: url(img/arrow_down.png) center center no-repeat;
    transform: rotate(180deg);
}

.row_line .btn_search:hover:after, .row_line .btn_search.open:hover:after {
    background: url(img/arrow_up.png) center center no-repeat;
    transform: rotate(180deg);
}

.row_line .btn_search.open:hover:after {
    background: url(img/arrow_up.png) center center no-repeat;
    transform: rotate(0deg);
}

.event-create-profile-block.holder_box_user {
    border: 3px solid #F2F2F2;
    border-radius: 20px;
    margin: 0 0 40px;
}

.event-create-profile-block.holder_box_user:after {
    content: '';
    position: absolute;
    border-color: transparent transparent #F2F2F2 transparent;
    top: -20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 20px 15px;
    right: 80px;
}

.event-create-profile-block.holder_box_user .reg-form {
    margin: 10px 25px;
    padding: 0;
    width: initial;
}

.action-name-icon {
    top: 36px;
    left: 0px;
    background: url(img/action-name-icon.svg) 60% center no-repeat;
}

.layout-slider {
    margin: 60px 0 20px;
}

p.bold {
    font-weight: 500;
    text-align: left;
    margin: 0 0 30px;
    display: block;
    color: #373E5B;
}

.col_box.company_grade {
    width: 800px;
}

.row_line .btn_search_action {
    width: 380px;
}

.row_line .stream-block-title a {
    font-size: 20px;
    text-align: center;
    display: block;
    padding: 0 5px;
}

.row_line .stream-block-slide {
    border-radius: 23px;
    border: 2px solid #F2F2F2;
    margin: 0 0 30px;
}

.row_line .stream-block-slide .btn {
    display: block;
    margin: 20px auto;
    line-height: 100%;
}

.page-content-wrapper.act_user .row_line.grade {
    flex-wrap: wrap;
}

ul.pagination {
    display: flex;
    justify-content: center;
    padding: 0;
    position: relative;
    align-items: center;
    margin: 30px auto;
    flex-wrap: wrap;
}

ul.pagination li {
    display: inline;
    outline: none;
}

ul.pagination li a {
    color: black;
    padding: 8px 15px;
    text-decoration: none;
    color: #373E5B;
    outline: none;
}

ul.pagination li.next a,
ul.pagination li.prev a {
    width: 46px;
    height: 46px;
    border-radius: 40px;
    border: 2px solid #373E5B;
    position: relative;
    outline: none;
    padding: 0;
    display: inline-block;
    margin: 0;
}

ul.pagination li.next {
    margin: 0 0 0 35px;
}

ul.pagination li.prev {
    margin: 0 35px 0 0;
}

ul.pagination li.next .swiper-button-next:after,
ul.pagination li.prev .swiper-button-prev:after {
    font-size: 14px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.calendar-input-icon {
    top: 36px;
    left: 0px;
}

.event-create-profile-block.holder_box_user .reg-form .calendar-input-icon {
    top: 38px;
}

.calendar-input-icon path.y_color {
    fill: #373E5B;
}

.calendar-input-icon path.y_color_s {
    stroke: #373E5B;
}

.normal-input input:focus~.calendar-input-icon path.y_color {
    fill: #F5B555;
}

.normal-input input:focus~.calendar-input-icon path.y_color_s {
    stroke: #F5B555;
}

.calendar-input-icon {
    position: absolute;
    width: 64px;
    height: 24px;
    outline: none;
    border-right: 1px solid #F7E9D5;
}

.event-create-profile-block .two-flex-block .normal-input.add {
    width: auto!important;
}

.reg-form .two-flex-block.add {
    margin: 0;
}

.reg-form .two-flex-block.add {
    align-items: center;
}


/**/

.title_box_holder {
    display: flex;
    margin: 0 0 50px;
}

.title_box_holder .btn {
    width: inherit;
    min-width: inherit;
    padding: 12px 30px;
    margin-right: 20px;
    height: inherit;
    border: 1px solid #EEEEEE;
    color: #373E5B;
    box-shadow: 0 0 0 1px #EEEEEE, 0 0 0 0px #EEEEEE;
}

.title_box_holder .btn.button-normal:hover,
.title_box_holder .btn.button-normal:focus {
    color: #fff;
    box-shadow: 0 0 0 1px #F5B555, 0 0 0 0px #F5B555;
}

.row_line.grade.mn .left-slide .fold img {
    position: relative;
    width: auto;
    height: 110%;
    margin-top: -5%;
    margin-left: -5%;
}

.row_line.grade.mn .left-slide {
    width: 255px;
    height: 161px;
    z-index: 2;
    margin-right: -70px;
}

.row_line.grade.mn .slide-text-block {
    font-size: 22px;
    line-height: 26px;
    font-weight: 700;
    padding: 40px 10px 40px 40px;
}

.row_line.grade.mn .slide-text-block h5:hover a,
.row_line.grade.mn .small_link:hover,
.more_info:hover {
    color: #F5B555;
}

.fbjb {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.row_line.grade.mn .small_link {
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    padding: 0 30px 0 0;
}

a:hover {
    outline: none;
}

input {
    outline: none;
}

.more_info {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    background: url(img/arrow_right_hv.png) 100% center no-repeat;
    padding: 0 30px 0 0;
}

.more_info:hover {
    background: url(img/arrow_right.png) 100% center no-repeat;
}

.row_line.grade.mn .slide-text-block h5 {
    padding: 0 20px 0 0;
}

.event-create-profile-block.holder_box_user.active_non {
    display: none;
}


/*02.01.20*/

.page-content-wrapper.re_profile .row_line.header_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 40px;
}

.page-content-wrapper.re_profile .title-block {
    margin: 0;
}

.page-content-wrapper.re_profile .centered {
    z-index: 10;
}

.foto_box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.foto_box p {
    font-size: 18px;
    margin: 0 0 0 20px;
}

.foto_box p a {
    border-bottom: 2px dotted;
    font-size: 18px;
}

.page-content-wrapper.re_profile .two-flex-inner {
    width: 47%;
}

.page-content-wrapper.re_profile .event-create-profile-block .two-flex-block .normal-input,
.event-create-form .btn,
.event-create-switcher-block {
    width: 100%;
}

.event-create-profile-block .two-flex-block .normal-input select {
    width: 100%;
    height: 100%;
    background: none;
    outline: none;
    color: #373E5B;
}

.page-content-wrapper.re_profile .two-flex-inner .normal-input input::placeholder,
.event-create-form.new_add .two-flex-block .normal-input input::placeholder,
textarea::placeholder {
    color: #373E5B;
}

textarea {
    color: #373E5B;
}

.page-content-wrapper.re_profile .two-flex-inner .normal-input.div-select {
    transition: all ease-out 0.4s;
    width: 100%;
    margin: 15px 0px;
    box-sizing: border-box;
    border-radius: 100px;
    box-sizing: border-box;
    padding: 0px;
    outline: none;
    border: 1px solid #373E5B;
    position: relative;
    height: 66px;
}

.page-content-wrapper.re_profile .two-flex-inner .normal-input.div-select span {
    font-size: 16px;
}

.page-content-wrapper.re_profile .two-flex-inner .normal-input.div-select .jcf-select {
    justify-content: flex-start;
    align-items: center;
    display: flex;
    padding: 0 25px 0 25px;
}

.page-content-wrapper.re_profile .two-flex-inner .btn.button-yellow {
    margin: 15px 0 30px;
}

.normal-input.div-select .camera-input-icon {
    top: 20px;
    left: 0px;
}

.event-create-attachment-block.add .image-preview-wrapper {
    border-radius: 20px;
    position: relative;
    width: 100%;
    height: 320px;
}

.event-create-attachment-block.add .image-preview-wrapper .img-wrapp {
    border-radius: 20px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.event-create-attachment-block.add .upload-button-wrapper:after {
    content: '';
    position: absolute;
    background: url(img/arrow_up2.png) center center no-repeat;
    top: 20px;
    width: 9px;
    height: 5px;
    right: 25px;
}

.event-create-attachment-block.add .upload-button-text {
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    cursor: pointer;
}

ul.holder_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    margin: 30px 0 0;
    list-style: none;
    flex-wrap: wrap;
}

ul.holder_item li > .preloader {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(255,255,255,0.8);
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    display: none;
}

ul.holder_item li > .preloader.active {
    display: flex;
}

ul.holder_item li.empty{
    height:0;
    margin:0;
    padding: 0;
    border: none;
    background: transparent;
}

ul.holder_item li.item_add {
    border: 2px solid #F2F2F2;
    background: #fff;
    cursor: pointer;
}

ul.holder_item li.item_add .image img {
    width: 58px;
    height: 58px;
    margin: 0 0 0 41px;
}

ul.holder_item li.item_add .image {
    height: inherit;
}

ul.holder_item li.item_add .image img.hover_non {
    display: none;
}

ul.holder_item li.item_add.hover .image img.hover_non {
    display: block;
}

ul.holder_item li.item_add.hover .image img.image_state {
    display: none;
}

ul.holder_item li .image {
    position: relative;
    height: 115px;
    border-radius: 14px 14px 0 0;
    display: flex;
    align-items: center;
}

ul.holder_item li .image>img {
    width: 100%;
    border-radius: 10px 10px 0 0;
    height: 115px;
    position: absolute;
    left: 0;
}

ul.holder_item .text_item p {
    color: #fff;
    font-size: 12px;
    text-align: left;
    cursor: pointer;
}

ul.holder_item .text_item .remove {
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBpZD0iQ2FwYV8xIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTUuNTU2IDUxNS41NTYiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTUuNTU2IDUxNS41NTYiIHdpZHRoPSI1MTJweCI+PHBhdGggZD0ibTY0LjQ0NCA0NTEuMTExYzAgMzUuNTI2IDI4LjkwMiA2NC40NDQgNjQuNDQ0IDY0LjQ0NGgyNTcuNzc4YzM1LjU0MiAwIDY0LjQ0NC0yOC45MTggNjQuNDQ0LTY0LjQ0NHYtMzIyLjIyMmgtMzg2LjY2NnoiIGZpbGw9IiNmZmZmZmYiLz48cGF0aCBkPSJtMzIyLjIyMiAzMi4yMjJ2LTMyLjIyMmgtMTI4Ljg4OXYzMi4yMjJoLTE2MS4xMTF2NjQuNDQ0aDQ1MS4xMTF2LTY0LjQ0NHoiIGZpbGw9IiNmZmZmZmYiLz48L3N2Zz4=);
    width: 14px;
    height: 14px;
    background-size: contain;
    cursor: pointer;
}

.event-create-attachment-block.add {
    justify-content: flex-start;
}

ul.holder_item li .image .btn_paint img,
ul.holder_item li .image .btn_zoom img {
    margin: 10px 0 0 0;
}

input:checked+.input-switcher-slider:before {
    -webkit-transform: translateX(24px);
    -ms-transform: translateX(24px);
    transform: translateX(24px);
    background: #fff;
}

.two-flex-block.create_ev .btn {
    width: 400px;
}

.reg-form p.add a {
    color: #373E5B;
    text-decoration: underline;
}

.reg-form p.add a:hover {
    text-decoration: none;
}

.event-create-profile-block.holder_box_user.active_non .reg-form .btn:hover {
    box-shadow: 0 0 0 1px #373E5B, 0 0 0 0px #373E5B;
}

.event-create-profile-block.holder_box_user .two-flex-block.display_n {
    display: none;
}

.event-create-profile-block.holder_box_user .reg-form.event-create-form .btn {
    width: auto;
}

.row_line.grade .stream-block-author:hover a {
    color: #DE0019;
}

.row_line.grade .stream-block-platform:hover a {
    color: #DE0019;
}

.row_line.grade .stream-block-platform {
    cursor: pointer;
}

.swiper-button-next,
.swiper-button-prev {
    outline: none;
}

.event-create-profile-block .two-flex-block .normal-input.add label,
.normal-input label {
    position: absolute;
    font-size: 12px;
    color: grey;
    left: 27px;
    top: 28px;
    opacity: 0;
    transition: opacity .3s ease-in-out;
}

.reg-form input[type=text]:not(.without_label):focus,
.reg-form input[type=email]:focus,
.reg-form input[type=password]:focus {
    padding: 20px 25px 10px 25px;
}

.normal-input input:focus~label {
    opacity: 1 !important;
}

.right-slide.add {
    width: 390px;
    height: 200px;
    perspective: 655px;
}

.modal-bg {
    background: #373E5B;
    opacity: 0.9;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
    width: 100%;
}

.modal_holder_box {
    background: #FFFFFF;
    border-radius: 30px;
    width: 480px;
    padding: 7px 40px 5px 40px;
    margin: 20px auto;
    position: relative;
    z-index: 10;
}

.modal_holder_box .normal-input,
.modal_holder_box .two-flex-inner-wide {
    width: 100%;
}

.btn-close-preview {
    transition: all ease 0.2s;
    position: absolute;
    width: 18px;
    height: 18px;
    background: url('img/close-icon-dark.svg') center center no-repeat;
    cursor: pointer;
    text-indent: -9999px;
    right: 23px;
    top: 19px;
}

.modal_holder_box p {
    color: #373E5B;
    font-size: 18px;
    line-height: 24px;
    text-align: left;
    padding: 15px 0 0 0;
}

.modal_holder_box p a {
    color: #E95364;
    font-size: 18px;
    line-height: 24px;
}

.modal_holder_box .event-create-form .btn a {
    font-size: 18px;
}

.modal_holder_box h5 {
    font-weight: 700;
    font-size: 26px;
    display: block;
    text-align: center;
    margin: 30px 0 5px;
}

.modal_holder_box .btn-close-preview.add {
    right: 40px;
    top: 45px;
}

.how-steps.thanks_page {
    align-items: flex-start;
}

.how-steps.thanks_page .how-step-rect p {
    font-weight: 300;
    font-size: 13px;
    line-height: 160%;
    color: #373E5B;
}

span.title_span {
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    display: block;
    margin-bottom: 40px;
    color: #F5B555;
    margin-top: -10px;
}

.button-yellow.thanks_page {
    width: 400px;
}

.thanks-content-wrapper h3.thanks_page {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 48px;
    line-height: 56px;
    text-align: center;
}

.event-create-steps-block.short {
    max-width: 285px;
}

.event-profile-step .event-create-process-line-done {
    width: 80%;
}

.event-profile-step .event-create-process-line-done.middle {
    width: 58%;
}

.step-circle-non-active {
    background: #fff;
    border: 2px solid #F5F5F7;
    box-shadow: 0 0 0 3px #fff, 0 0 0 0px #fff;
}

.step-circle-non-active span {
    color: #373E5B;
}

.event-create-form.new_add .two-flex-block .normal-input.div-select {
    transition: all ease-out 0.4s;
    width: 330px;
    margin: 15px 0px;
    box-sizing: border-box;
    border-radius: 100px;
    box-sizing: border-box;
    padding: 0;
    outline: none;
    border: 1px solid #373E5B;
    position: relative;
    height: 66px;
}

.event-create-form.new_add .two-flex-block .normal-input.div-select .jcf-select {
    justify-content: flex-start;
    align-items: center;
    display: flex;
    padding: 0 25px 0 25px;
}

.event-create-form.new_add .two-flex-block .normal-input.div-select span {
    font-size: 16px;
}

.reg-form .two-flex-block.form-nav-block .event-create-switcher-block,
.reg-form .two-flex-block.form-nav-block .btn {
    width: 400px;
}

.reg-form.event-create-form .event-create-switcher-block a {
    color: #373E5B;
    text-decoration: underline;
}

.reg-form.event-create-form a:hover {
    text-decoration: none;
}

.reg-form .two-flex-block.form-nav-block input:checked+.input-switcher-slider.round-switcher:before,
input:checked+.input-switcher-slider.round-switcher.add_new:before {
    background: #fff;
}

.event-create-attachment-block.add .swiper-container.swiper-current-goals-container {
    height: 90px;
    position: relative;
    width: 100%;
    top: 35px;
}

.event-create-attachment-block.add .swiper-button-next,
.event-create-attachment-block.add .swiper-button-prev {
    color: #fff;
    width: 14px;
    height: 22px;
}

.event-create-attachment-block.add .swiper-button-next:after,
.event-create-attachment-block.add .swiper-button-prev:after {
    width: 14px;
    height: 22px;
    font-size: 16px;
    font-weight: bold;
}

.event-create-attachment-block.add .swiper-button-prev {
    left: 30px;
    top: 60%;
}

.event-create-attachment-block.add .swiper-button-next {
    right: 30px;
    top: 60%;
}

.event-create-attachment-block.add .btn_close img {
    display: inline-block;
    margin: 10px 10px 0 0;
}

ul.active_user li.out {
    margin: 0;
}

.stocks_sec .item .img_wrap::before {
    background: linear-gradient(180deg, #3B3C44 0%, rgba(59, 60, 68, 0) 100%);
    content: '';
    left: 0;
    bottom: 0;
    height: 70px;
    position: absolute;
    width: 100%;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.user_enter {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 110px;
    top: 33px;
}

.user_enter img {
    width: 100%;
    height: auto;
}

.foto_box.mb_version {
    display: none;
}

aside.sidebar_action .comments.event_line .comments_block .comments_item:nth-child(n+4),
aside.sidebar_action .comments.message_list .comments_block .comments_item:nth-child(n+4) {
    display: none;
}

aside.sidebar_action .comments.event_line .comments_block.active .comments_item:nth-child(n+4),
aside.sidebar_action .comments.message_list .comments_block.active .comments_item:nth-child(n+4) {
    display: block;
}

.box_fancy {
    width: 940px;
    height: 812px;
    background: #1E1E1E;
    border-radius: 30px;
    padding: 30px 0;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}

.box_fancy .btn {
    border-color: #1E1E1E;
}

.box_fancy .btn-close-preview {
    background: url('img/close-icon-white.png') center center no-repeat;
    width: 20px;
    height: 20px;
    right: 40px;
    top: 40px;
}

.box_fancy .two-flex-block {
    margin: 30px 0 0;
    width: 100%;
}

.box_fancy img {
    width: 100%;
    height: auto;
}

.box_fancy .two-flex-block.create_ev .btn {
    width: 45%;
}

.slide-text-block h5:hover a,
.slide-text-block .fbjb a:hover,
.more_info:hover,
ul.pagination li a:hover,
ul.pagination li.prev:hover,
ul.pagination li.next:hover {
    transition: 0.3s;
}

.gallery_item.empty {
    height: 0!important;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.tooltip_box {
    position: absolute;
    background: #373E5B;
    opacity: 0.9;
    border-radius: 10px;
    padding: 15px 40px;
    font-size: 18px;
    line-height: 21px;
    display: flex;
    align-items: center;
    color: #FFFFFF;
    z-index: 10;
    left: 0;
    top: 18px;
    display: none;
}

.tooltip_box:after {
    content: '';
    position: absolute;
    border-color: transparent transparent #373E5B transparent;
    top: 20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 7px 7px;
    left: -10px;
    transform: rotate(270deg);
}

.right-slide.add:hover .tooltip_box {
    display: block;
}

.row_line.grade .stream-block-slide.empty {
    height: 0!important;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    border: none;
}

.related_campaigns .item.empty {
    height: 0;
}

.mce-charactercount.mce-widget {
    margin: 0 auto 0 0 !important;
    display: flex;
    align-items: center;
    padding-left: 16px;
}

.mce-path.mce-flow-layout-item.mce-first {
    display: none;
}

.mce-smile-list span {
    font-size: 18px;
    cursor: pointer;
}

.re_profile .foto_box .avatar {
    width: 40px;
    height: 40px;
    background-size: cover;
    background-position: center;
    border-radius: 100%;
}

.re_profile .two-flex-inner.onright-data {
    margin-top: 40px;
}

.select_event_type_box {
    display: flex;
    justify-content: space-between;
}

.select_event_type_box .item {
    width: calc(50% - 25px);
    box-shadow: 0 0 0 2px #F5B555;
    padding: 20px;
    box-sizing: border-box;
    margin-top: 30px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
    background: transparent;
}

.select_event_type_box .item:hover {
    background: #F5B555;
    color: #fff;
}

.select_event_type_box .item .title {
    font-size: 23px;
    margin-top: 10px;
}

.select_event_type_box .item .description {
    margin-top: 20px;
    font-size: 15px;
    line-height: 22px;
}

.select_event_type_box .item .icon img {
    width: 170px;
}

.select_event_type_box .item:not(.live) .icon img {
    margin-top: 26px;
}

.select_event_type_box .item:hover .icon img {
    filter: brightness(3);
}

.event-create-form-block .normal-input.div-select{
    transition: all ease-out 0.4s;
    width: 100%;
    margin: 15px 0px;
    border-radius: 100px;
    box-sizing: border-box;
    padding: 0px;
    outline: none;
    border: 1px solid #373E5B;
    position: relative;
    height: 66px;
}

.page-list-of-campaigns .event-create-form-block .normal-input.div-select {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 15px;
    width: 218px;
}

.event-create-form-block .normal-input.div-select span{
    font-size: 16px;
}

.event-create-form-block .normal-input.div-select .jcf-select{
    justify-content: flex-start;
    align-items: center;
    display: flex;
    padding: 0 25px 0 25px;
}

.page-list-of-campaigns .event-create-form-block .normal-input.div-select .jcf-select {
    padding: 0;
    color: #747474;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
}

.page-list-of-campaigns .event-create-form-block .normal-input.div-select .jcf-select .jcf-select-text {
    display: block;
    overflow: hidden;
    text-align: left;
}

.page-list-of-campaigns .event-create-form-block .normal-input.div-select .jcf-select .jcf-select-text span {
    text-align: left;
}

.page-list-of-campaigns .event-create-form-block .normal-input.div-select .jcf-select .jcf-select-text span:not(.jcf-option-hideme ) {
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 7px;
    display: block;
    width: 90%;
}

.page-list-of-campaigns .event-create-form-block .normal-input.div-select .jcf-select .jcf-select-opener {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMzIwLjAwMSAzMjAuMDAxIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMjAuMDAxIDMyMC4wMDE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGQ9Ik0yOTUuODQsMTQ2LjA0OWwtMjU2LTE0NGMtNC45Ni0yLjc4NC0xMS4wMDgtMi43Mi0xNS45MDQsMC4xMjhDMTkuMDA4LDUuMDU3LDE2LDEwLjMwNSwxNiwxNi4wMDF2Mjg4DQoJYzAsNS42OTYsMy4wMDgsMTAuOTQ0LDcuOTM2LDEzLjgyNGMyLjQ5NiwxLjQ0LDUuMjgsMi4xNzYsOC4wNjQsMi4xNzZjMi42ODgsMCw1LjQwOC0wLjY3Miw3Ljg0LTIuMDQ4bDI1Ni0xNDQNCgljNS4wMjQtMi44NDgsOC4xNi04LjE2LDguMTYtMTMuOTUyUzMwMC44NjQsMTQ4Ljg5NywyOTUuODQsMTQ2LjA0OXoiLz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K');
    width: 9px;
    height: 9px;
    min-width: 9px;
    transform: rotate(90deg);
    display: inline-block;
    float: right;
    opacity: 0.7;
    background-size: contain;
    background-repeat: no-repeat;
}

.page-list-of-campaigns .event-create-form-block .normal-input.div-select .jcf-select.jcf-drop-active .jcf-select-opener {
    transform: rotate(-90deg);
}

.page-list-of-campaigns .jcf-select-drop .jcf-list-content ul {
    list-style: none;
    padding: 5px 10px;
}

.page-list-of-campaigns .jcf-select-drop {
    z-index: 5;
}

.page-list-of-campaigns .jcf-select-drop .jcf-select-drop-content {
    background: #fff;
    border-radius: 3px;
}

.page-list-of-campaigns .jcf-select-drop .jcf-select-drop-content > input {
    display: none;
}

.page-list-of-campaigns .jcf-select-drop .jcf-select-drop-content ul li span {
    font-size: 13px;
    color: #333;
    cursor: pointer;
}

.page-list-of-campaigns .jcf-select-drop .jcf-select-drop-content ul li span.jcf-option-hideme {
    display: none;
}

.page-list-of-campaigns .jcf-select-drop .jcf-select-drop-content ul li:not(:last-child) {
    margin-bottom: 5px;
}

.jcf-select-drop-content{
    box-shadow: 0 0 6px rgba(0,0,0,0.2), 0 0 0 2px #fff;
}

.mce-smile-list img.emoji {
    width: 16px;
}

img[src*="/emoji_data/"] {
    width:20px;
}

.emoji-sizer span.emoji-inner {
    width: 20px;
    height: 20px;
    display: inline-block;
}

@media (max-width:1248px) {
    .row_line.grade.mn .slide-text-block {
        padding: 40px 10px 40px 40px;
    }
    .row_line.grade.mn .small_link {
        padding: 0;
    }
}

@media (max-width:1205px) {
    .event-create-profile-block .two-flex-block .normal-input.add {
        width: 21%!important;
        margin: 0 5px;
    }
    .event-create-profile-block.holder_box_user .reg-form {
        margin: 10px;
    }
    .event-create-profile-block.holder_box_user .reg-form input {
        width: 100%;
    }
    .reg-form .two-flex-block.add {
        width: 100%;
    }
    .event-create-profile-block.holder_box_user .reg-form.event-create-form .btn {
        width: 21%;
        min-width: inherit;
    }
    .event-create-profile-block.holder_box_user .two-flex-block {
        flex-direction: inherit;
        justify-content: space-between;
    }
}

@media (max-width:1100px) {
    .event-create-profile-block .two-flex-block .normal-input {
        width: auto;
    }
    .event-create-profile-block.add_ch .two-flex-block .normal-input,
    .event-create-profile-block.add_ch .two-flex-block .normal-input.div-select {
        width: 32%;
    }
    .event-create-profile-block.add_ch .two-flex-block .normal-input input {
        width: 100%;
    }
    .thanks-content-wrapper h3.thanks_page {
        font-size: 38px;
        line-height: 46px;
    }

    .how-steps.thanks_page .how-step-rect {
        width: 250px;
        height: 200px;
        padding: 20px 10px 10px 45px;
    }
    .how-steps.thanks_page .how-step-number {
        width: 65px;
        height: 65px;
        left: -32px;
        font-size: 54px;
    }
    .how-steps.thanks_page .how-step-rect span {
        font-size: 16px;
        line-height: 120%;
    }
    .how-steps.thanks_page .how-step-rect p {
        line-height: 140%;
    }
}

@media (max-width:1024px) {
    .event-create-form-block.event-create-profile-block.add_vers .two-flex-block {
        flex-direction: row;
        justify-content: space-between;
    }
    .event-create-profile-block.add_ch .two-flex-block {
        flex-direction: row;
        justify-content: space-between;
    }
    .event-create-form.new_add .two-flex-block .normal-input.div-select,
    .event-create-profile-block .two-flex-block .normal-input {
        width: 100%;
    }
    .event-create-profile-block.add_ch .two-flex-block .normal-input.div-select {
        width: 32%;
    }
    .page-content-wrapper.act_user .row_line.cg {
        display: block;
    }
    .col_box.company_grade {
        width: 100%;
        margin: 0 0 30px;
    }
    .row_line .btn_search_action {
        margin: 0 auto;
    }
    .page-content-wrapper.act_user .title-block h2 {
        font-size: 40px;
    }
    .box_fancy {
        width: 740px;
        height: auto;
    }
}

@media (max-width:960px) {
    .event-create-form-block.event-create-profile-block.add_vers .two-flex-block {
        flex-direction: row;
        justify-content: space-between;
    }
    .page-content-wrapper.re_profile .event-create-form-block .two-flex-block p {
        margin: 0;
    }
    .page-content-wrapper.re_profile .event-create-form-block .two-flex-block .foto_box p {
        margin: 0 0 0 30px;
    }
    .page-content-wrapper.act_user .centered {
        padding: 0 30px;
    }
    .row_line.grade.mn .fold-right {
        transform: rotateY(-15deg);
    }
    .how-steps.thanks_page .how-step-rect {
        width: 200px;
        height: 200px;
        padding: 20px 10px 10px 35px;
    }
    .how-steps.thanks_page .how-step-number {
        width: 45px;
        height: 45px;
        left: -25px;
        font-size: 44px;
    }
    .how-steps.thanks_page .how-step-rect span {
        font-size: 14px;
        line-height: 120%;
    }
    .how-steps.thanks_page .how-step-rect p {
        line-height: 140%;
    }
}

@media (max-width:930px) {
    .event-create-form-block.event-create-profile-block.add_vers .two-flex-block {
        flex-direction: row;
        justify-content: space-between;
    }
    .row_line.grade.mn .slide-text-block {
        padding: 40px 10px 40px 30px;
    }
    .page-content-wrapper.re_profile .two-flex-inner {
        width: 100%;
    }
    .event-create-form-block.event-create-profile-block.add_vers .two-flex-block .two-flex-inner {
        width: 47%;
    }
}

@media (max-width:830px) {
    .event-create-form-block.event-create-profile-block.add_vers .two-flex-block {
        flex-direction: row;
        justify-content: space-between;
    }
    .page-content-wrapper.re_profile .row_line.header_title {
        flex-direction: column;
    }
    .page-content-wrapper.re_profile .title-block {
        margin: 0 0 30px;
    }
}

@media (max-width:796px) {
    .event-create-profile-block.holder_box_user .two-flex-block.display_n {
        display: block;
    }
    .event-create-profile-block.holder_box_user .two-flex-block.add {
        display: none;
    }
    .event-create-profile-block.holder_box_user .event-create-form.campaigns-search-form .two-flex-block {
        display: flex;
    }
    .event-create-profile-block.holder_box_user .reg-form.event-create-form.campaigns-search-form .btn {
        width: calc(50% - 10px);
        height: 45px;
        line-height: 38px;
        padding: 0;
        margin: 0 5px;
    }
    .campaigns-search-form .two-flex-block .normal-input.add {
        width: calc(50% - 10px) !important;
    }

    .campaigns-search-form .two-flex-block .normal-input.add input {
        margin: 10px 0px;
        padding: 10px 15px;
        height: 45px;
    }

    .campaigns-search-form .two-flex-block .normal-input.add input + label {
        left: 15px;
        top: 12px;
    }

    .box_media_796 {
        display: flex;
        justify-content: space-between;
    }
    .event-create-profile-block.holder_box_user .reg-form.event-create-form .btn {
        width: 45%;
        min-width: inherit;
        height: 66px;
        margin: 15px 0;
    }
    .event-create-profile-block .two-flex-block.display_n .normal-input.add {
        width: 45%!important;
        margin: 0 5px;
    }
    .box_fancy {
        width: 540px;
        height: auto;
    }
    .box_fancy .btn-close-preview {
        right: 30px;
        top: 30px;
    }

    .event-create-profile-block.holder_box_user .reg-form.event-create-form.campaigns-search-form .btn {
        width: 100%;
    }

    .page-list-of-campaigns .event-create-form-block .normal-input.div-select {
        width: calc(50% - 10px);
        height: 45px;
    }
}

@media screen and (max-width: 760px) {
    .tooltip_box {
        top: -12px;
    }
    .holder_btn_search {
        margin: 0 0 35px;
        display: block;
    }
    .page-content-wrapper {
        padding: 12px 0;
    }
    .how-steps.thanks_page .how-step-number {
        width: 45px;
        height: 65px;
        left: -28px;
        font-size: 64px;
    }
    .how-steps.thanks_page .how-step-rect span {
        font-size: 16px;
        line-height: 140%;
    }
    ul.pagination li.prev .swiper-button-prev {
        left: 10px !important;
    }
    ul.pagination li.next .swiper-button-next {
        right: 10px!important;
        margin-top: calc(-1 * var(--swiper-navigation-size)/ 2)!important;
    }
    .page-content-wrapper.act_user .title-block h2 {
        font-size: 38px;
    }
    .page-content-wrapper.act_user .row_line.header_title {
        flex-direction: column;
        margin-bottom: 0;
    }
    .page-content-wrapper.act_user .title-block {
        margin: 0 0 25px;
    }

    .row_line.grade.mn .left-slide {
        position: relative;
        margin-bottom: 20px;
        width: 100%;
        height: 120px;
        margin-right: 0px;
        transform: none;
    }
    .row_line.grade.mn .fold-left {
        margin-bottom: -160px;
        height: 300px;
        transform: none;
        background-position: 0 -42px;
    }
    .row_line.grade.mn .right-slide.add {
        width: 100%;
        z-index: 5;
    }
    .row_line.grade.mn .slide-text-block {
        width: 100%;
        margin-left: 0px;
        z-index: 3;
        padding: 25px 40px 15px 40px;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    .row_line.grade.mn .fold-right {
        transform: rotateY(0deg);
        height: 180px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }
    .row_line.grade.mn .left-slide .fold img {
        margin-top: -10%;
        width: 100%;
        height: inherit;
        margin-left: 0;
    }
    .news-date {
        margin: 0;
        justify-content: start;
    }
    .row_line.grade.mn .small_link {
        padding: 0;
    }
    .row_line.grade.mn .slide-text-block h5 {
        padding: 0 0 30px;
    }

    .title_box_holder {
        display: block;
        text-align: center;
        margin: 0 0 30px;
    }
    .title_box_holder .btn {
        display: inline-block;
        margin: 0 10px 20px;
    }
    .event-create-profile-block.holder_box_user:after {
        right: 50%;
        transform: translateX(50%);
    }
    .modal_holder_box {
        width: calc(90% - 80px);
    }
}

@media (max-width:690px) {
    .event-create-form-block.event-create-profile-block.add_vers .two-flex-block {
        flex-direction: column-reverse;
        justify-content: center;
    }
    .event-create-profile-block.add_ch .two-flex-block {
        flex-direction: column;
        justify-content: center;
    }
    .foto_box.mb_version {
        display: block;
        margin: 0 0 15px;
    }
    .foto_box {
        display: none;
    }
    .event-create-form-block.event-create-profile-block.add_vers .two-flex-block .two-flex-inner {
        width: 100%;
    }
    .event-create-profile-block.add_ch .two-flex-block .normal-input.div-select,
    .event-create-profile-block.add_ch .two-flex-block .normal-input {
        width: 100%;
    }
}

@media (max-width:670px) {
    .page-content-wrapper.act_user .row_line.grade {
        justify-content: center;
    }
}

@media (max-width:600px) {
    ul.holder_item {
        width: 100%;
        justify-content: space-between;
    }
    ul.holder_item li {
        margin: 0 0 20px;
    }
    .box_fancy {
        width: 340px;
        height: auto;
    }
    .box_fancy .btn-close-preview {
        right: 20px;
        top: 20px;
    }
    .box_fancy .two-flex-block.create_ev .btn {
        width: 280px;
        margin: 0 auto 20px;
    }
}

@media (max-width:540px) {
    .event-create-attachment-block.add {
        justify-content: center;
    }
    .title_box_holder {
        margin-bottom: 0;
    }
    .row_line .btn_search_action {
        width: 223px;
    }
    ul.pagination li.next {
        margin: 0 0 0 10px;
    }
    ul.pagination li.prev {
        margin: 0 10px 0 0;
    }
    ul.pagination li a {
        padding: 9px;
        display: inline-block;
    }
    .page-content-wrapper.re_profile .event-create-form-block .two-flex-block .foto_box p {
        margin: 0 0 0 10px;
        font-size: 14px;
    }
    .foto_box p a {
        font-size: 14px;
    }
    .event-create-attachment-block.add .upload-button-wrapper {
        width: 78%;
        height: auto;
        padding: 10px;
    }
    .event-create-attachment-block.add .upload-button-text {
        font-size: 10px;
        color: #fff;
        line-height: 14px;
    }
    .event-create-attachment-block.add .upload-button-wrapper:after {
        top: 18px;
        right: 15px;
    }
    .row_line.grade.mn .left-slide .fold img {
        width: 120%;
    }
    .row_line.grade.mn .slide-text-block h5 {
        font-size: 18px;
    }
    .row_line.grade.mn .fold-left {
        height: 200px;
        margin-bottom: -100px;
    }
    .modal_holder_box {
        width: calc(90% - 40px);
        padding: 20px 20px 5px 20px;
    }
    .modal_holder_box .btn-close-preview.add {
        right: 20px;
        top: 25px;
    }
    .button-yellow.thanks_page {
        width: 300px;
    }
    .reg-form .two-flex-block.form-nav-block .event-create-switcher-block,
    .reg-form .two-flex-block.form-nav-block .btn {
        width: 100%;
    }
    .box_fancy {
        width: 320px;
    }
    .box_media_796 {
        justify-content: center;
        flex-direction: column;
    }
    .event-create-profile-block .two-flex-block.display_n .normal-input.add {
        width: 100%!important;
        margin: 0;
    }
    .event-create-profile-block .two-flex-block.display_n .normal-input.add input,
    .event-create-profile-block.holder_box_user .reg-form.event-create-form .btn {
        height: 50px;
        margin: 10px 0;
    }
    .event-create-profile-block.holder_box_user .reg-form.event-create-form .btn {
        width: 100%;
    }

    .select_event_type_box {
        flex-direction: column;
    }

    .select_event_type_box .item {
        width: 100%;
    }

    .select_event_type_box .item .icon img {
        width: 100px;
    }
}

@media (max-width:440px) {
    .row_line.grade.mn .left-slide .fold img {
        width: 130%;
    }
    .row_line.grade.mn .slide-text-block {
        padding: 20px;
    }
    .event-create-switcher-block p,
    .reg-form a {
        font-size: 12px;
    }
    .how-steps {
        padding: 0;
    }
    .how-steps.thanks_page .how-step-rect {
        width: 280px;
    }
    .how-steps.thanks_page .how-step-number {
        width: 30px;
        height: 50px;
        left: -12px;
        font-size: 50px;
    }
    .campaigns-search-form .two-flex-block .normal-input.add {
        width: 100% !important;
        margin-right: 0;
        margin-left: 0;
    }
    .event-create-profile-block.holder_box_user .reg-form.event-create-form.campaigns-search-form .btn {
        width: 100%;
        height: 50px;
        margin: 0;
    }

    .page-list-of-campaigns .event-create-form-block .normal-input.div-select {
        width: 100%;
    }

    .page-list-of-campaigns .event-create-form-block .normal-input.div-select .jcf-select .jcf-select-text {
        width: 100%;
    }
}

@media (max-width:380px) {
    ul.holder_item {
        flex-direction: column;
    }
    ul.holder_item li {
        margin: 0 0 20px;
    }
}