/* 
 ----------------------------------------------------------------------

                                DEFAULT

----------------------------------------------------------------------
 */

html { height: 100%; box-sizing: border-box; }

*,
*:before,
*:after { box-sizing: inherit; }

body { width: 100%; padding: 0; margin: 0; font-family: 'Open Sans', sans-serif; }

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

button, input, optgroup, select, textarea { font-size: 80%; }

.blue-background { background-image: url(../images/dots-32square.png); background-repeat: repeat; background-color: rgb(17, 16, 59); }
.blue-background-solid { background-image: url(../images/dots-32square.png); background-repeat: repeat; background-color: rgb(17, 16, 59); width: 60%; margin: 40px auto 20px; }

.person-logo { width: 300px; }
.person-container { position: absolute; left: 0px; right: 0px; bottom: 198px; text-align: center; }

.Wrapper { position: relative; height: 60vh; overflow: hidden;}

.quote {  }
.quote p {color: #11103b; font-size: 20px!important;}
.quote img { width: 80px; }

.join-us { color:#fff; }
.join-us h1 { color:#fff!important; margin-top: 0px;}

#portfoliolist .portfolio { display:none; overflow:hidden; }

a.anchor { display: block; position: relative; top: -170px; visibility: hidden; }

.news-item { display: none; vertical-align:top; color: #000; width:100%;}

.news-txt { font-size: 20px;}

.disabled_logo { max-width: 160px; margin-top: 20px; }

.fireworks-class { position: absolute; left: 0px; width: 100%; }
.fireworks-class canvas { height:60vh!important; float: right; }

.active { background-color:#000; }

#clouds { position: absolute; }

.worldmap { margin-top:-50px;}

.footerAddress { float:right; text-align: right;  }
.footerAddress ul li:first-child  {    font-weight: bold;
    margin-bottom: 8px;
    font-size: 18px;
        width: 100%;
}
.address {  list-style-type:none; padding: 0px; }

.address li {     display: inline-block; }

/* ==========================================================================
   Video
   ========================================================================== */

   video { position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; }

   .video-yes { display: none; }

   .section { z-index:1; margin: 0 auto; overflow-y: scroll; text-align: center; position:absolute; top:26%; left: 0px; right: 0px; }

   .vertical-align { align-self: center; margin: 0 auto; }

   .tip { display: inline-block; width: 100%;color: #fff; font-family: 'Lato', sans-serif; margin-top: 16px; text-transform: uppercase; font-size: 10px; opacity: 0.5; }

   .container-section { width: 100%; background-color: #000; margin: 0 auto; padding: 20px 20px 0px 20px; }

   .container-section-homepage-width { width:550px; }
   .container-section-careers-width { width: 800px; }
   .container-section-event-portfolio-width { width: 700px; }
   .container-section-about-width { width: 750px; }
   .container-section-partners-supporters-width { width: 1000px; }
   .container-section-global-width { width: 700px; }
   .container-section-terms-width { width: 750px; }
   .container-section-privacy-width { width: 800px; }
   .container-section-news-width { width: 820px;}

   /* INTRODUCTION
   -------------------------------- */
   .introduction { overflow: hidden; transition: min-height 0.1s 1s ease, height 0.1s 1s ease; }
   .introduction.walk-away { min-height: 0; height: 0; }
   .introduction.walk-away .title-pre { animation: to-up 0.5s ease-in both; }
   .introduction.walk-away .title-ma { animation: to-up 0.5s 0.2s ease-in both; }
   .introduction.walk-away .anim-action { animation: to-up 0.5s 0.4s ease-in both; }
   .introduction .anim-action { animation: anim-action-introduction 1s 2.5s ease-in-out both; }
   .introduction [class^="title-"] { position: relative; overflow: hidden; display: inline-block; color: #fff; width: 100%; font-family: 'Lato', sans-serif; margin: 1vh 0; text-transform: uppercase; letter-spacing: 1vw; text-shadow: 1vw 1vw 1.5vw rgba(0,0,0,0.4); }
   .introduction [class^="title-"] span { display: inline-block; }

   /* Letter-spacing-anim ------------------------- */
   .letter-spacing-anim { animation: letter-spacing-enter 2.5s 0.4s cubic-bezier(0.09, 0.67, 0.41, 1.03) both; 
   /* @Keyframes */ }

   @-moz-keyframes letter-spacing-enter {
     0% {
       letter-spacing: 5vw;
       opacity: 0;
     }
     50% letter-spacing, 100% {
       opacity: 1;
       letter-spacing: 1vw;
     }
   }
   @-webkit-keyframes letter-spacing-enter {
     0% {
       letter-spacing: 5vw;
       opacity: 0;
     }
     50% letter-spacing, 100% {
       opacity: 1;
       letter-spacing: 1vw;
     }
   }
   @-o-keyframes letter-spacing-enter {
     0% {
       letter-spacing: 5vw;
       opacity: 0;
     }
     50% letter-spacing, 100% {
       opacity: 1;
       letter-spacing: 1vw;
     }
   }
   @keyframes letter-spacing-enter {
     0% {
       letter-spacing: 5vw;
       opacity: 0;
     }
     50% letter-spacing, 100% {
       opacity: 1;
       letter-spacing: 1vw;
     }
   }
   /* Overflow from down ------------------------- */
   .overflow-form-down { padding-bottom: 2rem; }
   .overflow-form-down span { font-size: 2rem; animation: overflow 2s 0.6s ease both;
   /* @Keyframes */
   }
   @-moz-keyframes overflow {
     0% {
       transform: translateY(200%);
     }
     100% {
       transform: translateY(0%);
     }
   }
   @-webkit-keyframes overflow {
     0% {
       transform: translateY(200%);
     }
     100% {
       transform: translateY(0%);
     }
   }
   @-o-keyframes overflow {
     0% {
       transform: translateY(200%);
     }
     100% {
       transform: translateY(0%);
     }
   }
   @keyframes overflow {
     0% {
       transform: translateY(200%);
     }
     100% {
       transform: translateY(0%);
     }
   }

/* ==========================================================================
   TABLE
   ========================================================================== */

.mobile_table_display { display: none; }

.panel { background-color: #11103b; padding:20px; box-shadow: none; }
.panel h2 { color: #fff; font-weight: normal; }
.panel legend { color:#fff; margin-bottom: 20px; }
.panel select { width: 100%; margin: 10px 0px; border-radius: 0px; }

.btn-group,
.list-group,
.list-group-item { width: 100%; }

.btn-group { margin: 0; padding: 0; border: 1px solid #fff; background: #eee; }
.btn-group .btn { text-align: left; display: block; float: left; padding: 10px 15px; margin: 0 !important; border: none; min-height: 38px; font-size: 22px; font-weight:bold; background-color: #fff; border-bottom: 1px solid #ddd; color: #11103b; }
.btn-group .btn:last-child { border-width: 0px; }

.is-checked { font-weight: 600; }

.list-group { top:40px!important; border-width: 0 !important; border-radius: 0 !important; box-shadow: none; }

.list-group-item { padding: 0; margin: 0; border-width: 0px 1px 0; border-radius: 0 !important; background-color: #fff; list-style-type:none; position: absolute!important; left:0px!important; }
.list-group-item span { display: block; float: left; padding: 10px 15px; border-color: #ddd; border-style: solid; border-width: 0 0px 1px 0; box-sizing: border-box; font-size: 16px; min-height: 45px; }
.list-group-item span:last-child { border-right-width: 0; }

.show {  /*   min-width: 100px; */ width: 25%; }

.city { /*   min-width: 120px; */ width: 20%; }

.Team { /*   min-width: 100px; */ width: 20%; }

.position { /*   min-width: 100px; */ width: 25%; }

.type { /*   min-width: 100px; */ width: 10%; }

.list-group-item .fa { color: #11103b; font-size: 24px; }

.btn-group .fa { color: #11103b; }

/* ==========================================================================
   LightBox
   ========================================================================== */

   .popup-wrap { width: 100%; height: 100%; display: none; position: fixed; top: 0px; left: 0px; content: ''; background: rgba(0, 0, 0, 0.85); z-index: 11; }

   .popup-box { padding: 50px 75px; transform: translate(-50%, -50%) scale(0.5); position: fixed; top: 50%; left: 50%; box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.5); border-radius: 3px; background: #000; text-align: center; z-index: 1; }
   .popup-box h2 { color: #b7b7b7; }
   .popup-box h3 { color: #888; }
   .popup-box ul li { text-align: left; list-style-type: none; color: #fff; }
   .popup-box ul { padding:0px; margin: 20px; }
   .popup-box .close-btn { width: 30px; height: 30px; display: inline-block; position: absolute; top: 10px; right: 10px; -webkit-transition: all ease 0.50s; transition: all ease 0.75s; border-radius: 1000px; background: rgb(17, 16, 59); font-weight: bold; text-decoration: none; color: #fff; line-height: 160%; padding-top: 2px; padding-left: 1px; }
   .popup-box .close-btn:hover { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
   .popup-box-address { display: inline-block; }

   .contact-wrap { width: 100%; height: 100%; display: none; position: fixed; top: 0px; left: 0px; content: ''; background: rgba(0, 0, 0, 0.85); z-index: 11; }

   .contact-box { padding: 50px 75px; transform: translate(-50%, -50%) scale(0.5); position: fixed; top: 50%; left: 50%; box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.5); border-radius: 3px; background: #000; text-align: center; z-index: 1; }
   .contact-box h2 { color: #b7b7b7; }
   .contact-box h3 { color: #888; }
   .contact-box ul li { text-align: left; list-style-type: none; color: #fff; }
   .contact-box ul { padding:0px; margin: 20px; }
   .contact-box .close-btn { width: 30px; height: 30px; display: inline-block; position: absolute; top: 10px; right: 10px; -webkit-transition: all ease 0.50s; transition: all ease 0.75s; border-radius: 1000px; background: rgb(17, 16, 59); font-weight: bold; text-decoration: none; color: #fff; line-height: 160%; padding-top: 2px; padding-left: 1px; }
   .contact-box .close-btn:hover { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
   .contact-box-address { display: inline-block; }

   .transform-in, .transform-out { display: block; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }
   .transform-in { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }
   .transform-out { -webkit-transform: translate(-50%, -50%) scale(0.5); transform: translate(-50%, -50%) scale(0.5); }

/* ==========================================================================
   CANVAS
   ========================================================================== */

  #space { height: 80vh; width: 100%; position: absolute; }

/* ==========================================================================
   Email Form
   ========================================================================== */

   .reappear { color: #fff; }
   .sponsorship-leftside { width: 50%;  display: inline-block; }
   
   .emailContactForm { font: 95% Arial, Helvetica, sans-serif; margin: 10px auto; padding: 16px; text-align: center; width: 100%; display: inline-block; vertical-align: top; }
   .emailContactLeftSide, .emailContactRightSide { width: 100%; display:inline-block; vertical-align: middle; }

   .emailContactForm input[type="text"], .emailContactForm input[type="date"], .emailContactForm input[type="datetime"], .emailContactForm input[type="email"], .emailContactForm input[type="number"], .emailContactForm input[type="search"], .emailContactForm input[type="time"], .emailContactForm input[type="url"], .emailContactForm textarea, .emailContactForm select 
   { -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; background: #fff; margin-bottom: 2%; border: 1px solid #ccc; padding: 1.8%; color: #555; font: 95% Arial, Helvetica, sans-serif; }

   .emailContactForm input[type="text"]:focus, .emailContactForm input[type="date"]:focus, .emailContactForm input[type="datetime"]:focus, .emailContactForm input[type="email"]:focus, .emailContactForm input[type="number"]:focus, .emailContactForm input[type="search"]:focus, .emailContactForm input[type="time"]:focus, .emailContactForm input[type="url"]:focus, .emailContactForm textarea:focus, .emailContactForm select:focus
   { box-shadow: 0 0 5px #135d9e; padding: 2%; border: 1px solid #135d9e; }

   .emailContactForm input[type="submit"], .emailContactForm input[type="button"]{ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; padding: 3%; background: #135d9e;  border-bottom: 2px solid #2267a2; border-top-style: none; border-right-style: none; border-left-style: none; color: #fff; }
   .emailContactForm input[type="submit"]:hover, .emailContactForm input[type="button"]:hover { background: #2577bf; border-bottom:2px solid #57a9f1; }
   
/* 
 ----------------------------------------------------------------------

                                CARD

----------------------------------------------------------------------
*/

.awards-container { width: 100%; height: 270px; position: relative; -webkit-perspective: 800px; -ms-perspective: 800px; perspective: 800px; border-radius: 4px; }

.card { width: 100%; height: 100%; position: absolute; -webkit-transform-style: preserve-3d; transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  border-radius: 6px; box-shadow: 0 6px 16px rgba(0,0,0,0.15); cursor: pointer; }

.card div { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius: 6px; background: #fff; text-align: center; font: 16px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; color: #47525d; }
.card .back { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }
.card.flipped { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

.front img { width: 100%; max-width: 120px; }

/* 
 ----------------------------------------------------------------------

                                BLOG

----------------------------------------------------------------------
*/

.blog-wrapper { background-color: #fff; }

.blog-image-full-page-container { height: 60vh; position: relative; }
.blog-image-full-page { width:100%; position: absolute; bottom: -300px; left: 0px; right: 0px;  }
.blog-image { width: 80%; }

.blogpage-imageholder { padding-left: 50px; text-align: center; }
.blog-portfolio-background { height: 60vh; text-align: center; margin: 0 auto; background: #000; }
.blog-portfolio-text { width: 635px; padding-left: 10%; padding-top: 200px; z-index:2;}

/* 
 ----------------------------------------------------------------------

                                ANIMATION

----------------------------------------------------------------------
 */


/*
.animation-element { opacity: 0; position: relative; }

    .animation-element.slide-left { opacity: 0; -moz-transition: all 500ms linear; -webkit-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; -moz-transform: translate3d(-100px, 0px, 0px); -webkit-transform: translate3d(-100px, 0px, 0px); -o-transform: translate(-100px, 0px); -ms-transform: translate(-100px, 0px); transform: translate3d(-100px, 0px, 0px); }

        .animation-element.slide-left.in-view { opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); }

*/

/* 
 ----------------------------------------------------------------------

                                DROPDOWN
----------------------------------------------------------------------
 */

 select { cursor: pointer; font-size:12px; border: 1px solid #e0e0e0; border-radius: 3px; padding: 0 5px; line-height: 36px;  height: 36px; box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.1); background: #fff; width: 250px; margin:20px 0px; }


/* 
 ----------------------------------------------------------------------

                                BUTTONS
----------------------------------------------------------------------
 */



.prysm-button { font-weight: 600; margin: 1%; border-radius: 5px; font-family: 'Open Sans', sans-serif; cursor: pointer; background: #fff; border: 2px solid #11103b; color: #11103b; !important; padding: 6px 11px !important; text-shadow: none; transition: color .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1); }
.prysm-button:hover {background: #11103b; border-color: #11103b; color: #fff !important; }
.prysm-button a { color: #11103b; text-decoration: none; }
.prysm-button:hover a { color: #fff; text-decoration: none; }

.careers-button { font-weight: 600; margin: 1%; border-radius: 5px; font-family: 'Open Sans', sans-serif; cursor: pointer; background: transparent; border: 2px solid #fff; color: #fff; !important; padding: 10px 15px !important; text-shadow: none; transition: color .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1); }
.careers-button:hover {background: #fff; border-color: #11103b; color: rgb(17, 16, 59) !important; }

.careers-button-white { color: rgb(17, 16, 59) !important; font-weight: 600; margin: 1%; border-radius: 5px; font-family: 'Open Sans', sans-serif; cursor: pointer; background: transparent; border: 2px solid #11103b; !important; padding: 10px 15px !important; text-shadow: none; transition: color .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1); }

.careers-button-white:hover {background: #11103b; border-color: #11103b; color: #fff !important; }

.first-button  { margin-left:0px; }
/* 
----------------------------------------------------------------------

                          JAVASCRIPT IMAGE GALLERY
----------------------------------------------------------------------
*/

section {  max-width: 800px; margin: 0 auto; font-size: 0; background: #fff;  }

div#javascript-gallery {  }

section img {  width: 100%; height: auto; padding:10px; }

figure { margin: 0;  }

div#javascript-gallery a { min-height: 52px; max-width:100px; float: left; opacity: .3; transition: .3s; }
div#javascript-gallery a:hover, div#javascript-gallery a:focus { opacity: 1; }

/* 
----------------------------------------------------------------------

                            SLIDER
----------------------------------------------------------------------
*/

.image-gallery-container { padding: 180px 0px!important; }

.slider { position: absolute; width: 100%; top: calc(50% - 97.25px); overflow: hidden; }

.slider .slider-row { width: 2547px; height: 300px; background-image: url(../images/slider.jpg); background-size: 2547px 300px; -webkit-animation: slide 50s linear infinite; animation: slide 50s linear infinite; }

@-webkit-keyframes slide {
  from {
    background-position-x: 0;
  }
  to {
    background-position-x: -2956px;
  }
}

@keyframes slide {
  from {
    background-position-x: 0;
  }
  to {
    background-position-x: -2956px;
  }
}


/* 
 ----------------------------------------------------------------------

                                YOUTUBE
----------------------------------------------------------------------
 */

.youtube { background-position: center; max-width: 500px; margin: 0 auto; background-size: cover; background-repeat: no-repeat; position: relative; display: block; overflow: hidden; -webkit-transition: all 200ms ease-out; transition: all 200ms ease-out; cursor: pointer; width: 100%; height: 275px; }
iframe { margin: 40px auto 0 auto; }
.youtube .play { position: absolute; height: 100%; width: 100%; opacity: .8; filter: alpha(opacity=80); -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.youtube .play:before { content: '\f144'; font-family: 'FontAwesome'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 100px; /* colour of button */ color: #11103b;  transition: ease-out .2s; }
.youtube .play:hover { opacity: 1; filter: alpha(opacity=100);}
.youtube .play:hover:before { /*hover colour*/ }

/* 
 ----------------------------------------------------------------------

                                FOOTER
----------------------------------------------------------------------
 */

footer { padding: 90px 10%; position: relative; width:100%; background-color: #000; color: #fff;}

.footer-nav-links { width:100%;  }
.footer-nav-links ul { min-width:150px; }
.footer-nav-links ul a { font-size:14px; color: #fff; text-decoration: none;  }
.footer-nav-links ul a:hover { text-decoration: underline; }
.footer-nav-links ul { float:left; padding: 0px; margin-right: 50px }
.footer-nav-links ul li { list-style-type: none; font-size: 14px; padding: 3px 0px; }
.footer-nav-links ul li:first-child { font-weight:bold; margin-bottom: 8px; font-size: 18px; }

/* 
 ----------------------------------------------------------------------

                                BLOG
----------------------------------------------------------------------
 */

.blog { text-align: left; border: 1px solid #dedede; vertical-align: top; }
.blog img { width: 100%; }
.blog_text_box { text-align: left; padding:20px; }
.blog_text_box h2 { margin:0px; font-size: 20px; }
.blog_text_box p { line-height: 18px; font-size: 12px; font-weight: normal; color: #505050;}

.read-more { color: #11103b; text-decoration: none; font-weight:bold; font-size: 14px; }

.flex-container { padding: 60px 10%; margin: 0; list-style: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; justify-content: space-around; }
.flex-item { border: 1px solid #e6e6e6; border-radius: 5px; width: 360px; margin-top: 10px; font-weight: bold; text-align: center; }
.flex-item img { width: 100%; height: 240px; }

/* 
 ----------------------------------------------------------------------

                                INDEX

----------------------------------------------------------------------
 */

 .homepage-square { padding: 0px 10%; background-color: #333333; color: #fff;}

 .homepage-square-blocks { cursor:pointer; float: left; text-align: center; padding: 20px 0px; }
 .homepage-square-blocks:hover { background-color: #050505; border: none; }
 .homepage-square-blocks h2 { font-size: 12px; width: 80%; margin: 0 auto;}
 .homepage-square-blocks > .fa { margin-bottom: 20px; font-size: 64px; }
 .homepage-square-blocks:hover > .fa { transform: scale(1.2); }

 .homepage-square-width { width: 25%; }
 .homepage-square-width img { width: 70px; margin-bottom: 20px; }

 .choose-square-width { width: 33%; }
 .choose-square-width img { width: 70px; margin-bottom: 20px; }

.homepage-square a { color: #fff; text-decoration: none; }

.padding-square-width { padding: 40px 0px; }
.padding-square-width:hover img { transform: scale(1.2); }

.event-square-blocks { width: 12.5%; height: 72px;}

 .homepage-100-percent { width:100%; padding: 60px 10%; float: left; position: relative; }
 .homepage-100-percent p { line-height: 20px;}
 
 .homepage-60-opposite { padding-left: 5%; }

 .homepage-60-percent { width: 60%; float:left; padding-right: 5%; }
 .homepage-60-percent h1 { margin-top: 0px; color:#11103b; line-height: 50px; }
 .homepage-60-percent p { font-size: 14px; }

 .homepage-60-percent ul li { line-height: 28px; }

 .homepage-50-percent { width:50%; float: left; position: relative; }
 .homepage-50-percent a { text-decoration: none;     color: #fff; }
 .homepage-50-percent h1 { margin-top: 0px; color:#11103b; line-height: 50px; }
 .homepage-50-percent p { font-size: 14px; }

 .homepage-40-percent { width: 40%; float:left; padding: 0px 40px; position: relative; }

 .homepage-20-percent { width: 20%; float:left; padding: 0px 40px; position: relative; }
 .homepage-20-percent img { max-height: 90px; }

.white-background { background-color: #fff; }

.blogpage-50-percent { width:50%; float: left; position: relative; }
.blogpage-50-percent a { text-decoration: none;     color: #11103b; }
.blogpage-50-percent h1 { margin-top: 0px; color:#11103b; line-height: 50px; }
.blogpage-50-percent p { font-size: 14px; }

 /* 
  ----------------------------------------------------------------------

                                 PARTNERS AND SUPPORTERS
 ----------------------------------------------------------------------
  */

.family-logo-image { width: 100%; max-width: 270px; margin-bottom: 40px; }

.family-next-show { text-align: right; margin-bottom: 50px; }
.family-next-show h1 { font-size:20px; }
.family-next-show h2 { font-size: 14px; }

.contact-container { margin: 0 auto; text-align: center; margin-top: 27px;  }
.contact-container h2 { color:#fff; display:inline-block; font-size: 14px; }
.contact-container i { display:inline-block; font-size: 40px; vertical-align: bottom; }
.contact-container img { width: 100%; min-width: 253px; max-width: 400px; }

.contact-image-2 { max-width: 253px;}
.contact-image-1 { max-width: 500px;}

/* 
 ----------------------------------------------------------------------

                                JOB
----------------------------------------------------------------------
 */

.career-details { margin-top: -10px; font-size: 24px; color: #000; font-weight: bold; line-height: 14px; margin-bottom: 30px; }
.career-details p { line-height: 14px; font-size: 18px; }
.career-bullets ul, li {  }

.job-info { text-align: center; }
.job-info h1 { color: #11103b; } 
.job-info h2 { color: #3d3b98!important; }
.job-description h2 { font-size: 14px;}

/* LEFT TO RIGHT */
.sliding-u-l-r { display: inline-block; cursor: pointer; }
.sliding-u-l-r a { text-decoration: none; color:#11103b }
.sliding-u-l-r a:link:active, .sliding-u-l-r a:visited:active { color: #11103b; }
.sliding-u-l-r:hover:after { width: 100%; background: #000; }

.career-video { width: 50%; float:right; padding:20px; margin-bottom: 40px; margin-left: 40px; }
 /* 
  ----------------------------------------------------------------------

                                 TWITTER
 ----------------------------------------------------------------------
  */

.homepage-twitter-timeline { padding: 0px 10%; margin-bottom: 40px; }

.twitterWrapper h2 { clear:both; }
.twitterWrapper p a { font-size:9pt; margin:10px 0 0 0; color:#3d3d3d; }
.twitterWrapper a:visited { color:#427fed; }
.twitterWrapper a:hover { color:#82afff; }

/*
 ul li { list-style:none; overflow:hidden; border:1px solid #dedede; margin:5px; padding:5px; }
 ul li:hover { background-color:#f0f3fb; }
*/

.user, .tweet, .timePosted { float:left; }

.tweets_description { width: 100%; margin: 0 auto; }

.twitterWrapper { padding: 0px 10px;}

.tweet { text-align: left; width:100%;  font-size: 14px; border-bottom: 1px solid #dedede; padding-bottom:10px; }
.tweet a { color: #33b9b9; font-size: 15px;}

.timePosted { max-width: 100px; text-align: left; margin-top: 0px; }
.timePosted a { color: #757575; text-decoration: none }

.user { clear:left; width: 100%; padding-top:10px; }
.user a { }
.user span span { width:100px; margin-top:10px; }
.user img, .user a > span { float:left; }

.interact { float:right; margin-top:0px; }
.interact i {  padding:0px 10px; color: #757575; }
.interact a { margin-left:5px; float:left; }

.user a > span { width: 160px; text-align: left; }
.user a > span:first-child { width: 30px; }
.user a > span:nth-child(2) { color: #484848; font-weight:bold; font-size: 14px; margin-left: 10px; }
.user a > span:nth-child(3) { color: #a0a0a0; margin-left: 10px; }
.user a > span img { width: 30px; height: 30px; }

.media img { width:100%; max-height: 200px; }

#linkage { position:fixed; top:0px; right:0px; background-color:#3d3d3d; color:#ffffff; text-decoration:none; padding:5px; width:10%; font-family:arial; }

.tco-hidden { display: none; }

#exampleProfile ul { padding: 20px 0%; margin: 0; list-style: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; justify-content: space-around; }
#exampleProfile ul li { width: 240px; margin-top: 10px; font-weight: bold; text-align: center; overflow: hidden; border: 2px #dedede solid; border-radius: 5px; }

/* 
----------------------------------------------------------------------

                        DEFAULT BACKGROUND

----------------------------------------------------------------------
*/

.career-business-background { background-image: url(../images/page-headers/careers/1.jpg);    background-position: center; }

.career-newyork-background { background-image: url(../images/page-headers/careers/newyork.jpg);    background-position: center; }

.family-background { background-image: url(../images/page-headers/show-headers/family-attraction/1.jpg);    background-position: center; }

.news-background { background-image: url(../images/page-headers/news/1.jpg);    background-position: center; }

.index-background { background-position: center; }

.about-background {  background-image: url(../images/page-headers/show-headers/about/1.jpg);    background-position: center; }

.why-choose-background {  background-image: url(../images/page-headers/why-choose/1.jpg);    background-position: center; }

.privacy-background { background-image: url(../images/page-headers/show-headers/privacy/1.jpg);    background-position: center; }

.awards-background {  background-color: #000;  }

.international-background { background-image: url(../images/page-headers/global_reach/1.jpg);    background-position: center; }

.partners-background { background-image: url(../images/page-headers/show-headers/partners_and_supporters/1.jpg);     background-position: center; }

.portfolio-background { background-size: cover; height: 60vh; min-height: 400px; }

.event-portfolio-background { background-image: url(../images/page-headers/portfolio/heading-2.jpg); background-position: center;}

.event-careers-background { background-image: url(../images/page-headers/careers/1.jpg); background-position: center;}

.event-portfolio-text { width: 635px; padding-left: 10%; padding-top: 200px; z-index: 2; position: absolute; }  

.event-portfolio-text h2 { padding: 10px; background-color: #11103b; color: #fff; font-weight: 900; text-transform: capitalize; font-size: 60px; font-weight: 300; line-height: 1.2; margin-top: 0; letter-spacing: 2px; }

.event-portfolio-text h4 { padding: 10px; background-color: #11103b; font-size: 22px; color: #fff; font-weight: bold; text-transform: uppercase; line-height: 1.2; }

.event-portfolio-square { background-color: white; margin: 20px; padding: 20px; min-height: 170px; position: relative; }
.event-portfolio-square img { max-height: 50px; max-width: 240px;}

.event-portfolio-square button { position: absolute; bottom: 40px; width: 200px; left: 0px; right: 0px; margin: 0 auto; }

.event-portfolio-image { border-bottom: 10px solid #11103b; background-size: cover; position: relative; background-color: rgba(0, 0, 0, 0.5); margin: 20px; padding: 20px; min-height: 240px; }

.smoothscroll-top { width: 180px; cursor:pointer; margin:0 auto; margin-top: -20px; margin-bottom: 30px; overflow:hidden; text-align:center; z-index:99; color:#11103b; border-radius:5px; transition:all .2s ease-in-out; transition-delay:.1s; }
.smoothscroll-top h1 { margin:0px;}

.smoothscroll-top:hover { transition:all .2s ease-in-out; transition-delay:0; }

.smoothscroll-top.show { cursor:pointer; opacity:1; bottom:25px; }

.smoothscroll-top i.fa { line-height:inherit; color: #11103b; padding-top: 10px; }
.smoothscroll-top:hover, i.fa:hover { transform: scale(1.4); }
.smoothscroll-top i.fa:hover { transform: scale(1); }

.bounce { display: inline-block; position: relative; -moz-animation: bounce 0.6s infinite linear; -o-animation: bounce 0.6s infinite linear; -webkit-animation: bounce 0.6s infinite linear; animation: bounce 0.6s infinite linear; colr:000; }

@-webkit-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}
@-moz-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}
@-o-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}
@-ms-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}
@keyframes bounce {
    0% { top: 0; }
    50% { top: -0.2em; }
    70% { top: -0.3em; }
    100% { top: 0; }
}

/* 
----------------------------------------------------------------------

                        IMAGE HOVER

----------------------------------------------------------------------
*/

.image-hover { }
.image-hover * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; }
.image-hover:before { position: absolute; top: 10px; bottom: 10px; left: 10px; right: 10px; top: 100%; content: ''; background-color: rgba(17, 16, 59, 0.8); -webkit-transition: all 0.25s ease; transition: all 0.25s ease; -webkit-transition-delay: 0.25s; transition-delay: 0.25s; }
.image-hover img { vertical-align: top; max-width: 100%; backface-visibility: hidden; }
.image-hover figcaption { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; align-items: center; display: flex; flex-direction: column; justify-content: center; }

.image-hover h3,
.image-hover h5 { color: #fff; margin: 0; opacity: 0; letter-spacing: 1px; }
.image-hover h3 { width: 80%; -webkit-transform: translateY(-100%); transform: translateY(-100%); text-transform: uppercase; font-weight: 400; -webkit-transition-delay: 0.05s; transition-delay: 0.05s; margin-bottom: 5px; }
.image-hover h5 {  font-weight: normal; background-color: #2d8c96; padding: 3px 10px; -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition-delay: 0s; transition-delay: 0s; }

.image-hover a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; }

.image-hover:hover:before,
.image-hover.hover:before { top: 10px; -webkit-transition-delay: 0s; transition-delay: 0s; }

.image-hover:hover h3, .image-hover.hover h3, .image-hover:hover h5, .image-hover.hover h5 { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
.image-hover:hover h3, .image-hover.hover h3 { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.image-hover:hover h5, .image-hover.hover h5 { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }

/* 
----------------------------------------------------------------------

                        AWARDS

----------------------------------------------------------------------
*/

.awards-trophys-container { min-height: 230px;; text-align: center;  }
.awards-trophys-container h2 { font-style: italic; font-size: 16px; color: #11103b; }
.awards-trophys-container h3 { font-size: 12px; }

/* 
----------------------------------------------------------------------

                        INTERNATIONAL

----------------------------------------------------------------------
*/
 .international-images img { width: 100%; }
 .grayscale img { width: 100%; 
 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale") /* Firefox 10+, Firefox on Android */
     filter: gray; /* IE6-9 */
     -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
      -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
 .grayscale:hover img {  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%); }

    /* 
----------------------------------------------------------------------

                        WHY CHOOSE US

----------------------------------------------------------------------
*/

.popup-box-choose1, .popup-box-choose2, .popup-box-choose3, .popup-box-choose4, .popup-box-choose5, .popup-box-choose6, .popup-box-choose7, .popup-box-choose8, .popup-box-choose9, .popup-box-choose10, .popup-box-choose11, .popup-box-choose12 { width: 90%; padding:10px 0px 0px 0px; top:40%; } 
.popup-wrap-choose1, .popup-wrap-choose2, .popup-wrap-choose3, .popup-wrap-choose4, .popup-wrap-choose5, .popup-wrap-choose6, .popup-wrap-choose7, .popup-wrap-choose8, .popup-wrap-choose9, .popup-wrap-choose10, .popup-wrap-choose11, .popup-wrap-choose12 { width: 100%; height: 100%; display: none; position: fixed; top: 0px; left: 0px; content: ''; background: rgba(0, 0, 0, 0.85); z-index: 11; }
.popup-box-choose1, .popup-box-choose2, .popup-box-choose3, .popup-box-choose4, .popup-box-choose5, .popup-box-choose6, .popup-box-choose7, .popup-box-choose8, .popup-box-choose9, .popup-box-choose10, .popup-box-choose11, .popup-box-choose12 { padding: 50px 75px; position: fixed; top: 50%; left: 50%; box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.5); border-radius: 3px; background: #000; color: #fff; z-index: 1; }
.popup-box-choose1 h2, .popup-box-choose2 h2, .popup-box-choose3 h2, .popup-box-choose4 h2, .popup-box-choose5 h2, .popup-box-choose6 h2, .popup-box-choose7 h2, .popup-box-choose8 h2, .popup-box-choose9 h2, .popup-box-choose10 h2, .popup-box-choose11 h2, .popup-box-choose12 h2  { color: #fff; }
.popup-box-choose1 h3, .popup-box-choose2 h3, .popup-box-choose3 h3, .popup-box-choose4 h3, .popup-box-choose5 h3, .popup-box-choose6 h3, .popup-box-choose7 h3, .popup-box-choose8 h3, .popup-box-choose9 h3, .popup-box-choose10 h3, .popup-box-choose11 h3, .popup-box-choose12 h3 { color: #888; }
.popup-box-choose1 ul li, .popup-box-choose2 ul li, .popup-box-choose3 ul li, .popup-box-choose4 ul li, .popup-box-choose5 ul li, .popup-box-choose6 ul li, .popup-box-choose7 ul li, .popup-box-choose8 ul li, .popup-box-choose9 ul li, .popup-box-choose10 ul li, .popup-box-choose11 ul li, .popup-box-choose12 ul li { text-align: left; color: #fff; }
.popup-box-choose1  ul, .popup-box-choose2 ul, .popup-box-choose3 ul, .popup-box-choose4 ul, .popup-box-choose5 ul, .popup-box-choose6 ul, .popup-box-choose7 ul, .popup-box-choose8 ul, .popup-box-choose9 ul, .popup-box-choose10 ul, .popup-box-choose11 ul, .popup-box-choose12 ul { padding:0px; margin: 20px; }
.popup-box-choose1 .close-btn, .popup-box-choose2 .close-btn, .popup-box-choose3 .close-btn, .popup-box-choose4 .close-btn, .popup-box-choose5 .close-btn, .popup-box-choose6 .close-btn, .popup-box-choose7 .close-btn, .popup-box-choose8 .close-btn, .popup-box-choose9 .close-btn, .popup-box-choose10 .close-btn, .popup-box-choose11 .close-btn, .popup-box-choose12 .close-btn { width: 30px; height: 30px; display: inline-block; position: absolute; top: 40px; right: 40px; -webkit-transition: all ease 0.50s; transition: all ease 0.75s; border-radius: 1000px; background: rgb(17, 16, 59); font-weight: bold; text-decoration: none; color: #fff; line-height: 160%; padding-top: 2px; padding-left: 1px; text-align: center; }
.popup-box-choose1 .close-btn:hover, .popup-box-choose2 .close-btn:hover, .popup-box-choose3 .close-btn:hover, .popup-box-choose4 .close-btn:hover, .popup-box-choose5 .close-btn:hover, .popup-box-choose6 .close-btn:hover, .popup-box-choose7 .close-btn:hover, .popup-box-choose8 .close-btn:hover, .popup-box-choose9 .close-btn:hover, .popup-box-choose10 .close-btn:hover, .popup-box-choose11 .close-btn:hover, .popup-box-choose12 .close-btn:hover { -webkit-transform: rotate(360deg); transform: rotate(360deg); }

.popup-text-box { float: left; display: inline-block; width: 50%; padding: 0 20px; } 
.popup-image-box { display: inline-block; width: 50%; padding: 0 20px; text-align: center; }
.popup-image-box img { max-width:250px; }

@media only screen and (max-width: 768px) {
  .mobile-display-none {display: none !important;}
  .popup-box-choose1, .popup-box-choose2, .popup-box-choose3, .popup-box-choose4, .popup-box-choose5, .popup-box-choose6, .popup-box-choose7, .popup-box-choose8, .popup-box-choose9, .popup-box-choose10, .popup-box-choose11, .popup-box-choose12 { padding: 20px 10px;  }
  .popup-text-box {  width: 100% !important;} 
  .popup-image-box { display: none !important; } 
}

/* 
----------------------------------------------------------------------

                        BACKGROUND IMAGES

----------------------------------------------------------------------
*/

.image-1 { background-image: url(../images/event-portfolio-thumbnails/b2b-marketing/1.jpg); }
.image-2 { background-image: url(../images/event-portfolio-thumbnails/going-global/1.jpg); }
.image-3 { background-image: url(../images/event-portfolio-thumbnails/fdi/1.jpg); }
.image-4 { background-image: url(../images/event-portfolio-thumbnails/b2b-marketing/1.jpg); }
.image-5 { background-image: url(../images/event-portfolio-thumbnails/b2c-marketing/1.jpg); }
.image-6 { background-image: url(../images/event-portfolio-thumbnails/mtex/1.jpg); }
.image-7 { background-image: url(../images/event-portfolio-thumbnails/sales-innovation/1.jpg); }
.image-8 { background-image: url(../images/event-portfolio-thumbnails/call-and-contact-center/1.jpg); }
.image-9 { background-image: url(../images/event-portfolio-thumbnails/legalex/1.jpg); }
.image-10 { background-image: url(../images/event-portfolio-thumbnails/legal-cyber-security/1.jpg); }
.image-11 { background-image: url(../images/event-portfolio-thumbnails/flood-expo/1.jpg); }
.image-12 { background-image: url(../images/event-portfolio-thumbnails/mcce/1.jpg); }
.image-13 { background-image: url(../images/event-portfolio-thumbnails/contamination/1.jpg); }
.image-14 { background-image: url(../images/event-portfolio-thumbnails/copa/1.jpg); }
.image-15 { background-image: url(../images/event-portfolio-thumbnails/elite-sports/1.jpg); }
.image-16 { background-image: url(../images/event-portfolio-thumbnails/neuro-convention/1.jpg); }
.image-17 { background-image: url(../images/event-portfolio-thumbnails/oncology-convention/1.jpg); }
.image-18 { background-image: url(../images/event-portfolio-thumbnails/imaging-convention/1.jpg); }
.image-19 { background-image: url(../images/event-portfolio-thumbnails/farm-business-innovation/1.jpg); }
.image-20 { background-image: url(../images/event-portfolio-thumbnails/country-house-innovation/1.jpg); }
.image-21 { background-image: url(../images/event-portfolio-thumbnails/family-attraction-expo/1.jpg); }
.image-22 { background-image: url(../images/event-portfolio-thumbnails/holiday-park-resort/1.jpg); }
.image-23 { background-image: url(../images/event-portfolio-thumbnails/destination-hotel/1.jpg); }
.image-24 { background-image: url(../images/event-portfolio-thumbnails/leisure-hospitality-tourism/1.jpg); }
.image-25 { background-image: url(../images/event-portfolio-thumbnails/takeaway-expo/1.jpg); }
.image-26 { background-image: url(../images/event-portfolio-thumbnails/restaurant-tech/1.jpg); }
.image-27 { background-image: url(../images/event-portfolio-thumbnails/coffee-shop/1.jpg); }
.image-28 { background-image: url(../images/event-portfolio-thumbnails/restaurant-design/1.jpg); }
.image-29 { background-image: url(../images/event-portfolio-thumbnails/restroom-design/1.jpg); }
.image-30 { background-image: url(../images/event-portfolio-thumbnails/hotel-tech/1.jpg); }
.image-31 { background-image: url(../images/event-portfolio-thumbnails/street-food-live/1.jpg); }
.image-32 { background-image: url(../images/event-portfolio-thumbnails/naidex/1.jpg); }
.image-33 { background-image: url(../images/event-portfolio-thumbnails/dementia-care-home/1.jpg); }
.image-34 { background-image: url(../images/event-portfolio-thumbnails/hotel-spa-design/1.jpg); }
.image-35 { background-image: url(../images/event-portfolio-thumbnails/rwm-exhibition/1.jpg); }
.image-36 { background-image: url(../images/event-portfolio-thumbnails/hotel-facilities-management/1.jpg); }
.image-37 { background-image: url(../images/event-portfolio-thumbnails/future-resource/1.jpg); }
.image-38 { background-image: url(../images/event-portfolio-thumbnails/hotel-360/1.jpg); }
.image-39 { background-image: url(../images/event-portfolio-thumbnails/international-drinks-expo/1.jpg); }
.image-40 { background-image: url(../images/event-portfolio-thumbnails/fasteners/1.jpg); }
.image-41 { background-image: url(../images/event-portfolio-thumbnails/leisure-fb/1.jpg); }
.image-42 { background-image: url(../images/event-portfolio-thumbnails/hospitality-design/1.jpg); }
.image-43 { background-image: url(../images/event-portfolio-thumbnails/smart-home/1.jpg); }

.image-tip-1 { background-image: url(../images/images-for-pages/exhibitor-tips/pre-show-image.jpg); }
.image-tip-2 { background-image: url(../images/images-for-pages/exhibitor-tips/at-the-show-image.jpg); }
.image-tip-3 { background-image: url(../images/images-for-pages/exhibitor-tips/post-show-image.jpg); }

/* 
 ----------------------------------------------------------------------

                                SLIDER

----------------------------------------------------------------------
 */

 /* Slider wrapper*/
 .css-slider-wrapper { display: block; background: #FFF; overflow: hidden; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }

 /* Slider */
 .slider { width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 1; z-index: 0; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; align-content: center; -webkit-transition: -webkit-transform 1600ms; transition: -webkit-transform 1600ms, transform 1600ms; -webkit-transform: scale(1); transform: scale(1); }

 /* Slides Background Image */

 .slide-1 { background-image: url(../images/page-headers/homepage/heading-1.jpg); background-size: cover; left: 0; }
 .slide-2 { background-image: url(../images/page-headers/homepage/heading-2.jpg); background-size: cover; left: 100% }
 .slide-3 { background-image: url(../images/page-headers/homepage/heading-3.jpg); background-size: cover; left: 200% }
 .slide-4 { background-image: url(../images/page-headers/homepage/heading-4.jpg); background-size: cover; left: 300%; }
 .slider { display: flex; justify-content: flex-start; }
 
 .slider-content { width: 635px; padding-left: 10%; }

 /* Slider Inner Slide Effect */
 .slider h2 { padding: 10px; background-color: #11103b; color: #fff; font-weight: 900; text-transform: capitalize; font-size: 60px; font-weight: 300; line-height: 1.2; opacity: 0; -webkit-transform: translateX(500px); transform: translateX(500px); margin-top: 0; letter-spacing: 2px; }

 .slider h4 { padding: 10px; background-color: #11103b; font-size: 22px; color: #fff; font-weight: bold; text-transform: uppercase; line-height: 1.2; opacity: 0; -webkit-transform: translateX(500px); transform: translateX(500px); }

 .slider > img { position: absolute; right: 10%; bottom: 0; height: 100%; opacity: 0; -webkit-transform: translateX(500px); transform: translateX(500px); }

 .slide-1 > img { right: 0; }

 .slider .buy-now-btn:focus,
 .navigation .login-btn:focus { outline: none; }

 /* Animations */
 .slider h2 { -webkit-transition: opacity 800ms, -webkit-transform 800ms; transition: transform 800ms, opacity 800ms; -webkit-transition-delay: 1s; /* Safari */ transition-delay: 1s; }
 .slider h4 { -webkit-transition: opacity 800ms, -webkit-transform 800ms; transition: transform 800ms, opacity 800ms; -webkit-transition-delay: 1.4s; /* Safari */ transition-delay: 1.4s; }
 .slider > img { -webkit-transition: opacity 800ms, -webkit-transform 800ms; transition: transform 800ms, opacity 800ms; -webkit-transition-delay: 1.2s; /* Safari */ transition-delay: 1.2s; }

 /* Number Pagination */
 .number-pagination { position: absolute; bottom: 30px; right: 10%; font-weight: bold; }
 .number-pagination span { font-size: 30px; color: #ea2e49; letter-spacing: 4px; }
 .number-pagination span:after { content: "/4"; font-size: 16px; color: #fff; }

 /* Slider Pagger */
 .slider-pagination { position: absolute; bottom: 30px; width: 575px; left: 10%; z-index: 1000; display: flex; align-items: center; }
 .slider-pagination label { width: 8px; height: 8px; border-radius: 50%; display: inline-block; background: #fff; margin: 0 10px; cursor: pointer; }

 /* Slider Pagger Event */
 .slide-radio1:checked ~ .slider-pagination .page1,
 .slide-radio2:checked ~ .slider-pagination .page2,
 .slide-radio3:checked ~ .slider-pagination .page3,
 .slide-radio4:checked ~ .slider-pagination .page4 { width: 14px; height: 14px; border: 2px solid #ea2e49; background: transparent; }

 /* Slider Slide Effect */
 .slide-radio1:checked ~ .slider { -webkit-transform: translateX(0%); transform: translateX(0%); }
 .slide-radio2:checked ~ .slider { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
 .slide-radio3:checked ~ .slider { -webkit-transform: translateX(-200%); transform: translateX(-200%); }
 .slide-radio4:checked ~ .slider { -webkit-transform: translateX(-300%); transform: translateX(-300%); }

 .slide-radio1:checked ~ .slide-1 h2,
 .slide-radio2:checked ~ .slide-2 h2,
 .slide-radio3:checked ~ .slide-3 h2,
 .slide-radio4:checked ~ .slide-4 h2,
 .slide-radio1:checked ~ .slide-1 h4,
 .slide-radio2:checked ~ .slide-2 h4,
 .slide-radio3:checked ~ .slide-3 h4,
 .slide-radio4:checked ~ .slide-4 h4,
 .slide-radio1:checked ~ .slide-1 > img,
 .slide-radio2:checked ~ .slide-2 > img,
 .slide-radio3:checked ~ .slide-3 > img,
 .slide-radio4:checked ~ .slide-4 > img { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 }

 /* Responsive */
 @media only screen and (max-width: 768px) {
   .slider h2 { font-size: 20px; }
   .slider h4 { font-size: 16px; }

   .event-portfolio-text h2 { font-size: 20px; }
   .event-portfolio-text h4 { font-size: 16px; }
   .event-portfolio-text { width: 100%; padding-right: 10%; }

   .slider-content { padding: 0 2% }

   .number-pagination { right: 2%; }
   .slider-pagination { left: 2%; }

   .slider > img { right: 2%; }
   .slide-1 > img { right: -110px; }
 }

/* 
 ----------------------------------------------------------------------

                                MENU

----------------------------------------------------------------------
 */
header {  background-image: url(../images/dots-32square.png); background-repeat:repeat; background-color: rgba(17, 16, 59, 0.75); width: 100%; position: fixed; z-index: 10; padding: 30px 10%; text-align: center; }

#navLogo { z-index: 1; display: inline-block; float:left;}
#navLogo img { width: 200px;}

.mobileSocialIcons { margin-top: 35px!important;}

.navSocialIcons { z-index: 1; display: inline-block; font-size: 20px; float: right; margin-top: 10px; }
.navSocialIcons img { width: 200px; }

.footerPrivacy { margin-top: 50px; padding:0px; }
.footerPrivacy ul { padding:0px; }
.footerPrivacy ul a { font-size: 14px; color: #fff; text-decoration: none; }
.footerPrivacy ul a:hover { text-decoration: underline; }
.footerPrivacy ul li { list-style-type: none; display:inline-block;}

.footerSocialIcons { float:right; margin-top: 20px; }

.fa { cursor:pointer; color: #fff; padding: 0px 6px; transition: all .2s ease-in-out;}
.fa:hover { transform: scale(2);  }

.fa-facebook:hover { color: #3B5998; }
.fa-twitter:hover { color: #0084b4; }
.fa-instagram:hover { color: #d8226b; }
.fa-linkedin:hover { color: #0077B5;  }
.fa-youtube:hover { color: #CC181E; }

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: inline-block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#cssmenu:after,
#cssmenu > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
#cssmenu #menu-button { display: none; }
#cssmenu { z-index: 1; display: inline-block; vertical-align: top; }
#cssmenu > ul > li { float: left; }
#cssmenu.align-center > ul { font-size: 0; text-align: center; }
#cssmenu.align-center > ul > li { display: inline-block; float: none; }
#cssmenu.align-center ul ul { text-align: left; }
#cssmenu.align-right > ul > li { float: right; }
#cssmenu > ul > li > a { padding: 17px; font-size: 12px; letter-spacing: 1px; text-decoration: none; color: #fff; font-weight: 700; text-transform: uppercase; }
#cssmenu > ul > li:hover > a { color: #ffffff; }
#cssmenu > ul > li.has-sub > a { padding-right: 30px; }
#cssmenu > ul > li.has-sub > a:active { background: rgba(0, 0, 0, 0.6);  }
#cssmenu > ul > li.has-sub > a:after { position: absolute; top: 22px; right: 11px; width: 8px; height: 2px; display: block; background: #dddddd; content: ''; }
#cssmenu > ul > li.has-sub > a:before { position: absolute; top: 19px; right: 14px; display: block; width: 2px; height: 8px; background: #dddddd; content: ''; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }
#cssmenu > ul > li.has-sub:hover > a:before { top: 23px; height: 0; }
#cssmenu ul ul { position: absolute; left: -9999px; top:46px; }
#cssmenu.align-right ul ul { text-align: right; }
#cssmenu ul ul li {  -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }
#cssmenu li:hover > ul { left: 0px; right: 0px; }
#cssmenu.align-right li:hover > ul { left: auto; right: 0; }
#cssmenu li:hover > ul > li {  }
#cssmenu ul ul ul { margin-left: 100%; top: 0; }
#cssmenu.align-right ul ul ul { margin-left: 0; margin-right: 100%; }
#cssmenu ul ul li a { border-bottom: 1px solid rgba(150, 150, 150, 0.15); padding: 11px 15px; width: 170px; font-size: 12px; text-decoration: none; color: #fff; font-weight: 400; background: rgba(0, 0, 0, 0.7) }
#cssmenu ul ul li a:hover { background: #11103b; }
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a { border-bottom: 0; }
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover { color: #ffffff; }
#cssmenu ul ul li.has-sub > a:after { position: absolute; top: 16px; right: 11px; width: 8px; height: 2px; display: block; background: #dddddd; content: ''; }
#cssmenu.align-right ul ul li.has-sub > a:after { right: auto; left: 11px; }
#cssmenu ul ul li.has-sub > a:before { position: absolute; top: 13px; right: 14px; display: block; width: 2px; height: 8px; background: #dddddd; content: ''; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }
#cssmenu.align-right ul ul li.has-sub > a:before { right: auto; left: 14px; }
#cssmenu ul ul > li.has-sub:hover > a:before { top: 17px; height: 0; }

#cssmenu ul li a,
#cssmenu ul li a:after,
#cssmenu ul li a:before { transition: all .5s; }

/* stroke */
.hoverEvents a { position: relative; }
.hoverEvents a:after { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 0%; content: '.'; color: transparent; background: #fff; height: 1px; }
.hoverEvents a:hover:after { width: 90%; }

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu ul ul { top: auto; }
  #cssmenu { width: 100%; }
  #cssmenu ul { width: 100%; display: none; }
  #cssmenu.align-center > ul { text-align: left; }
  #cssmenu ul li { width: 100%; border-top: 1px solid rgba(120, 120, 120, 0.2); }
  #cssmenu ul ul li,
  #cssmenu li:hover > ul > li { height: auto; }
  #cssmenu ul li a,
  #cssmenu ul ul li a { width: 100%; border-bottom: 0; }
  #cssmenu > ul > li { float: none; }
  #cssmenu ul ul li a { padding-left: 25px; }
  #cssmenu ul ul ul li a { padding-left: 35px; }
  #cssmenu ul ul li a { color: #dddddd; background: none; }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li.active > a { color: #ffffff; }
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu.align-right ul ul { position: relative; left: 0; width: 100%; margin: 0; text-align: left; }
  #cssmenu > ul > li.has-sub > a:after,
  #cssmenu > ul > li.has-sub > a:before,
  #cssmenu ul ul > li.has-sub > a:after,
  #cssmenu ul ul > li.has-sub > a:before { display: none; cursor: pointer; }
  #cssmenu #menu-button { display: block; padding: 17px; color: #dddddd; cursor: pointer; font-size: 12px; text-transform: uppercase; font-weight: 700; }
  #cssmenu #menu-button:after { position: absolute; top: 22px; right: 17px; display: block; height: 4px; width: 20px; border-top: 2px solid #dddddd; border-bottom: 2px solid #dddddd; content: ''; padding:2px; }
  #cssmenu #menu-button:before { position: absolute; top: 16px; right: 17px; display: block; height: 2px; width: 20px; background: #dddddd; content: ''; }
  #cssmenu #menu-button.menu-opened:after { top: 23px; padding:0px; border: 0; height: 2px; width: 15px; background: #ffffff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
  #cssmenu #menu-button.menu-opened:before { top: 23px; background: #ffffff; width: 15px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
  #cssmenu .submenu-button { position: absolute; z-index: 99; right: 0; top: 0; display: block; border-left: 1px solid rgba(120, 120, 120, 0.2); height: 46px; width: 46px; cursor: pointer; }
  #cssmenu .submenu-button.submenu-opened { background: #262626; }
  #cssmenu ul ul .submenu-button { height: 34px;  width: 34px; }
  #cssmenu .submenu-button:after { position: absolute; top: 22px; right: 19px; width: 8px; height: 2px; display: block; background: #dddddd; content: ''; }
  #cssmenu ul ul .submenu-button:after { top: 15px; right: 13px; }
  #cssmenu .submenu-button.submenu-opened:after { background: #ffffff; }
  #cssmenu .submenu-button:before { position: absolute; top: 19px; right: 22px; display: block; width: 2px; height: 8px; background: #dddddd; content: ''; }
  #cssmenu ul ul .submenu-button:before { top: 12px; right: 16px; }
  #cssmenu .submenu-button.submenu-opened:before { display: none; }
}

.worldmap { width: 100%; }

/* 
 ----------------------------------------------------------------------

                                HOMEPAGE BLOG

----------------------------------------------------------------------
 */

 .homepage-blogTitle { width: 100%; text-align: center; padding: 0px 10%; margin-bottom: 170px; background-color: #fff; }


 .homepage-blog-h1 { width:30%; float:left; color:#11103b;}
 .homepage-blog-h1 h1 { font-weight: normal; font-size: 28px; }

 .homepage-border1 { margin-top: 35px; width: 35%; float:left; border: 1px dotted #000; }
 .homepage-border2 { margin-top: 35px; width: 35%; float:left; border: 1px dotted #000; }

 .homepage-blog-background {  padding-top: 60px;   padding-bottom: 80px; background-image: url(../images/dots-32square.png); background-repeat: repeat; background-color: rgb(17, 16, 59); }

 .homepage-blog-30 { width: 33.1%; display:inline-block; vertical-align: top; text-align: center; }
.homepage-blog-fix { max-width: 360px }

 .homepage-blog-wrapper { padding: 30px 10%; text-align: center; }
 .homepage-blog-wrapper-fix { text-align: center; }

 .home-blog-square { background-color: white; margin: 10px 20px 0px 20px; padding: 20px; min-height: 178px; }
 .home-blog-square h2 { font-size: 14px; }

 .home-blog-square-image { position: relative; margin-top: -180px;  }
.home-blog-square-image img { width: 100%; height: 240px; padding: 20px 20px 0px 20px;}
 .home-blog-square-image-text { z-index: 1; text-align: center; background-color: #11103b; position: absolute; bottom: 0px; width: 50%; left: 0px; right: 0px; margin: 0 auto;  }
 .home-blog-square-image-text h2 { color: #fff; font-size: 14px; }

 .news-video { margin-top: -115px; }

.portfolio { max-width: 370px;}
/* 
 ----------------------------------------------------------------------

                                MOBILE

----------------------------------------------------------------------
 */

 @media only screen and (max-width: 1550px) {
 .footer-nav-links ul { margin-right: 20px; }
 .footer-nav-links ul { min-width:100px; }
}

 @media only screen and (max-width: 1500px) {
	.homepage-blog-30 { width: 33%;  }
	.homepage-blog-fix { max-width: 300px; }
	#space { display: none; }

	.portfolio-background { height: 80vh; }
  .fireworks-class canvas { height:80vh!important;}
  .Wrapper { height:80vh; }
}

@media only screen and (max-width: 1440px) {
  .Team { max-width:130px; }
  .show  { min-width: 290px; }
  .city { max-width: 130px; min-width: 140px;}
  .position {     min-width: 260px; }
  .homepage-100-percent { padding: 60px 5%; }
}

@media only screen and (max-width: 1260px) {
  .mobileSocialIcons {display:none;}
}

@media only screen and (max-width: 1250px) {
  .navSocialIcons { float: none; margin: 0px; }
  
  #cssmenu { width: 100%; }
  #navLogo { float: none;}
  .footer-nav-links { float: left;}
  .homepage-60-percent { width: 100%; text-align: center; margin-bottom: 20px; }
  .homepage-40-percent { width: 100%; text-align: center; padding:0px; }
  .person-logo { display: none;}
  .homepage-50-percent { text-align: center; margin-bottom: 40px; }
  .blogpage-50-percent { text-align: center; margin-bottom: 40px; }
  .home-blog-square-image { margin-top:0px; }
  .news-video { margin-top: 20px; } 
  .family-next-show { text-align: left; }
  .popup-box { width: 90%; padding:10px 0px 0px 0px; top:40%; } 
    .worldmap { display: none; }
}

@media only screen and (max-width: 1000px) {
  .homepage-blog-30 {  }
}

.global-images-mobile-show { display: none; }

@media only screen and (max-width: 1000px) {
  .footerAddress { float:left; }

  .homepage-square-blocks { width: 50%; }
  .homepage-blog-30 { width: 100%; }
  .home-blog-square-image { margin-top: auto;}
  .news-video { margin-top: 35px; }
  .homepage-blog-background { padding: 40px 0px;}
  .homepage-blogTitle { margin-bottom: 140px; }
  .homepage-border1 { width: 25%; }
  .homepage-border2 { width: 25%; }
  .homepage-blog-h1 { width: 50%; }
  .homepage-60-percent h1 { font-size: 24px; line-height:initial; }

  .homepage-100-percent { float: none;}
  .homepage-50-percent { width: 100%;}
  .homepage-20-percent { width: 50%; }
  .blogpage-50-percent { width: 100%;}
  #no-mobile { display: none; }
  .global-images-mobile-fix { display: none; }
  .global-images-mobile-show { display: block;}
  .global-margin-fix { padding-bottom: 0px; }
  .contact-box { padding: 0px; width: 80%}
  .video-none { display: none;}
  .video-yes { display: block;}
  .container-section { width: 100%;}

  .table_display_none { display: none; }
  .mobile_table_display { display: block; margin:0 auto; }

  .portfolio-background { height: 80vh; }
  .fireworks-class canvas { height:80vh!important; float: right; }
  .Wrapper { height:80vh; }
  .blog-image-full-page-container { height: 80vh; }
  .blog-portfolio-background { height: 80vh; }
  .section { top: 30%; }

  .blog-image-full-page { position: absolute; bottom: 0px;  }

  .blog-image { width: 100%; }
  .blogpage-imageholder { padding:0px; }
}

@media only screen and (max-width: 800px) {
	.homepage-blog-30 { width: 100%; max-width:500px;  }
	}

@media only screen and (max-width: 500px) {
  .footer-nav-links ul { width: 100%; height: auto;}
  .footerSocialIcons { float:left; }
  #exampleProfile ul { margin:0px; padding:0px;}
}

@media screen and (orientation:landscape) and (min-device-width: 319px) and (max-device-width: 800px) {
  header { padding: 10px 10%; }
  .navSocialIcons { display: none; }
  #navLogo { position: absolute; left:0px right:0px; margin: 0 auto; }
  #cssmenu #menu-button { color: rgba(255, 255, 255, 0); }
}