/*
Theme Name: Offsite Expo
Theme URI: https://www.offsite-expo.co.uk
Description: OFFSITE EXPO brings together those who are driving change in the construction sector
Author: VERVE
Author URI: https://www.verve-design.co.uk
Version: 1.0
Tags: offsite, expo
Text Domain: offsiteexpo
*/

/* FULLPAGE */
html { height: 100%;  } 
body { height: 100%;
    /*  display: -ms-flexbox; display: flex; 
	-ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column;  
    */
}
html {  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);  }
body {
   font-family: 'Montserrat', sans-serif; font-weight:400;
   color:#323232; font-size: 15px; line-height: 1.35; height: 100%;
}

h1, h2, h3, h4, h5, h6, 
.h1, .h2, .h3, .h4, .h5, .h6 { 
    font-family: 'Montserrat', sans-serif; font-weight:700;
    margin-top:0; -webkit-font-smoothing: subpixel-antialiased; margin-bottom: 20px;  
}
.h1 { font-size: 48px; }
 
strong, b { font-weight:700; }
strong.bolder { font-weight: 900; }
a { color:#8cc63f; text-decoration:none; }
a:hover, a:focus, a:active  { color:#8cc63f; text-decoration:underline; }

button, input, optgroup, select, textarea { 
    font-family: 'Montserrat', sans-serif; font-weight:400;
    font-size: initial; } /* Disables the Safari's autozoom function on focus */
iframe { width:100%; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

input[type=number] { -moz-appearance: textfield;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

input, textarea { font-size: initial; } /* Disables the Safari's autozoom function on focus */
iframe { width:100%; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

*[role="button"]:hover,
*[role="button"]:focus,
*[role="button"]:active { text-decoration: none; color: inherit; }

a[role="email"],
.sliderich a[role="email"] { text-decoration: none; }

/* MOBILE MENU */
.offmenu-trigger { 
    display: block; width: 38px; height: 38px; 
    background-image: url('images/mobile-menu-trigger-white.svg'); 
    background-repeat: no-repeat; background-position:  center center; 
    background-size:24px 24px; 
}
 
/* Bouncing arrow */
.bounce { 
    -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite;
    -webkit-animation-name: bounce; animation-name: bounce;
}
@-webkit-keyframes bounce { 0%, 50%, 100% {-webkit-transform: translateY(0); transform: translateY(0);} 50% {-webkit-transform: translateY(-6px); transform: translateY(-6px);} }
@keyframes bounce { 0%, 50%, 100% {transform: translateY(0);} 50% {transform: translateY(-6px);} }

.fx { 
    position: relative;  visibility: hidden;  opacity:0;
    -webkit-transition:all 1s; -moz-transition:all 1s; transition:all 1s; 
}
.fx.active {  visibility: visible; opacity: 1; }

.fx.fx-downup { top: 50px; }
.fx.fx-downup.active { top: 0; }

.fx.fx-updown { top: -50px; }
.fx.fx-updown.active { top: 0; }

.fx.fx-rtl { right:-100px; }
.fx.fx-rtl.active { right:0; }

.fx.fx-ltr { right:100px; }
.fx.fx-ltr.active { right:0; }

.fx[data-delay="0"] {}
.fx[data-delay="1"]{-webkit-transition-delay:.3s;-moz-transition-delay:.3s;transition-delay:.3s}
.fx[data-delay="2"]{-webkit-transition-delay:.6s;-moz-transition-delay:.6s;transition-delay:.6s}
.fx[data-delay="3"]{-webkit-transition-delay:.9s;-moz-transition-delay:.9s;transition-delay:.9s}
.fx[data-delay="4"]{-webkit-transition-delay:1.2s;-moz-transition-delay:1.2s;transition-delay:1.2s}
.fx[data-delay="5"]{-webkit-transition-delay:1.5s;-moz-transition-delay:1.5s;transition-delay:1.5s}
.fx[data-delay="6"]{-webkit-transition-delay:1.8s;-moz-transition-delay:1.8s;transition-delay:1.8s}
.fx[data-delay="7"]{-webkit-transition-delay:2.1s;-moz-transition-delay:2.1s;transition-delay:2.1s}
.fx[data-delay="8"]{-webkit-transition-delay:2.4s;-moz-transition-delay:2.4s;transition-delay:2.4s}
.fx[data-delay="9"]{-webkit-transition-delay:2.7s;-moz-transition-delay:2.7s;transition-delay:2.7s}
.fx[data-delay="10"]{-webkit-transition-delay:3s;-moz-transition-delay:3s;transition-delay:3s}
.fx[data-delay="11"]{-webkit-transition-delay:3.3s;-moz-transition-delay:3.3s;transition-delay:3.3s}
.fx[data-delay="12"]{-webkit-transition-delay:3.6s;-moz-transition-delay:3.6s;transition-delay:3.6s}

/* Keyframes for the fade-in */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fx.fx-opacity { opacity:0;  }
.fx.fx-opacity.active { 
  -webkit-animation:fadeIn ease-in 1; -moz-animation:fadeIn ease-in 1; animation:fadeIn ease-in 1;
  -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; animation-fill-mode:forwards;
  -webkit-animation-duration:1s; -moz-animation-duration:1s; animation-duration:1s;
}
.fx.fx-opacity[data-delay="0"] {}
.fx.fx-opacity[data-delay="1"]{-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s}
.fx.fx-opacity[data-delay="2"]{-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s}
.fx.fx-opacity[data-delay="3"]{-webkit-animation-delay:.9s;-moz-animation-delay:.9s;animation-delay:.9s}
.fx.fx-opacity[data-delay="4"]{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;animation-delay:1.2s}
.fx.fx-opacity[data-delay="5"]{-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;animation-delay:1.5s}
.fx.fx-opacity[data-delay="6"]{-webkit-animation-delay:1.8s;-moz-animation-delay:1.8s;animation-delay:1.8s}
.fx.fx-opacity[data-delay="7"]{-webkit-animation-delay:2.1s;-moz-animation-delay:2.1s;animation-delay:2.1s}
.fx.fx-opacity[data-delay="8"]{-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;animation-delay:2.4s}
.fx.fx-opacity[data-delay="9"]{-webkit-animation-delay:2.7s;-moz-animation-delay:2.7s;animation-delay:2.7s}
.fx.fx-opacity[data-delay="10"]{-webkit-animation-delay:3s;-moz-animation-delay:3s;animation-delay:3s}
.fx.fx-opacity[data-delay="11"]{-webkit-animation-delay:3.3s;-moz-animation-delay:3.3s;animation-delay:3.3s}
.fx.fx-opacity[data-delay="12"]{-webkit-animation-delay:3.6s;-moz-animation-delay:3.6s;animation-delay:3.6s}

/* THEME */
.header {  }
.logo-wrapper { display: inline-block;  }
.logo {  display: block;  width: 320px;  }
.logo img { width: 100%; }

.header {}
.header-spacer { height: 40px; }


.ftr-wrapper { background-color: #231f20; color: #fff; padding: 35px 0;  }
.ftr-wrapper a { color: #fff; }
.ftr-title { margin-bottom: 20px; }
.ftr-title .title { font-size: 26px; }

.green,
a.green { color:#8cc63f; }

.ftr-left { display: inline-block; float: left; }

.ftr-right { display: inline-block; float: right; text-align: right; }
.ftr-logo { display: inline-block; width: 122px; margin-bottom: 20px;  }
.ftr-logo img { display: block; width: 100%; }
.ftr-social {  margin-bottom: 15px;  }
.ftr-social ul { display: inline-block; margin: 0; padding: 0; list-style: none none; list-style-position: inside; }
.ftr-social ul li { display: inline-block; float: left; margin-left: 6px;  }
.ftr-social ul li a {
	display: block; width: 26px; height: 26px; border-radius: 50%; 
	background-color: #8cc63f; color: #231f20;
	font-size:16px; text-align: center; padding-top: 2px;
}
.ftr-copyright {  font-size: 12px; }

.ftr-contacts { display: inline-block; float: left; margin-right: 60px;  }
.ftr-contacts ul { display: inline-block; margin: 0; padding: 0; list-style: none none; list-style-position: inside; }
.ftr-contacts ul li { font-weight: bold; margin-bottom: 5px;  }



.aside-social { 
	display: inline-block; position: fixed; top: 100px; left: 0; 
	background-color: #231f20; padding: 8px 6px;
}
.aside-social ul { margin: 0; padding: 0; list-style: none none; list-style-position: inside; }
.aside-social ul li { display: block; margin-bottom: 6px;  }
.aside-social ul li:last-child { margin-bottom: 0; }
.aside-social ul li a {
	display: block; width: 26px; height: 26px; border-radius: 50%; 
	background-color: #8cc63f; color: #231f20;
	font-size:16px; text-align: center; padding-top: 2px;
}




.header { min-height: 100px; }

.logo-wrapper { display: inline-block; position: absolute; top: 22px; left: 0; }

.topnav { position: absolute; top: 0; right: 0; }
.topnav > ul { margin: 0; padding: 0; list-style: none none; list-style-position: outside; }
.topnav > ul > li { display: inline-block; float: left; margin-right: 20px;  }
.topnav > ul > li:last-child { margin-right: 0; }
.topnav > ul > li > a { 
    display: block; padding: 10px 12px 5px 12px; font-size: 12px;  
    font-weight: bold; text-decoration: none !important;
    background-color: #231f20; color: #fff; 
    -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;
}
.topnav > ul > li > a .fa { color: #8CC63F; }
.topnav > ul > li.highlighted > a {  background-color: #8CC63F;  }
.topnav > ul > li.highlighted > a .fa { color: #231F20; } 

 

.mainav { position: absolute; top: 53px; right: 0; }
.mainav > ul { margin: 0; padding: 0; list-style: none none; list-style-position: outside; }
.mainav > ul > li { display: inline-block; float: left; margin-right: 27px;  }
.mainav > ul > li:last-child { margin-right: 0; }
.mainav > ul > li > a { display: block; border-bottom: 2px solid #fff; color: #231f20; font-weight: bold; text-decoration: none !important; }
.mainav > ul > li:hover > a,
.mainav > ul > li.active > a { border-color: #8CC63F; }


.eventcountdown { display: inline-block; position: absolute; top: 0; right: 0; }
.eventcountdown ul { margin: 0; padding: 0; list-style: none none; list-style-position: outside; }
.eventcountdown ul li { 
    background-color: #8cc63f; color: #fff; padding: 8px 20px; 
    display: inline-block; float: left; margin-right: 15px; 
    text-align: center; 
}
.eventcountdown ul li:last-child { margin-right: 0; }

.bigdate { display: block; font-weight: bold; font-size: 32px; line-height: 1; margin-bottom: 3px;  }
.smalldate { display: block; font-size: 14px;  line-height: 1; font-weight: bold; }


.hero-wrapper {  
    background-color: #C1C1C1;
    background-repeat: no-repeat;
    background-position: center center; /* fixed*/ 
    -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;

}

.heromaintitle { padding: 190px 0; text-align: center;  }
.heromaintitle .htitle { 
    background-color: #231f20; color: #fff;  
    font-weight: bold; font-size: 40px; padding-left: 10px; padding-right: 10px; line-height: 1.5;
}

.introtext-wrapper { padding: 50px 0; }
.introtext { text-align: center; line-height: 1.5;  }

.gline-wrapper { background-color: #8cc63f; color: #fff; height: 44px;  }
.gline { position: relative; padding-top: 10px;  }

.glook { font-size: 18px; font-weight: bold; }
.glook a { color: #fff; text-decoration: none !important; }
.glook a .fa { color: #231F20; }

.sss-wrapper { display: inline-block; position: absolute; top: 0; right: 0; background-color: #231f20; color: #fff;   }
.sss { display: table;  max-width:100%; border-spacing:0; border-collapse:collapse;  }
.sss .cell { vertical-align: middle; }
.sss .cell-1 { padding: 0 18px; font-size: 12px; height: 44px;   }
.sss .cell-2 { width: 200px; }
.sss .cell-3 { padding: 0 10px;  }
.sss-submit { border: none; background-color: transparent; color: #8CC63F; cursor: pointer; }
.sss-submit .fa { font-size: 24px; }
.sss-input { border: none; display: block; width: 100%; padding: 3px 10px; font-size: 14px;   }


.stats-wrapper { border-top: 2px solid #8CC63F; border-bottom: 2px solid #8CC63F; padding: 40px 0; }
.stats {}
.stats ul {
    margin: 0; padding: 0; list-style: none none; list-style-position: outside;
    display: flex; flex-wrap: wrap;
}
.stats ul li { position: relative; min-height: 1px; width: 20%; padding: 0 15px;  }

.stbox { margin: 0; text-align: center; color: #8CC63F;   }
.stbox dt { margin: 0; font-size: 40px; font-weight: bold; }
.stbox dd { margin: 0; font-weight: bold; font-size: 14px;   }

.exhibit-wrapper { padding: 80px 0; margin: 0 -20px;  }
.exhibit { display: block; position: relative; color: #fff; text-decoration: none !important; padding: 0 20px; border: none;    }
.eventphoto .spacer { display: block; width: 100%; border: none;  }
.eventphoto {
    display: block; position: relative; top: 25px; 
    background-repeat: no-repeat;
    background-position: center center; /* fixed*/ 
    -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
}
.elabel { 
    position: absolute; top: 0px; left: 10px; 
    background-color: #ffffff; font-size: 18px; font-weight: bold; display: inline-block; 
    padding: 10px; 
}
.elabel .fa { color: #8CC63F; }
.elabel-inner { display: block; background-color: #231f20; padding: 8px 18px; color: #ffffff;  }


.speakers-wrapper { padding: 40px 0; background-color: #8cc63f; color: #fff; }
.speakers-wrapper .title { display: block; text-align: center; font-weight: bold; margin-bottom: 30px; font-size: 20px;   }

.speaker { display: block; text-decoration: none !important; padding: 0 10px;  }
.speaker-photo {
    background-repeat: no-repeat;
    background-position: center center; /* fixed*/ 
    -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
}
.speaker-photo .spacer { display: block; width: 100%; }
.speaker-name { display: inline-block; margin-top: -15px; font-size: 13px;  }
.speaker-name dt { margin: 0; padding: 8px 15px; background-color: #231f20; color: #fff;  }
.speaker-name dd { margin: 0; padding: 6px 15px; color: #fff; font-weight: bold; }


.partners-wrapper { padding: 50px 0; }
.partners-title { font-weight: bold; margin-bottom: 15px; font-size: 20px; color: #8CC63F; text-align: center;  }

table.partner { display: table; width:100%; max-width:100%; border-spacing:0; border-collapse:collapse; table-layout: fixed; }
table.partner .cell { height: 100px; text-align: center; vertical-align: middle; padding: 0 10px;  }
table.partner .cell .theimage { max-width: 100%; max-height: 60px; }


.partnerbox-wrapper {  padding: 55px 0; margin: 0 -15px; }
.partnerbox { display: block; padding: 0 15px; }
.withborder {  display: block; border: 1px solid #cacbcd; }
.withborder img { width: 100%; }

.join-wrapper { border-top: 2px solid #8cc63f; padding: 55px 0; }

.the-title { margin-bottom: 20px; }
.the-title .title { color: #8CC63F; text-transform: uppercase; margin: 0;  }

.bbb { 
    display: inline-block; font-size: 16px; font-weight: bold; text-transform: uppercase; padding: 12px 16px;  
    background-color: #231f20; color: #fff; 
}
.bbb .fa { color: #8CC63F; }

.hamburger-menu { display: none; }

.row-static-carousel { margin-bottom: 30px; }
.row-static-carousel .exhibit { padding: 0; }

ol.numbered-list-2 {
    -moz-column-count: 2;
    -moz-column-gap: 50px;
    -webkit-column-count: 2;
    -webkit-column-gap: 50px;
    column-count: 2;
    column-gap: 50px;
}
ol li {
  counter-increment: list;
  list-style-type: none;
  position: relative;
  padding: 10px 10px 10px 0px;
}

ol li:before {
  color: #8cc63f;
  font-weight: bold;
  content: counter(list) ".";
  left:-32px;
  position: absolute;
  text-align: center;
  width: 26px;
}

.content-wrapper { padding: 40px 0; margin: 0 -20px; text-align: center; font-weight: bold; line-height: 1.5; }
.green-title { text-align: center; margin-bottom: 50px; }
.green-title span.title-span { text-align: center; background: #8cc63f; color: #fff; font-size: 22px; font-weight: 600; padding: 10px 20px;}
.green-wrapper { padding: 40px 0; background-color: #8cc63f; color: #fff; }
.black-title { margin-bottom: 50px; }
.black-title span.title-span { text-align: center; background: #231f20; color: #fff; font-size: 22px; font-weight: 600; padding: 10px 20px;}
.green-2-columns { padding: 0 50px; }
.green-wrapper p { font-weight: 500; line-height: 1.5; }
.black-wrapper { padding: 40px 0; background-color: #231f20; color: #fff; font-weight: bold; text-align:center; }
.testimonial-wrapper { display: block; }
.testimonial { border-bottom: 2px solid #8CC63F; padding: 60px 0; font-size: 22px; color: #8cc63f; font-weight: 600; text-align: center; min-height: 270px; }
.graphics { font-weight: 500; line-height: 1.5; }
.download-image { width: 100%; }
.download-cta { width: 100%; background: #231f20; color: #fff; padding: 10px; font-weight: 600; font-size: 16px; }
.download-cta i { margin-left: 5px; color: #8CC63F; }
.download-cta a { color: #fff; }
.green a { color: #8cc63f; }
.partnerbox { cursor: default;  }

.exhibitors-grid img { width: 100%; }
.exhibitors-grid .exhibitor { padding: 30px; }
.mfp-close-btn-in .mfp-close {
    color: #fff;
    background: #8cc63e;
    font-size: 40px;
    font-weight: lighter;
}
.mfp-arrow:before, .mfp-arrow:after { border: none; }
.mfp-arrow i { color: #fff; background: grey; padding: 14px 16px; font-size: 24px; }
.mfp-arrow-left { position: absolute; left: -50px; }
.mfp-arrow-right { position: absolute; right: -50px; }
.mfp-arrow { opacity: 1; }
.bottom-button { position: absolute; color: #fff; bottom: -60px; display: block; left: 40%; margin: 0 auto; background: #8cc63e; padding: 10px 20px; cursor: pointer; }
.grid { 
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-gap: 20px;
  align-items: stretch;
  }

.exhibitor-item { 
    position: relative; width: 100%;
    display: block; height: 150px; border: 1px solid #ccc; 
    /* display:flex; align-items: center;  */
    background-origin: content-box; background-size: contain; background-repeat: no-repeat; background-position: center center; 
    padding:20px; 
}

.popup-stand {   
  width: 90%;
    background: #a1a6a9;
    color: white;
    padding: 8px 18px;
    font-weight: 600;
    font-size: 16px;
    position: absolute;
    bottom: 0;
}

.popup-stand.gold { background: #efbc4e; }
.popup-stand.silver-plus { background: #a1a6aa; }
.popup-stand.silver { background: #d0d2d4; }
.popup-stand.bronze-plus { background: #9a6e5f; }
.popup-stand.bronze { background: #af8153; }
.popup-stand.standard { background: #8ec44d; }
.popup-stand.sponsor { background: #0198E1  ; }

.popup-container { padding: 30px; }

.popup-header { padding-bottom: 30px; border-bottom: 2px solid #a1a6a9; }
.popup-content { padding-top: 30px; font-weight: 500; line-height: 1.5; font-size: 14px; }
.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  min-width: 300px;
  max-width: 900px;
  margin: 20px auto;
}

.popup-header img { max-width: 100%; }
.levels img { width: 25px; }
.levels-list li { display: inline; padding: 0 13px; font-weight: bold; text-align: center; line-height: 1.5; font-size: 14px; }
.logo-level img { width: 25px; }
.logo-level { display: inline-block; position: absolute; top: 5px; right: 5px; }

.mfp-inline-holder .mfp-content { width: auto; }

body.gold .mfp-arrow i { background: #efbc4e; }
body.silver-plus .mfp-arrow i { background: #a1a6aa; }
body.silver .mfp-arrow i { background: #d0d2d4; }
body.bronze-plus .mfp-arrow i { background: #9a6e5f; }
body.bronze .mfp-arrow i { background: #af8153; }
body.normal .mfp-arrow i { background: #8ec44d; }
body.sponsor .mfp-arrow i { background: #0198E1  ; }

body.gold .mfp-close-btn-in .mfp-close { background: #efbc4e; }
body.silver-plus .mfp-close-btn-in .mfp-close { background: #a1a6aa; }
body.silver .mfp-close-btn-in .mfp-close { background: #d0d2d4; }
body.bronze-plus .mfp-close-btn-in .mfp-close { background: #9a6e5f; }
body.bronze .mfp-close-btn-in .mfp-close { background: #af8153; }
body.normal .mfp-close-btn-in .mfp-close { background: #8ec44d; }
body.sponsor .mfp-close-btn-in .mfp-close { background: #0198E1  ; }

body.gold .bottom-button { background: #efbc4e; }
body.silver-plus .bottom-button { background: #a1a6aa; }
body.silver .bottom-button { background: #d0d2d4; }
body.bronze-plus .bottom-button { background: #9a6e5f; }
body.bronze .bottom-button { background: #af8153; }
body.normal .bottom-button { background: #8ec44d; }
body.sponsor .bottom-button { background: #0198E1; }

.cd-schedule__event a::before { display: none; }
.cd-schedule__event { background: #e7e8e9; }

.js .cd-schedule { width: 100%; margin-bottom: 150px; }
.masterclass-title {
    color: #fff;
    background: #8CC63F;
    padding: 5px 24px;
    position: absolute;
    top: 0;
    left: 1px;
}

.cd-schedule__timeline { background: #8cc63f; }
.js .cd-schedule__group>ul { background: #fff; }
.js .cd-schedule__timeline li { padding-left: 10px; color: #fff; }
.js .cd-schedule__top-info { border-bottom: 0; background: #6d6f71; color: #fff; }
.cd-schedule__events { background: #ffff; border: 0; }
.js .cd-schedule__group { padding-right: 20px; padding-left: 5px; }
.cd-schedule__group { border:none !important; }
.cd-schedule__timeline { margin-top: 62px; padding-top: 20px !important; }
.cd-schedule__top-info { margin-bottom: 20px; }
.js .cd-schedule__timeline { width: 55px !important; }
.js .cd-schedule__timeline li { height: 150px; }
.js .cd-schedule { height: 2200px; }
.js .cd-schedule__timeline li:nth-of-type(2n) span { display: block; }
.cd-schedule__event .content p { margin-bottom:15px; }

.content.masterclass img { display: inline; margin-left: 20px; margin-bottom: 20px; }
.content.masterclass p { display: inline; }
.content.masterclass .event-text { padding: 0 20px 0 20px; }
.content.masterclass { margin-top: 45px; }

.js .cd-schedule__top-info { justify-content: left; padding: 20px; }
.js .cd-schedule__top-info span { font-weight: bold; }

ul.tabs { text-align: center; list-style: inside; }
.tabs li { display: inline; margin-right:30px; }
.tabs li a { background: #fff; padding: 8px 40px; color: #6d6f71; border: 1px solid #6d6f71; font-weight: bold; }
.tabs li a.active { background: #8cc63f; color: #fff; border: 1px solid #8cc63f; }
.tabs li a:hover { text-decoration: none; }
.cd-schedule__event strong { font-weight: 600; }

.event-image a { padding: 0 !important; border: 0; box-shadow: none !important; }
.popup-header.person img { width: 40%; }

.time-stamp { display: none; }

.whatson-label { background-color: #231f20; color: #fff; padding: 10px; position: absolute; top: -15px; left: 25px; font-weight: 600; border: 6px solid #fff; }
.whatson-img { margin-bottom: 60px; }
.whats-on i { color: #8CC63F; margin-left: 10px; }
.whatson-item { cursor: pointer; }
.whats-on { border-bottom: 2px solid #8cc63f; border-top: 2px solid #8cc63f; }

.news { margin: 50px 0; }
.news-content { border: 1px solid #D8D8D8; box-shadow: 1px 1px #D8D8D8; padding: 10px 30px; }
.news-image { box-shadow: 1px 1px #D8D8D8; margin-top: 30px; }
.news-image img { width: 100%; }
.news-title { color: #8cc63f; font-weight: 700; margin-bottom: 10px; }
.news-date { font-size: 12px; font-weight: 600; margin-bottom: 10px; }
.news-desc { font-size: 12px; font-weight: 500; }
.news-more { margin: 30px 0 20px; }
.news-more a { text-align: center; background: #8cc63f; color: #fff; font-size: 15px; font-weight: 600; padding: 10px 12px; border: 0; }

.content-text-1 { margin-bottom: 50px; }
.middle-images { margin-bottom: 50px; }
.content-text-2 { padding-bottom: 50px; }

.contact-people { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 0 80px; }
.contact-person { width: 33%; line-height: 1.5; }
.contact-person img { border-radius: 50%; padding: 10px 40px; }
.cp-details { text-align: center; padding: 0 8px; font-size: 14px; }
.cp-name { color: #8cc63f; font-weight: 600; }
.cp-job { font-weight: 600; }
.cp-tel { font-weight: 600; }
.cp-email { font-weight: 600; }
.form-input { width: 100%; margin-bottom: 10px; padding: 8px; border: 1px solid #D8D8D8; }
.check-label { margin-bottom: 10px; }

.form-submit {
    font-weight: bold;
    text-decoration: none !important;
    background-color: #231f20;
    color: #fff;
    border: 0;
    padding: 12px 28px;
    display: block;
    margin: 0 auto;
}

.form-submit i { color: #8CC63F; }
.contact-form { border-bottom: 2px solid #8cc63f; border-top: 2px solid #8cc63f; margin-top: 100px; margin-bottom: 100px; padding: 50px; }
.form-section { margin-bottom: 30px; }
.contact-title { color: #8cc63f; font-weight: 600; text-align: center; margin-bottom: 40px; }
.speaker-details { padding: 30px; }
.speaker-details img { margin-bottom: 20px; }
.speaker-title { background-color: #8cc63f; color: #fff; padding: 15px; margin-top: 30px; }
.white-popup.speaker { padding: 0; }
.white-popup.speaker .popup-content { padding-left: 40px; padding-top: 50px; padding-bottom: 50px; }
.speaker-profile { padding: 30px; }
.form-submit { cursor: pointer; }

.news-image { height: 192px; width: 100%; background-size: auto; background-repeat: no-repeat; background-position: center; }
.news-desc { min-height: 130px; }
.news-title { min-height: 100px; }
.news-title a { color: #8cc63f; font-weight: 700; margin-bottom: 10px; }

.green-wrapper a { color: #fff; }

.popup-header img { max-width: 200px; }

.white-popup a { color: #323232; }

.search-title {
    font-weight: bold;
    margin-bottom: 15px;
    font-size: 20px;
    color: #8CC63F;
    margin-top: 30px;
}

.search-post-link a { text-align: center; background: #8cc63f; color: #fff; font-size: 22px; font-weight: 600; padding: 10px 20px; }
.search-post-link { margin-bottom: 30px; }
.search-post-excerpt { margin-bottom: 30px; }

#loginform { text-align: center; }
#loginform input { margin-bottom: 10px; padding: 8px; border: 1px solid #D8D8D8; }
#loginform #wp-submit { font-weight: bold; text-decoration: none !important; background-color: #231f20; color: #fff; border: 0; padding: 12px 28px; margin-top: 20px; margin-bottom: 50px; }

#message { padding: 20px; background-color: #4CAF50; color: white; opacity: 0.83; transition: opacity 0.6s; margin-bottom: 15px; }
#acf-form [type="submit"] { cursor: pointer; text-align: center; background: #8cc63f; color: #fff; font-size: 22px; font-weight: 600; padding: 10px 20px; border: 0; display: block; margin: 0 auto; }
.acf-form-submit { margin-bottom: 30px; }
.account-button { cursor: pointer; text-align: center; background: #8cc63f; color: #fff; font-size: 22px; font-weight: 600; padding: 10px 20px; border: 0; display: block; margin: 0 auto; margin-bottom: 50px; }
.page-id-830 .introtext a:hover { text-decoration: none; }

.acf-field-5e2084841d844 { display: none; }
.acf-field-5e2084a61d845 { display: none; }

.general-ctas .whatson-label { font-size: 10px; left: 4px; }
.general-ctas .whatson-item { padding: 5px; }

.page-id-172 .testimonial { border-bottom: 0; } 

.partnerbox.open-popup-link { cursor: pointer; }

.gridflex { display: flex; flex-wrap: wrap; margin: 0 -10px;  }
.flexitem { width: 25%; display: block; min-height: 1px; position: relative; padding: 0 10px; margin-bottom: 18px;   }


/* ▬▬▬▬ι════════════════ﺤ   ●▬▬▬▬▬▬▬▬▬▬๑۩۩๑▬▬▬▬▬▬▬▬▬▬▬●   -═══════════════ι▬▬▬▬ */
/* ▬▬▬▬ι═══════════════ﺤ       B R E A K P O I N T S       -═══════════════ι▬▬▬▬ */
/* ▬▬▬▬ι════════════════ﺤ   ●▬▬▬▬▬▬▬▬▬▬๑۩۩๑▬▬▬▬▬▬▬▬▬▬▬●   -═══════════════ι▬▬▬▬ */


@media (max-width:767px) {
    body { font-size: 14px; }
	/* TITLES */
	 .heromaintitle .htitle { font-size: 20px; }
    
    .heromaintitle { padding: 147px 0 102px 0; }
    .bigdate { font-size: 28px; }
    .gline-wrapper { height: auto; }
    .glook { margin-bottom: 7px; }
    .sss { width: 100%; }
    .sss .cell-2 { width: 100%; }
    .sss-wrapper { position: static; display: block; }
    .stbox dt {  font-size: 32px; }
    .stbox dd { font-size: 11px; }
    .elabel { font-size: 15px; }
    
    .introtext-wrapper,
    .exhibit-wrapper,
    .speakers-wrapper,
    .partners-wrapper,
    .join-wrapper,
    .partnerbox-wrapper { padding: 30px 0; }
    .stats-wrapper { padding: 15px 0; }
    
    .logo {  width: 234px; }
    .topnav,
    .mainav { display: none; }
    .hamburger-menu { display: inline-block; top: 25px; }
    .logo-wrapper {  top: 17px; left: 55px; }
    .header { min-height: 74px; }
    
    .aside-social { display: none; }
    .eventcountdown ul li { padding: 8px 14px; margin-right: 10px; }
    .smalldate { font-size: 11px; }
    .stats ul li { width: 50%; }
    .stbox { margin-bottom: 20px; }
	
    .ftr-contacts { margin-right: 0; width: 100%; float: none; margin-bottom: 20px;  }
    .ftr-right { display: block; float: none; text-align: left;  }
	
	.exhibit-wrapper { margin: 0; }
	.exhibit { padding: 0; }
	.row-static-carousel .exhibit { margin-bottom: 40px;  }
	.row-static-carousel { margin-bottom: 0 }

    ol.numbered-list-2 {
        -moz-column-count: 1;
        -moz-column-gap: 50px;
        -webkit-column-count: 1;
        -webkit-column-gap: 50px;
        column-count: 1;
        column-gap: 50px;
    }
    ol li {
      counter-increment: list;
      list-style-type: none;
      position: relative;
      padding: 10px 10px 10px 0px;
    }

    .content-wrapper p { padding: 0 30px; }
    .black-title span.title-span { font-size: 16px; }
    .green-title span.title-span { font-size: 16px; }
    .green-2-columns { margin-top: 30px; }

    .chart-image { width: 100%; }

    .popup-stand { position: initial; margin-top: 20px; width: 100%; }

    .popup-header img { width: 100%; }

    .mfp-arrow-left { left: -15px; }
    .mfp-arrow-right { right: -15px; }
    .bottom-button { left: 0; }
    .grid { padding: 20px; }

    .levels-list li { display: block; padding: 10px; text-align: left; }
    .cd-schedule__event a::before { display: block; }
    .masterclass-title { position: initial; padding: 9px; line-height: 30px; font-size: 12px; }
    .cd-schedule__event { width: 100%; height: 430px;; }
    .cd-schedule__group>ul { padding: 0; }
    .cd-schedule__top-info>span { margin-bottom: 0; padding:10px; }

    .event-image { width: 20%; }
    .event-text { width: 80%; }
    .js .cd-schedule { height: 100%; }
    .tabs li { margin: 0; }
    .content.masterclass { font-size: 12px; }

    .event-text p { position: relative; top: 18px;  }
    .time-stamp { display: inline-block; }

    .middle-images img.left-img { margin-bottom: 10px; }

    .contact-person { width: 100%; }
    .contact-people { padding: 0; }
    .gridflex { padding: 20px; }
    .flexitem { width: 50%; }
    .exhibitor-item { padding: 5px; }


} /* End of @media ----------------------------------------------------------------------------- */

/* https://css-tricks.com/snippets/css/orientation-lock/ */
@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) { } /* End of @media ----------------------------------------------------------------------------- */

/* SM - SECONDARY */
/* Old small -screen devices (tablets, 575px and up) : KEEP IT AFTER :  @media (max-width:767px) */
@media (max-width:575px) {}
/* @media ==================================================================================== */
@media (max-width:575px) and (orientation:landscape) {}
/* @media ==================================================================================== */
/* --------------------------------------------------------------------------------------------- */


/* MD */
/* Medium devices (tablets, 768px and up) */
@media (min-width:768px) and (max-width:991px) {
	body { font-size: 14px; }
	/* TITLES */
	.heromaintitle .htitle { font-size: 30px; }
    
    .heromaintitle { padding: 147px 0 102px 0; }
    .bigdate { font-size: 28px; }
    .gline-wrapper { height: auto; }
    .glook { margin-bottom: 7px; }
    .sss { width: 100%; }
    .sss .cell-2 { width: 100%; }
    .sss-wrapper { position: static; display: block; }
    .stbox dt {  font-size: 32px; }
    .stbox dd { font-size: 11px; }
    .elabel { font-size: 15px; }
    
    .introtext-wrapper,
    .exhibit-wrapper,
    .speakers-wrapper,
    .partners-wrapper,
    .join-wrapper,
    .partnerbox-wrapper { padding: 30px 0; }
    .stats-wrapper { padding: 15px 0; }
    
    .logo {  width: 270px; }
    .topnav,
    .mainav { display: none; }
    .hamburger-menu { display: inline-block; top: 25px; }
    .logo-wrapper {  top: 17px; left: 45px; }
    .header { min-height: 80px; }
    
    .cd-schedule__group>ul { padding: 0; }
    .cd-schedule__top-info>span { margin-bottom: 0; padding:10px; }     
    .masterclass-title { position: initial; padding: 9px; line-height: 30px; font-size: 12px; }
    
	  .cd-schedule__event { height: 350px; width: 90% !important; max-width: 100% !important;}
    .js .cd-schedule { height: 100%; }
    .cd-schedule__timeline { display: none; }
    .time-stamp { display: inline-block; }

    .contact-person { width: 50%; }
    .flexitem { width: 33.33%; }
    
} /* End of @media ----------------------------------------------------------------------------- */


/* The following codes are specifically for iPad (portrait and landscape): */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {} /* @media iPad Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
}
/* @media iPad Portrait  ==================================================================================== */

/* LG */
/* Large devices (desktops, 992px and up) */
@media (min-width:992px) and (max-width:1247px) {
    .container { width: 960px;  }
    .cd-schedule__group>ul { padding: 0; }
    .cd-schedule__top-info>span { margin-bottom: 0; padding:10px; }
    .masterclass-title { position: initial; padding: 10px; line-height: 30px; }
    .cd-schedule__timeline { display: none !important; }
    .js .cd-schedule { height: 1900px; }  
    .time-stamp { display: inline-block; }
	/* TITLES */
	

	
} /* End of @media ----------------------------------------------------------------------------- */

/* XL: 1280x1024 */
/* Extra large devices (large desktops, 1280 and up) */
@media (min-width:1248px) and (max-width: 1333px) {
} /* End of @media ----------------------------------------------------------------------------- */

/* 2XL: 1366 x 768 */
/* Extra large devices (large desktops, 1366px and up) */
@media (min-width:1334px) and (max-width: 1407px) {   
} /* End of @media ----------------------------------------------------------------------------- */


/* 3XL: 1440×900 */
/* Extra large devices (large desktops, 1440 and up) */
@media (min-width:1408px) and (max-width: 1879px) {  
} /* End of @media ----------------------------------------------------------------------------- */

/* SPECIAL OCCASIONS ONLY  */
@media (max-width:575px) {}
@media (min-width:576px) {}
@media (min-width:768px) {}
@media (min-width:992px) {}
@media (min-width:1248px) { /* DEFAULT 1200px  changed to 1248px */
	.container { width: 960px; }
	 
    
} /* End of @media ----------------------------------------------------------------------------- */
@media (min-width:1334px) {
	 
}
@media (min-width:1408px) {
	 
}
@media (min-width:1880px) { /* 1920×1080px AND UP  */
	 

} /* End of @media ----------------------------------------------------------------------------- */