/* What's New Start */
/*
#live-events{
	position:fixed;
	top:150px;
	right:-286px;
	z-index:1001;
	transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
	-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
	-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
	-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
	-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
}

#live-events.active{
	right:0px;
}

#live-events .live-events-placeholder{
	transform:rotate(270deg);
	background:#E74C3C;
	padding:5px 5px;
	border-radius:4px 4px 0 0;
	font-size:16px;
	color:#fff;
	position:absolute;
	left:-65px;
	top:0px;
}

#live-events .live-events-placeholder a{
	color:#fff;
	text-decoration:none;
}

#live-events .count{
	background:#d33737;
	padding:1px 4px;
	border-radius:3px;
	color:#fff;
	font-size:12px;
	transform:rotate(90deg);
	font-weight:500;
	position:absolute;
	left:98px;
	top:-10px;
}

#live-events .live-events-content{
	margin-top:-39px;
	background:#fff;
	width:285px;
	opacity:0;
	-moz-transition: opacity 0.9s ease-in-out;
	-o-transition: opacity 0.9s ease-in-out;
	-webkit-transition: opacity 0.49s ease-in-out;
	transition: opacity 0.9s ease-in-out;
	border:5px solid #efefef;
	border-radius:5px;
}

#live-events.active .live-events-content{
	opacity:1;
}

#live-events .live-events-content .slick-slide img{
	width:100%;
}
*/

#live-events {
	display:block;
	width:285px;
	top:200px;
	z-index:9999;
	position:fixed;
	-moz-transition: opacity 0.9s ease-in-out;
	-o-transition: opacity 0.9s ease-in-out;
	-webkit-transition: opacity 0.49s ease-in-out;
	transition: opacity 0.9s ease-in-out;
	border:5px solid #efefef;
	border-radius:5px;
}
#live-events.active .live-events-content{
	opacity:1;
}
#live-events .live-events-content .slick-slide img{
	width:100%;
}
#live-events .toggle {
	top:25px;
	left:246px;
	padding:5px;
	width:100px;
	font-size: 16px;
	position:absolute;
	background-color:#E74C3C;
	color:#fff;
	-webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    4px 4px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         4px 4px 5px 0px rgba(50, 50, 50, 0.75);
	transform: rotate(270deg);
}
#live-events .count {
	background: #d33737;
	padding: 1px 4px;
	border-radius: 3px;
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	position: absolute;
	left: 305px;
	top: -15px;
}
#toggle {
	display:none;
}
/*pushing menu off canvas*/
#live-events {
	left:-285px; /*must be same as width*/
	-webkit-transition:left 1s;
	-moz-transition:left 1s;
	-o-transition:left 1s;
	transition:left 1s;
}
#toggle:checked + #live-events {
	left:0;
	-webkit-transition:left 1s;
	-moz-transition:left 1s;
	-o-transition:left 1s;
	transition:left 1s;
}

.shape{
	pointer-events:none;
	position:relative;
	width:100%
}
.shape>div{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0
}
.shape:after{
	position:relative;
	display:block;
	content:'';
	padding-top:100%
}
.shape>div>svg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	pointer-events:none
}
.shape[data-animate="true"]{
	-webkit-transition:opacity .7s;
	transition:opacity .7s
}
.shape[data-animate="true"].inactive{
	opacity:0!important;
	-ms-filter:"alpha(opacity=0)"
}
.slick-slider{
	position:relative;
	display:block;
	box-sizing:border-box;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-touch-callout:none;
	-khtml-user-select:none;
	-ms-touch-action:pan-y;
	touch-action:pan-y;
	-webkit-tap-highlight-color:transparent
}
.slick-slider *:focus{
	outline:0
}
.slick-slider .slick-track,.slick-slider .slick-list{
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
.slick-list{
	position:relative;
	display:block;
	margin:0;
	padding:0
}
.slick-list:focus{
	outline:0
}
.slick-list.dragging{
	cursor:pointer;
	cursor:hand
}
.slick-track{
	position:relative;
	top:0;
	left:0;
	display:block
}
.slick-track:before,.slick-track:after{
	display:table;
	content:''
}
.slick-track:after{
	clear:both
}
.slick-loading .slick-track{
	visibility:hidden
}
.slick-slide{
	display:none;
	float:left;
	height:100%;
	min-height:1px
}
[dir='rtl'] .slick-slide{
	float:right
}
.slick-slide img{
	display:block
}
.slick-initialized .slick-slide{
	display:block
}
.slick-loading .slick-slide{
	visibility:hidden
}
.slick-vertical .slick-slide{
	display:block;
	height:auto;
	border:1px solid transparent
}
.slick-slide.slick-loading img{
	display:none
}
.slick-slide.dragging img{
	pointer-events:none
}
.slick-arrow.slick-hidden{
	display:none
}
.numbers-slider{
	position:relative;
	background-color:#f2f7ff
}
.numbers-slider>.content:first-child>div{
	position:absolute;
	right:0
}
.numbers-slider .slider-container{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	box-sizing:border-box
}
.numbers-slider .slider{
	position:relative;
	float:left;
	top:50%;
	width:100%;
	left:6%
}
.numbers-slider .numbers-container{
	position:relative
}
.numbers-slider .numbers-container:before{
	content:'';
	position:relative;
	display:block;
	padding-top:75%
}
.numbers-slider .numbers-container>div{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0
}
.numbers-slider .numbers{
	position:absolute;
	width:30%;
	top:0;
	left:0;
	-webkit-transition:.5s;
	transition:.5s
}
.numbers-slider .numbers.inactive{
	opacity:0;
	-ms-filter:"alpha(opacity=0)"
}
.numbers-slider .numbers .number{
	position:absolute;
	-webkit-transition:.5s;transition:.5s
}
.numbers-slider .numbers.inactive .number,.numbers-slider .numbers.inactive .symbol{
	width:50%!important;
	top:10%!important;
	left:25%!important
}
.numbers-slider .symbol{
	position:absolute
}
.numbers-slider .shape{
	position:relative;
	bottom:0;
	left:0
}
.numbers-slider .shape:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:4
}
.numbers-slider .shape>div:before,.numbers-slider .shape>div:after{
	content:'';
	background:#f2f7ff;
	position:absolute;
	z-index:3
}
.numbers-slider .shape>div:before{
	top:0;
	left:100%;
	margin-left:-1px;
	width:2px;
	height:100%
}
.numbers-slider .shape>div:after{
	left:0;
	top:100%;
	margin-top:-1px;
	width:100%;
	height:2px
}
.numbers-slider .shape svg{
	z-index:2
}
.numbers-slider .shape svg path{
	fill:#f2f7ff
}
.numbers-slider .shape .background{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
.numbers-slider .slider-arrows{
	top:4.25%;
	line-height:1;
	left:55%;
	margin-top:-12px;
	z-index:5;
	position:absolute;
	display:none
}
.numbers-slider .slider-arrows:before{
	content:'';
	display:block;
	height:100%;
	width:1px;
	background:#969696;
	position:absolute;
	left:50%
}
.numbers-slider .slider-arrows .arrow{
	width:auto;
	padding:0;
	cursor:pointer;
	display:inline-block
}
.numbers-slider .slider-arrows .arrow:after{
	display:block;
	position:relative
}
.numbers-slider .slider-arrows .arrow.left{
	margin-right:10px
}
.numbers-slider .slider-arrows .arrow.right{
	margin-left:10px
}
.numbers-slider .slider-dots{
	position:absolute;
	top:0;
	left:39px;
	width:100%;
	border-radius:50%;
	z-index:5;
	font-size:24px;
	line-height:1;
	font-weight:500
}
.numbers-slider .slider-dots:after{
	position:relative;
	display:block;
	content:'';
	padding-top:100%
}
.numbers-slider .slider-dots>ul{
	margin-bottom:0;
	position:absolute;
	display:block;
	top:0;
	bottom:0;
	left:0;
	right:0;
	padding:0;
	list-style-type:none
}
.numbers-slider .slider-dots li{z-index:1;position:absolute;padding-left:0;margin-bottom:0;cursor:pointer}
.numbers-slider .slider-dots li a{color:#000;text-decoration:none}
.numbers-slider .slider-dots li.slick-active{font-size:48px;font-weight:bold}
.numbers-slider .slider-dots li:before{display:none}
.numbers-slider .slider-dots[data-total-slides="1"] li:nth-of-type(1){display:none}
.numbers-slider .slider-dots[data-total-slides="2"] li:nth-of-type(1){left:50%;top:56%}
.numbers-slider .slider-dots[data-total-slides="2"] li:nth-of-type(2){left:31%;top:35%}
.numbers-slider .slider-dots[data-total-slides="3"] li:nth-of-type(1){left:20%;top:29%}
.numbers-slider .slider-dots[data-total-slides="3"] li:nth-of-type(2){top:54%;left:38%}
.numbers-slider .slider-dots[data-total-slides="3"] li:nth-of-type(3){top:72%;left:59%}
.numbers-slider .slider-dots[data-total-slides="4"] li:nth-of-type(1){left:46%;top:39%}
.numbers-slider .slider-dots[data-total-slides="4"] li:nth-of-type(2){left:63%;top:54%}
.numbers-slider .slider-dots[data-total-slides="4"] li:nth-of-type(3){left:12%;top:37%}
.numbers-slider .slider-dots[data-total-slides="4"] li:nth-of-type(4){left:22%;top:59%}
.numbers-slider .slider-dots[data-total-slides="5"] li:nth-of-type(1){left:36%;top:20%}
.numbers-slider .slider-dots[data-total-slides="5"] li:nth-of-type(2){left:53%;top:42%}
.numbers-slider .slider-dots[data-total-slides="5"] li:nth-of-type(3){left:69%;top:64%}
.numbers-slider .slider-dots[data-total-slides="5"] li:nth-of-type(4){top:45%;left:17%}
.numbers-slider .slider-dots[data-total-slides="5"] li:nth-of-type(5){top:68%;left:35%}
.numbers-slider .slider-dots[data-total-slides="6"] li:nth-of-type(1){left:35%;top:19%}
.numbers-slider .slider-dots[data-total-slides="6"] li:nth-of-type(2){left:46%;top:39%}
.numbers-slider .slider-dots[data-total-slides="6"] li:nth-of-type(3){left:54%;top:54%}
.numbers-slider .slider-dots[data-total-slides="6"] li:nth-of-type(4){left:12%;top:37%}
.numbers-slider .slider-dots[data-total-slides="6"] li:nth-of-type(5){left:22%;top:59%}
.numbers-slider .slider-dots[data-total-slides="6"] li:nth-of-type(6){left:33%;top:70%}
#impact h2{font-size:60px;color:rgba(0,0,0,0.2);margin-bottom:40px;text-transform:uppercase}
#impact h3{font-size:28px;margin-bottom:10px;margin-top:10px}
#impact p{font-size:20px;margin-bottom:10px;font-weight:normal;line-height:28px}
.home #impact>.content:first-child>div .page-title{width:100%;left:0;text-align:left;position:relative}
.home #impact .learn-more{float:none}
.home #impact .slider{width:100%}
.home #impact>.content:first-child>div .page-title{width:90%;left:10%;text-align:right;position:relative}
.home #impact .learn-more{float:right}
.home #impact .shape .backgrounds{position:absolute;top:0;left:0;width:100%;height:100%}
.home #impact .shape .backgrounds>div{box-sizing:border-box;position:absolute;top:1px;left:0;height:100%;width:100%;-webkit-transition:.4s;transition:.4s;opacity:0;-ms-filter:"alpha(opacity=0)"}
.home #impact .shape .backgrounds>[data-position="top"]{-webkit-transition-delay:.2s;transition-delay:.2s;z-index:2}
.home #impact .shape .backgrounds>[data-position="bottom"]{-webkit-transition-delay:0s;transition-delay:0s;z-index:1}
.home #impact .shape .backgrounds [data-position="bottom"][data-background="background-1"].background-1-active,.home #impact .shape .backgrounds [data-position="bottom"][data-background="background-2"].background-2-active,.home #impact .shape .backgrounds [data-position="bottom"][data-background="background-3"].background-3-active,.home #impact .shape .backgrounds [data-position="bottom"][data-background="background-4"].background-4-active,.home #impact .shape .backgrounds [data-position="bottom"][data-background="background-5"].background-5-active,.home #impact .shape .backgrounds [data-position="top"][data-background="background-1"].background-1-active,.home #impact .shape .backgrounds [data-position="top"][data-background="background-2"].background-2-active,.home #impact .shape .backgrounds [data-position="top"][data-background="background-3"].background-3-active,.home #impact .shape .backgrounds [data-position="top"][data-background="background-4"].background-4-active,.home #impact .shape .backgrounds [data-position="top"][data-background="background-5"].background-5-active{opacity:1;-ms-filter:"alpha(opacity=100)"}
.home #impact .numbers:nth-of-type(4n+1) svg path{fill:url(#gradient1)}
.home #impact .numbers:nth-of-type(4n+2) svg path{fill:url(#gradient2)}
.home #impact .numbers:nth-of-type(4n+3) svg path{fill:url(#gradient3)}
.home #impact .numbers:nth-of-type(4n+4) svg path{fill:url(#gradient4)}
.home #impact .numbers:nth-of-type(4n+5) svg path{fill:url(#gradient5)}
.numbers{display:block;position:relative;width:100%}
.numbers>div{position:absolute;top:0;bottom:0;left:0;right:0}
.numbers:after{padding-top:90%;content:'';position:relative;display:block}
.number{position:relative;box-sizing:border-box}
.number>div{position:absolute;top:0;bottom:0;left:0;right:0}
.number:after{padding-top:117.6366843%;content:'';display:block;position:relative}
.number svg{position:absolute;top:0;left:0;width:100%;height:100%}
.numbers[data-total-numbers="1"] 
.number{width:53%}
.numbers[data-total-numbers="1"][data-symbol="symbol_k"] 
.number{top:15%;left:0}
.numbers[data-total-numbers="1"][data-symbol="symbol_percent"] 
.number{top:15%;left:0}
.numbers[data-total-numbers="1"][data-symbol="symbol_plus"] 
.number{top:15%;left:0}
.numbers[data-total-numbers="1"][data-symbol="symbol_apostrophe_left"] 
.number{top:15%;left:33%}
.numbers[data-total-numbers="2"] 
.number{width:50%}
.numbers[data-total-numbers="2"][data-symbol="symbol_k"] 
.number:nth-of-type(1){top:5%;left:0}
.numbers[data-total-numbers="2"][data-symbol="symbol_k"] 
.number:nth-of-type(2){top:25%;left:50%}
.numbers[data-total-numbers="2"][data-symbol="symbol_percent"] 
.number:nth-of-type(1){top:20%;left:0}
.numbers[data-total-numbers="2"][data-symbol="symbol_percent"] 
.number:nth-of-type(2){top:0;left:50%}
.numbers[data-total-numbers="2"][data-symbol="symbol_plus"] 
.number:nth-of-type(1){top:20%;left:0}
.numbers[data-total-numbers="2"][data-symbol="symbol_plus"] 
.number:nth-of-type(2){top:0;left:50%}
.numbers[data-total-numbers="2"][data-symbol="symbol_apostrophe_left"] 
.number:nth-of-type(1){top:34%;width:36%;left:28%}
.numbers[data-total-numbers="2"][data-symbol="symbol_apostrophe_left"] 
.number:nth-of-type(2){top:20%;left:64%;width:36%}
.numbers[data-total-numbers="3"] 
.number{width:33.33333%}
.numbers[data-total-numbers="3"] 
.number:nth-of-type(1){top:12%;left:0}
.numbers[data-total-numbers="3"] 
.number:nth-of-type(2){top:34%;left:33.33333%}
.numbers[data-total-numbers="3"] 
.number:nth-of-type(3){top:20%;left:66.66666%}
.numbers[data-total-numbers="4"] 
.number{width:24%}
.numbers[data-total-numbers="4"] 
.number:nth-of-type(1){top:20%;left:0}
.numbers[data-total-numbers="4"] 
.number:nth-of-type(2){top:35%;left:25%}
.numbers[data-total-numbers="4"] 
.number:nth-of-type(3){top:20%;left:50%}
.numbers[data-total-numbers="4"] 
.number:nth-of-type(4){top:35%;left:75%}
.numbers[data-total-numbers="5"] 
.number{width:24%}
.numbers[data-total-numbers="5"] 
.number:nth-of-type(1){top:20%;left:0}
.numbers[data-total-numbers="5"] 
.number:nth-of-type(2){top:35%;left:25%}
.numbers[data-total-numbers="5"] 
.number:nth-of-type(3){top:20%;left:50%}
.numbers[data-total-numbers="5"] 
.number:nth-of-type(4){top:35%;left:75%}
.numbers[data-total-numbers="5"] 
.number:nth-of-type(5){top:20%;left:100%}
.symbol{position:relative;box-sizing:border-box}
.symbol>div{position:absolute;top:0;right:0;bottom:0;left:0}
.symbol:after{content:'';padding-top:99.412%;display:block;position:relative}
.symbol svg{position:absolute;top:0;left:0;width:100%;height:100%}
.numbers[data-total-numbers="1"] 
.symbol{width:37%}
.numbers[data-total-numbers="1"][data-symbol="symbol_k"] 
.symbol{top:5%;left:53%}
.numbers[data-total-numbers="1"][data-symbol="symbol_percent"] 
.symbol{top:5%;left:53%}
.numbers[data-total-numbers="1"][data-symbol="symbol_plus"] 
.symbol{top:52%;left:53%}
.numbers[data-total-numbers="1"][data-symbol="symbol_apostrophe_left"] 
.symbol{top:5%;left:0}
.numbers[data-total-numbers="2"] 
.symbol{width:23%}
.numbers[data-total-numbers="2"][data-symbol="symbol_k"] 
.symbol{top:74%;left:22%}
.numbers[data-total-numbers="2"][data-symbol="symbol_percent"] 
.symbol{top:74%;left:52%}
.numbers[data-total-numbers="2"][data-symbol="symbol_plus"] 
.symbol{top:74%;left:52%}
.numbers[data-total-numbers="2"][data-symbol="symbol_apostrophe_left"] 
.symbol{top:16%;left:0}
.numbers[data-total-numbers="3"] 
.symbol{top:74%;width:23%;left:66.66%}
.numbers[data-total-numbers="4"] 
.symbol{top:70%;width:15%;left:55%}
.numbers[data-total-numbers="5"] 
.symbol{top:74%;width:52%;left:0}
.numbers.more-numbers[data-total-numbers="5"] 
.symbol{width:20%}
.slick-dotted2 { overflow:hidden; }
.slick-dotted2 .slick-prev,.slick-dotted2 .slick-next { display:none !important; } 
.slick-dotted2 .slick-dots {    display: flex; justify-content: center; margin: 0; padding: 1rem 0; list-style-type: none; }    
.slick-dotted2 .slick-dots { position:absolute; left:0px; bottom:8px; width:100%; }
.slick-dotted2 .slick-dots li { margin: 0 0.25rem; padding-left:8px; }
.slick-dotted2 .slick-dots li:first-child { padding-left:0px; }
.slick-dotted2 .slick-dots li button { display: block; width: 5px; height: 5px; padding: 0; border: none;     border-radius: 100%; background-color: #000; text-indent: -9999px; }
.slick-dotted2 .slick-dots li.slick-active button { background-color: #fc654c; }
/*
@media (max-width:992px) {
    #live-events { display:none; }
}
*/
/* What's New End */

/* SIDEBAR START */
/*
a,a:hover,a:focus {
	color: inherit;
	text-decoration: none;
	transition: all 0.3s;
}
*/
/*
.navbar {
	padding: 15px 10px;
	background: #fff;
	border: none;
	border-radius: 0;
	margin-bottom: 40px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}
.navbar-btn {
	box-shadow: none;
	outline: none !important;
	border: none;
}
.line {
	width: 100%;
	height: 1px;
	border-bottom: 1px dashed #ddd;
	margin: 40px 0;
}
*/
/* ---------------------------------------------------
	SIDEBAR STYLE
----------------------------------------------------- */
#sidebar {
	width: 250px;
	position: fixed;
	top: 128px;
	right: -250px;
	height: 100vh;
	z-index: 999;
	background: #7386D5;
	color: #fff;
	transition: all 0.3s;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}

#sidebar.active {
	right: 0;
}

#dismiss {
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background: #7386D5;
	position: absolute;
	top: 6px;
	right: 10px;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

#dismiss:hover {
	background: #fff;
	color: #7386D5;
}

.overlay1 {
	display: none;
	position: fixed;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.7);
	z-index: 998;
	opacity: 0;
	transition: all 0.5s ease-in-out;
}
.overlay1.active {
	display: block;
	opacity: 1;
}

#sidebar .sidebar-header {
	padding: 15px;
	margin-top:0px;
	background: #6d7fcc;
}

#sidebar ul.components {
	height: 76vh;
	overflow-y: auto;
}
	
#sidebar ul.components::-webkit-scrollbar {
	display: none;
}

/* Hide scrollbar for IE and Edge */
#sidebar ul.components {
	-ms-overflow-style: none;
}

#sidebar ul p {
	color: #fff;
	padding: 10px;
}

#sidebar ul li a {
	padding: 6px;
	padding-left:20px;
	font-size: 1.1em;
	display: block;
	color:#fff;
}

#sidebar ul li a:hover {
	color: #7386D5;
	background: #fff;
}
/*
#sidebar ul li.active>a,a[aria-expanded="true"] {
	color: #fff;
	background: #6d7fcc;
}
*/
a[data-toggle="collapse"] {
	position: relative;
}

.dropdown-toggle::after {
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
}
/*
ul ul a {
	font-size: 0.9em !important;
	padding-left: 30px !important;
	background: #6d7fcc;
}
*/
/* SIDEBAR END */

.icon-bar1 {
	position: fixed;
	top: 39%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index:999;
	right:0;
}
.icon-bar2 {
	position: fixed;
	top: 63%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index:999;
	right:-47px;
}
.icon-bar3 {
	position: fixed;
	top: 86%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index:999;
	right:-47px;
}

.icon2 {
	cursor: pointer;
	position: relative;
	display: block;
	width: 45px;
	/*height: 45px;*/
	/*margin-left: 12px;
	margin-right: 12px;*/
	border-radius: 30px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}
.icon2::before, .icon2::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	transition: all 0.25s ease;
	border-radius: 30px;
}
.icon2 i {
	position: relative;
	color: #FFFFFF;
	font-size: 25px;
	margin-top: 11px;
	transition: all 0.25s ease;
}
.icon-fill::before {
	transition-duration: 0.5s;
	background: #25d366 !important;
	box-shadow: inset 0 0 0 1px #16A085;
}
.icon-fill:hover::before {
	box-shadow: inset 0 0 0 60px #16A085;
}
.icon-enter::after {
	box-shadow: inset 0 0 0 1px #EB9532;
}
.icon-enter::before {
	border-radius: 0;
	margin-left: -100%;
	box-shadow: inset 0 0 0 60px #EB9532;
}
.icon-enter:hover::before {
	margin-left: 0;
}
.icon-expand::after {
	box-shadow: inset 0 0 0 1px #C82647;
}
.icon-expand::before {
	background: #C82647;
	box-shadow: inset 0 0 0 60px #2d2c3e;
}
.icon-expand:hover::before {
	box-shadow: inset 0 0 0 1px #2d2c3e;
}
.icon-collapse::before {
	border-radius: 0;
}
.icon-collapse:hover::before {
	box-shadow: inset 0 30px 0 0 #8CC63F, inset 0 -30px 0 0 #8CC63F;
}
.icon-collapse::after {
	box-shadow: inset 0 0 0 1px #8CC63F;
}
.icon-rotate {
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
	box-shadow: inset 0 0 0 1px #7E3661;
	background: #ff8c00;
}
.icon-rotate::after, .icon-rotate::before {
	border: 0px solid transparent;
}
.icon-rotate:hover::before {
	transition: border-top-width 0.3s ease, border-top-color 0.3s ease;
	border-width: 60px;

}
/*
.icon-rotate:hover::after {
	transition: border-left-width 0.3s ease, border-left-color 0.3s ease;
	border-width: 60px;
	border-left-color: #7E3661;
}
.icon-rotate:hover {
	transition: background 0.001s ease 0.3s;
	background: #7E3661;
}
*/
.icon-rotate i {
	z-index: 1;
}
.icon1 {
	cursor: pointer;
	position: relative;
	display: block;
	width: 130px;
	height: 40px;
	/*margin-left: 12px;
	margin-right: 12px;*/
	/*border-radius: 30px;*/
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	transform: rotate(90deg);
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}
.icon1::before, .icon1::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	transition: all 0.25s ease;
	/*border-radius: 30px;*/
}
.icon1 i {
	position: relative;
	color: #FFFFFF;
	font-size: 25px;
	margin-top: 11px;
	transition: all 0.25s ease;
}
.icon-expand1::after {
	box-shadow: inset 0 0 0 1px #C82647;
}
.icon-expand1::before {
	background: #C82647;
	box-shadow: inset 0 0 0 60px #2d2c3e;
	z-index:-1;
}
.icon-expand1:hover::before {
	box-shadow: inset 0 0 0 1px #2d2c3e;
}

/* Surface Duo & Mobile */
/*
@media only screen and (max-width: 600px) {
	.icon-bar1 {
		top: 44%;
	}
	.icon-bar3 {
		top: 82%;
	}
	
}
*/
@media only screen and (max-width: 600px) {
	/*#live-events { position:fixed; top:170px; right:-286px; z-index:1001; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;  }	  */
	#sidebar {
		top: 117px;
	}
	#live-events {top:180px;}	
	.icon-bar1 {
		top: 42%;
	}
	.icon-bar2 {
		top: 65.5%;
	}
	.icon-bar3 {
		top: 88.5%;
	}
}

/* IPad */
@media only screen 
	and (min-device-width: 768px) 
	and (max-device-width: 1024px) 
	and (-webkit-min-device-pixel-ratio: 2){
		/*#live-events { position:fixed; top:320px; right:-286px; z-index:1001; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;  }	  */
		#sidebar {
			top: 115px;
		}
		.icon-bar1 {
			top: 45%;
		}
		.icon-bar2 {
			top: 59%;
		}
		.icon-bar3 {
			top: 72%;
		}
}
/* IPad Pro */
@media (min-width: 769px) {
	/*#live-events { position:fixed; top:480px; right:-286px; z-index:1001; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;  }*/
	#live-events {top:300px;}	
	#sidebar {
		top: 145px;
	}
	.icon-bar1 {
		top: 45%;
	}
	.icon-bar2 {
		top: 55%;
	}
	.icon-bar3 {
		top: 65%;
	}
}
@media (min-width: 992px) {

}
/* Desktop */
@media (min-width: 1200px) {
/*
	#live-events{
		position:fixed;
		top:162px;
		right:-286px;
		z-index:1001;
		transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
		-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
		-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
		-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
		-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
	}	
*/

	#live-events {
		top:200px;
	}
	#sidebar {
		top: 128px;
	}
	.icon-bar1 {
		top: 39%;
	}
	.icon-bar2 {
		top: 61%;
	}
	.icon-bar3 {
		top: 80%;
	}
}

/*
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) {

	#live-events { position:fixed; top:300px; right:-286px; z-index:1001; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;  }
}
*/
/* ----------- Retina Screens ----------- */
/*
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
	#live-events { position:fixed; top:300px; right:-286px; z-index:1001; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;  }
}
*/