/* =Import Required styles
========================================================================================*/
@import url(normalize.css);
@import url(icon.css);
@import url(vendor/icon.css);
/* =Box Sizing
========================================================================================*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea, select, input[type="button"], input[type="submit"], button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;  }


/* =Webfonts
========================================================================================*/
@font-face {
    font-family: 'proxima_novablack';
    src: url('fonts/proximanova-black_0-webfont.woff2') format('woff2'),
         url('fonts/proximanova-black_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_novalight';
    src: url('fonts/proximanova-light_0-webfont.woff2') format('woff2'),
         url('fonts/proximanova-light_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_nova_rgbold';
    src: url('fonts/proximanova-bold_0-webfont.woff2') format('woff2'),
         url('fonts/proximanova-bold_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_nova_rgbold_italic';
    src: url('fonts/proximanova-boldit_0-webfont.woff2') format('woff2'),
         url('fonts/proximanova-boldit_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_novaextrabold';
    src: url('fonts/proximanova-extrabold_0-webfont.woff2') format('woff2'),
         url('fonts/proximanova-extrabold_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('fonts/proximanova-regular_0-webfont.woff2') format('woff2'),
         url('fonts/proximanova-regular_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_novaregular_italic';
    src: url('fonts/proximanova-regularitalic_0-webfont.woff2') format('woff2'),
         url('fonts/proximanova-regularitalic_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_novasemibold';
    src: url('fonts/proximanova-semibold_0-webfont.woff2') format('woff2'),
         url('fonts/proximanova-semibold_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_novasemibold_italic';
    src: url('fonts/proximanova-semibolditalic_0-webfont.woff2') format('woff2'),
         url('fonts/proximanova-semibolditalic_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'wavehaus128_bold';
    src: url('fonts/wavehaus-128bold-webfont.woff2') format('woff2'),
         url('fonts/wavehaus-128bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'wavehaus158_extrabold';
    src: url('fonts/wavehaus-158extrabold-webfont.woff2') format('woff2'),
         url('fonts/wavehaus-158extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


* { padding: 0; margin: 0; box-sizing: border-box; }
body { background: #000;  font-family: 'proxima_nova_rgbold', Arial, Helvetica, sans-serif; }

#header { position: fixed; width: 100%; top: 0; z-index: 9999; }
#header .wrap:before { content: ''; position: absolute; left: 0; right: 0; height: 1px; background: #e9e9e9; margin: 0 auto; }
#logo { width: 243px; display: inline-block; position: relative; padding: 19px 5px; text-align: center; background: #e52225; z-index: 2; }
#logo img { max-width: 100%; height: auto; width: auto; }
#mainmenu ul { margin: 0; padding: 0; list-style: none; }
#mainmenu > ul > li { padding: 0 50px; text-transform: uppercase; position: relative; float: left; line-height: 30px; font-family: 'proxima_nova_rgbold', Arial, Helvetica, sans-serif; }
.social-icon ul li a i { padding-top: 11px; font-size: 20px; transition: all 0.5s; color: #000; }
.social-icon ul li a i.icon-instagram { font-weight: bold; }
#mainmenu li a { text-decoration: none; font-size: 18px; padding: 0; display: block; color: #000; position: relative; transition: all 0.5s; }
#mainmenu li a:hover { color: #e52225; }
#mainmenu li:after { content: '';  position: absolute; width: 6px; height: 6px; background: #e52225; right: 0; top: 50%; margin-top: -3px; border-radius: 50%; }
.header-box , .info-detail  { display: flex; align-items: center; justify-content: space-between; }
.info-detail { margin-top: 10px; }
#header { background: #fff; box-shadow: 0 0 20px #7b7b7b; }
#header .wrap { max-width: 1440px; padding-left: 20px; padding-right: 20px; }
.header-right { display: flex; align-items: center; }
#mainmenu li:last-child:after { display: none; }
#mainmenu li a .text-reverce, .fmenu li a .text-reverce{
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  color: #e52225;
  text-transform: none;
  display: inline-block;
  top: -2px;
  left: 0;
  padding: 0 1px;
}
.video-image video { width: 100%; min-height: 420px; border: 1px solid #e52225; }

.text-reverce {
    color: #e52225;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    text-transform: none;
    display: inline-block;
    position: relative;
    top: -2px;
    left: -1px;
}

.wrap  { max-width: 50%; margin: 0 auto; padding-left: 30px; padding-right: 30px; }
.video-image { margin-top: 160px; }
.video-image h2 { font-size: 38px; color: #fff; margin-bottom: 10px; }
.video-image p { font-size: 22px; color: #e4e4e4; line-height: 1.3; }
.color-content {  color: #e41f26; }
.heading-content { margin-bottom: 30px; }
.social-icon ul li a { transition: all 0.5s; text-decoration: none; width: 40px; height: 40px; border-radius: 50%; background: #f3f3f3; display: flex; align-self: center; justify-content: center; }
.social-icon ul li a:hover {  background: #ec0028; }
.social-icon ul li a:hover i { color: #fff; }
.info-content { padding: 8px 20px;  background: #ec0028; display: inline-block; color: #fff; font-weight: bold; font-size: 16px; }
.social-icon ul li a figure { max-width: 22px; padding-top: 10px; }
.social-icon ul li a figure img { width: 100%; }
.social-icon ul li { display: inline-block; margin-right: 10px; }
.social-icon ul li:last-child { margin-right: 0; }
.events-detail .form-group input { background: #fff; width: 100%; padding: 6px 10px; min-height: 50px;  color: #000; font-size: 20px; }
.events-detail .form-group input:focus , .events-detail .form-group input:hover { background: #fff; }
.events-detail .form-group textarea { width: 100%; padding: 6px 10px; min-height: 50px;  color: #000; font-size: 20px; }
.events-detail .form-group input::placeholder { font-weight: bold; }
.form-group label { font-size: 24px; color: #fff; font-weight: bold; display: block; margin-bottom: 10px; }
.events-detail .form-group { padding: 10px 0; position: relative; }
.submit-btn button {background: #f8001c;  border: 0;  padding: 8px 29px; color: #fff; font-weight: bold; cursor: pointer; font-size: 26px; transition:all 0.5s }
.submit-btn .submit-button {background: #f8001c;  border: 0;  padding: 8px 29px; color: #fff; font-weight: bold; cursor: pointer; font-size: 26px; transition:all 0.5s }
.submit-btn .submit-button:hover { background: #9e0b1c; }
.contact-links a i { transition: all 0.5s; font-size: 20px; }
.contact-links a { width: 36px; transition: all 0.5s; height: 36px; text-decoration: none; margin-left: 8px; float: left; border: 1px solid #e52225; text-align: center; line-height: 34px; }
.contact-links a i { color: #e52225; padding-top: 6px; display: block; }
.submit-btn { margin-top: 15px; text-align: right; }
.submit-btn button:hover { background: #fff; color: #f8001c; }
.events-detail { margin: 130px 0 60px; }
.event-content { color: #fff; margin-bottom: 20px; }
.event-content h3 { font-size: 40px; margin-bottom: 10px; }
.event-content h4 { font-size: 46px; margin-bottom: 12px; font-weight: 800; }
.event-content span.small-content {  font-weight: 300; }
.event-content p { color: #e8e8e8; font-size: 20px; line-height: 1.3; max-width: 623px; }
.event-content p strong { color: #fff; }
.contact-links a:hover { background: #e52225; }
.contact-links a:hover i { color: #fff; }
span#firstname-error , #useremail-error , #user_password-error { color: #e52225; font-size: 19px; padding-top: 8px; display: block; }
.video-image iframe { width: 100%; min-height: 420px;  border: 1px solid #e52225; }
.info-content a { text-decoration: none; color: #fff !important; }
.form-group.form-block .submit-btn {
    margin-top: 15px;
    text-align: right;
    position: absolute;
    bottom: 10px;

    right: 10px;
    color: #fff;
}
.video-image.video-content-box { margin-top: 0; }
.form-group.form-block .submit-btn  input { color: #fff; }
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing , .alert.alert-warning {
    border: 2px solid #ff0000;
    color: #f8001c;
    padding: 12px;
}
.alert.alert-warning  { border: 0; background: #f2dede; padding: 10px 6px; margin: 4px 0; }
span.wpcf7-not-valid-tip { font-size: 20px; }
.wpcf7-form.invalid .form-group.form-block .submit-btn { bottom: 30px; }
div.wpcf7-mail-sent-ok , .alert.alert-success {
    border: 2px solid #398F13;
    color: #fff;
    padding: 12px;
}
.form-group.form-block input { background: #f8001c; }
.form-group.form-block input:hover { background: #000; }
/*.events-detail .form-group input:hover { background: #000;  }*/
.form-box-sec.events-detail { margin: 40px 0; }
.page-template-templete-livestream  .video-image.heading-section { margin-bottom: 0; }
.page-template-templete-livestream.logged-in .wrap  { max-width: 1240px; }
.page-template-templete-livestream .video-image {  margin-bottom: 40px; display: flex; align-items: center; }
.video-streaming-box   { width: 70%; padding-left: 30px; padding-top: 49px; order: 2; }
.video-question-box { width: 30%; }
.video-question-box .events-detail { margin: 0; }
.video-question-box .events-detail .form-group textarea { min-height: 418px; }
.page-template-templete-livestream .heading-content { margin-bottom: 0; }

.page-template-template-digital-experience  .video-image.heading-section { margin-bottom: 0; }
.page-template-template-digital-experience.logged-in .wrap  { max-width: 1240px; }
.page-template-template-digital-experience .video-image {  margin-bottom: 40px; display: flex; align-items: center; }
.page-template-template-digital-experience .heading-content { margin-bottom: 0; }
.even .video-streaming-box   { width: 70%; padding-left: 30px; padding-top: 49px; order: 2; }
.odd .video-streaming-box   { width: 70%; padding-left:0px; padding-right: 30px; padding-top: 49px; order: 0; }
.virtual-event-screenshot{
  display: flex;
  max-height: 300px;
  max-width: 100%;
  flex-wrap: wrap;
  flex-direction: column;
  align-content: center;
  margin-top: 50px;
  padding-bottom: 50px;
}
.virtual-event-screenshot figure{max-width: 100%}
.virtual-event-screenshot figure img{max-width: 100%;}

.page-template-template-digital-experience .video-image.heading-section.main-heading-section{
  margin-bottom: -110px;
  text-align: center;
}
.main-heading-section .heading-content{
  margin:0 auto;
}



/*** Edited by MY, 17-04-2020 */
figure.figure-form-logo {
    max-width: 340px;
    padding: 0;
    margin: 0 0 20px;
}
img.form-logo {
    max-width: 100%;
}

/*** Edited by MY, 21-04-2020 */
.social-icon ul li a {
  height: 32px;
  width: 32px;
}
.social-icon ul li a i {
    padding-top: 10px;
    font-size: 12px;
}

.virtual-event-screenshot span {
    display: flex;
 align-items: center;
    justify-content: center;
}
.virtual-event-screenshot span img {
    max-width: 60px;
    display: block;
}
.virtual-event-screenshot span {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    position: absolute;
    left: 47%;
    top: 0;
}

.virtual-event-screenshot figure {
    max-width: 100%;
    position: relative;
}
.virtual-event-screenshot span img {
    max-width: 100px;
    display: block;
}