body, html{position: relative; height: auto; min-height: 100%;}
body.page-small{overflow-x: hidden;}

#logo.light-version{background-color: transparent;width: auto; padding: 0px;
    position: absolute; height: auto; margin: 0px; top: -5px;}
    #logo.light-version img{height: 35px; margin-top: 10px;}
#header{height: 80px; background-color: #fff; border-bottom: 0px;}
    #header nav{border-top: none;}

    body .header-menu li{margin: 22px 0px 0px 18px; display: inline-block; position: relative;}
    body .header-menu li span.dev-sup{top: -15px; right: -20px;}
    body .header-menu li a.btn-outline{border: none;}
    body .nav.navbar-nav li{border-top: 1px solid #e7e7e7;height: auto;}
    body .nav.navbar-nav li a{ position: relative;height: auto;
        display: block; font-size: 14px; font-weight: 600; padding: 15px 15px;
        line-height: 20px; color: #3498db;}

    .icon-medium{font-size: 40px;}
    .icon-17{font-size: 17px;}
    .icon-22{font-size: 22px;}

    .steps{font-size: 18px;}
        .steps .btn-primary:hover{cursor: default; background-color: #34495e; border-color: #34495e;}

    .header-menu li a.menu-link{font-size: 14px; color: #455463; font-weight: 600; position: relative;}
        .header-menu li a.menu-link:after{position: absolute; display: none; content: " ";
            width: 100%; height: 3px; background-color: #007dc6; bottom: -34px;}
        .header-menu li a.menu-link:hover,.header-menu li.active a.menu-link{color: #007dc6;}
        .header-menu li a.menu-link:hover:after, .header-menu li.active a.menu-link:after{display: block;}

    section.bg-light{border-top: 1px solid #e4e5e7; border-bottom: 1px solid #e4e5e7;}

    .font-21{font-size: 21px !important;}
    .font-16{font-size: 16px !important;}
    .font-14{font-size: 14px !important;}
    .navbar-toggle{margin-right: 25px; padding-right: 0px;}
    .text-primary{color: #000;}
    .text-primary2{color: #9b59b6;}
    .text-gray{color: #d6d5d5;}
    .pe-rotate-40{
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
        -webkit-transform: rotate(40deg);
        -moz-transform: rotate(40deg);
        -ms-transform: rotate(40deg);
        -o-transform: rotate(40deg);
        transform: rotate(40deg);
    }

    .gray-border{border: 1px solid #e4e5e7;}
    .white-bg{background-color: #fff;}
    .border-dashed{border-style: dashed !important;}

    .history-back{font-size: 14px;}
    .header-menu.no-borders{padding-left: 0px;}
.dev-show-more{font-size: 1.8rem;}
.dev-p-r-15{padding-right: 15px !important;}

.big-icon{
    font-size: 120px;
}

/* -- Main slider ----------------------------------------------------------- */
    .main_banner{position: relative; width: 100%; margin: 0 auto;height: 425px;
        overflow: hidden; padding-bottom: 30px; box-sizing: initial;}
        .main_banner .swiper-slide{opacity: 0;transition: opacity .4s ease 0s;}
        .main_banner .swiper-container{overflow: visible;}
    .main_banner .swiper-slide img{position: relative; margin-left: -110px;margin-right: 220px;}
    .main_banner .swiper-slide-active{opacity: 1;}
    .main_banner .swiper-pagination{bottom: -33px !important;}
    .slide-image-2, .slide-image-3{display: none;}
    .main_banner .container{z-index: 10;}
    .main_banner .h1{color: #fff; font-weight: 400; line-height: 150%; padding-top: 100px;}
    .main_banner .swiper-button-next, .main_banner .swiper-container-rtl .swiper-button-prev{
        background-image: url('/theme/icons/arrow_white_right.png');
    }
    .main_banner .swiper-button-prev, .main_banner .swiper-container-rtl .swiper-button-next{
        background-image: url('/theme/icons/arrow_white_left.png');
    }
    .main_banner .swiper-button-prev, .main_banner .swiper-button-next{
        width: 50px; height: 50px; background-size: cover;
        border: 2px solid #fff; border-radius: 30px; transition: all .3s linear;}
    .main_banner .swiper-button-prev:hover, .main_banner .swiper-button-next:hover{
        background-color: #869791;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
        background-color: #0091d4;
    }
/* -- \Main slider ---------------------------------------------------------- */
/* -- Events list ----------------------------------------------------------- */
#events-list-wrapper, #members-events-list-wrapper, .dev-events-list-wrapper{position: relative; clear: both; min-height: 250px;}
.event-item{position: relative; /*width: 260px;*/ min-height: 325px; background-color: #fff;
    border: 1px solid #e4e5e7; margin-bottom: 25px; overflow: hidden;}
    .event-item .item-photo{display: block; position: relative;
        background-position: center center; background-size: contain;
        background-color: transparent; background-repeat: no-repeat;
        height: 224px; width: 100%; margin-bottom: 30px; position: relative;}
    .event-item:hover .item-photo{transform: scale(1.1); transition: all .25s linear;}
    .event-item .item-info{position: relative; min-height: 150px;}
        .event-item .item-state{position: absolute; right: 0px; top: 0px;}
            .event-item .item-state .label{font-size: 13px; font-weight: normal;
                border-radius: .25em 0px 0px .25em;}
    .event-item .item-date{width: 100%; clear: both; font-size: 13px; margin: 0px 30px;}
    .event-item .item-title{color: #000; font-size: 15px; font-weight: bold; margin: 0px 30px;
        line-height: 100%; padding-top: 12px; height: 60px; overflow: hidden;}
    .event-item .item-price{margin: 5px 30px 0px; height: 18px;}
    .event-item .item-place{position: absolute; bottom: 30px; left: 30px; color: #2e2e2e; font-size: 13px;}
/* -- \Events list ---------------------------------------------------------- */

/* -- Event page ------------------------------------------------------------ */
#big-image{position: relative;}
    #big-image .big-btn-wrapper{
        display: flex;
        position: absolute; bottom: -35px; left: 50%; margin-left: -135px; width: 256px;
    }
    /*#big-image.event-workshop .big-btn-wrapper{
        align-items: center; margin-left: -248px;
        gap: 20px;}*/
    #big-image .btn{padding: 15px 26px; font-size: 22px; width: 256px; text-align: center;
        max-height: 100%;
    }

    /*.event-workshop .checkbox{
        background-color: #fff; border-radius: 5px; padding: 15px 0px;
        text-align: center; border: 1px solid #ccc; display: block;
        white-space: nowrap; padding: 19px 15px; margin: 0px;
    }*/
    .workshop-not-going-block{
        background-color: #fff;
        border: 1px solid #dddddd;
        padding: 20px 25px;
    }
    .workshop-not-going-block .d-flex{
        justify-content: space-between;
        align-items: center;
        gap: 20px;
    }

    .event-tabs{}
        .event-tabs li{padding: 25px 34px; float: none; display: inline-block;}
        .event-tabs li:first-child{padding-left: 0px !important;}
        .event-tabs li:last-child{padding-right: 0px !important;}
            .event-tabs li a, .event-tabs li span{color: #455463; text-transform: uppercase; font-size: 14px;
                font-weight: bold; border: none; padding: 0px; margin: 0px;}
            .event-tabs li span{display: block; color: #ccc;}
            .event-tabs li a{color: #008bcc !important; border: none !important;}
            .event-tabs li.active a, .event-tabs li a:hover{color: #555 !important;}
            .event-tabs li a:after{
                display: block; content: " "; width: 100%; height: 3px;
                background-color: #007dc6; bottom: -25px;
            }
            .event-tabs li.active a:after, .event-tabs li a:hover:after{
                display: none;
            }

.event-info{font-size: 14px; line-height: 170%;}
.event-tabs select{margin-top: 17px;}

.event-day{padding-bottom: 40px; position: relative; overflow: hidden;}
.event-day-programs{position: relative; background-color: #fff; border: 1px solid #dddddd; padding-left: 50px;}
    .event-day-programm{position: relative;padding: 30px 45px; font-size: 14px; color: #000;
        border: 1px solid #dddddd; border-right: none;border-bottom: none;}
    .event-day-programm:first-child{border-top: none;}
    .event-day-programm.error .event-day-programm-time{
        background-color: #d43f3a;
    }

        .event-day-programm-title{font-size: 18px; color: #000; padding-bottom: 13px; font-weight: bold;}
        .event-day-programm-title .fa-check{margin-left: 15px;}
            .event-day-programm-speaker{}
        .event-day-programm-time{display: block; position: absolute; top: 30px; left: -30px;
            padding: 10px 12px; color: #fff; background-color: #007dc6; line-height: 100%;}
        .event-day-programm-text{padding-bottom: 12px;}

        .event-day-programm-footer{
            display: flex;
            gap: 40px;
        }
        .event-day-programm-btns{
            margin-left: auto;
        }

#program > .checkbox{
    padding-left: 0px;
}
#not-going::before{
    display: none;
}
.news-item{padding: 28px; background-color: #fff; border: 1px solid #e4e5e7;}
    .news-title{font-size: 14px; margin: 14px 0px 24px; line-height: 110%; display: block;}
    .news-anonce{position: relative; overflow: hidden; height: 100px;}

.member-item{padding: 30px; background-color: #fff; border: 1px solid #e4e5e7;
    text-align: center;}
    .member-photo{position: relative; overflow: hidden; height: 160px; width: 160px;
        border-radius: 50%; margin: 0 auto 15px; display: block;}
        .member-photo i{font-size: 65px; margin-top: 53px;}
    .member-fio{font-size: 15px; position: relative; white-space: nowrap; overflow: hidden;}
    .member-company{height: 45px; position: relative; overflow: hidden;}

.member-item-label{position: absolute; top: 20px; left: 15px;}
/* -- \Event page ----------------------------------------------------------- */

/* -- Member page ----------------------------------------------------------- */
.member-page-wrapper{position: relative; overflow: hidden; margin-left: 0px;}
.member-page-wrapper:after{position: absolute; top: 0px; bottom: 0px; height: 100%;
      width: 1px; background-color: #e4e5e7; left: 24%; display: block;}
    .member-page-wrapper .member-item {border: none;}
/* -- Member page ----------------------------------------------------------- */
/* -- Member meeting settings ----------------------------------------------- */
.meetings-settings.member-page-wrapper{padding: 25px; margin-right: -15px;}
.meetings-settings.member-page-wrapper:after{display: none;}
.dev-overflow-hidden{overflow: hidden;}
/* -- \Member meeting settings  --------------------------------------------- */
/* -- My events ------------------------------------------------------------- */
.display-type-list{margin-right: -15px;}
    .display-type-list .event-item{padding: 30px; width: 100%; min-height: 225px; height: auto;}
    .display-type-list .event-item .item-photo{width: 260px; height: 160px;} 
    .display-type-list .event-item:hover .item-photo{transform: none;}
    .hr-top:before{display: block; position: absolute; content: " ";
        height: 2px; width: 27%; top: 0px; left: 15px; background-color: #e4e5e7;}
/* -- \My events ------------------------------------------------------------ */

/* -- Event social flow ----------------------------------------------------- */
.event_page #menu{float: right; top: 240px; width: 320px; background-color: #f5f6f7;
    right: 0px; left: auto; right: -320px;transition: all .4s ease 0s;
    box-shadow: -4px 0 22px -5px #666; -webkit-box-shadow: -4px 0 22px -5px #666;
    -moz-box-shadow: -4px 0 22px -5px #666;}
/*#btn-social-flow{position: fixed; right: 25px; bottom: 25px; transition: all .4s ease 0s;
  animation-name: blink; animation-timing-function: linear; animation-duration: 1s;
  animation-iteration-count: infinite;
}*/
/*    #btn-social-flow i{color: #fff; font-size: 32px; margin-left: -7px; margin-top: -3px;}
@keyframes blink {
  50% {
    opacity: 0.4;
  }
}
*/
#discusion-title{position: fixed; top: 0px; z-index: 10000; right: 0px; width: 320px;
    background-color: #f5f6f7; top: 0px; height: 244px; right: -320px;transition: all .4s ease 0s;box-shadow:-4px 0 22px -5px #666}
    #close-discussion{font-size: 29px; line-height: 70%; margin-top: 4px;}
    #discusion-title #close-discussion{padding: 6px 0px;}
    #close-discussion i{line-height: 70%;}
#discusion-title.slideRight, .event_page #menu.slideRight{right: 0px;}
#discusion-title textarea{border-top: none; border-left: none; border-right: none;
    resize: vertical;}
#discusion-title .hpanel .panel-body{padding: 20px 0px;}
#discusion-title .btn{border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
    padding-right: 26px; padding-left: 26px;}
#discusion-title .btn:focus{outline: none;}

.event-post .hpanel{margin-bottom: 0px;}
.posts-container .panel-body{padding: 15px;}
    .posts-container .hpanel .panel-body:first-child{padding-bottom: 0px;}
    .posts-container .hpanel .panel-body:first-child, .posts-container .hpanel .panel-body:nth-child(2){border-bottom: none;}
.post-member-img{width: 35px; height: 35px; text-align: center;}
    .post-member-img .pe-7s-user{font-size: 38px;}
    .post-member-img img{width: 35px;}
.post-member-info{line-height: 135%;}
.post-img{overflow: hidden; text-align: center;}
    .comment-form .form-group{margin-bottom: 0px; position: relative;}
    .comment-form .form-group input{padding-right: 35px;}
    .posts-container hr{border-color: #e4e5e7; margin: 0px;}
    .posts-container button{position: absolute; right: 10px; top: 7px; height: 20px;
        width: 20px;}
    .posts-container .btn-info:active:focus, .posts-container .btn-info:focus{outline: none;}
        .posts-container button i{font-size: 24px; margin-top: -8px; margin-left: 3px; }

.post-not-moderated{opacity: 0.5;}
.post-likes:hover a i, .post-likes i.fa-heart{color: #3498db;}
    .comment-form input[type=text]{background-color: #f5f6f7;}
    .hpanel .panel-body.comment-item{border-top: none;}
/* -- \Event social flow ---------------------------------------------------- */
.show-xxs{display: none;}

.small-top-right{
    position: absolute;
    right: 23px;
    top: -8px;
    font-size: 8px;
    border: 1px dashed #ccc;
    padding: 2px 4px;
    transition: .5s right ease;
}
.active .small-top-right{
    right: -8px;
}
.d-flex{
    display: flex;
}
.space-between{
    justify-content: space-between;
}
.gap20{
     gap: 20px;
}

.modal-open{
    overflow: hidden;
    width: 100%;
    height: 100% !important;
}
@media screen and (max-width: 992px){
    .main_banner .swiper-slide img{margin-left: -340px;}
    body div.map-block{float: none !important;}
    .event-tabs li{padding-left: 26px; padding-right: 26px;}
    .event-item{width: 100%;}
    .member-page-wrapper:after{left: 31%;}

    .display-type-list .event-item .item-photo{width: 100%; height: 250px;}
    .display-type-list .event-item{padding: 30px; width: 100%; height: auto;}
}

@media screen and (max-width: 757px){
    .event-tabs li{padding-left: 6px; padding-right: 6px;}
    .display-type-list .event-item .item-photo{height: 210px;}
}
@media screen and (max-width: 600px){
    .hidden-xxs{display: none;}
    .show-xxs{display: block !important;}
    .display-type-list .event-item .item-photo{height: 170px;}
    .event-day-programm-footer{
        gap: 10px;
        flex-direction: column;
    }
}
@media (max-width: 768px){
    body #logo.light-version{
        display: block;
/*        position: absolute;
        left: 50%;
        margin-left: -90px;
        padding-top: 0px;*/
        position: relative;
        top: auto;
        margin-top: 6px;
    }
    /*#logo.light-version img{height: auto;}*/
    .main_banner{height: auto;}
    .main_banner .h1{font-size: 27px;}
    .main_banner .btn{font-size: 14px;}
    .main_banner .swiper-slide img{margin-left: 0px; margin-right: 0px;}
        .main_banner .swiper-slide img{width: 100%;}
    .slide-image-1{display: none;}
    .slide-image-2{display: block;}
    #events-filter{margin-left: 0px; margin-right: 0px;}

    .steps .col-xs-11{width: 85%;}
    .steps .col-xs-1{width: 14%;}
    .m-t-lg{margin-top: 15px;}
    .m-b-lg{margin-bottom: 15px;}
    h1{font-size: 27px;}
    .member-page-wrapper, .member-page-wrapper.meetings-settings{margin-right: 0px;}
    .member-page-wrapper:after{display: none;}
    .member-profile-wrapper{border-bottom: 1px solid #e4e5e7;}
    .member-page-wrapper.meetings-settings .member-profile-wrapper{border: none;}

    .meeting-period{margin-top: 20px;}
    .meeting-period:first-child{margin-top: 0px;}

    .display-type-list{margin-right: 0px;}
    .modal-header{padding: 15px 30px;}

    .event-item .item-title{height: auto; overflow: visible;}
    .mob-flex-column{
        flex-direction: column;
    }
}

@media screen and (max-width: 530px){
    /*#big-image.event-workshop .big-btn-wrapper{
        flex-direction: column;
        margin-left: -128px;
        gap: 10px;
        bottom: -27px;
    }
    #big-image.event-workshop{
        padding-bottom: 70px;
    }*/
}

@media (max-width: 375px){
    /*.main_banner{height: 220px;}*/
    .main_banner .h1{font-size: 21px; padding-top: 10px;}
    .slide-image-2{display: none;}
    .slide-image-3{display: block;}
    #big-image .btn{font-size: 16px; padding: 10px 12px; }
    #big-image .big-btn-wrapper{
        margin-left: -88px; bottom: -19px; width: 170px;
    }
    /*#big-image.event-workshop .big-btn-wrapper{
        bottom: -24px;
        margin-left: -80px;
    }*/
    .display-type-list .event-item .item-photo{height: 110px;}
}

.text-medium{font-size: 3rem;}
.m-b-sm-xss{margin-bottom: -15px;}
.text-medium-normal{font-size: 2rem;}
.text-normal{font-size: 1.5rem;}
.pt-0 {
    padding-top: 0 !important;
}
.pt-20 {
    padding-top: 20px !important;
}
 .label-block{display: inline-block;}
 .dev-hide.label-block{display: none;}
.float-none{float: none !important;}
.hide-metting > div{display: none;}

.toast-message a.text-info{color:#3498db;}
#mobile-collapse{top: 79px;}
#setting-popover{position: absolute; left: 40%; bottom: 5px;}
.navbar-nav .popover{width: 320px;}

.table-with-gaps{border-collapse: separate; border-spacing: 0px 20px;}
    .table-with-gaps td{background-color: #f9f9f9; border-bottom: 1px solid #ddd;}
    .table-with-gaps td:first-child{border-left: 1px solid #ddd;}
    .table-with-gaps td:last-child{border-right: 1px solid #ddd;}

.btn-no-hover{cursor: default;}
.btn-disabled{
    cursor: default;
    opacity: 0.4;
}
.btn-disabled-gray, .btn-disabled-gray:focus, .btn-disabled-gray:active{
    cursor: default;
    background-color: #999;
    border-color: #999;
}
#big-image .btn-sticky{
    position: fixed;
    top: 0px;
    bottom: auto;
    z-index: 500;
}
.btn-warning.btn-no-hover:hover,.btn-warning.btn-no-hover:active,.btn-warning.btn-no-hover:focus{
    background-color: #fff; border-color: #ffbf25; color: #ffbf25; box-shadow: none;}
.m-l-md-right{margin-left: -15px;}

.label-pinc{background-color: #ff0092;}
    .navbar-right .dev-sup{position: absolute; top: 5px; right: 0px;}
    #mobile-collapse .dev-sup{position: relative; display: inline-block; top: -10px; left: 8px;}

    .header-menu .pe-7s-upload:before{margin-right: -9px;}
.input-daterange .hidden-inputs{position: relative; overflow: hidden; height: 0px; width: 0px;}
    .input-daterange .hidden-inputs input{width: 1px;height: 1px; margin: 0 auto; display: block; position: relative;}

/* -- Top menu block -------------------------------------------------------- */
.top-menu-block{position: relative;}
    body .top-menu-block .header-menu li{margin-top: 0px;}
    .top-menu-block .header-menu li a.menu-link:after{bottom: -21px;}
/* -- \Top menu block ------------------------------------------------------- */

#toast-container .toast-message{font-size: 18px;}

.swal-big.swal2-popup{font-size: 1.7rem;}

.meeting-title{border-bottom: 1px solid #ccc; cursor: pointer;}