/*
OLD RGB (0,149,223) #0094d9 & #0093D9
NEW RGB (0,135,194) #0087C2

NEW font-family: news-gothic-std, sans-serif;
*/

body
{
}

/* Text formats */
.center-text {
	text-align: center;	
}

.center-object {
	margin:0 auto;
	display:block;
	
}


.background {
	/*background-image:url(../img/assets/trans_black.png); */
	background-repeat: repeat;
}

.takeover
        {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            height:100%;
            width:100%;
            z-index:20;
        }
		
.left {float:left;}
.right {float:right;}

/* Workaround for video in cover format */
video.cover{
	height: 100%;
    width: 177.77777778vh!important; /* 100 * 16 / 9 */
    min-width: 100%;
    min-height: 56.25vw; /* 100 * 9 / 16 */
	
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	/*width:100%;*/
}

	/*.plupp {
		width: 50px; 
		height: 50px; 
		border:1px solid #ffffff; 
		border-radius:50%;
	}*/
	
	.plupp-30 {
		width: 30px; 
		height: 30px; 
		border:1px solid #FFFFFF;
		border-radius: 50%;
	}
	
	.plupp-50 {
		width: 50px; 
		height: 50px; 
		border:1px solid #ffffff; 
		border-radius:50%;
	}
	
	.footer-ico {
		float:right; margin:0px 10px; text-decoration:none;
	}
	
	/**************** FCI PLUPPS *****************/
	
	.case-ico
	{
			background-image:url(../img/assets/ex-ico_nfo.png); 
	}
	
	/**************** OLD PLUPPS *****************/
	
	.info-ico
        {
			background-image:url(../img/assets/ex-ico_nfo.png); 
	}
	
	.ffw-ico
        {
            background-image:url(../img/assets/ex-ico_ffw.png); 
	}
	
	.vote-ico
        {
            background-image:url(../img/assets/ex-blue-ico_vote.png); 
	}
	
	.mute-ico
        {
            background-image:url(../img/assets/ex-ico_sound-off.png); 
	}
	
	.un-mute-ico
        {
            background-image:url(../img/assets/ex-ico_sound-on.png); 
	}
	
	.close-ico
		{
		/*background-image:url(../img/assets/ex-ico_close.png); */
		/*background-image:url(../CDN/assets/buttons/ico_close.png);*/
	}
	
	.slbCloseBtn {
		
		/* BG IMAGE SET IN functions.js */
		width: 79px;
		height: 79px;
	}
		
	.map-ico
        {
		background-image:url(../img/assets/ex-blue-ico_map.png); 
	}
		
	.home-ico
        {
		background-image:url(../img/assets/ex-blue-ico_home.png); 
	}
		
		.back-ico
        {
            background-image:url(../img/assets/ex-blue-ico_back.png); 
        }
		
		.left-ico 
        {
            background-image:url(../img/assets/ex-ico_left.png); 
        }
		
		.right-ico
        {
            background-image:url(../img/assets/ex-ico_right.png); 
        }
		
		.up-ico
        {
            background-image:url(../img/assets/ex-ico_up.png); 
        }
		
		.down-ico
        {
            background-image:url(../img/assets/ex-ico_down.png); 
        }
		
		.play-ico
        {
            background-image:url(../img/assets/ex-ico_play.png); 
        }
		
		.chat-ico
        {
            width: 80px; 
            height: 78px; 
            background-image:url(../img/assets/ex-ico_chat.png); 
        }
		
		.chat-2-ico
        {
            width: 80px; 
            height: 78px; 
            background-image:url(../img/assets/ex-ico_chat-2.png); 
        }
		
		.plus-ico
        {
            background-image:url(../img/assets/ex-ico_plus.png);
        }
		
		.blue-plus-ico
        {
            background-image:url(../img/assets/ex-blue-ico_plus.png); 
        }
		
		.green-plupp-ico
        {
            background-image:url(../img/assets/ex-green-ico-30.png); 
        }
		
		.green-home-ico
        {
            background-image:url(../img/assets/ex-green-ico_home-30.png); 
        }
		
		.orange-ico
        {
            background-image:url(../img/assets/ex-orange-ico-30.png); 
        }
		
		.orange-home-ico
        {
            background-image:url(../img/assets/ex-orange-ico_home-30.png); 
        }
        
        #container 
        {
            height:100vh;
            background-color:#2f2f2f;
        }
        
        #main 
        {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-size: cover;
            background-repeat: no-repeat;
			background-position: center center;
            width:100%;
         }
         
        
         .white
		{
			background-color:#ffffff!important;
		}
		
		.blackfont
		{
			color:#000;
		}
		
		.rounded
		{
			border-radius:20px;
		}
		
		.center
		{
			position: fixed; 
			top: 50%; 
			left: 50%; 
			transform: translate(-50%, -50%); 
		}
		
		
		.dialogue
		{
			margin: 5% 15% 0% 15%;
			height:90%;
			overflow-y:auto;
			/*margin-left:15%;
			margin-right:15%;*/
			
		}
		
		.max-width {
		width: 100%;
	}
	
		.width-70 {
		width: 70%;
	}
	
		
		.lb-5-proc {
			margin: 5% 0% 5% 5%;
			padding-right:5%;
		}
		
		.lb-2-proc {
			margin: 5% 0% 0% 2.5%;
			padding-right: 2.5%;
		}
		
		.lb-5-15-proc {
			margin: 5% 0% 0% 15%;
			padding-right:15%;
		}

		.lb-5-8-proc {
			margin: 5% 0% 0% 8%;
			padding-right: 8%;
		}
		
		
		
		
		.overflow
		{
			overflow: hidden;
		}
        
        .lightbox {
			position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-repeat: no-repeat;
		}
		
		.lb-auto-proc {
			width:auto;
            height:auto;
		}
		
		.lb-50-100-proc {
			width:50%;
            height:100%;
		}
		
		.lb-30-20-proc {
			width:30%;
            height:20%;
			min-width: 400px;
			min-height: 160px;
		}
		
		.lb-40-auto-proc {
			width:40%;
            height:auto;
		}
		
        .lb-20-proc 
		{
            /*position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
			background-repeat: no-repeat;*/
            width:20%;
            height:20%;
            
        }
		
		 .lb-40-proc 
		{
            /*position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
			background-repeat: no-repeat;*/
            width:40%;
            height:40%;
            
        }
		
		.lb-50-proc 
		{
            /*position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
			background-repeat: no-repeat;*/
            width:50%;
            height:50%;
            
        }
		
		.lb-70-proc 
		{
            /*position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
			background-repeat: no-repeat;*/
            width:70%;
            height:70%;
            
			
        }
        
        .lb-80-proc 
		{
            /*position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
			background-repeat: no-repeat;*/
            width:80%;
            height:80%;
            
        }
        
        .lb-90-proc 
		{
            /*position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
			background-repeat: no-repeat;*/
            width:90%;
            height:90%;
            
        }
        
        .lb-100-proc 
		{
            /*position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-repeat: no-repeat;*/
			height:100%;
            width:100%;
            
        }
	
		

        
/*********** IFRAME PAGES ***********/
        
        #spots
         {
            height: 100vh;
            position: fixed;
            width: 100%;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
         }
         
         /* Interactive iFrame backgrounds */
            

         
/*********** LIGHTBOX OVERRIDE ***********/
        
        #back-btn 
        {
            opacity: 0.7;
            font-size: 1.5em;
            font-weight: 600;
            text-align: center;
            color: rgb(255, 255, 255);
            line-height: 1.5em;
            z-index: 100;
            top: 95%;
            left: 3%;
            text-decoration: none;    
            position:absolute;        
        }
        
        .slbArrow.next { right: 5%; }
      
        .slbArrow.prev { left: 5%; }
        
        .slbCloseBtn 
        {
          right: 5%;
          top: 5.5%;
        }
        
/*********** HTML5BOX OVERRIDE ***********/        
             
        .html5boxVideoPlay {display:none!important;}
	    .html5-elem-data-box {display:none!important;}
	    .html5boxVideoControls {display:none!important;}
	    .html5-next, .html5-prev {display:inherit!important; opacity:1!important;}
        .html5-image {padding:0!important;}

        #html5-close {
            -webkit-animation: none!important; /* slbEnter 0.3s!important; */
            -moz-animation: none!important; /* slbEnter 0.3s!important; */
            animation: none!important; /* slbEnter 0.3s!important; */
            position: fixed!important;
            width: 50px!important;
            height: 50px!important;
            z-index: 100!important;
            right: 5%!important;
            top: 5.5%!important;
        }

        #html5-next {
            -webkit-animation: none!important; /* slbEnter 0.3s!important; */
            -moz-animation: none!important; /* slbEnter 0.3s!important; */
            animation: none!important; /* slbEnter 0.3s!important; */
            position: fixed!important;
            width: 50px!important;
            height: 50px!important;
            z-index: 100!important;
            left: 5%!important;
            top: 50%!important;
        }

        #html5-prev {
            -webkit-animation: none!important; /* slbEnter 0.3s!important; */
            -moz-animation: none!important; /* slbEnter 0.3s!important; */
            animation: none!important; /* slbEnter 0.3s!important; */
            position: fixed!important;
            width: 50px!important;
            height: 50px!important;
            z-index: 100!important;
            right: 5%!important;
            top: 50%!important;
        }
        
        #html5-watermark {display:none!important;}
        
        
        .html5lightbox-video{background:#FFFFFF!important; color:#FFFFFF!important; background-color:#FFFFFF!important;}
        .html5-image{background:#FFFFFF!important;}
		
/************ TYPEWRITER ***********/
		
		.typewriter p {
			color: #eeeeee;
		  border-right: .15em solid orange;
		  font-family: "Courier";
		  font-size: 24px;
		  white-space: nowrap;
		  overflow: hidden;
		}
		.typewriter p:nth-child(1) {
		  width: 21em;
		  -webkit-animation: type 2s steps(40, end);
		  animation: type 2s steps(40, end);
		  -webkit-animation-fill-mode: forwards;
		  animation-fill-mode: forwards;
		}

		.typewriter p:nth-child(2) {
		  width: 16.5em;
		  opacity: 0;
		  -webkit-animation: type2 2s steps(40, end);
		  animation: type2 2s steps(40, end);
		  -webkit-animation-delay: 2s;
		  animation-delay: 2s;
		  -webkit-animation-fill-mode: forwards;
		  animation-fill-mode: forwards;
		}

		.typewriter p:nth-child(3) {
		  width: 4.9em;
		  opacity: 0;
		  -webkit-animation: type2 2s steps(40, end);
		  animation: type2 .5s steps(40, end);
		  -webkit-animation-delay: 4s;
		  animation-delay: 4s;
		  -webkit-animation-fill-mode: forwards;
		  animation-fill-mode: forwards;
		}
		
		.typewriter p:nth-child(4) {
		  width: 6em;
		  opacity: 0;
		  -webkit-animation: type2 2s steps(40, end);
		  animation: type2 .5s steps(40, end);
		  -webkit-animation-delay: 5s;
		  animation-delay: 5s;
		  -webkit-animation-fill-mode: forwards;
		  animation-fill-mode: forwards;
		}
		
		.typewriter p:nth-child(5) {
		  width: 5.6em;
		  opacity: 0;
		  -webkit-animation: type2 2s steps(40, end), blink .5s step-end infinite alternate;
		  animation: type2 .5s steps(40, end), blink .5s step-end infinite alternate;
		  -webkit-animation-delay: 6s;
		  animation-delay: 6s;
		  -webkit-animation-fill-mode: forwards;
		  animation-fill-mode: forwards;
		}

		@keyframes type {
		  0% {
			width: 0;
		  }
		  99.9% {
			border-right: .15em solid orange;
		  }
		  100% {
			border: none;
		  }
		}

		@-webkit-keyframes type {
		  0% {
			width: 0;
		  }
		  99.9% {
			border-right: .15em solid orange;
		  }
		  100% {
			border: none;
		  }
		}

		@keyframes type2 {
		  0% {
			width: 0;
		  }
		  1% {
			opacity: 1;
		  }
		  99.9% {
			border-right: .15em solid orange;
		  }
		  100% {
			opacity: 1;
			border: none;
		  }
		}

		@-webkit-keyframes type2 {
		  0% {
			width: 0;
		  }
		  1% {
			opacity: 1;
		  }
		  99.9% {
			border-right: .15em solid orange;
		  }
		  100% {
			opacity: 1;
			border: none;
		  }
		}

		@keyframes type3 {
		  0% {
			width: 0;
		  }
		  1% {
			opacity: 1;
		  }
		  100% {
			opacity: 1;
		  }
		}

		@-webkit-keyframes type3 {
		  0% {
			width: 0;
		  }
		  1% {
			opacity: 1;
		  }
		  100% {
			opacity: 1;
		  }
		}

		@keyframes blink {
		  50% {
			border-color: transparent;
		  }
		}
		@-webkit-keyframes blink {
		  50% {
			border-color: tranparent;
		  }
		}
/************ TYPEWRITER END ***********/    

        
        
         
        

            
        
         
        
         
        
        
/************* BDB MICHAEL *************/
/* KEYFRAMES */
@-webkit-keyframes rotate-360 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-moz-keyframes rotate-360 {
	0% {
		-moz-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-moz-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-o-keyframes rotate-360 {
	0% {
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes rotate-360 {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/*html,
#container {
	overflow-x: hidden;
}*/

body #footer {
	position: fixed;
}

.btn {
	/* transition: all 0.3s ease-out; */
	
	text-decoration: none;
	font-size: 24px !important;
	line-height: 28px;
	box-shadow: 2px 2px 8px rgba(33, 33, 33, 0.4);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-width: 370px;
	height: 60px;
	border-radius: 30px;
	background: #0087C2;
	color: #FFFFFF;
	box-sizing: border-box;
}

.btn:hover {
	text-decoration: underline;
	color: #FFFFFF;
}

.btn--alternate {
	background: #FFFFFF;
	color: #0087C2;
}

.btn--alternate:hover {
	background: #0087C2;
	color: #FFFFFF;
	text-decoration: none;
}

.btn--auto-width {
	min-width: 0;
	padding: 0 38px;
}

.btn svg,
.text-btn svg {
	width: 34px;
	height: auto;
}

.btn svg path,
.btn svg circle,
.text-btn svg path,
.text-btn svg circle {
	transition: all 0.3s ease-out;
	stroke: #0087C2 !important;
}

.btn--icon,
.btn--pill,
.btn--navigation {
	background: #FFFFFF;
	color: #0087C2;
}

.btn--reverse,
.btn--icon:hover,
.btn--pill:hover,
.btn--navigation:hover {
	background: #0087C2;
	/*background: LIME;*/
	color: #FFFFFF;
	text-decoration: none;
}

.btn--reverse:hover {
	background: #FFFFFF;
	color: #0087C2;
}

.btn:hover svg path,
.btn:hover svg circle {
	stroke: #FFFFFF !important;
}

.btn:hover svg path.fill {
	fill: #FFFFFF !important;
}

.btn--reverse svg path,
.btn--reverse svg circle {
	stroke: #FFFFFF !important;
}

.btn--reverse:hover svg path,
.btn--reverse:hover svg circle {
	stroke: #0087C2 !important;
}

.btn--reverse:hover svg path.fill {
	fill: #0087C2 !important;
}

.btn--icon {
	margin-bottom: 0 !important;
	padding: 0 !important;
	width: 60px !important;
	height: 60px !important;
	border-radius: 50% !important;
	min-width: 0 !important;
}

.btn--square {
	border-radius: 0 !important;
}

.btn--right-center svg {
	position: relative;
	left: 2px;
	top: 1px;
}

.btn--top-center svg {
	position: relative;
	top: 1px;
}

.btn--icon-border {
	background: transparent;
	padding: 0;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	position: relative;
	box-shadow: none;
	pointer-events: none;
	min-width: 0;
}

.btn--icon-border:before {
	content: '';
	width: 60px;
	height: 60px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	box-sizing: border-box;
	border-radius: 50%;
	background: url('../img/dashed-btn-border.svg') no-repeat center / 100%;
	-webkit-animation: rotate-360 20s infinite linear;
	-moz-animation: rotate-360 20s infinite linear;
	-o-animation: rotate-360 20s infinite linear;
	animation: rotate-360 20s infinite linear;
}

.btn--pill {
	padding: 0 32px 0 64px;
	height: 60px;
	border-radius: 30px;
	position: relative;
	min-width: 0;
}

.btn--pill svg {
	position: absolute;
	top: 50%;
	left: 18px;
	transform: translate(0, -50%);
	width: 30px;
}

.btn--navigation {
	padding: 0 32px 0 64px !important;
	height: 60px;
	position: relative;
	text-align: left;
	justify-content: flex-start;
	min-width: 0;
	border-radius: 0 !important;
}

.btn--navigation svg {
	position: absolute;
	top: 50%;
	left: 18px;
	transform: translate(0, -50%);
	width: 30px;
}

.btn--pill--reverse,
.btn--navigation--next {
	justify-content: flex-end;
	text-align: right;
	padding: 0 64px 0 32px !important;
}

.btn--pill--reverse svg,
.btn--navigation--next svg {
	left: auto;
	right: 18px;
}

.text-btn {
	font-size: 16px;
	line-height: 16px;
	display: inline-flex;
	height: 60px;
	width: 60px;
	padding-bottom: 5px;
	align-items: flex-end;
	justify-content: center;
	box-sizing: border-box;
	position: relative;
	color: #000000;
	transition: all 0.3s ease-out;
	text-decoration: none;
	min-width: 0;
}

.text-btn .icon {
	width: 34px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
}

.text-btn:hover {
	color: #0074A9;
}

.text-btn:hover svg path,
.text-btn:hover svg circle {
	stroke: #0074A9 !important;
}

.text-btn:hover svg path.fill {
	fill: #0074A9 !important;
}

.text-btn--long {
	width: auto;
	padding-left: 55px;
	padding-bottom: 0;
	align-items: center;
	justify-content: flex-start;
	text-align: left;
}

.text-btn--long .icon {
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
	width: 45px;
	height: 45px;
}

.text-btn--long .icon svg {
	width: 45px;
}

.radio-group {
	display: flex;
	align-items: center;
}

.radio-group>* {
	margin-right: 12px;
}

.radio-group>*:last-child {
	margin-right: 0;
}

.radio-group .navigation-btn {
	width: 29px;
	height: 34px;
}

.radio-group .navigation-btn--prev {
	margin-right: 18px;
	background: url('../img/icon-triangle-arrow-left.svg') no-repeat center / 100%;
}

.radio-group .navigation-btn--next {
	margin-left: 18px;
	background: url('../img/icon-triangle-arrow-right.svg') no-repeat center / 100%;
}

.radio-btn {
	cursor: pointer;
	width: 20px;
	height: 20px;
	display: inline-flex;
}

.radio-btn--large {
	width: 25px;
	height: 25px;
}

.radio-btn span {
	display: block;
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	border: solid 2px #0087C2;
	box-shadow: 2px 2px 8px rgba(33, 33, 33, 0.4);
	background: #FFFFFF;
	border-radius: 50%;
	position: relative;
	overflow: hidden;
}

.radio-btn--large span {
	width: 25px;
	height: 25px;
	border-color: #FFFFFF;
	background: #EFF5FB;
}

.radio-btn span:before {
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	box-shadow: inset 2px 2px 8px rgba(33, 33, 33, 0.2);
}

.radio-btn--large span:before {
	width: 25px;
	height: 25px;
	box-shadow: inset 2px 2px 8px rgba(33, 33, 33, 0.15);
}

.radio-btn span:after {
	content: '';
	width: 12px;
	height: 12px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #0087C2;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-out;
	border-radius: 50%;
}

.radio-btn--large span:after {
	width: 15px;
	height: 15px;
}

.radio-btn input {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.radio-btn input:checked+span:after {
	opacity: 1;
	visibility: visible;
}

.dropdown {
	color: #0087C2;
}

.dropdown>label {
	display: block;
	font-size: 18px;
	line-height: 18px;
	padding-left: 25px;
	margin: 0 0 15px 0;
}

.dropdown select,
.dropdown .nice-select {
	background: #FFFFFF;
	color: #0087C2;
	height: 60px;
	font-size: 18px;
	border-radius: 30px;
	box-shadow: 2px 2px 8px rgba(33, 33, 33, 0.2);
	padding: 0 25px;
}

.nice-select {
	width: 350px;
	border: none !important;
	display: flex;
	align-items: center;
	transition: all 0.3s ease-out;
}

.nice-select:after {
	width: 20px;
	height: 11px;
	border: none !important;
	right: 25px;
	margin: 0 !important;
	transform-origin: center;
	transform: translate(0, -50%);
	background: url('../img/icon-chevron-down.svg') no-repeat center / 100%;
	transition: all 0.3s ease-out;
}

.nice-select.open {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.nice-select.open:after {
	transform: translate(0, -50%) rotate(180deg);
}

.nice-select .list {
	transition: all 0.3s ease-out;
	margin-top: 0;
	border-radius: 0;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	right: 0;
	box-shadow: 0 4px 14px rgba(33, 33, 33, 0.2);
}

.nice-select .option {
	padding: 0 25px;
	display: flex;
	align-items: center;
	height: 60px;
	line-height: 24px;
	font-size: 18px;
	border-top: solid 1px #EFF5FD;
	font-weight: normal !important;
}

.nice-select .option.focus,
.nice-select .option.selected.focus,
.nice-select .option:hover {
	background: #EFF5FD;
}

#footer .footer-ico {
	margin-top: 10px;
}

body .tooltip .tooltiptext {
	left: 50%;
	right: auto;
	top: auto;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-out;
	transform: translate(-50%, 0);
	bottom: 100%;
	margin-bottom: 10px;
}

body .tooltip:hover .tooltiptext {
	opacity: 1;
	visibility: visible;
}

.slbCloseBtn {
	width: 60px !important;
	height: 60px !important;
	box-shadow: 2px 2px 8px rgba(33, 33, 33, 0.4) !important;
	background: #FFF url('../img/svg/ico-close.svg') no-repeat center / 24px !important;
	border-radius: 50% !important;
	opacity: 1 !important;
	transition: all 0.3s ease-out;
}

.slbCloseBtn:before {
	content: '';
	width: 60px;
	height: 60px;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	opacity: 0;
	visibility: hidden;
	background: #0087C2 url('../img/svg/ico-close-white.svg') no-repeat center / 24px !important;
	transition: all 0.3s ease-out;
}

.slbCloseBtn:hover {
	background-color: #0087C2 !important;
}

.slbCloseBtn:hover:before {
	opacity: 1;
	visibility: visible;
}

#btnRelatedBack {
	height: 60px !important;
	box-shadow: 2px 2px 8px rgba(33, 33, 33, 0.4) !important;
	opacity: 1 !important;
	transition: all 0.3s ease-out;
	top: 10px !important;
	left: 10px !important;
	position: fixed;
}

#btnRelatedBack,
.slbCloseBtn#product_back_btn {
	width: 148px !important;
	background: #FFF url('../img/icon-triangle-arrow-left.svg') no-repeat 18px 50% / 30px auto !important;
	color: #0087C2;
	border-radius: 30px !important;
}

.slbCloseBtn#product_back_btn:before {
	display: none !important;
}

#btnRelatedBack:after,
.slbCloseBtn#product_back_btn:after {
	content: 'Back';
	font-size: 24px;
	line-height: 28px;
	position: absolute;
	left: 64px;
	top: 50%;
	transform: translate(0, -50%);
}

#btnRelatedBack:hover,
.slbCloseBtn#product_back_btn:hover {
	background: #0087C2 url('../img/icon-triangle-arrow-left-white.svg') no-repeat 18px 50% / 30px auto !important;
	color: #FFF;
}

.agendaicon {
	width: 60px;
	min-width: 60px;
	height: 60px;
	border-radius: 50% !important;
	/*min-width: 0 !important;*/
	box-shadow: 2px 2px 8px rgba(33, 33, 33, 0.4) !important;
	position: relative;
	display: block;
	margin:10px;
	/*transition: all 0.3s ease-out;*/
}

.ico {
	margin-bottom: 0 !important;
	padding: 0 !important;
	width: 60px !important;
	height: 60px !important;
	border-radius: 50% !important;
	min-width: 0 !important;
	box-shadow: 2px 2px 8px rgba(33, 33, 33, 0.4) !important;
	position: relative;
	display: block;
	transition: all 0.3s ease-out;
}

.ico:hover,
a:hover .ico {
	background-color: #0087C2 !important;
}

.ico:before {
	content: '';
	width: 60px;
	height: 60px;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-out;
}

.ico:hover:before,
a:hover .ico:before {
	opacity: 1;
	visibility: visible;
}

.sign {
	/*margin-bottom: 0 !important;
	padding: 0 !important;
	width: 60px !important;
	height: 60px !important;
	border-radius: 50% !important;
	min-width: 0 !important;
	box-shadow: 2px 2px 8px rgba(33, 33, 33, 0.4) !important;
	position: relative;
	display: block;
	height:auto;
	transition: all 0.3s ease-out;*/
	
	
	
	
	position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 30px;
	height:12px;

}

.sign:hover,
a:hover .sign {
	background-color: #0087C2 !important;
}

.sign:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	
	
	width: 30px;
	height:12px;
	
	/*
	transition: all 0.3s ease-out;
	width: 60px;
	height: 60px;
	border-radius: 50%;*/
}

.sign:hover:before,
a:hover .sign:before {
	opacity: 1;
	visibility: visible;
}

.icoPlus {
	background: #FFF url('../img/svg/ico-plus.svg') no-repeat center / 24px !important;
}

.icoPlus:before {
	background: #0087C2 url('../img/svg/ico-plus-white.svg') no-repeat center / 24px !important;
}

.goldenicoPlus {
	background: yellow url('../img/svg/ico-plus.svg') no-repeat center / 24px !important;
}

.goldenicoPlus:before {
	background: #0087C2 url('../img/svg/ico-plus-white.svg') no-repeat center / 24px !important;
}

.icoChat {
	background: #FFF url('../img/svg/ico-chat.svg') no-repeat 50% 60% / 34px auto !important;

}

.icoChat:before {
	background: #0087C2 url('../img/svg/ico-chat-white.svg') no-repeat 50% 60% / 34px auto !important;
}

.icoAvatarChat {
	background: #FFF url('../img/svg/ico-avatar-chat.svg') no-repeat 50% 60% / 34px auto !important;

}

.icoAvatarChat:before {
	background: #0087C2 url('../img/svg/ico-avatar-chat-white.svg') no-repeat 50% 60% / 34px auto !important;
}

.icoMap {
	background: #FFF url('../img/svg/ico-map.svg') no-repeat center / 34px auto !important;

}

.icoPendingVideo {	
	background-image: 	url('../img/svg/dashed-button-border.svg'),
						url('../img/svg/ico-play-video.svg');
						
	background-size: 	60px, 
						34px;
	
	background-repeat: no-repeat;
	background-position: center;
	
	box-shadow: none!important;
}

.icoMap:before {
	background: #0087C2 url('../img/svg/ico-map-white.svg') no-repeat center / 34px auto !important;
}

.icoBriefcase {
	background: #FFF url('../img/svg/ico-briefcase.svg') no-repeat center / 34px auto !important;

}

.icoBriefcase:before {
	background: #0087C2 url('../img/svg/ico-briefcase-white.svg') no-repeat center / 34px auto !important;
}

.icoAgenda {
	background: #FFF url('../img/svg/ico-agenda.svg') no-repeat 50% 60% / 34px auto !important;

}

.icoAgenda:before {
	background: #0087C2 url('../img/svg/ico-agenda-white.svg') no-repeat 50% 60% / 34px auto !important;
}

.icoClose {
	background: #FFF url('../img/svg/ico-close.svg') no-repeat center / 24px !important;

}

.icoClose:before {
	background: #0087C2 url('../img/svg/ico-close-white.svg') no-repeat center / 24px !important;
}

.icoWebinar {
	background: #FFF url('../img/svg/ico-webinar.svg') no-repeat center / 34px !important;
}

.icoBlueVideo {
	background: #0087C2 url('../img/svg/ico-play-video-white.svg') no-repeat center / 36px auto;
}


.icoLeft {
	left: 18px;
	background: url('../img/svg/arrow-left.svg') no-repeat;
}

.icoLeft:before {
	background: url('../img/svg/arrow-left-white.svg') no-repeat;
}

.icoRight {
	right: 18px;
	background: url('../img/svg/arrow-right.svg') no-repeat;
}

.icoRight:before {
	background: url('../img/svg/arrow-right-white.svg') no-repeat;
}

.icoVideo {
	background: #FFF url('../img/svg/ico-play-video.svg') no-repeat center / 36px auto !important;
}

.icoVideo:before {
	background: #0087C2 url('../img/svg/ico-play-video-white.svg') no-repeat center / 36px auto !important;
}

.button.blue-white-btn {
	transition: all 0.3s ease-out;
}

.button.blue-white-btn:hover {
	background: #0087C2;
	border-color: #0087C2;
	color: #FFF;
}

body #footer {
	background: rgba(255, 255, 255, 0.6) url('../img/IMCD_logo_footer.png') no-repeat 20px 50% / 117px auto;
	padding-right: 10px;
	box-sizing: border-box;
}

#footer #logo {
	display: none !important;
}

#sample_container p,
#sampleform {
	text-align: center;
}
#sample_wrapper #btnsubmit {
	margin-bottom: 0;
	min-width: 300px;
	padding: 20px;
	display: inline-block;
	border-radius: 50px;
}