.main-banner {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

/* Top Banners */
#top-banners {
  z-index:10;
  position:fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top:0px;
  width:100%;
  height:auto;
  background:#2c3e50;
  background: #f0f3f9;
  border-bottom:solid 2px rgba(231, 76, 60,0.9);
}
#top-banners .top-banners-left,
#top-banners .top-banners-right {
    width: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#top-banners .top-banners-center {
    width: calc(100% - 600px);
    padding: 0 40px;
}
.main-banner img {
    width: 100%;
}
#top-banners .close-btn {
    cursor:pointer;
    font-size: 24px;
    color: #b2b2b2;
    margin: 7px;
    position: absolute;
    left: 0;
    display: none;
}
#top-banners .close-btn:hover{
    color: #d44b3e;
}
#top-banners .open-btn {
    position: absolute;
    bottom: -16px;
    left: 50%;
    width: 10px;
    margin-left: -5px;
    z-index: 9;
    color: #d44b3e;
    font-size: 16px;
    transition: all .2s ease-in-out;
    cursor:pointer;
    display: none;
}
#top-banners .open-btn:hover {
    color: #fff;
}

header .header-section {
    margin: 10px 0;
}

header .header-section .header-left .brand-logo,
header .header-section .header-btn.home-btn {
    display: none;  
}

header .header-section .header-left,
header .header-section .header-right {
    width: 300px;
}

header .header-section .header-center {
    width: calc(100% - 600px);
    padding: 0 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    justify-content: center;
    flex-direction: column;
}

header .header-section .header-btn .main-link {
    padding: 10px 15px;
    display: flex;
    align-items: center;
    color: #b2b2b2;
    border: #b2b2b2 1px solid;
    border-radius: 5px;
    margin-left: 10px;
    margin-right: 10px;
}
header .header-section .header-btn .main-link:hover {
background: #d44b3d;
}

.header-btn.top-btn a.main-link .icon-light,
.header-btn.free-btn a.main-link .icon-light {
    margin-right: 7px;
}
.header-btn.top-btn a, .header-btn.free-btn a {
    color: #b2b2b2; border: #b2b2b2 1px solid;
    border-radius: 5px; padding: 15px; margin-left: 10px; margin-right: 10px;
}
.header-btn.top-btn a.main-link:hover, .header-btn.free-btn a.main-link:hover {
    background: #d44b3d;
}

a.main-link .light {
    color: #b2b2b2;
    padding-left: 5px;
}

.event-timeline {
    padding: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
ul.timeline-content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
ul.timeline-content.mobile {
    display: none;
}
.timeline-content li {
    display: inline-block;
    width: calc((100% - 60px ) / 6);
    margin: 5px 3px 0;
    position: relative;
    text-align: center;
    border: #b2b2b2 1px solid;
    border-radius: 3px;
}
.timeline-content.mobile li {
    width: calc((100% - 60px ) / 3);
}
.timeline-content li a {
    color: #b2b2b2;
}
.timeline-content li:hover,
.timeline-content li.active {
    background: #d44b3d;
}
header, header .mobile-fix-menu {
    background-color: #2c3e50;
    background-color: #293a5c;
}
.home-btn {
    margin-top: 3px;
}
.header-btn.add-friend {
    margin-top: 3px;
}
header .header-section .header-left {
    justify-content: flex-start;
    justify-content: safe center;
}
header .header-section .header-right {
    justify-content: flex-end;
    justify-content: safe center;
}
header .header-section .header-right .option-list .header-btn:last-child a,
header .header-section .header-right .option-list .header-btn .dropdown-menu a {
    padding-right: 15px;
}
.conversation-panel a img {
    width: 100%;
    margin-bottom: 20px;
}
.conversation-panel .banner:last-child a img {
    margin-bottom: 0px;
}

.event-cover {
    margin-bottom: 30px;
}
.event-cover .event-content {
    flex-direction: column;
    padding: 20px;
}
.event-cover .event-content h2 {
    /*font-size: 36px;*/
    font-size: calc(28px + (30 - 28) * ((100vw - 320px) / (1920 - 320)));
    color: #fff;
    text-align: center;
}
.event-cover .event-content h2.subtitle {
    /*font-size: 24px;*/
    font-size: calc(20px + (22 - 20) * ((100vw - 320px) / (1920 - 320)));
    color: #fff;
}
.event-cover .event-content h3,
.event-cover .event-content p {
    color: #fff; margin-top: 10px; text-align: justify;
}
.event-cover .cover-img-detail.location h4 {
    color: #fff; margin-top: 20px;
}
.event-cover .cover-img-detail.details {
    right: 0;left: auto; text-align: right;
}
.event-cover .event-img .cover-img-detail span {
    background-color: transparent; color: #fff; padding: 0; text-transform: none;
}
.event-cover .cover-img-detail.rating,
.event-cover .cover-img-detail.participation {
    left: 0; right: auto; bottom: 0; top: auto; color: #fff;
}
.event-cover .event-img .settings {
    top: auto; bottom: 0;
}
.event-cover .event-img .cover-img-detail a:hover {
    color: #fff;
}
.event-cover .event-img .cover-img-detail h3, .event-cover .event-img .cover-img-detail .h3 {
    font-weight: 400; margin-top: 20px; margin-bottom: 4px; font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
}

footer.footer-theme {
    border-top: solid 2px rgba(231, 76, 60,0.9);
}

.dropdown-footer {
    text-align: center;
    padding: 15px;
}

@media (max-width: 1661px) and (min-width: 1199px) {
    #top-banners .top-banners-left, #top-banners .top-banners-right,
    header .header-section .header-left, header .header-section .header-right,
    .sidebar-panel.panel-lg, .conversation-panel.xl-light {
        width: 200px;
    }
    #top-banners .top-banners-center,
    header .header-section .header-center,
    .page-body.newsfeed-style1 .page-center {
        width: calc(100% - 400px);
    }
    .brand-logo {
        padding: 0 15px;
    }
}

@media (max-width: 1199px) {
    #top-banners .top-banners-left, #top-banners .top-banners-right {
        width: 150px;
    }
    #top-banners .top-banners-center {
        width: calc(100% - 300px);
        padding: 0;
    }
    header .header-section .header-left,
    header .header-section .header-right {
        width: 120px;
    }
    header .header-section .header-center {
        width: calc(100% - 320px);
    }
    .brand-logo {
        padding: 0 15px;
    }
    .sidebar-panel.panel-lg, .conversation-panel.xl-light {
        width: 200px;
    }
}

@media (max-width: 991px) {
    .main-link-desc {
        display: none;
    }
    .header-btn.top-btn a.main-link .icon-light, .header-btn.free-btn a.main-link .icon-light {
        margin-right: 0;
    }
    header .header-section .header-left,
    header .header-section .header-right {
        width: 100px;
    }
    header .header-section .header-center {
        width: calc(100% - 200px);
    }
    header .header-section .header-center h4 {
        font-size: calc(12px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    }
    header .header-section .header-btn .main-link {
    padding: 7px;
    margin: 5px;
    }
    header .header-section .header-right .option-list .header-btn:last-child a, header .header-section .header-right .option-list .header-btn .dropdown-menu a {
        padding-right: 5px;
    }
    .sidebar-panel.panel-lg .main-icon {
        flex-direction: column;
    }
    .sidebar-panel.panel-lg {
    width: 80px;
    text-align: center; }
    .sidebar-panel.panel-lg .bar-icon-img {
      margin: 0 auto; }
    .sidebar-panel.panel-lg .main-icon a h4, .sidebar-panel.panel-lg .main-icon a .h4 {
      display: none; }
    .sidebar-panel.panel-lg .sidebar-icon > li > a h4, .sidebar-panel.panel-lg .sidebar-icon > li > a .h4 {
      display: none; }
    .sidebar-panel.panel-lg .sidebar-icon > li.active {
      background-color: transparent; }

    .event-cover .event-img {
        height: 400px;
    }
    .event-cover .event-content p {
    line-height: 1.2;
}
}

@media (max-width: 767px){
    ul.timeline-content.mobile {
        display: flex;
    }
    .sidebar-panel.panel-lg,
    header .header-section .header-center,
    .conversation-panel.xl-light {
        display: none;
    }
    header .header-section .header-left,
    header .header-section .header-right {
        width: auto;
    }
    .header-btn.custom-dropdown .dropdown-menu {
        top: 50px!important;
        bottom: 50px!important;
        height: auto;
    }
}

@media (max-width: 576px){
    #top-banners,
    #top-banners .top-banners-left, #top-banners .top-banners-right {
        display: none;
        height: 0;
    }
    #top-banners .top-banners-center {
        width: 100%;
    }
    header .header-section .header-btn.home-btn {
    display: block;
    }
    header .header-section {
        margin: 0;
    }
    header .header-section .header-left .brand-logo {
        display: block;  
    }
    header .header-section .header-btn.home-btn {
        position: fixed;
        left: 3%;
        bottom: 5px;
    }
    header .header-section .header-btn.event-year {
        position: fixed;
        left: calc(3% + 50px);
        bottom: 5px;
    }
    header .header-section .header-btn.event-month {
        position: fixed;
        left: calc(3% + 150px);
        bottom: 5px;
    }
    header .header-section .header-btn.app-btn {
        position: fixed;
        left: calc(3% + 150px);
        right: calc(3%);
        left: auto;
        bottom: 5px;
    }
    header .header-section .header-right {
        justify-content: flex-end;
    }

    /* mobile top and free buttons
    header .header-section .header-btn.top-btn {
        position: fixed;
        right: calc(3% + 50px);
        bottom: 5px;
    }
    header .header-section .header-btn.free-btn {
        position: fixed;
        right: 3%;
        bottom: 5px;
    }
    */

    .event-cover .event-content h2 {
        font-size: calc(20px + (22 - 20) * ((100vw - 320px) / (1920 - 320)));
    }
    .event-cover .event-content h2.subtitle {
        font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));
    }
}

@media (min-width: 768px){
    header .header-section .header-btn.event-month {
        display: none;
    }
}

ul.split {
    -webkit-column-count: 3;  /* Chrome/Opera, Safari */
    -moz-column-count: 3; /* Mozilla Firefox */
    column-count: 3;
}

.footer-title {
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    margin-bottom: 10px;
}

.product-review-stars{
    margin: 5px 0;
    direction: rtl;
    text-align: center;
}
.product-review-stars label{
    text-shadow: 0px 0px 10px black;
}
.product-review-stars.blue label{
    text-shadow: none;
    color: #293a5c;
}
.product-review-stars a label {
    font-size: 1.2em;
    color: #fff;
    transition: all 0.5s;
}
.product-review-stars a:hover label{
  color: gold;
  transform: scale(1.5);
}
.s1:hover ~ a label  {
  color: gold;
}
.s2:hover ~ a label {
  color: gold;
}
.s3:hover ~ a label {
  color: gold;
}
.s4:hover ~ a label {
  color: gold;
}
.s5:hover ~ a label {
  color: gold;
}

/* Product Reviews input
.visuallyhidden{
  position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);
}
.product-review-stars label:after{
    content: "★";
    color: inherit;
    -webkit-transform: scale(4);
    position: absolute;
    z-index: 4;
    left: 0px;
    transition: all .4s;
    opacity: 0;
    color: inherit;
    visibility: hidden;
   
}

.product-review-stars input:checked + label:after{
    visibility: visible;
    -webkit-transform: scale(1);
    opacity: 1;
}

.product-review-stars  {
  unicode-bidi: bidi-override;
  direction: rtl;
  text-align: center;
}

.product-review-stars label{
    font-family: "icomoon";
    font-size: 1em;
    position: relative;
    cursor: pointer;
    color: #DFE3E4;
}
.product-review-stars input:checked ~ label:before{
    opacity: 1;
}
.product-review-stars:hover input ~ label:before{
    opacity: 0;
}

.product-review-stars input + label:before{
    content: "\2605";
    position: absolute;
    right: 0;
    opacity: 0;
    transition: opacity .3s ease-in-out, color .3s ease-in-out;
    backface-visibility:hidden;
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden; 
-ms-backface-visibility:hidden;
}
.product-review-stars input + label:hover:before,
.product-review-stars input + label:hover ~ label:before
{
    opacity: 1;
}
.product-review-stars input + label:nth-of-type(1):after,
.product-review-stars input + label:nth-of-type(1):before,
.product-review-stars input +  label:nth-of-type(1):hover:before,
.product-review-stars input + label:nth-of-type(1):hover ~ label:before,
.product-review-stars input:nth-of-type(1):checked ~ label:before{
    color: #2ecc71;
}
.product-review-stars input + label:nth-of-type(2):after,
.product-review-stars input + label:nth-of-type(2):before,
.product-review-stars input + label:nth-of-type(2):hover:before,
.product-review-stars input + label:nth-of-type(2):hover ~ label:before,
.product-review-stars input:nth-of-type(2):checked ~ label:before{
    color: #f1c40f;
}
.product-review-stars input + label:nth-of-type(3):after,
.product-review-stars input + label:nth-of-type(3):before,
.product-review-stars input + label:nth-of-type(3):hover:before,
.product-review-stars input + label:nth-of-type(3):hover ~ label:before,
.product-review-stars input:nth-of-type(3):checked ~ label:before{
    color: #F39C12;
}
.product-review-stars input + label:nth-of-type(4):after,
.product-review-stars input + label:nth-of-type(4):before,
.product-review-stars input + label:nth-of-type(4):hover:before,
.product-review-stars input + label:nth-of-type(4):hover ~ label:before,
.product-review-stars input:nth-of-type(4):checked ~ label:before{
    color: #e74c3c;
}

.product-review-stars input + label:nth-of-type(5):after,
.product-review-stars input + label:nth-of-type(5):before,
.product-review-stars label:nth-of-type(5):hover:before,
.product-review-stars input:nth-of-type(5):checked ~ label:before{
    color: #d35400;
}

.product-review-stars label:nth-of-type(5):hover:before{
    color: #d35400 !important;
}
*/

.login-discription {
    margin-top: 22px;
}
.login-discription h3, .login-discription .h3 {
    font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));
    color: #51595e;
    text-transform: capitalize;
    font-weight: 600;
}
.login-discription h4, .login-discription .h4 {
    color: rgba(100, 117, 137, 0.7);
    font-weight: 400;
    line-height: 24px;
    margin-top: 7px;
}
.form-sec {
    margin-top: 26px;
}
.form-group {
    margin-bottom: 1rem;
}

/* newsletter form start */
.newsletter-form form {
    display: flex;
    flex-wrap: wrap;
}
.newsletter-form form .form-group {
    margin-right: 10px;
}

.newsletter-form .btn-outline:hover {
    background-color: #d44b3d;
}
/* newsletter form end */

.sidebar-panel.panel-lg .main-icon {
    margin-top: 20px;
    display: flex;
}

.sidebar-panel.panel-lg .main-icon img.bar-icon-img {
    width: 16px;
    margin-right: 16px;
}

#mc_embed_signup_scroll {
    display: flex;
}
.theme-form .form-control,
#mc_embed_signup .theme-form .btn.btn-lg.btn-outline {
    padding: 10px 20px !important;
    border-radius: 5px;
}
.theme-form .form-group .input-icon {
    position: absolute;
    right: 20px;
    top: 13px;
}
#mc_embed_signup div.mce_inline_error {
    background: transparent !important;
}
#mce-success-response {
    color: #fff;
    margin-left: 20px;
}

a.no-cursor {
    cursor: none;
}
a.text-cursor {
    cursor: text;
}

/*social share*/
ul.header-social-network{padding: 20px;}
.event-img .social-share,
.cover-img .social-share{position:absolute;float:left;overflow:hidden;padding-left:0;bottom:10px;right:0;margin:0;z-index:200;}
.animate-conner .cover-img .social-share{right:35px;}
.animate-conner .event-img .social-share{right:35px;}
.event-img .social-share li,
.cover-img .social-share li{width:100%;text-align:center;max-width:0px;opacity:0;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;float:left;margin-left:5px;}
.event-img .social-share li:first-child,
.cover-img .social-share li:first-child{max-width:24px;opacity:1;pointer-events:none;}
.header-social-network .list-inline-item a,
.event-img .social-share li a,
.cover-img .social-share li a{display:block;width:24px;height:24px;line-height:24px;text-align:center;border-radius:50%;font-size:11px;color:#fff;}
.event-img .social-share:hover li:nth-child(1),
.cover-img .social-share:hover li:nth-child(1){opacity:0;max-width:0;}
.event-img .social-share:hover li,
.cover-img .social-share:hover li{opacity:1;max-width:24px;}
.event-img .social-share:hover li:last-child,
.cover-img .social-share:hover li:last-child{margin-right:15px;}
.social-share{height:0;transition-duration:0.2s;}
.bgcover:hover .social-share,
.event-img:hover .social-share,
.cover-img:hover .social-share{height:30px;transition-duration:0.2s;}
.event-img .social-share li a,
.cover-img .social-share li a{background:#007aff;}
.event-img .social-share li a.fb,
.cover-img .social-share li a.fb,
.header-social-network .list-inline-item a.fb{background:#3b5999;}
.event-img .social-share li a.tw,
.cover-img .social-share li a.tw,
.header-social-network .list-inline-item a.tw{background:#55acee;}
.event-img .social-share li a.pt,
.cover-img .social-share li a.pt,
.header-social-network .list-inline-item a.pt{background:#bd081c;}


/* Light Gallery */
ul.gallery{
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-around;*/
    padding: 5px;
}

.gallery li {
    display: inline-block;
    width: calc((100% - 30px ) / 3);
    margin: 5px;
    position: relative;
    text-align: center;
    border: #b2b2b2 1px solid;
    border-radius: 3px;
}

.event-rating {
    position: absolute;
    left: 20px;
    bottom: 20px;
    color: #fff;
    background: #293a5c;
    padding: 2px 7px;
    border-radius: 5px;
}


@media (max-width: 576px){
    .page-cover .page-name {
        width: 100%;
    }
}