/*|| General CSS Reset */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

/*html, body, div, span, applet, object, iframe,*/
/*h1, h2, h3, h4, h5, h6, p, blockquote, pre,*/
/*a, abbr, acronym, address, big, cite, code,*/
/*del, dfn, em, img, ins, kbd, q, s, samp,*/
/*small, strike, strong, sub, sup, tt, var,*/
/*b, u, i, center,*/
/*dl, dt, dd, ol, ul, li,*/
/*fieldset, form, label, legend,*/
/*table, caption, tbody, tfoot, thead, tr, th, td,*/
/*article, aside, canvas, details, embed, */
/*figure, figcaption, footer, header, hgroup, */
/*menu, nav, output, ruby, section, summary,*/
/*time, mark, audio, video {*/
/*	margin: 0;*/
/*	padding: 0;*/
/*	border: 0;*/
/*	font-size: 100%;*/
/*	font: inherit;*/
/*	vertical-align: baseline;*/
/*}*/
/* HTML5 display-role reset for older browsers */
/*article, aside, details, figcaption, figure, */
/*footer, header, hgroup, menu, nav, section {*/
/*	display: block;*/
/*}*/
/*body {*/
/*	line-height: 1;*/
/*}*/
/*ol, ul {*/
/*	list-style: none;*/
/*}*/
/*blockquote, q {*/
/*	quotes: none;*/
/*}*/
/*blockquote:before, blockquote:after,*/
/*q:before, q:after {*/
/*	content: '';*/
/*	content: none;*/
/*}*/
/*table {*/
/*	border-collapse: collapse;*/
/*	border-spacing: 0;*/
/*}*/
/* end of General CSS Reset */


/* || General styles */

.roboto, body.theme-font-roboto, body.theme-font-roboto .nav-link {
    font-family: 'Roboto Condensed', Arial, sans-serif;
}


.section{
    padding:60px 0;
}
p{
    font-family:'Open Sans', Arial, sans-serif;
    font-size:16px;
    margin-bottom:1rem;
    line-height:1.6;

}
ul {
        font-family:'Open Sans', Arial, sans-serif;

}
a{
    
color: #2186B9;

    text-align: center;
    font-family: Open Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

}
body{
    
     color:#fff;
     background: var(--0-c-3354, #0C3354);
}
html, body {
  overflow-x: hidden;
}
html{
    scroll-padding-top:250px;
}
body {
  position: relative
}
  /* Extra small devices (phones, less than 768px) */
 h1 {
	font-size:1.6rem;
	font-weight:700;
	
}
    h2{
        font-size:1.5rem;
        color:#ff5144;
        	font-weight:700;

    }
    h3{
        font-size:1.2rem;
        	font-weight:700;

    }
    h4{
        font-size:1.1rem;
        	font-weight:700;

    }
    h5{
        font-size:1rem;
    }
    h6{
        font-size:.05rem;
    }
  
  /* Small devices (tablets, 768px and up) */
  @media screen and  (min-width: 768px) {
        h1{
        font-size:2.6rem;
        font-weight:700;
    }
    h2{
        font-size:2.3rem;
    }
    h3{
        font-size:1.8rem;
    }
    h4{
        font-size:1.3rem;
    }
    h5{
        font-size:.8rem;
    }
    h6{
        font-size:.1rem;
    }
  
  }

  /* Medium devices (desktops, 992px and up) */
  @media screen and (min-width: 992px) {
        h1{
        font-size:2.8rem;
        font-weight:700;
    }
    h2{
        font-size:2.3rem;
    }
    h3{
        font-size:1.8rem;
    }
    h4{
        font-size:1.3rem;
    }
    h5{
        font-size:.3rem;
    }
 
  
  }

  /* Large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px) {
    h1{
        font-size:48px;
        font-weight:700;
    }
    h2{
        font-size:36px;
    }
    h3{
        font-size:32px;
    }
    h4{
        font-size:24px;
    }
    h5{
        font-size:16px;
    }
    h6{
        font-size:12px;
    }
  
}
/*  end of General styles */

/*|| Utilities */
.ifma-modern-blue{
    color: #0E3352;
}
.ifma-grey{
    color:#2E2827;

}


@media screen and (min-width:1200px){
    .sticky{
    position:sticky;
    position:-webkit-sticky;
    top:200px;
}
.sticky-100{
    position:sticky;
    position:-webkit-sticky;
    top: 100px;
}

}

.btn, .secondary-btn{
    font-family:'Roboto Condensed', Arial, sans-serif;
    display: inline-block;
    moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    border-radius: 25px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    padding: 14px 32px 14px 32px;
    text-align: center;
    border: 2px solid #FF4D44;
    text-transform:uppercase;
    min-width:225px;

}
.btn-block{
    display:block;
}
a.white-link:after{
    content:url('https://facilityfusion.ifma.org/media/tjnhwl1k/arrow-1.svg');
    margin-left: 10px;
    vertical-align: middle;
    position: absolute;
}
.white-link:hover:after {
  transform: translateX(10px);
  -webkit-transition: transform 0.2s;
  -moz-transition: transform 0.2s;
  -o-transition: ttransform 0.2s;
  transition: transform 0.2s;

}

.white-link
  {
    font-family: 'Open Sans', Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0em;
  color:#fff;
  position: relative;
  }
   .white-link:hover
  {
  color:#fff;

  }
  a.red-link:after {
    content: url('/media/5qgdsxpw/blue-arrow.svg');
    margin-left: 10px;
    vertical-align: middle;
    position: absolute;
}

.red-link:hover:after {
  transform: translateX(10px);
  -webkit-transition: transform 0.2s;
  -moz-transition: transform 0.2s;
  -o-transition: ttransform 0.2s;
  transition: transform 0.2s;

}
.red-link
  {
    font-family: 'Open Sans', Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0em;
  color:#4DC0E8;
  position: relative;
  }
   .red-link:hover
  {
  color:#4DC0E8;

  }
.btn.btn-white{
    border-color:#fff;
    background:transparent;
}
.nav-event-info .btn{
    min-width:none;
}
.btn:hover{
    background:#FCAA39;
    border-color:#FCAA39;
    color:#fff;
}
.container-fluid{
    padding-right:0;
    padding-left:0;
}
.secondary-btn:hover{
    background:#FF4D44;
    border-color:#FF4D44;
    color:#fff;
    text-decoration:none;
}
.btn:active, .secondary-btn:active{
    background:#FD7E3E;
    border-color:#FD7E3E;
}
.uppercase{
    text-transform:uppercase;
}
     
/* end of Utilities */
.cta-banner{
    margin-bottom:-60px;
    
}
@media screen and (min-width:1000px){
#cta-banner-macro{
    text-align:left;
}}
/* || Header and Main Navigation */


.main-nav .dropdown-menu  h6.title {
    color: #0E3345;
    font-size: 16px;
    padding-left: 12px;
    padding-top:18px;
    font-weight: 800;
    text-decoration:underline;
}
#header{
    padding-left:15px;
    padding-right:15px;
    padding-bottom:20px;
  
}

#header .dropdown-menu
{
	background-color: #FFF;
	border:1px solid #fff;
	border-radius: 0;
	box-shadow: none;
	color: #16181b;
	left: 0;
	margin-left: -40px;
	min-width: 280px;
	o-transition: color 0.2s ease;
	/*padding: 32px 0 0;*/
	padding:0;
	position: absolute;
	text-decoration: none;
	top: 100%;
	transition: color 0.2s ease;
	webkit-box-shadow: none;
	webkit-transition: color 0.2s ease;
	z-index: 1000;
}
#header .dropdown-menu.border-dropdown{
    border:1px solid #0E3345;
    box-shadow: 0px 4px 4px 0px #0a253333;
    border-radius: 4px;
}

#header .dropdown-menu .dropdown-item
{
	color: #0E3345;
	o-transition: color 0.15s ease, background 0.15s ease, border 0.15s ease, opacity 0.15s ease;
	transition: color 0.15s ease, background 0.15s ease, border 0.15s ease, opacity 0.15s ease;
	webkit-transition: color 0.15s ease, background 0.15s ease, border 0.15s ease, opacity 0.15s ease;
}
#header .dropdown-item:focus, #header .dropdown-item:hover
{
	/*background-color: rgba(243, 245, 246, 0.1);*/
	/*color: #5190b1;*/
	background-color: #0E3352;
	color: #fff;
	text-decoration: none;
}
.header--fixed .nav-link {
    color: #0E3345 !important;
}
.dropdown-item  
{	border-color: transparent;
	border-style: solid;
	border-width: 0 0 2px;
	color: #ffffff;
	cursor: pointer;
	font-family: 'Roboto Condensed', Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
	padding: 15px 40px;
	text-transform: uppercase;
}
.header
{
	background: #fff;
}
.logo{
    padding-left:0px;
}
.nav-event-container.desktop.nav-blue-seperator::before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 1px;
    border-color: #0A2533;
    display: block;
    width: 0;
    z-index: 1;
    margin-left: -15px;
    top: 23px;
    left: -15px;
    height: 68px;
}
.mobile-nav .dropdown-item
{
	border-color: transparent;
	border-style: solid;
	border-width: 0 0 2px;
	color: #212529;
	cursor: pointer;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.26em;
	line-height: 1.1;
	padding: 15px 40px;
	text-transform: uppercase;
}
.mobile-nav--open
{
	background: #f5f5f5;
	height: 100vh;
	opacity: 1;
}
.nav-event-container
{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
}
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0;
        font-size:16px;
        letter-spacing:0;
        margin-left:10px;
        margin-right:10px
        
    }
.main-nav.navbar-nav{
}
.dropdown-item {
    font-size:16px;
}
#header .nav-bar{
    padding:0;
    margin-left:auto;
    margin-right:auto;
}
.nav-item .nav-link
{
	border-color: transparent;
	border-style: solid;
	border-width: 0 0 2px;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	o-transition: color 0.15s ease, background 0.15s ease, border 0.15s ease, opacity 0.15s ease;
	padding: 7px 0;
	text-transform: uppercase;
	transition: color 0.15s ease, background 0.15s ease, border 0.15s ease, opacity 0.15s ease;
	webkit-transition: color 0.15s ease, background 0.15s ease, border 0.15s ease, opacity 0.15s ease;
}
.nav-event-button-container .btn,.nav-event-button-container .secondary-btn{
    min-width:auto;
    padding:10px 20px;
}
@media all and (min-width: 992px)
{
	.navbar .dropdown-menu.fade-down
	{
		top: 80%;
		transform: rotateX(-75deg);
		transform-origin: 0% 0%;
	}
	.navbar .dropdown-menu.fade-up
	{
		top: 180%;
	}
	.navbar .nav-item .dropdown-menu
	{
		display: block;
		margin-top: 0;
		opacity: 0;
		transition: .5s;
		visibility: hidden;
	}
	.navbar .nav-item:hover .dropdown-menu
	{
		opacity: 1;
		top: 100%;
		transform: rotateX(0deg);
		transition: .5s;
		visibility: visible;
	}
	.navbar .subnav-menu .nav-item .dropdown-menu
	{
		display: block;
		margin-top: 0;
		opacity: 0;
		transition: .2s;
		visibility: hidden;
	}
}
body.frontpage .header:not(.header--fixed) .nav-link
{
	o-transition: color 0.15s ease, background 0.15s ease, border 0.15s ease, opacity 0.15s ease;
	transition: color 0.15s ease, background 0.15s ease, border 0.15s ease, opacity 0.15s ease;
	webkit-transition: color 0.15s ease, background 0.15s ease, border 0.15s ease, opacity 0.15s ease;
}
body.frontpage .header:not(.header--fixed) .nav-link
{
	o-transition: color 0.15s ease, background 0.15s ease, border 0.15s ease, opacity 0.15s ease;
	transition: color 0.15s ease, background 0.15s ease, border 0.15s ease, opacity 0.15s ease;
	webkit-transition: color 0.15s ease, background 0.15s ease, border 0.15s ease, opacity 0.15s ease;
}
body.frontpage .header:not(.header--fixed) .nav-link
{
	color: #0E3345;
}
body.frontpage .header:not(.header--fixed) .nav-link:hover, .header--fixed .nav-link--active, .header--fixed .nav-link:hover
{
	border-bottom-color: #5190b1!important;
	color: #5190b1!important;
}
body.frontpage .header:not(.header--fixed) .nav-link:hover, .header--fixed .nav-link--active, .header--fixed .nav-link:hover
{
	border-bottom-color: #5190b1!important;
	color: #5190b1!important;
}
.nav-event-info{
    margin-bottom:15px;
}
.nav-event-date,.nav-event-location{
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 19px;
letter-spacing: 0em;
text-align: center;

}
.nav-event-date{
    margin-right:15px;
}
.nav-event-location{
    text-transform:uppercase;
}

/*.nav-blue-seperator::after{*/
/*    position:absolute;*/
/*    content:url(https://devworldworkplace.ifma.org/media/ah1f3ypm/nav-blue-seperator.svg);*/
/*    left:-20%;*/
/*    top:30%;*/
    
/*}*/
.logo-image {
    max-width: 194px;
    max-height: 110px;
    height: auto;
    margin-left:0;
    display: block
}

.nav-event-container.desktop{
    display:none;
}

.mobile-nav .nav-event-info{
    display:none;
}

.mobile-nav .nav-event-container{
    margin-top:30px;
}
.nav-link--home{
    margin:0;
}
body.frontpage .header:not(.header--fixed) .hamburger span, body.frontpage .header:not(.header--fixed) .hamburger span:after, body.frontpage .header:not(.header--fixed) .hamburger span:before {
    background-color: #0E3345;
}
  #header.header--fixed{
        margin-top:0;
        border-radius:0;
    }
@media screen and (min-width:992px){
.nav-event-button-container{
    display:flex;
    column-gap:15px;
}
  #header{
     max-width:1320px;
     width:90%;
     left:0;
     right:0;
     margin-left:auto;
     margin-right:auto;
     margin-top:65px;
     border-radius:16px;
    }
    #header.header--fixed{
        margin-top:0;
        border-radius:16px;
    }
    .logo-image {
    max-width: 120px;
    max-height: 110px;;
    height: auto;
    margin-left: 0px;
    display: block;
}

.mobile-nav-handler {
    display: none;
}
    .nav-event-container.desktop{
    display:flex;
}
}
@media screen and (max-width:992px){
.nav-bar {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: flex-start;
    margin-top:30px;
}
 .header .nav-bar {
        display:flex;
    }
}

@media screen and (min-width:1092px){
    .logo-image {
    max-width: 210px;
    max-height: 110px;;
    height: auto;
    margin-left: 0px;
    display: block;
}

}
@media screen and (min-width:1389px){
    
  
}
@media screen and (min-width:1518px){
    .logo-image {
    max-width: 267px;
    max-height: 110px;;
    height: auto;
    margin-left: 0px;
    display: block;
}
}
/*  end of Header and Main Navigation */
/* || Footer */
#ifma-footer{
    padding:60px 0 ;
}
#ifma-footer .container{
    padding:0 30px;
}
.footer-statement{
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    text-align: left;
    margin-bottom:20px;
}

.footer-logo{
    max-width:133px;
    max-height:42px;
    margin-bottom:20px;
}
h6.footer-parent{
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom:15px;
    text-transform:uppercase;

}
.footer-links{
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom:15px;

}
.footer-links:nth-last-of-type(1){
    margin-bottom:30px;
}
.footer-links a, .bottom-footer-links a{
    color:#fff;

}
.footer-links a:hover{
    text-decoration:underline;
}
.footer-top{
    padding:20px 0 30px 0;
    border-bottom:2px solid #fff;
}
.bottom-footer-links{
    display:inline-block;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 75px;
    letter-spacing: 0em;
    text-align: left;
    color:#fff;

}

.footer-bottom{
    margin-top:15px;
}
#copyright{
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 75px;
    letter-spacing: 0em;
    text-align: left;
    

}
.social-links{
    text-align:center;
    margin:20px 5px;
  
}
.social-links a {
    color:#0E3352;
    height: 30px;
    width: 30px;
    background: #fff;
    border-radius: 100%;
    display: block;
    border:1px solid #fff;

}
.social-links a:hover{
    color:#fff;
    background:transparent;
    border:1px solid #fff;
}
    

.social-links a span{
    line-height:29px;
}

/*  end of footer */
/*Hero stuff */

.ifma-hero-slide {
    /* Use "linear-gradient" to add a darken background effect to his will make the text easier to read */
    background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("/media/5q2bs5is/homepage_hero.png");
    /* Position and center the image to scale nicely on all screens */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    position: relative;
    padding: 60px 0;
    min-height:514px;
    overflow:hidden;
    
}


    .home-hero .ifma-hero-slide::before {
        display:none;
       content: '';
    position: absolute;
    bottom: calc(60% - 400px);
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-size: 100% 100%;
    background-image: url(https://worldworkplace.ifma.org/media/rkxheg12/clouds.svg);
    background-repeat: no-repeat;

}

.ifma-hero-slide .col-lg-12{
  opacity:0;
  transform: translateY(50px);
  animation: .7s slidefade .7s forwards;
}

@keyframes slidefade{
  100%{
    opacity:1;
    transform: translateY(0px);

  }
}
.hero-title,
.hero-details,
.hero-extra {
    color: #fff;
    padding-bottom: 30px;
}

.hero-title {
       font-family: 'Roboto', Arial, sans-serif;
    font-size: clamp(25px,3.7vw,65px);
    font-style: normal;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0em;
    text-align: left;
}

.hero-button-container .button {
    margin-right: 1em;
    margin-bottom:1em;
}

.hero-extra {
    padding-top: 1em;
    font-family: 'Open Sans' ,Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    
   
}

.hero-details {
    font-family: 'Open Sans',Arial, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0em;
    text-align: left;
    line-height: 30px;
    max-width: 75%;

}

.secondary-button, .red-banner-button {
    background: #fff;
    padding: 8px 15px;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    border: 2px solid #FF4546;
    min-width: 136px;
    cursor: pointer;
    color: #FF4546;
    font-weight: 600;
    text-transform: none;
    text-decoration: none;
}

.secondary-button:hover,.red-banner-button:hover {
    background: #FF4546;
    color: #fff;
    border: 2px solid #FF4546;
    text-decoration: none;
}


.home-headline-img {
   display:none;
}
@media screen and (min-width:800px){
.home-headline-img {
    display:block;
    position: absolute;
    right: -14%;
    top: -9%;
    width: 308px;
}}
@media screen and (min-width:1000px){
.home-headline-img{
    position:absolute;
    right:0%;
    top:-9%;
    width:auto;
     display:block;

}}
@media screen and (min-width:1600px){
.home-headline-img{
     display:block;
    position:absolute;
    right:-20%;
    top:-9%;

}}
/*.home-headline-img:hover {*/
  /* Start the shake animation and make the animation last for 0.5 seconds */
/*  animation: shake 1s;*/

  /* When the animation is finished, start again */
/*  animation-iteration-count: infinite;*/
/*}*/

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

.home-hero .hero-details{
    font-family: Open Sans;
    font-size: 24px;
    font-weight: 400;
    line-height: 33px;
    letter-spacing: 0em;
    text-align: left;
    margin-top:12px;
    margin-left:8px;
    margin-bottom:48px;
    color:#0E3345;
    max-width:80%;

}
.home-hero .hero-title{
    display:none;
}

.home-hero .hero-tag{
    font-family: Roboto Condensed;
    font-size: 60px;
    font-weight: 700;;
    line-height:1;
    color:#0A2533;
    text-transform:uppercase;

}
.home-hero .hero-tag span{
    font-family: Roboto Condensed;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 0em;
    line-height:35.07px;
    text-transform:uppercase;


}

.home-hero .hero-button-container{
    text-align:center;
}

.home-hero .hero-button-container .btn{
    margin-bottom:10px;
}
@media screen and (min-width:600px){
.home-hero .hero-tag{
    font-family: Roboto Condensed;
    font-size: 96px;
    font-weight: 700;
    letter-spacing: 0em;
    line-height:84.18px;
    color:#0A2533;
    text-transform:uppercase;

}
.home-hero .hero-button-container .btn{
    margin-right:10px;
    margin-bottom:0;
}
}
.floating { 
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
}

.floating-cloud{
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
 
}
.floating-cloud2{
    animation-name: floating2;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
 
}

.home-headline-img.floating:hover {
    animation-play-state: paused
    
}
@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 9px); }
    100%   { transform: translate(0, -0px); }   
}
@keyframes floating2 {
    0% { transform: translate(0,  9px); }
    50%  { transform: translate(0, 0px); }
    100%   { transform: translate(0, 9px); }   
}
/*.zoom{*/
/*    animation: zoom 2s ease-out 1 normal;*/
    
/*}*/


/*@keyframes zoom{*/
/*    0%{*/
/*        transform:scale(0) translatey(1000px);*/
        
/*    }*/
    
/*    10%{*/
/*        transform:scale(0.1) translatey(90px);*/
/*    }*/
/*    20%{*/
/*        transform:scale(0.2) translatey(80px);*/
/*    }*/
/*    30%{*/
/*        transform:scale(0.3) translatey(60px);*/
/*    }*/
/*    40%{*/
/*        transform:scale(0.4) translatey(60px);*/
/*    }*/
/*    50%{*/
/*        transform:scale(0.5) translatey(50px);*/
/*    }*/
/*    60%{*/
/*        transform:scale(0.6) translatey(40px);*/
/*    } */
/*    70%{*/
/*        transform:scale(0.7) translatey(30px);*/
/*    }*/
/*    80%{*/
/*        transform:scale(0.8) translateypx(20px);*/
/*    }*/
/*    90%{*/
/*        transform:scale(0.9) translatey(10px);*/
/*    }*/
/*    100%{*/
/*        transform:scale(1) translatey(0px);*/
/*    }*/
/*}*/
@media screen and (min-width: 300px) and (max-width: 767px)
{.ifma-hero-slide {
    min-height: 400px;
}
}
.hero-optional-image{
    position:absolute;
    right:-10%;
    bottom:-35%;
    z-index:2;
    max-width:300px;
}
@media screen and (min-width:1000px){
    .hero-optional-image{
    position:absolute;
    right:-10%;
    bottom:-35%;
    z-index:2;
     max-width:300px;
     display:block;
}
}
@media screen and (min-width:1440px){
    .hero-optional-image{
    position:absolute;
    right:-15%;
    bottom:-35%;
    z-index:2;
    max-width:100%;
    display:block;
}
}
/*end of Hero

/**About Section Component**/
.about-section{
 padding: 30px 0 40px 0;
background:  linear-gradient(180deg, #4A8E97 0%, #A1D6DD 100%);
    overflow: hidden;

}
.about-section-bg-img{
    position:absolute;
    bottom:-6%;
    right:0%;
    
    
    
}

@media screen and (min-width:992px){
    .about-section-bg-img{
    position:absolute;
    bottom:-8%;
    right:0%;
    
    
}
}
.about-section p, .about-section h1 {
    color:#fff;
}
.about-section h1{
        max-width: 490px;
}
.about-section-stamp{
    display:none;
    position:absolute;
    max-width:349px;
    bottom:-30%;
    right:0;
}


/*** end of About Section Component**/
/**Video Section Component**/

        .video-section{
    padding:60px 0;
}
.home-video-container{
    max-width: 875px;
    width: 100%;
    margin:0 auto;
}
.video-frame{
    visibility:hidden;
    position:absolute;
    top:-17%;
    left:0;
    right:0;
    width:100%;
}


.homeVideoLeftImg{
    display:none;
    position:absolute;
    left:-20%;
    top:-30%;
    max-width:468px;
}
@media screen and (min-width:510px){
        .video-section{
    padding:60px;
}
.home-video-container{
    max-width: 875px;
    width: 80%;
    margin:0 auto;
    
}
.video-frame{
    visibility:visible;
    position:absolute;
    top:-17%;
    left:0;
    right:0;
    width:100%;
    display:none;
}

}
/*** end of Video Section Component**/

/**** Image Card***/


.image-card-image{
    height:auto; 
    max-width:197px;
    
}
.image-card-title{
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    margin-top:1.5rem;
    margin-bottom:1rem;
    margin-left:auto;
    margin-right:auto;

}



/******** end of image card *****/

/********* two button ******/

#two-buttons .btn{
     margin-right: 0;
     margin-bottom:10px;

}

.button-flex{
        display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 12px;
    column-gap:40px;
}
.two-button-image-background {
    position: absolute;
    top: -138px;
    left: 0;
    width: 500px;
    z-index: -1;
    display:none;
  
}
@media screen and (min-width:1000px){
    #two-buttons .btn{
     margin-right:1.5rem;
     margin-bottom:0px;
    }
    .two-button-image-background{
    position: absolute;
    top: -138px;
    left: 20px;
    width: 500px;
    z-index: -1;
    display:none;
}
}
/***end of two button****/
/********** Stat Scroller****/
.stat-container{
    text-align:center;
    padding:60px 0;
   
}
.stat-number{
    font-family: Roboto;
    font-size: 96px;
    font-style: normal;
    font-weight: 900;
    line-height: 113px;
    letter-spacing: 0em;
    color: #0E3352;
    text-align: left;

}

.stat-type{
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 21px;
    letter-spacing: 0.225em;
    text-align: center;
    color: #0E3352;

}

#stat-scroller .splide__arrow--next {
    right: 1em;
}
#stat-scroller .splide__arrow, .splide__pagination {
    display: none!important;
}
 #stat-scroller .splide__slide.is-visible.is-prev{
    opacity:0.5;
     transition: opacity 0.1s;
}

#stat-scroller .splide__slide.is-visible.is-next{
      opacity:0.8;
       transition: opacity 0.1s;
 }
 
#stat-scroller .splide__slide.is-visible.is-active{
     opacity:1;
      transition: opacity 0.1s;
 }
 
 #stat-scroller  .splide__slide.is-visible{
      opacity:0.3;
       transition: opacity 0.1s;
  }
#stat-scroller  .splide__slide{
      opacity:0.1;
       transition: opacity 0.1s;
  }
 



/***** end of stat scroller*****/


/****cta-with graphic****/
.cta-subtitle{
    font-family: Open Sans;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: 0.06em;
    text-align: left;
    margin-bottom:0;
    color: #2086B9;
    text-transform:uppercase;
    padding-top:15px;
   

}
.cta-title{
    font-family: Roboto;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color:#0E3352;
    margin:20px 0;

}

.cta-link{
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.5px;
    text-align: left;
    color:#2186B9;

}

.cta-info{
        display: flex;
    flex-direction: column;
    justify-content: center;
}
.cta-link{
    position:relative;
}
.cta-link:after{
    content:url("/media/kfqbwwfc/arrow-1.svg");
    margin-left:10px;
    vertical-align:middle;
    position:absolute;
}
.cta-link:hover:after {
    transform: translateX(10px);
    -webkit-transition: transform 0.2s;
    -moz-transition: transform 0.2s;
    -o-transition: ttransform 0.2s;
    transition: transform 0.2s;
}
/*** end of cta-with graphic***/

/***sponsor slider widget***/
#premier-partner .splide__slide {
    display: flex;
    justify-content: center;
    align-items: center;
}
.premier-sponsor-list{
    display:flex;
    justify-content:center;
    align-items:center;
    padding:0;
    flex-wrap:wrap;
}
#participating-partner button, #premier-partner button {
    background:#FCB14A;
}

#participating-partner .splide__arrow svg, #premier-partner .splide__arrow svg  {
    fill: #fff;
    height: 1.2em;
    width: 1.2em;
}
.sponsor-header{
    /*margin-top:15px;*/
    font-family: Open Sans;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 0em;
    text-align: center;

}




/****end of sponsor slider widget****/
/*** register today widget***/
#register-today{
    background: radial-gradient(48.19% 62.06% at 59.58% 54.15%, #1178B3 0%, #1D6B91 24.24%, #0A2533 100%);

}
.register-today-info {
    display:flex;
    flex-direction:column;
    justify-content:center;
    width: 100%;
    height: 100%;
    padding:2rem 0;
}
.register-today-info .secondary-btn{
    margin-bottom:15px;
}
.register-today-info h5{
    font-family: Open Sans;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: 0.06em;
    text-align: left;
    text-transform:uppercase;
    color: #71B484;

    
}
.register-today-info h2{
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 0em;
    text-align: left;
    color:#fff;
    max-width:450px;

}

#register-today img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: right;
}
.register-today-info p{
    color:#fff;
}
/***** end of register today widget***/
/*** update form****/
#update-form h2{
font-family: Open Sans;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 42px;
letter-spacing: 0em;
text-align: left;
margin:90px 0 60px 0;
position:relative;
}
#update-form h2::after{
   content:url("https://worldworkplace.ifma.org/media/bdzhho4q/get-updates.png");
   position:absolute;
   left:-15px;
   bottom:0;
}
input#email-594609f8-a2c1-4282-bea2-36c7eb0f64f3 {
    padding: 1.5rem 2rem;
    width: 100%;
    position:relative;
}
.hs-button {
      display: inline-block;
    moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    border-radius: 25px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    padding: 14px 32px 14px 32px;
    text-align: center;
    border: 2px solid #2186B9;
    text-transform: uppercase;
    min-width: 125px;
    background: #2186B9;
    
}
#update-form{
    background:#F6F6F6;
    position:relative;
    z-index:1;
}
#update-form::after{
    content:url('https://worldworkplace.ifma.org/media/bl1adasm/cloud-update-form.png');
    position:absolute;
    bottom:-8px;
    right:0;
    z-index:-1;
}
#update-form form{
    position:relative;
}
#update-form .hbspt-form{
    margin:60px 0;
}
#update-form .hs-submit {
    position: absolute;
    right: 26px;
    bottom: 12%;
}
#update-form .hs-error-msgs{
    position: absolute;
    bottom: -60px;

}
#label-email-594609f8-a2c1-4282-bea2-36c7eb0f64f3 span{
    display:none;
    
    
}

#hero-form{
    position:relative;
}
#hero-form .hs_submit.hs-submit{
    position:absolute;
    right:12px;
    bottom:10%;
    
}
@media screen and (min-width:300px) and (max-width:800px){
    .red-hero-border, .divider-guitar, .divider-star img{
    width:100%;
}
}
/**end of upadte form***/
/*****Explore links****/
#explore-links{
   position:relative;
   margin:0px 0 60px 0;
}
.explore-links-overlay{
    width:100%;
    height:100%;
    position:absolute;
    background-color:#F6F6F6;
    z-index:-2;
}
#explore-links .container{
    position:relative;
    padding-top:60px;
    padding-bottom:60px;
}
.explore-links-container{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;

}
.explore-links{
    padding:20px 0;
   
}


.explore-header{
  font-family: Open Sans;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;


}
.explore-background-image{
    position:absolute;
    left: -19%;
    bottom: -42%;;
    z-index:-1;
    display:none;
}

/****end of explore links***/
/**** Hero Form****/

#email-6a38a3a0-9a7d-4e58-8fc9-34239bca5749{
    padding: 1rem 2rem;
    width: 100%;
    position: relative;
}

/***end of hero form***/

/****price card****/

.expo-activities-widget{
    display:flex;
    flex-wrap:wrap;
    column-gap:31px;
    row-gap:56px;
    
}
.ff-price-card-title{
     color: #0B3353;
    font-family: "Roboto Condensed";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom:3px;
    margin-top:30px;


}
.ff-price-card-title-small{
      font-family: 'Open Sans';
    font-size: 20px;
    font-style: normal;
     color: #0E3352;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom:3px;
    margin-top:30px;

}

.ff-price-card-price{
font-family: 'Open Sans';
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 25px;
letter-spacing: 0px;
text-align: left;
color: #782020;
margin-bottom:6px;

}

.ff-price-card-summary{
}
.ff-price-card-icon {
    /* position: absolute; */
    /* left: -20px; */
    float: left;
    margin-right: 10px;
}
@media screen and (min-width:776px){
 .ff-price-card-container-v2{
   flex: 1 0 40%;  
}  

}
@media screen and (min-width:992px){
 .ff-price-card-container-v2{
   flex: 1 0 31.33%;  
}  

}
@media screen and (min-width:600px){

.ff-price-card-icon{
    position:absolute;
    left:-20px;
}
}

.ff-price-card-icon-v2{
    width:100%;

}
.ff-price-card-title-v2{
color: #0B3353;
font-family: "Roboto Condensed";
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-top:16px;
margin-bottom:12px;
}
.ff-price-card-price-v2{
font-family: Open Sans;
font-size: 14px;
font-weight: 700;
line-height: 25px;
letter-spacing: 0px;
text-align: left;
color:#A9D9B7;

}
/*** end of price card****/


.starHeader::before{
    content:url("/media/xjyfnddx/star_blue_1-1.png");
    margin-right:5px;
    vertical-align: bottom;    
}
.starHeader::after{
    content:url("/media/chmh4pgw/star-blue_2-1.png");
    margin-left:5px;
    vertical-align: bottom;
}


.divider-star{
    text-align:center;
    position:relative;
    height:30px;
    margin:60px 0;
}

.divider-star img{
    max-width:100%;
}

.divider-star::before{
    content:url('/media/uqdeehhk/star_1.png');
    position:absolute;
    right:0;
    top:-250px;
    z-index:-2;
}
.divider-star.reverse::before {
    content: url(/media/uqdeehhk/star_1.png);
    position: absolute;
    left: -87%;
    top: -250px;
    z-index: -2;
}
.divider-guitar{
    text-align:center;
    position:relative;
    height:30px;
    over-flow:visible;
    margin:60px 0;
}


.divider-guitar::before{
    content:url('/media/jasfy3dp/guitar-1.png');
    position:absolute;
    right: 0;
    top: -300px;
    z-index:-2;
}
@media screen and (min-width:1600px){
    .divider-guitar::before {
    content: url(/media/jasfy3dp/guitar-1.png);
    position: absolute;
    right: -160px;
    top: -300px;
    z-index: -2;
}
.hotelblob::after{
    content:url("/media/15lbnerm/clip-path-group.png");
    bottom:-60%;
    right:-1%;
    position:absolute;
}
}

/****meet-stat****/
#meet-stat{
    display:flex;
    justify-content:center;
    column-gap:60px;
    margin:60px 0;
    flex-wrap:wrap;
}


#meet-stat .meet-stat-container h3{
    font-family: Roboto;
    font-size: 30px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 0em;
    color:#fff;
    text-align:center;
    text-transform:uppercase;


}.meet-stat-divider{
  display:none;
}
#meet-stat .meet-stat-container{
    margin:30px 0;
}
#meet-stat .meet-stat-container h1 {
    font-family: Roboto;
    font-size: clamp(60px,3.7vw,96px);
    font-weight: 900;
    line-height: 113px;
    letter-spacing: 0em;
    color: #fff;
    text-align: center;
    margin: 0;
}
@media screen and (min-width:1000px){
    #meet-stat{
    display:flex;
    justify-content:center;
    column-gap:60px;
    margin:60px 0;
    flex-wrap:wrap;
}

    .meet-stat-divider{
    background:#FF5742;
    width:2px;
    display:block;
}
}

/***** end of meet stat****/
/**expo team**/
.contact-team{
    background:#fff!important;
       position: relative;
    z-index: 1;
}
.contact-team:after{
    position:absolute;
    content:'';
    left:0;
    right:0;
    background:#0E3352;
    opacity:.5;
    height:100%;
    width:100%;
    bottom:0;
    z-index:-1;
}
.contact-team:before{

    content: '';
    background-image: url(https://worldworkplace.ifma.org/media/a4vngl2y/clouds-left.svg);
    width: 100%;
    position: absolute;
    bottom: 0px;
    height: 474px;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;

    
}
#contact-team-banner{
      display: flex;
    justify-content: center;
    align-items: center;
    max-width: 800px;
    margin: 30px auto;
    padding:30px 15px;
     flex-wrap: wrap;

}
.contact-team-banner-header{
    flex:1 0 60%;
    max-width:379px;
}
.expo-team-container{
    display:flex;
    flex-direction:column;
    align-items:center;
    margin-right:15px;
    margin-top:32px;
    
}
.expo-team-name{
color: var(--neutral-ui-50, #FAFAFA);
text-align: center;
font-family: Open Sans;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 16px; /* 133.333% */
letter-spacing: 3px;
text-transform: uppercase;
}

.sub-page-summary{
    color:#fff;
    position:relative;
    max-width:635px;
 
}
@media screen and (min-width:992px){
  #contact-team-banner{  flex-wrap: nowrap;}
  .expo-team-container{margin-top:0;}
}
.sub-page-header{
    position:relative;
    display:inline-block;
    margin-bottom:12px;
}
/*.sub-page-header::before{*/
/*    content:url("/media/ovak25kf/group-511-1.png");*/
/*    position:absolute;*/
/*    top:-100%;*/
/*    left: 50%;*/
/*    transform: translate(-50%, 1px);*/
    
/*}*/
.welcome-stamp-header{
    display:none;
}


@media screen and (min-width:1000px){
    .welcome-stamp-header {
    position: absolute;
    right: 13%;
    bottom:0;
    top:0;
    display: block;
}
}
/***end of expo team***/
/****who you meet list ****/

.who-you-meet-list{
    display: flex;
    justify-content: space-evenly;
    list-style: none;
    align-items:center;
    flex-wrap:wrap;
    column-gap:10px;
}
.who-you-meet-list li {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: center;
    color:#FCAA39;
    text-transform:uppercase;
    margin:10px 10px;
}
  .who-you-meet-list  .dot{
      display:none;
  }
@media screen and (min-width:1000px){
  .who-you-meet-list  .dot{
      display:block;
  }
}
/*** ennd of who you meet list***/
/***sub page header****/
#subpage-header{
    background: linear-gradient(180deg, #A1D6DD 0%, #4A8E97 100%);
    height:256px;
    position:relative;
    overflow:hidden;
}

.subpage-background-overlay{
      position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: -43px;
    content: '';
    background-image: url(https://worldworkplace.ifma.org/media/13dj3gf1/skyline.png);
    /*background-image:url(https://worldworkplace.ifma.org/media/esdfqcvt/skyline-header-1.png);*/
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

@media screen and (min-width:1000px){
  #subpage-header{
    background: linear-gradient(180deg, #A1D6DD 0%, #4A8E97 100%);
    height:256px;
    position:relative;
    overflow:hidden;
}

.subpage-background-overlay{
    position: absolute;
    width: 70%;
    height: 100%;
    right: 0;
    bottom: -43px;
    content: '';
    background-image: url(https://worldworkplace.ifma.org/media/13dj3gf1/skyline.png);
    /*background-image:url(https://worldworkplace.ifma.org/media/esdfqcvt/skyline-header-1.png);*/
    background-repeat: no-repeat;
    background-size: 100% 100%;
    
}  
    .mountains-header{
        position: absolute;
        bottom: -40px;
        right: 0;
        z-index:1;
}
}
/******end of subpage header***/
/*****erc******/

#erc-login{
    background: #F6F6F6;
    margin:32px 0 72px 0;
   box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.24);
   width:100%;

}
.erc-login-container{
    display:flex;
    justify-content:space-evenly;
    padding:30px 20px 20px 20px;

}
.erc-login-container h5{
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: 0.06em;
    text-align: left;
    color: #6F9499;

}

.erc-login-container h4{
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #0E3345;


}

.erc-left{
    flex: 1 0 30%;
}
.erc-right{
    flex:1 0 70%;
}

.exhibitor-ul{
  /*   columns: 2;*/
  /*-webkit-columns: 2;*/
  /*-moz-columns: 2;*/
}
.e-schedule-widget{
    margin-bottom:32px;
}
.e-schedule-widget, .e-onsite-widget, .additional-resource-container {
    display:flex;
    flex-direction:column;
    background:#F6F6F6;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.24);
    padding:1em;
    /*margin:60px 0;*/
    /*margin-bottom:32px;*/
}
.additional-resource-container {
    margin:30px 0
}
.additional-resources-list{
    list-style:none;
    padding-left:30px;
}
.star-eBp{
    display:flex;
    justify-content:space-between;
}
.star-eBp::before{
    content:url('/media/vr2g3bbq/star_blue_1-2.png');
    
}
.additional-resources-list li{
    padding-left:none;
}
.additional-resource-container{
    
}
@media (min-width: 576px){
.exhibit-schedule-widget-container .container .row .col-md-4 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
}
@media (min-width: 992px){
.exhibit-schedule-widget-container .container .row .col-md-4 {
     width: 33.333333%;
     -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
}

.e-onsite-widget{
        padding-left: 42px;
    padding-right:42px;
    padding-bottom:38px;
    padding-top:31px;
}

.e-schedule-details {
    display:flex;
    height:136px;
}
.e-onsite-details {
    display: flex;

}
.e-schedule-title, .e-onsite-title, .additional-resource-title{
    font-family: Open Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color:#6F9499;
    text-transform:uppercase;

}
.e-schedule-icon{
    /*margin-top:76px;*/
    margin-top:-3px;
    margin-right:4px;
    vertical-align:middle;
}
.e-onsite-summary p{
    color: var(--Neutral-UI-600, #6C7278);
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */

}
.e-onsite-icon{
    margin-right:4px;
    margin-top:-3px;
    vertical-align:middle;
    margin-bottom:5px;
}
.e-schedule-date{
    font-family: Open Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0em;
    padding-left:28px;
    text-align: left;
    margin-top:24px;
    
}
.e-schedule-date:first-of-type{
  margin-bottom:20px;
}

.e-schedule-date strong{
    font-family: Open Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;

}
.e-onsite-flex{
    display:flex;
     column-gap:32px;
     flex-wrap:wrap;
     row-gap:32px;
     
}

@media (min-width:700px){
    .e-onsite-flex{
     flex-wrap:nowrap;
}
.e-onsite-widget {
    flex: 1 0 48%;
   
}
}
/*@media (min-width:1400px){*/
/*    .e-onsite-flex{*/
/*     flex-wrap:nowrap;*/
/*}*/
/*.e-onsite-widget {*/
/*    flex: 1 0 48%;*/
   
/*}*/
/*}*/
/***end of erc***/
/*****faq*****/
.one-star-header{
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;

}
/*.one-star-header::before{*/
/*    content:url("/media/14vl4uzg/stars1-1-1.png");*/
/*    margin-right:5px;*/
/*}*/
.faq-accordion {
    background-color: transparent;
    color: #0E3352;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border-top:none;
    border-right:none;
    border-left:none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    outline: none;
    transition: 0.4s;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    padding-left:0;

}

.active, .faq-accordion:hover {
  background-color: transparent;
  color:#6F9499;

}

.active.faq-accordion{
        border-bottom:none;
    border-right:none;
    border-left:none;
    border-top: 1px solid rgba(0, 0, 0, 0.25);
    
}
.faq-panel {
  margin-top:10px;
  padding: 0px 30px;
  background-color: transparent;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}  
 .faq-accordion:after {
  content: url("https://worldworkplace.ifma.org/media/hl3l4j3z/arrow.svg");/* Unicode character for "plus" sign (+) */
  /*transform:rotate(180deg);*/
  font-size: 13px;
  color: #777;
  float: right;
  margin-left: 5px;
      flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    content: "";
    background-image: url(https://devworldworkplace.ifma.org/media/flzf4y4f/arrow.svg);
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
}

.faq-accordion.active:after, .event-accordion.active:after {
  content: url("https://worldworkplace.ifma.org/media/hl3l4j3z/arrow.svg"); /* Unicode character for "minus" sign (-) */
  transform:rotate(180deg);
}

.intro-text{
    font-family: 'Open Sans';
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    color: #584F4D;
    margin-top:60px;


}
/**** end of faq *****/
/****pricing*****/

.price-intro-header{
    font-family: 'Open Sans';
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: 0em;
    text-align: left;

}
#single-testimonial{
    position:relative;
}
#single-testimonial h4{
    margin-top:75px;
    font-family: 'Open Sans';
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: center;
    color: #0E3352;
    
}
#single-testimonial p {
    margin-top:20px;
    font-family: 'Open Sans';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.135em;
    text-align: center;
    color: #0E3352;

}
#single-testimonial::before{
    content:url("https://worldworkplace.ifma.org/media/teamu1v5/left-quote.svg");
    position:absolute;
    left:0%;
    top:-30%;
}
#single-testimonial::after{
    content:url("https://worldworkplace.ifma.org/media/vhsebxb2/right-quote.svg");
    position:absolute;
    right:0%;
    bottom:-20%;
}

.registration-price-card{
    display:flex;
    justify-content: center;
    flex-wrap:wrap;

}
.registration-price-card-left-box{
    background: linear-gradient(180deg, #4A8E97 0%, #A1D6DD 100%);
    color:#fff;
    padding:50px;
    box-shadow: 0px 2px 4px 0px #0000003D;
    flex:0 0 100%;


}

.registration-price-card-left-box h4{
    border-bottom: 1px solid #FFFFFF;
    line-height:1.5;
    padding-bottom:5px;
    margin-bottom:15px;
    text-align:center;
    font-family: 'Open Sans';
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0.14em;
    color:#fff;

}
.registration-price-card-left-box ul{
    list-style:none;
      padding-left:0;
    margin-left:0;
}
.registration-price-card-left-box li{
    margin-bottom:16px;
    text-align:center;
    font-family: 'Open Sans';
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0em;
}

.event-price-card{
    background: #F6F6F6;
    box-shadow: 0px 2px 4px 0px #0000003D;
    width:100%;
    margin:15px 0;

}


.event-price-card h4{
    font-family: 'Open Sans';
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: center;
    text-transform:uppercase;
    color: #0E3345;

}
.event-price-card p{
    font-family: Open Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: center;
    color: #0E3345;
        max-width: 212px;
    height: 50px;
    margin: 0 auto;
    

}
.blue-gradient-testimonial{
    background: radial-gradient(48.19% 62.06% at 59.58% 54.15%, #1178B3 0%, #1D6B91 24.24%, #0A2533 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;

}

.event-price-container:nth-of-type(2){
        background:#0E3345;
        margin-top:15px;
    }
  .event-price-container:nth-of-type(3) {
    background: #A8D8F0;
    margin-top: 10px;
    color: #2E2927;
    position: relative;
}
    /*.ribbon-space{*/
    /*        margin-left: 10px;*/
    /*   position:relative;*/
    /*}*/
/*    .yellow-ribbon:after {*/
/*    content: url(/media/muubtx50/rectangle-1545.svg);*/
/*    position: absolute;*/
/*    left: -14px;*/
/*    top: -11px;*/
/*}*/

/*.blue-ribbon:after{*/
/*        content: url(/media/muubtx50/rectangle-1545.svg);*/
/*    position: absolute;*/
/*    left: -14px;*/
/*    height: 120px;*/
/*    top: -11px;*/
/*}*/
   .event-price-container{
        color:#fff;
        width:100%;
        display:flex;
        /*box-shadow: 0px 2px 4px 0px #0000003D;*/
        /*box-shadow: 0 4px 2px -2px gray;*/

        justify-content:center;
        position:relative;

    }
    .event-type-details{
        padding:18px;
    }
    
    .registration-price-card .price-information{
        display:flex;
        flex-direction:column;
        flex:0 0 45%;
        align-self:middle;
        padding: 25px 30px;

    }
    .price-information .event-price-type{
        font-family: 'Open Sans', Arial, sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 19px;
        letter-spacing: 0em;
  
    }
    .price-information .event-price-currency{
        font-size: 36px;
        font-style: normal;
        font-weight: 700;
        line-height: 42px;
        letter-spacing: 0em;

    }
    .price-information .event-price-currency .currency{
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
        letter-spacing: 0em;

    }
    .event-type-details img{
        margin-bottom:10px;
    }
     .event-price-container  .right-border{
     position:relative;
       }
        
  .event-price-container  .right-border::after{
     content:url("/media/rjdhfcq4/line-45-1-1.png");
     position:absolute;
         right: -25px;
      bottom: -7%;
}
 
        
    .event-price-card .btn{
        margin:30px 0;
        min-width:108px;
        
    }
    .event-type-details img{
        height:30px;
    }
    

 
.price-stamp{
       display:none;
    }
@media screen and (min-width:1000px){
    .registration-price-card{
    flex-wrap:nowrap;
}
    .event-price-card{
    background: #F6F6F6;
    box-shadow: 0px 2px 4px 0px #0000003D;
    flex: 0 0 300px;
    margin:0;

}.white-space-ribbon{
    background:#f6f6f6;
}
.event-price-container {
    height:110px;
}
.white-border-right {
    border-right: 1px solid #fff;
}
    /*.price-stamp{*/
    /*    position:absolute;*/
    /*    bottom:0;*/
    /*    left:-29%;*/
    /*    display:block;*/
    /*}*/
    .registration-price-card-left-box{
    color:#fff;
    padding:50px;
    box-shadow: 0px 2px 4px 0px #0000003D;
    flex:0 0 335px;


}
.hide-event-type{
    display:none;
}
.event-price-container.blue-ribbon.ribbon-space::before {
    width: 10px;
    height: 110px;
    position: absolute;
    bottom: 4px;
    left: 0;
    content: "";
    border: 1px solid rgba(0,0,0,.3);
    transform: skew(0deg,45deg);
    -ms-transform: skew(0deg,45deg);
    -webkit-transform: skew(0deg,43deg);
    -o-transform: skew(0deg,45deg);
    -moz-transform: skew(0deg,45deg);
    background: #081C26;
    border: none;
}
.white-space-ribbon{
    background:initial;
}

.event-price-container.blue-ribbon.ribbon-space::after {
    content: 'Full Event';
    position: absolute;
    left: -79px;
    transform: rotate(270deg);
    background: #0E3345;
    height: 49px;
    width: 110px;
    text-align: center;
    vertical-align: middle;
    bottom: 40px;
    padding: 13px 0;
    font-family: Roboto Condensed;
    font-size: 18px;
    font-weight: 700;
    /* line-height: 21px; */
    letter-spacing: 0em;
    /* text-align: left; */
}
.event-price-container.yellow-ribbon.ribbon-space::after {
    content: '1-Day Pass';
    position: absolute;
    left: -79px;
    transform: rotate(270deg);
    background: #A8D8F0;
    height: 49px;
    width: 110px;
    text-align: center;
    vertical-align: middle;
    bottom: 40px;
    padding: 13px 0;
    font-family: Roboto Condensed;
    font-size: 18px;
    font-weight: 700;
    /* line-height: 21px; */
    letter-spacing: 0em;
    /* text-align: left; */
}
 .event-price-container.yellow-ribbon.ribbon-space::before {
    width: 10px;
    height: 110px;
    position: absolute;
    bottom: 4px;
    left: 0;
    content: "";
    border: 1px solid rgba(0,0,0,.3);
    transform: skew(0deg,45deg);
    -ms-transform: skew(0deg,45deg);
    -webkit-transform: skew(0deg,43deg);
    -o-transform: skew(0deg,45deg);
    -moz-transform: skew(0deg,45deg);
    background: #5EB6E2;
    border: none;
}
}
/******end of pricing*****/
/*******event schedule******/
.event-accordion {
    background-color: #FFF;
    color: #0E3352;
    cursor: pointer;
    padding: 18px 0;
    width: 100%;
    border-top:none;
    border-right:none;
    border-left:none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    outline: none;
    transition: 0.4s;
    font-family: 'Roboto Condensed', Arial, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;

}

.active, .event-accordion:hover {
  background-color: transparent;
  color:#6F9499;

}

.active.event-accordion{
        border-bottom:none;
    border-right:none;
    border-left:none;
    border-top: 1px solid rgba(0, 0, 0, 0.25);
    
}
.event-panel {
  /*margin-top:10px;*/
  padding: 0px 30px 0px 24px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}  
@media screen and (min-width:776px){
    .event-panel {
  padding: 0px 30px 0px 239px;

} 
}

 .event-accordion:after {
  /*content: url("/media/5fqhmj4f/group-560-1.png");*/
  /*transform:rotate(180deg);*/
  font-size: 13px;
  color: #777;
  float: right;
  margin-left: 5px;
      flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;

    content: "";
    background-image: url(https://devworldworkplace.ifma.org/media/flzf4y4f/arrow.svg);
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
}
.fill:active:before {
     content: "";
    position: absolute;
    background: #E6F4FB;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    -webkit-transition: top 0.7s ease-in;
}
    .event-schedule-dates-container{
        display:flex;
        text-align:center;
        /*justify-content:space-between;*/
        column-gap:35px;
    }
    .event-date-container{
    }
    .event-schedule-time{
        display:inline-block;
        margin-right:15px;
        width:200px;
        font-size:16px;
        font-weight:400;
    }
    .time-icon{
        margin-right:5px;
    }
    .event-hide{
        display:none;
  

    }



 .conference-course-container{
        display:flex;
        justify-content:center;
        column-gap:16.25px;
        flex-wrap:wrap;
      
    }
    
    .course-item-container{
        width:273px;
        height:179px;
        background:#FAFAFA;
        margin:15px 0;
        border-radius:4px;
        position:relative;
        transition: filter 200ms linear, transform 200ms linear, box-shadow 200ms; 
    -webkit-transition: all 250ms cubic-bezier(0.02, 0.01, 0.47, 1);
    -moz-transition: all 250ms cubic-bezier(0.02, 0.01, 0.47, 1);
    transition: all 250ms cubic-bezier(0.02, 0.01, 0.47, 1);
        filter:drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.24));
    }
       .course-item-container:hover{
        width:273px;
        height:179px;
        background:#FAFAFA;
        margin:15px 0;
        border-radius:4px;
        position:relative;
            transform: translateY(-6px);
        filter: drop-shadow(0px 8px 16px rgba(0, 0, 0, 0.32));

    }
    .course-item-header{
        font-family: Open Sans;
        font-size: 12px;
        font-weight: 700;
        line-height: 14px;
        letter-spacing: 0.06em;
        text-align: left;
        background: #5EB6E2;
        height:50px;
        padding:18px;
        color:#fff;
        border-radius:4px 4px 0 0;
        text-transform:uppercase;
    }
    
    .course-item-img-container{
        text-align:center;
    }
    .course-item-img{
        height: 130px;
        object-fit:scale-down;
    }
    .course-item-modal-open-btn{
        position: absolute;
        right: 0;
        bottom: 0;
        left:0;
        top:0;
        height: 100%;
        width: 100%;
        cursor:pointer;
    }
    
    .course-fmp-stamp{
        position:absolute;
        right: 7px;
        top: 60px;
    }
.course-modal .modal-content{
    padding:10px 20px;
    border:4px solid;
    border-image: linear-gradient(to bottom right, #FF4546 0%, #782020 100%);
    border-image-slice: 1;



}
.course-modal .modal-dialog{
    max-width:800px;
    position:relative;
}

.course-content-flexbox{
    display:flex;
}
.course-modal .close{
    position: absolute;
    right: -11px;
    top: -13px;
    background: #DFE0E2;
    color: #6C7278;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    z-index: 2;
    opacity: 1!important;

}
.course-modal .modal-title{
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
}

.course-modal .modal-item-img{
    padding:20px;
    position:absolute;
    right:0;
    top:0;
}
.course-modal .modal-header{
    border:none;
}
.modal-about-course-header{
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;

}

@media screen and (min-width:1200px){
    
 .conference-course-container{
        flex-wrap: nowrap;
      
    }
}


/**** end of event schedule*****/
 .inactive .hotel-card-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-color:#BEC1C4;
    opacity: 0.4;
    
}
.inactive .hotel-img, .inactive .hotel-information, .inactive a.red-link, .inactive .hotel-price{
    filter: grayscale(1);
}
.inactive a.red-link:after {
    content: none;
}
.hotel-map{
    margin:15px 0;
    width:100%;
}
.map-button-container a{
    text-transform:none;
    min-width:auto;
    margin:10px 10px 10px 0 ;
}
.housing-form-link{
    margin:10px 0;
}

.hotel-star{
    display:none;
}
.hotel-card-item {
    display: flex;
    background: #F6F6F6;
    box-shadow: 0px 2px 4px 0px #0000003d;
    margin: 15px 0;
    padding: 24px 28px;
    position: relative;
    flex-direction: column;
    flex:1 0 98%;
}
  .hotel-list{
        display:flex;
        flex-wrap:wrap;
        column-gap:2%;
    }

  .hotel-img {
    margin-right: 20px;
    margin-bottom: 20px;
    text-align: center;
}
    .hotel-name{
        font-family: 'Roboto Condensed', Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    }
    .hotel-info{
          font-family: 'Open Sans';
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;

    }
    .hotel-information{
        display:flex;
        margin:10px 0;
    }
    .hotel-icons{
        margin-right:10px;
    }
    
    .hotel-link.red-link{
        font-weight:400;
    }
    .hotel-price{
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: right;
    color: #6F9499;
    margin-bottom:0;
    position:absolute;
    top:24px;
    right:16px;

    }
    .hotel-price-container {
    position: absolute;
    right: 3%;
    bottom: 4%;
    text-align: right;
    font-family: Open Sans;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0em;
    text-align: right;
}
  
    .hotel-headliner{
        margin:30px;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0em;

    }
@media screen and (min-width:700px){
        .hotel-card-item{
        display:flex;
        background: #F6F6F6;
        box-shadow: 0px 2px 4px 0px #0000003D;
        margin:15px 0;
        padding:24px 28px;
        position:relative;
        flex-direction:row;
        flex:1 0 98%;
    }
    .hotel-star{
    display:block;
}
.hotel-img {
    margin-right: 20px;
    text-align:left;
    margin-bottom:0;
}
  .hotel-price-container{
        position:absolute;
        right: 3%;
        bottom: 12%;
        text-align:right;
        font-family: Open Sans;
        font-size: 12px;
        font-weight: 400;
        line-height: 1;
        letter-spacing: 0em;
        text-align: right;

    }

}

@media screen and (min-width:1000px){
      .hotel-card-item{
        display:flex;
        background: #F6F6F6;
        box-shadow: 0px 2px 4px 0px #0000003D;
        margin:15px 0;
        padding:24px 28px;
        position:relative;
        flex-direction:row;
        flex:0 0 48%;
    }
}


/****** testimonial slider****/

    
    .testimonial-slider-item img {
        margin-top:28px;
    }
    
    .testimonial-slider-item p{
          color: var(--Generic-White, #FFF);
text-align: center;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
font-family: "Roboto Condensed";
font-size: 22px;
font-style: italic;
font-weight: 700;
line-height: 25px; /* 113.636% */
position:relative;
z-index:2;
    }

.testimonial-slider-item h5{
color: var(--2086-b-9, #2086B9);
text-align: center;
font-family: "Open Sans";
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 25px; /* 208.333% */
letter-spacing: 3px;
text-transform: uppercase;

}
#testimonials .splide__slide {
    /*margin-right:20px;*/
    display:flex;
    flex-direction:column;
    row-gap:20px;
}


#testimonials .splide__slide:nth-child(even) {

    display:flex;
    flex-direction:column-reverse;
   
}
.testimonial-img-container{
    width:96%;
}
.testimonial-img-container img{
    width:100%;
    height:250px;
}
.testimonial-quote{
    position:relative;
}
.testimonial-quote::before {
    content: url(/media/em2n35en/blue-quotes.png);
    position: absolute;
    left: 0%;
    top: -30%;
}
.testimonial-quote::after {
    content: url(/media/em2n35en/blue-quotes.png);
    position: absolute;
    right: 0%;
    bottom: -30%;
    transform:rotate(180deg);
    z-index:1;
    
}

.testimonial-slider-item {
    display: flex;
    flex-direction: column;
    padding: 10px 15px;
    height: 250px;
    width:96%;
    justify-content:center;
    /*background: linear-gradient(0deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), linear-gradient(0deg, #C2C9D1, #C2C9D1);*/
    /*box-shadow: 0px 4px 8px 0px #00000029;*/
    border-radius: 4px;
    margin: 0;
    border: 3px solid var(--FF-gradient, #FF5742);


}

@media screen and (min-width:600px){
    .testimonial-slider-item {
    display: flex;
    flex-direction: column;
    padding: 10px 15px;
    /*background: linear-gradient(0deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), linear-gradient(0deg, #C2C9D1, #C2C9D1);*/
    /*box-shadow: 0px 4px 8px 0px #00000029;*/
    border-radius: 4px;
    margin: 0;
}
}


/*****end of testimonial slider****/
.group-download-button .btn {
    margin-bottom: 10px;
}
@media screen and (min-width: 600px){
.group-download-button .btn {
    margin-right: 10px;
    margin-bottom: 0;
}
}
/***one day pass price options****/
.one-day-options{
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:middle;
        margin:30px 0;
    }
    .one-day-options-img-container{
        height:40px;
    }
    .one-day-options-img{
        margin-bottom:5px;
    }
    .one-day-options-title{
        font-family: 'Open Sans';
    font-size: 18px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0em;
    margin-top:10px;
   

    }
    .one-day-options-price{
      font-family: 'Open Sans', Arial, sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0em;
    color:#0E3352;
    margin-bottom:8px;

    }
    
    
  .one-day-options-price-disclaimer{
      color: #584F4D;
      font-family: 'Open Sans', Arial, sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        letter-spacing: 0em;
       text-align: center;


  }
  .blue_iconlist .icon-list-item-container .icon-list-item-title{
    font-family: Roboto Condensed;
    font-size: 18px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0em;
    color: #0E3352;
    text-transform:none;
    margin-bottom:4px;


}

/*** end 0f one day price pass option***/
.guitar-background-right::after {
    content: url(https://worldworkplace.ifma.org/media/orole4ed/stars1-10-2.png);
    position: absolute;
    right: -170px;
    bottom: -27%;
    z-index: -1;
}
.cloud-background-right{
    position:relative;
}
.cloud-background-right::after {
    content: url(https://worldworkplace.ifma.org/media/kjqpyli3/expo-cloud.png);
    position: absolute;
    right: 0;
    top: -120px;
        animation-name: floating2;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    z-index: -1;
}
.music-note-left::after {
    content: url(https://worldworkplace.ifma.org/media/3qfc1evu/rectangle-1498-3-1.png);
    position: absolute;
    left: -170px;
    bottom: -27%;
    z-index: -1;
}
.mic-left::after {
    content: url(https://worldworkplace.ifma.org/media/0xgdfzkz/mic-1.png);
    position: absolute;
    left: -170px;
    top :7%;
    z-index: 1;
}

.star-left::after {
    content: url(https://worldworkplace.ifma.org/media/0e0lz1c4/stars1-3-3-1.png);
    position: absolute;
    left: -282px;
    bottom: -59%;
    z-index: -1;
}


/******/

.event-schedule-dates-container{
    border-bottom: 1px solid #CED1D3;
    padding-top:40px;
}
 .dayOfMonth{
     font-family: 'Open Sans';
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0em;
    margin-top:5px;
    color:#2186B9;
 }
 .event-day{
     font-family: 'Open Sans';
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: 0.06em;
    color: #2186B9;
    text-transform:uppercase;

 }


  .event-date-container{
     cursor:pointer;
     width:133px;
     padding-top:10px;
     padding-bottom:8px;
    margin-bottom: -1px;
    border: 1px solid transparent;
    border-top-right-radius: 0.25rem;
        transition: color .1s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
 }
 .event-date-container:hover{
        border-color: #e9ecef #e9ecef #dee2e6;
    isolation: isolate;
}
 .event-selected{
    border-color: #CED1D3 #CED1D3 #fff!important;
}
.event-selected  .dayOfMonth, .event-selected  .event-day{
    color:#575757;
}

.active.event-accordion {
    border-bottom: none;
    border-right: none;
    border-left: none;
    border-top: none;
}
.event-date-container.no-dropdown:after{
    display:none!important;
}
.no-dropdown:after{
    content:none;
}
 .event-date-container.fromLeft:after{  transform-origin:  0% 50%; }
 .bold-title{
     font-weight:700;
 }
.event-accordion.active .event-panel{
    border-bottom:1px solid #CED1D3
}
.event-fullday{
    font-family: Roboto Condensed;
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
    letter-spacing: 0em;
    padding:0px 24px 32px 24px;
    text-align: left;
    color:#0E3352;
    border-bottom:1px solid #CED1D3;
}

.event-border{
     border-left:1px solid #CED1D3;
    border-right:1px solid #CED1D3;
    
}
.event-timezone-container{
    padding:24px 24px 24px 24px;
      border-left:1px solid #CED1D3;
    border-right:1px solid #CED1D3;
    border-bottom:1px solid #CED1D3
}
.event-accordion{
    padding-left:24px;
    padding-right:24px;
}

div[class^='event-item-day'], div[class*='event-item-day']{
         border-left:1px solid #CED1D3;
    border-right:1px solid #CED1D3;
}
.conference-type{
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0.06em;
    text-align: left;
    color: #E63E3E;
    padding: 32px 24px 8px 24px;
    text-transform:uppercase;
}
.event-timezone{
    font-family: Roboto Condensed;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: right;
    color: #BF3434;

}
nav[class^='pagination-container'], nav[class*='pagination-container']{
  width: calc(100% - 2rem);
  display: flex;
  align-items: center;
  /*position: absolute;*/
  bottom: 0;
  padding: 1rem 0;
  justify-content: center;
}

.pagination-number,
.pagination-button{
  font-size: 1.1rem;
  background-color: transparent;
  border: none;
  margin: 0.25rem 0.25rem;
  cursor: pointer;
  height: 2.5rem;
  width: 2.5rem;
  border-radius: .2rem;
}

.pagination-number:hover,
.pagination-button:not(.disabled):hover {
  background: #fff;
}

.pagination-number.active {
  color: #fff;
  background: #0085b6;
}
.hidden {
  display: none;
}
/*****/
/******add new stuff****/



.big-image{
      padding-top:12px;
        max-width: 100%;
    height: auto;
}
    @media screen and (min-width:1000px){
    .big-image{
        max-width: none;
    height: auto;
}}



    .icon-list-item-title{
        font-family: Open Sans;
        font-size: 16px;
        font-weight: 700;
        line-height: 22px;
        letter-spacing: 0em;
        color:#4D4543;
        text-transform:uppercase;
        margin-bottom:0;
    }
    .icon-list-item-container{
        column-gap:12px;
    }


.small-red-text{
font-size: 14px;
font-weight: 400;
line-height: 19px;
letter-spacing: 0em;
color: #FF4546;

}
.small-modern-red-text{
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    color:#E63E3E;

}

a.small-modern-red-text:hover{
    color: #E63E3E;
}

.pt-72{
    padding-top:72px;
}
.pb-72{
    padding-bottom:72px;
}
.p-22{
   padding-top:22px;
    padding-bottom:22px;
}
.pb-22{
     padding-bottom:22px;
}
.pb-56{
    padding-bottom:56px;
}
.pb-40{
    padding-bottom:40px;
}
.p-57{
    padding-top:57px;
    padding-bottom:57px;
}
.p-41{
    padding-top:41px;
    padding-bottom:41px;
}
.pb-41{
    padding-bottom:41px;
}
.pt-41{
    padding-top:41px;
}
.pt-48{
     padding-top:48px;
}
.pt-57{
    padding-top:57px;
}
.pb-57{
    padding-bottom:57px;
}

/************/



.block_quote_container{
    max-width:900px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:24px;
}
.block_quote strong{
    color:#2186B9;
}
.quote-icon{
    margin-top:24px;
    margin-bottom:48px;
}



.show-time-expo-list{
    list-style:none;
    padding-left:0;
    
}
.show-time-expo-list li{
    margin-bottom:16px;
}
.show-time-expo-list li strong{
    font-weight:600;
}
.show-time-expo-container{
    align-items:flex-start;
;
}
.show-time-expo-container img{
    margin-top:44px;
    transform: rotate(90deg)
}
.clouds-container{

    position: absolute;
    bottom: 0;
    width: 100%;
    max-height:100%;
    z-index:2;

}
.inline-title-card-container, .who-you-meet{
    position:relative;
}
.inline-title-card-container .image-card-image-container, .inline-title-card-container .image-card-title{
    display:inline-block;
    text-align:left!important;
}
.inline-title-card-container .image-card-title {
    vertical-align:middle;
    margin-left:2px;
}

.inline-title-card-container .image-card-description{
    text-align:left!important;
}

 .inline-title-card-container::after {
    content: '';
    /*background-image: url(https://worldworkplace.ifma.org/media/pkynh0z5/clouds-2-1.png);*/
    background-image:url(https://worldworkplace.ifma.org/media/vdff0x2z/sun-cloud-1.png);
    width: 100%;
    position: absolute;
    bottom: -95%;
    height: 400px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}
 .who-you-meet::after {
    content: '';
    background-image: url(https://worldworkplace.ifma.org/media/pkynh0z5/clouds-2-1.png);
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
}
@media screen and (min-width:700px){
    .show-time-expo-list{
    list-style:none;
    padding-left:22px;
    
}
    .show-time-expo-list li {
    margin-bottom: 16px;
    text-wrap: nowrap;
}
   .show-time-expo-container img{
    margin-top:44px;
    transform: rotate(90deg)
}
.inline-title-card-container::after{
     content: '';
    /*background-image: url(https://worldworkplace.ifma.org/media/pkynh0z5/clouds-2-1.png);*/
    background-image:url(https://worldworkplace.ifma.org/media/vdff0x2z/sun-cloud-1.png);
    width: 100%;
    position: absolute;
    bottom: -97%;
    height: 500px;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;

}
}

.single-cloud::after {
     content: url(https://worldworkplace.ifma.org/media/sbnfgewi/single-cloud.svg);
    position: absolute;
    top: -37%;
    left: -17%;
    z-index: -1;
    animation-name: floating2; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; 
}
.single-cloud2 .img-fluid{
    z-index:1!important;
}
.single-cloud2::after {
     content: url(https://worldworkplace.ifma.org/media/qkadqzis/single-cloud-2.svg);
    position: absolute;
    top: -23%;
    left: -17%;
    z-index: -1;
    animation-name: floating; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; 
}

.sun-rotate .img-fluid{
    z-index:1!important;
}
.sun-rotate::after {
     content: url(https://worldworkplace.ifma.org/media/5ilaqkue/sun.svg);
    position: absolute;
    top: -33%;
    left: -23%;
    z-index: -1;
    animation: rotation 25s linear infinite;


}



.enhance-conference{
    margin-bottom:114px;
}
.enhance-conference::after {
 display:none;
    
 
}
@media screen and (min-width: 700px){

.enhance-conference::after {
    display:block;
    content: '';
    background-image: url(https://worldworkplace.ifma.org/media/pkynh0z5/clouds-2-1.png);
    width: 100%;
    position: absolute;
    bottom: 35%;
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
 
}}


#update-form.update-form2{
    background:#0E3352;
}
#update-form h2::after {
    content: url(https://worldworkplace.ifma.org/media/p53pg52e/get-update-2.png);
    position: absolute;
    left: -15px;
    bottom: 0;
}
#update-form::after {
    content: url(https://worldworkplace.ifma.org/media/efkndjv2/clouds-get-update.png);
    position: absolute;
    bottom: -8px;
    right: 0;
    z-index: -1;
}

.clouds-bg, .cloud-bg-left{
    position:relative;
}

.clouds-bg::after{
     content: '';
    background-image: url(https://worldworkplace.ifma.org/media/pkynh0z5/clouds-2-1.png);
    width: 100%;
    position: absolute;
    bottom: -30%;
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
}
.cloud-bg-left::after{
    content: '';
    background-image: url(https://worldworkplace.ifma.org/media/1hhklyqh/big-clouds-left.png);
    width: 100%;
    position: absolute;
    bottom: 0%;
    height: 474px;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
}
#faq-page{
    position:relative;
}
.cloud-1{
    position:absolute;
    right:0;
    top:0;
    z-index:-1;
}
.cloud-2{
    position:absolute;
    left:0;
    top:20%;
    z-index:-1;
}

.cloud-3{
    position:absolute;
    right:0;
    top:50%;
    z-index:-1;
}

.cloud-4{
    position:absolute;
    left:0;
    top:95%;
    z-index:-1;
}

.featured-img{
        max-width: 100%;
    margin-top: -83px;
}

.big-cloud-expo{
    background:#fff!important;
       position: relative;
    z-index: 1;
}
.big-cloud-expo:after{
    position:absolute;
    content:'';
    left:0;
    right:0;
    opacity:.5;
    height:100%;
    width:100%;
    bottom:0;
    z-index:-1;
}
.big-cloud-expo:before{

    content: '';
    background-image: url(https://worldworkplace.ifma.org/media/a4vngl2y/clouds-left.svg);
    width: 100%;
    position: absolute;
    bottom: 0px;
    height: 474px;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;

    
}
.teal-background{
    background:linear-gradient(179.77deg, #95C6CC 0.2%, #4A8E97 99.23%);
}
.sun-left{
    position:relative;
}
.sun-left{
            position: absolute;
    left: -100px;
    top: -122px;
    z-index: -1;
        animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
        
.sun-1{
       position: absolute;
    z-index: -1;
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    top: -41%;
    right: -15%;
}

.sun-2{     
    position: absolute;
    z-index: -1;
    left: -10%;
    top: -5%;
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    
}

/***sun animation***/

#sun-hero{
     position: absolute;
     top: 28%;
     left: 46%;
     z-index: 1;
}
.sun-animate{

	 display: block;
	
	 animation: rotation 25s linear infinite;
}
.sun-animate .one {
	 transition: fill 1s;
}
.sun-animate:hover .one {
	 fill: #ffb000;
}

 .one {
	 fill: #FFD65B;
}
 
 @keyframes rotation {
	 from {
		 transform: rotate(0deg);
	}
	 to {
		 transform: rotate(360deg);
	}
}

/**** end of sun animation***/
/*** ff agenda ***/

.agenda-title{
    color:  #FAFAFA;
font-family: Roboto Condensed;
font-size: 36px;
font-style: normal;
font-weight: 700;
background: #0B3353;
margin-bottom:21px;
padding:18px 16px;
    
}
.agenda-item{
    margin-bottom:16px;
}
.agenda-item-time{
    color: var(--neutral-ui-600, #6C7278);
    font-family: Open Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    margin:0;
    line-height:normal;
    padding-left:16px;
}

.agenda-item-program{
    color: var(--neutral-ui-600, #6C7278);
    font-family: Open Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    margin:0;
    line-height:normal;
    padding-left:16px;
}


/* Media query for mobile devices with a maximum width of 768 pixels */
@media and (min-width: 768px) {
    .agenda-title {
        font-size: 48px;
    }
    .agenda-item-program{

    padding-left:0;
}

}



/*** end of agenda**/
/*** featured list***/

  #featured-list {
        margin-top:36px;
        list-style:none;
        padding:0;
        display:flex;
        flex-wrap:wrap;
        row-gap:28px;
        justify-content:center;
        max-width:1000px;
        margin-left:auto;
        margin-right:auto;
    }
    #featured-list.featured-list-three-column{
        max-width:100%;
            justify-content: space-between;
    }
    .price-disclaimer{
        color: var(--neutral-ui-600, #6C7278);
font-family: Open Sans;
font-size: 14px;
font-style: italic;
font-weight: 400;
line-height: normal;
   max-width:1000px;
        margin-left:auto;
        margin-right:auto;
    }
    #featured-list li {
        padding: 0;
        display: flex;
        align-items: center;
        column-gap: 16px;
        flex: 1 0 100%;
        

    }
    
      #featured-list.featured-list-three-column li {
        padding: 0;
        display: flex;
        align-items: center;
        column-gap: 8px;
        flex: 1 0 100%;
        justify-content:center;

    }
    
    .featured-icon-container{
        width:68px;
        display: flex;
        justify-content:center;
    }
     #featured-list.featured-list-three-column .featured-icon-container{
          width:54px;
        display: flex;
        justify-content:center;
     
         
     }
    #featured-list li .featured-title {
    color: var(--primary-500, #2186B9);
    font-family: Open Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    max-width: 319px;
    }
       #featured-list.featured-list-three-column li .featured-title {
 
    max-width: 80%;
    }
     #featured-list li .featured-title a{
         color: var(--primary-700, #0E3352);
        font-family: Open Sans;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
             }
    
    @media screen and (min-width:776px){
   
        #featured-list li {

        flex: 1 0 50%;
        

    }
           #featured-list.featured-list-three-column li .featured-title {
 
    max-width: 251px;
           }
    
    #featured-list.featured-list-three-column li{
      
        flex: 1 0 50%;
    }
    
    }
    
    @media screen and (min-width:992px){
       #featured-list.featured-list-three-column{
        max-width:100%;
            justify-content: space-between;
            column-gap:6%;
    }
        #featured-list.featured-list-three-column li{
      
        flex: 1 0 27.33%;
    }
    
    }


/*** end of feature list***/
/** price card***/

#price-cards{
    display:flex;
    flex-wrap:wrap;
    column-gap:36px;
    row-gap:36px;
}
.price-card{
    flex:1 0 100%;
    display:flex;
    flex-direction:column;
    
    background: #FFF;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset, 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.price-card .price-card-title-container{
    background: #0C3354;
}
.price-card:nth-of-type(2) .price-card-title-container {
    background:#FF5144;
}  
.price-card:nth-of-type(3) .price-card-title-container {
    background:#FCAA39;
}

.price-card-title{
    color: var(--white-default, #FFF);
    text-align: center;
    /* /H3_Secondary Text Header */
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 900;
    line-height:1;
    padding:21px 0 ;
    margin-bottom:0;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
}
.price-card-price-container{
flex-grow:1;
}
.price-card-price{
    color: #0C3354;
    font-family: Roboto Condensed;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height:1;
    text-align:center;
    padding-top:72px;
    margin-bottom:24px;
}
.price-card-dollar-sign{
    color: #0C3354;
    font-size: 48px;

}
#price-cards .blue-checkmark-list{
    padding-left:40px;
    margin-bottom:32px;
}
#price-cards .blue-checkmark-list li {
    margin-bottom: 12px;
    max-width: 245px;
    margin-left: auto;
    margin-right: auto;

}
.price-card-button-container{
    border-top:1px solid #CED1D3;
}
.price-card-button-container .btn{
    min-width:155px;
    margin-top:32px;
     margin-bottom:32px;
}


@media screen and (min-width:776px){
#price-cards{
    display:flex;
    column-gap:3%;
}
.price-card{
    flex:0 1 47%;
    display:flex;
    flex-direction:column;
    background: #FFF;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset, 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

}
@media screen and (min-width:992px){
#price-cards{
    display:flex;
    column-gap:3%;
    flex-wrap:nowrap;
}
.price-card{
    flex:1 0 30.33%;
    display:flex;
    flex-direction:column;
    background: #FFF;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset, 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

}


/** end of price cards***/

/*** price icons **/
#price-icons{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    row-gap:32px;
    
}

.price-icon{
    align-items:center;
    flex: 1 0 50%;
}
.price-icon-img-container{
    margin-bottom:16px;
}
.price-icon-title{
    color: var(--primary-600, #1D6B91);
text-align: center;
font-family: Roboto Condensed;
font-size: 24px;
font-style: normal;
font-weight: 400;
margin-bottom:0;
text-transform:uppercase;
}
.price-icon-price{
    color: var(--secondary-500, #FF4546);
text-align: center;
font-family: Roboto Condensed;
font-size: 20px;
font-style: normal;
font-weight: 700;
margin-bottom:0;
}

@media screen and (min-width:776px){


.price-icon{
    align-items:center;
    flex: 0 0 33.33%;
}


}

/**end of price icons**/
#premier-partner .splide__slide img {
    vertical-align: bottom;
    max-width: 300px;
    max-height: 100px;
}
/******faq block*****/
#faq{
    /*background:#fff;*/
    margin-bottom:48px;
}

#faq .container{
    /*background:#fff;*/
    display:flex;
    /*padding:48px;*/
    flex-wrap:wrap;
        border-radius: 8px;
}
#faq .faq-title{
    flex: 0 0 100%;
}
#faq .accordion{
   flex:1;
}
#faq .accordion button{
    padding:18px 26px 18px 0;


}

#faq .accordion .accordion-content{
    box-sizing: border-box;
    margin:0;
    padding-bottom:24px;
}
#faq .accordion .accordion-content p {
    padding: 12px 24px 12px 36px;
    margin:0;
}
#faq .accordion .accordion-content p:first-of-type {
    padding: 12px 24px 12px 36px;
    margin: 0;
}
 /*#faq .accordion .accordion-content li{*/
 /*    font-family: 'Open Sans', Arial, sans-serif;*/
 /*   font-weight:300;*/
 /*   font-style: normal;*/

 /*   line-height: 24px;*/
 /*   letter-spacing: 0em;*/
 /*   color:#4D4543;*/
 /*}*/
#faq .accordion button .accordion-title{
font-family: Open Sans;
font-size: 16px;
font-style: normal;
font-weight: 600;
text-align: left;
padding:0 2px 0 14px;
display:inline-block;
color: #FF5144;
}
#faq .accordion button.collapsed .accordion-title{
font-family: Open Sans;
font-size: 16px;
font-style: normal;
font-weight: 600;
text-align: left;
padding:0 2px 0 14px;
display:inline-block;
color: #FF5144;
}

#faq .material-symbols-outlined {
   position:absolute;
   right:3%;
   color:#fff;
}
.accordion .accordion-item {
    /*background: #0B3353;*/
    width: 100%;
    margin: 0 auto;
    margin-bottom: 10px;
}
.accordion button {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    padding: 1em 1rem;
    color: #fff;
    font-size: 1.15rem;
    font-weight: 400;
    background: none;
    outline: none;
    
}
.button-faq.collapsed {
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid rgb(255 255 255 / 35%);
}
.accordion-content.show{
    border-bottom: 1px solid rgb(255 255 255 / 35%);
}
.button-faq {
    border-bottom: none;
    border-right: none;
    border-left: none;
    border-top: none;
}

.accordion-item  .material-symbols-outlined {
  font-weight:600;
    font-size: 32px;
   
}
.block_h3{
font-family: Roboto;
font-size: 23px;
font-weight: 600;
line-height: 28px;
letter-spacing: 0px;

}
#faq .accordion-content {
    flex-wrap:wrap;
}

@media screen and (min-width:700px){
    .block_h3{
font-family: Roboto;
font-size: 33px;
font-weight: 600;
line-height: 40px;
letter-spacing: 0px;
}
#faq .accordion button .accordion-title{
 font-family: Open Sans;
font-size: 16px;
font-style: normal;
font-weight: 600;
text-align: left;
padding:8px 2px 8px 16px;
display:inline-block;
/*color:#fff;*/
}
   

}
/***** end of faq  block*****/
.how-to-container{
    flex-wrap:wrap;
    column-gap:2%;
}
.how-to-left-container{
    flex:0 0 100%;
    padding:12px 24px 12px 16px;
}
.how-to-right-container{
    flex:1 0 100%;
    padding:12px 24px 12px 16px;

}
.how-to-li{
    display:flex;
    justify-content:space-between;
}
.red-square-container{
    display:flex;
    align-items:center;

}
.how-to-left-container h5{
    color: var(--Brand-Core-IFMA-Dark-Blue, #0E3352);
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 150% */
}
.red-square{
    height:7px;
    width:9px;
    background-color:#FF4546;
    margin-right:8px;
}
.video-wrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9, for an aspect ratio of 1:1 change to this value to 100% */ 
}
.video-wrapper iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

@media screen and (min-width:992px){
    .how-to-container{
    flex-wrap:wrap;
    column-gap:2%;
}
.how-to-left-container{
    flex:0 0 40%;
    padding:12px 24px 12px 16px;
}
.how-to-right-container{
    flex:1 0 48%;
}
}



  .image-background-cover{
     aspect-ratio: 1;
    position: absolute;
    overflow: visible;
    top: 50%;
    left: 50%;
    inset: 0;
    width: 90%;
    transform: translate(8%, -36%);
    }


.home-hero-image {
    margin-top:-22px;
}

.orange-blob-1{
    position:relative;
}
.blob-footer-right{
      position: absolute;
    right: -8%;
    top: -20px;
    width: 20%;
    z-index: 1;
}
.image-card-ff h4{

    color: var(--Generic-White, #FFF);

/* H5 */
font-family: Roboto;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-bottom:105px!important;
min-height:58px;
}
.ff-25-contact-expo{
    background:url(/media/d5tdj2nx/contact-expo-background.png);
    background-size:cover;
    background-position:bottom;
}
.ff-25-contact-expo .contact-team-banner-header {
    color:#0C3354!important;
font-family: "Roboto Condensed";
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
@media screen and (min-width:776px){
.orange-blob-1::after{
    position: absolute;
    display: flex;
    content: url(/media/h0qgxlcv/clip-path-group-15.png);
    left: -110%;
    bottom: 10%;
    transform: rotate(18deg) scale(.2);

}
}
@media screen and (min-width:992px){
.orange-blob-1::after{
    position: absolute;
    display: flex;
    content: url(/media/h0qgxlcv/clip-path-group-15.png);
    left: -70%;
    bottom: -60%;
    transform: rotate(18deg) scale(.3);

}
}
/*ff25 content page***/


.header-notification-container{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    display:flex;
    justify-content:center;
    
}
    .header-notification{
    
        border-radius: 8px 0px;
        background: #FF5144;
        display:inline-block;
        z-index:2;
        transform: translateY(20px);
        }
        .header-notification p{
                color: #FFF;
                text-align: center;
                font-family: Roboto Condensed;
                font-size: 24px;
                font-style: normal;
                font-weight: 700;
                line-height: normal;
                margin:0;
                padding:12px 10px;
        }
.page-header{
        background: url(/media/bd4dwqx1/metaball-abstract-fusionlightblue-1-2.png);
    background-size: cover;
    background-position: center bottom;
    padding-top:200px;

}
.section__hero-inner_container{
column-gap: 24px;
row-gap:24px;

}
.section__hero__title__container{
 flex: 0 0 80%;
    position: relative;
    margin-top: 20px;
    
}
.section__hero--image{

}
.section__hero-container{
position:relative;
    
}
.section__hero--image--mobile{
    display:none;
}
.section__hero--image--desktop{

    position: absolute;
    top: 0;
    right: 0;
    width: 30%;
    z-index: 1;
}

.section__hero__info{
    max-width:503px;
    flex:1 0 60%;
}
.section__hero__info h3, .section__hero__info p{
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);

}

.section__hero__title__blob{
      position: absolute;
    top: 0;
    left: 0;
    width: 80%;
    z-index: 1;
    transform: translate(-16%, -25%);
}

.section__hero__title, .section__hero__title__--bold{
    color: #FFF;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
-webkit-text-stroke-width: 1;
-webkit-text-stroke-color: var(--Generic-White, #FFF);
font-family: Roboto;
font-size: 48px;
font-style: normal;
font-weight: 300;
line-height: 1;
position:relative;
z-index:2;
display:inline-block;
}
.section__hero__title__--bold{
  font-weight:600;   
}
.corner-border-left, .corner-border-right{
    display:none;
}

@media screen and (min-width:776px){
.section__hero__title__container{
 flex: 0 0 40%;
    position: relative;
    margin-right: 0;
    margin-top: 20px;
    
}
.section__hero--image--desktop{

   position: absolute;
    bottom: -30%;
    right: -10%;
    width: 30%;
    z-index: 1;
}
.section__hero__title__blob{
             position: absolute;
        top: 0;
        left: 0;
        width: 160%;
        z-index: 1;
        transform: translate(-25%, -24%);
}
.corner-border-left{
    position:absolute;
    top:-1rem;
    left:-2rem;
    display:block;
}
.corner-border-right{
    position:absolute;
    bottom:-1rem;
    right:-2rem;
    display:block;
    
}
.section__hero__title, .section__hero__title__--bold{
    color: #FFF;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
-webkit-text-stroke-width: 1;
-webkit-text-stroke-color: var(--Generic-White, #FFF);
font-family: Roboto;
font-size: 72px;
font-style: normal;
font-weight: 300;
line-height: normal;
position:relative;
z-index:2;
}}
@media screen and (min-width:992px){
.section__hero__title__container{
 flex: 0 0 30%;
    position: relative;
    margin-right: 0;
    margin-top: 20px;
    
}
.section__hero--image--desktop{
       position: absolute;
        right: 0;
        top: -40%;
        display: block;
        width: 20%;
        z-index:1;
}

.page-header{
    padding-top:272px;
    padding-bottom:72px;
  

}
.section__hero-inner_container{
margin-left:0;
column-gap: 24px;

}
}
@media screen and (min-width: 1000px) {
    .section__hero--image--desktop {
        position: absolute;
        right: 0;
        top: -43%;
        display: block;
        width: 20%;
        z-index: 2;
    }
}

@media screen and (min-width:1440px){
.section__hero-inner_container{
margin-left:30px;
column-gap: 24px;
}
.section__hero__title__container{
 flex: 0 0 30%;
    position: relative;
    margin-right: 0;
    margin-top: 20px;
    
}
.section__hero--image--desktop{
    position: absolute;
        right: 0;
        top: 0;
        display: block;
        width: 24%;
        z-index: 1;
    

}}
@media screen and (min-width:1640px){
.section__hero-inner_container{
margin-left:200px;
column-gap: 24px;
}

.section__hero--image--desktop{
        position: absolute;
        right: -7%;
        top: 0;
        display: block;
        width: 30%;
        z-index: 1;
    

}}

/****end of ff25 content page***/
.home-checklist li::marker {
    color: #FF5742;
}

/**umb_name:Red Header*/
.redHeader {
	background: linear-gradient(180deg, #A1D6DD 0%, #4A8E97 100%);
	background: -webkit-linear-gradient(180deg, #A1D6DD 0%, #4A8E97 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/**umb_name:Star Header*/
.starHeader {
	font-family: Open Sans, sans-serif;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: 35px;
	letter-spacing: 0em;
	color:#0E3352;
}

/**umb_name:h3*/
h3 {
	font-family: 'Roboto Condensed', Arial, sans-serif;
	font-size: 32px;
	font-weight: 700;
	line-height: 38px;
	letter-spacing: 0em;
	color:#0E3352;
}

/**umb_name:IFMA Blue SubHeader*/
.ifma_blue_subheader {
	font-family: 'Roboto', Arial, 'sans-serif';
	font-size: 18px;
	font-weight: 400;
	line-height: 21px;
	letter-spacing: 0em;
	color:#2186B9;
}

/**umb_name:Red Box Header*/
.redBoxHeader {
	font-family: 'Roboto Condensed', Arial, sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 19px;
	letter-spacing: 0em;
	color: #E63E3E;
	text-transform: uppercase;
	border:1px solid #E63E3E;
	border-radius:4px;
	padding:4px 11px;
}

/**umb_name:IFMA Modern Blue*/
.ifma_modern_blue {
	color:#0E3352;
}

/**umb_name:IFMA Blue Small*/
.ifma_blue_small {
	font-family: Open Sans;
	font-size: 14px;
	font-weight: 600;
	line-height: 19px;
	letter-spacing: 0em;
	color:#1D6B91;
}

/**umb_name:Block Quote*/
.block_quote {
	font-family: Open Sans;
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
	letter-spacing: 0em;
	text-align: center;
}

/**umb_name:Big Block Quote*/
.big_quote {
	font-family: Open Sans;
	font-size: 40px;
	font-weight: 700;
	line-height: 52px;
	letter-spacing: 0em;
}

/**umb_name:Grey Header*/
.greyHeader {
	font-family: Roboto;
	font-size: 24px;
	font-weight: 700;
	line-height: 28px;
	letter-spacing: 0em;
	color:#584F4D;
}

/**umb_name:h4*/
h4 {
	font-family: Roboto Condensed;
	font-size: 24px;
	font-weight: 700;
	line-height: 28px;
	letter-spacing: 0em;
	color:#0E3352;
}

/**umb_name:IFMA Red*/
.ifma_red {
	color:#FF4546;
}