/* Start Bootstrap - Scrolling Nav (https://startbootstrap.com/template-overviews/scrolling-nav)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-scrolling-nav/blob/master/LICENSE)
 */
 @font-face {
 	font-family: 'gt_walsheim_probold';
 	src: url('../font/gt-walsheim-pro-bold-webfont.woff2') format('woff2'),
 	url('../font/gt-walsheim-pro-bold-webfont.woff') format('woff');
 	font-weight: normal;
 	font-style: normal;
 }

 @font-face {
 	font-family: 'gt_walsheim_promedium';
 	src: url('../font/gt-walsheim-pro-medium-webfont.woff2') format('woff2'),
 	url('../font/gt-walsheim-pro-medium-webfont.woff') format('woff');
 	font-weight: normal;
 	font-style: normal;
 }

 @font-face {
 	font-family: 'gt_walsheim_proregular';
 	src: url('../font/gt-walsheim-pro-regular-webfont.woff2') format('woff2'),
 	url('../font/gt-walsheim-pro-regular-webfont.woff') format('woff');
 	font-weight: normal;
 	font-style: normal;
 }

 body p {
 	font-family: 'gt_walsheim_proregular', 'Overpass', sans-serif;
 	font-size: 18px;
 }

 section {
 	padding: 80px 0;
 }

 .container {
 	position: relative;
 	z-index: 1;
 }

 h1, h2, h3, h4, h5, h6 {
 	font-family: 'gt_walsheim_probold', 'Roboto', sans-serif;
 	font-weight: 700;
 	color: black;
 	margin-bottom: 20px;
 }

 .btn-primary, .btn-primary:link, .btn-primary:visited {
 	position: relative;
 	display: block;
 	padding: 14px 15px;
 	color: #6F389F;
 	font-size:14px;
 	font-weight: bold;
 	text-align: center;
 	text-decoration: none;
 	overflow: hidden;
 	letter-spacing: .08em;
 	border-radius: 5px;
 	-webkit-transition: all 1s ease;
 	-moz-transition: all 1s ease;
 	-o-transition: all 1s ease;
 	transition: all 1s ease;
 	background: none !important;
 }

 .btn-primary:after, .btn-primary:link:after, .btn-primary:visited:after {
 	content: "";
 	position: absolute;
 	height: 0%;
 	left: 50%;
 	top: 50%;
 	width: 150%;
 	z-index: -1;
 	-webkit-transition: all 0.75s ease 0s;
 	-moz-transition: all 0.75s ease 0s;
 	-o-transition: all 0.75s ease 0s;
 	transition: all 0.75s ease 0s;
 }

 .btn-primary:hover, .btn-primary:link:hover, .btn-primary:visited:hover {
 	color: white !important;
 }

 .btn-primary:hover:after, .btn-primary:link:hover:after, .btn-primary:visited:hover:after {
 	height: 450% !important;
 }

 .btn-primary {
 	border: 2px solid #6F389F !important;
 }

 .btn-primary:after, .btn-primary:link:after {
 	background: #6F389F !important;
 	-moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
 	-ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
 	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
 	transform: translateX(-50%) translateY(-50%) rotate(-25deg);
 }

 .btn-secondary, .btn-secondary:link, .btn-secondary:visited {
 	position: relative;
 	display: block;
 	padding: 15px 20px;
 	margin: 10px 0;
 	max-width: 150px;
 	color: white;
 	font-size:14px;
 	font-weight: bold;
 	text-align: center;
 	text-decoration: none;
 	overflow: hidden;
 	letter-spacing: .08em;
 	border-radius: 5px;
 	-webkit-transition: all 1s ease;
 	-moz-transition: all 1s ease;
 	-o-transition: all 1s ease;
 	transition: all 1s ease;
 	background: none !important;
 }

 .btn-secondary:after, .btn-secondary:link:after, .btn-secondary:visited:after {
 	content: "";
 	position: absolute;
 	height: 0%;
 	left: 50%;
 	top: 50%;
 	width: 150%;
 	z-index: -1;
 	-webkit-transition: all 0.75s ease 0s;
 	-moz-transition: all 0.75s ease 0s;
 	-o-transition: all 0.75s ease 0s;
 	transition: all 0.75s ease 0s;
 }

 .btn-secondary:hover, .btn-secondary:link:hover, .btn-secondary:visited:hover {
 	color: #6F389F !important;
 }

 .btn-secondary:hover:after, .btn-secondary:link:hover:after, .btn-secondary:visited:hover:after {
 	height: 450% !important;
 }

 .btn-secondary {
 	border: 2px solid white !important;
 }

 .btn-secondary:after, .btn-secondary:link:after {
 	background: white !important;
 	-moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
 	-ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
 	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
 	transform: translateX(-50%) translateY(-50%) rotate(-25deg);
 }

 h2.text-primary {
 	color: #6F389F !important;
 	text-transform: uppercase;
 	font-size: 22px;
 }

 .text-primary {
 	color: #6F389F !important;
 }

 .text-secondary {
 	color: #96A2AC !important;
 }

 .text-muted {
 	color: white !important;
 	opacity: 0.6;
 }

 .bg-light {
 	background-color: #F7F8F9 !important;
 }

 /* Nav */

 nav {
 	padding: 0 !important;
 }

 nav .container {
 	background: rgba(48, 11, 81, 0.8);
 	padding: 0 20px 0 0 !important;
 }

 nav a:link, nav a:visited {
 	color: white !important;
 	padding: 25px;
 	opacity: 1;
 	transition: all 0.6s;
 }

 nav .nav-item a.active, nav .nav-item a:hover, nav .nav-item a:focus {
 	color: white !important;
 	opacity: 0.8;
 }

 nav .navbar-brand {
 	background-color: #6F389F;
 	padding-left: 40px !important;
 	padding-right: 40px !important;
 }

 nav svg {
 	height: 32px;
 }

 nav .logo-text {
 	font-size: 20px;
 	font-weight: 200;
 }

 nav button:focus, nav button:active {
 	outline: 0;
 }

 /* Burger icon */

 #burger {
 	padding: 0;
 }

 #burger .ham {
 	-webkit-tap-highlight-color: transparent;
 	-webkit-transition: all .5s;
 	-o-transition: all .5s;
 	transition: all .5s;
 	-moz-user-select: none;
 	-webkit-user-select: none;
 	-ms-user-select: none;
 	user-select: none;
 	width: 50px;
 	height: 50px;
 }

 #burger .line {
 	fill: none;
 	-webkit-transition: stroke-dasharray .5s, stroke-dashoffset .5s;
 	-o-transition: stroke-dasharray .5s, stroke-dashoffset .5s;
 	transition: stroke-dasharray .5s, stroke-dashoffset .5s;
 	stroke: white;
 	stroke-width: 5.5;
 	stroke-linecap: round;
 	-webkit-transition: all .5s;
 	-o-transition: all .5s;
 	transition: all .5s;
 }

 #burger .ham .top {
 	stroke-dasharray: 40 160;
 }

 #burger .ham .middle {
 	stroke-dasharray: 40 142;
 	-webkit-transform-origin: 50%;
 	-ms-transform-origin: 50%;
 	transform-origin: 50%;
 	-webkit-transition: all .5s;
 	-o-transition: all .5s;
 	transition: all .5s;
 }

 #burger .ham .bottom {
 	stroke-dasharray: 40 85;
 	-webkit-transform-origin: 50%;
 	-ms-transform-origin: 50%;
 	transform-origin: 50%;
 	-webkit-transition: stroke-dashoffset .5s, -webkit-transform .5s;
 	transition: stroke-dashoffset .5s, -webkit-transform .5s;
 	-o-transition: transform .5s, stroke-dashoffset .5s;
 	transition: transform .5s, stroke-dashoffset .5s;
 	transition: transform .5s, stroke-dashoffset .5s, -webkit-transform .5s;
 }

 #burger .ham.show {
 	transform: rotate(45deg);
 }

 #burger .ham.show .top {
 	stroke-dashoffset: -64px;
 }

 #burger .ham.show .middle {
 	-webkit-transform: rotate(90deg);
 	-ms-transform: rotate(90deg);
 	transform: rotate(90deg);
 }

 #burger .ham.show .bottom {
 	stroke-dashoffset: -64px;
 }

 /* Header */

 header {
 	width: 100%;
 	height: 700px;
 	overflow: hidden;
 	margin: 0;
 	padding: 0;
 }

 #header-wrapper {
 	position: relative;
 	width: 100%;
 	height: 100%;
 }

 #header-wrapper-inner {
 	position: relative;
 	z-index: 40;
 	width: 100%;
 	height: 100%;
 	padding-top: 230px;
 }

 #header-wrapper canvas {
 	position: absolute !important;
 	top: 0;
 }

 header h1 {
 	font-size: 80px;
 	line-height: 1;
 }

 header .svg-wrapper {
 	position: relative;
 	padding: 0 0 0 50px;
 }

 header .svg-wrapper svg {
 	position: absolute;
 	width: 330px;
 	height: auto;
 	top: -110px;
 	left: 0px;
 }

 header .border {
 	fill: none;
 	stroke: #FFFFFF;
 	stroke-width: 15;
 	stroke-miterlimit: 10;
 }

 @media (max-width: 767.98px) { 
 	header h1 {
 		font-size: 60px;
 	}
 }

 @media (max-width: 575.98px) { 
 	header h1 {
 		font-size: 38px;
 	}
 	header .svg-wrapper {
 		padding: 0 50px;
 	}
 	header .svg-wrapper svg {
 		left: 15px;
 	}
 }

 @media (max-width: 479.98px) { 
 	header h1 {
 		font-size: 30px;
 	}
 }

 /* About */

 #about .stat {
 	border: 1px solid #E1E1E1;
 }

 #about .stat:nth-of-type(1) {
 	border-top-left-radius: 5px;
 	border-bottom-left-radius: 5px;
 }

 #about .stat:nth-of-type(3) {
 	border-top-right-radius: 5px;
 	border-bottom-right-radius: 5px;
 }

 @media (min-width: 768px) { 
 	#about .stat:nth-of-type(1), #about .stat:nth-of-type(2) {
 		border-right: none;
 	}
 }

 @media (max-width: 767.98px) { 
 	#about .stat:nth-of-type(1), #about .stat:nth-of-type(2) {
 		border-bottom: none;
 	}

 	#about .stat:nth-of-type(1) {
 		border-top-right-radius: 5px;
 		border-bottom-left-radius: 0;
 	}

 	#about .stat:nth-of-type(3) {
 		border-top-right-radius: 0;
 		border-bottom-left-radius: 5px;
 	}
 }

 #about svg {
 	fill: #6F389F;
 	height: 45px;
 	width: auto;
 }

 /* Coming Soon */
 .coming-soon {
 	padding: 70px 0;
 	background-image: url(https://res.cloudinary.com/mabbas/image/upload/f_auto/v1567074033/wdsf/bg.jpg);
 	background-size: cover;
 	background-position: center center;
 	background-repeat: no-repeat;
 	background-attachment: fixed;
 }

 .coming-soon h2 {
 	font-size: 50px;
 }

 .coming-soon .time:nth-of-type(4), .coming-soon .time:nth-of-type(5), .coming-soon .time:nth-of-type(6)  {
 	border-left: 1px solid rgba(225, 225, 225, 0.4);
 }

 @media (max-width: 767.98px) {
 	.coming-soon .time:nth-of-type(5) {
 		border-left: none;
 	}
 }

 .coming-soon #launched {
 	display: none;
 }

 /* Speakers */

 #speakers {
 	background: url(https://res.cloudinary.com/mabbas/image/upload/f_auto/v1567072898/wdsf/graphic_bg.png);
 	background-size: auto;
 	background-repeat: no-repeat;
 	background-position: top right;
 }

 .teamy {
 	position: relative;
 	max-width: 260px;
 	margin: 0 auto;
 }

 .teamy__layout {
 	position: relative;
 	overflow: hidden;
 }

 .teamy__layout:before {
 	content: "";
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	z-index: 2;
 }

 .teamy__avatar {
 	display: block;
 	max-width: 100%;
 	position: relative;
 	z-index: 1;
 }

 .teamy__back {
 	display: none;
 }

 .teamy:hover .teamy__back {
 	width: 100%;
 	height: 100%;  
 	display: flex;
 	position: absolute;
 	top: 0;
 	left: 0;    
 	z-index: 3;
 }

 .teamy__back-inner {
 	position: absolute;
 	bottom: 0;
 	right: 0;
 	will-change: opacity;
 	-webkit-animation: fade .4s cubic-bezier(0.71, 0.05, 0.29, 0.9) .2s both;
 	animation: fade .4s cubic-bezier(0.71, 0.05, 0.29, 0.9) .2s both;
 }

 @-webkit-keyframes fade {
 	0%{
 		opacity: 0;
 	}

 	100%{
 		opacity: 1;
 	}  
 }

 @keyframes fade {
 	0%{
 		opacity: 0;
 	}

 	100%{
 		opacity: 1;
 	}  
 }

 .teamy__back-inner {
 	padding: 20px;
 }

 .teamy_mask-circle .teamy__layout:before {
 	width: 0;
 	height: 0;
 	padding: 25%;
 	border-radius: 50%;
 	transition: opacity .3s ease-out, -webkit-transform .3s ease;
 	transition: transform .3s ease, opacity .3s ease-out;
 	transition: transform .3s ease, opacity .3s ease-out, -webkit-transform .3s ease;
 	will-change: opacity, transform;
 	opacity: 0;
 	-webkit-transform: translate(-50%, -50%) scale(0);
 	transform: translate(-50%, -50%) scale(0);
 }

 .teamy_mask-circle:hover .teamy__layout:before {
 	opacity: 1;
 	-webkit-transform: translate(-50%, -50%) scale(4);
 	transform: translate(-50%, -50%) scale(4);
 	transition-duration: .6s;
 }

 .teamy_zoom-photo .teamy__avatar {
 	transition: -webkit-transform .4s cubic-bezier(0.71, 0.05, 0.29, 0.9);
 	transition: transform .4s cubic-bezier(0.71, 0.05, 0.29, 0.9);
 	transition: transform .4s cubic-bezier(0.71, 0.05, 0.29, 0.9), -webkit-transform .4s cubic-bezier(0.71, 0.05, 0.29, 0.9);
 	will-change: transform;
 	-webkit-transform: scale(1);
 	transform: scale(1);
 }

 .teamy_zoom-photo:hover .teamy__avatar {
 	-webkit-transform: scale(1.2);
 	transform: scale(1.2);
 }

 .teamy__layout:before {
 	background-image: linear-gradient(to right, rgba(48, 11, 81, 0.7), rgba(111, 56, 159, 0.6));
 }

 .teamy .social {
 	box-sizing: border-box;
 	width: 2.5rem;
 	height: 2.5rem;
 	padding: 0.5rem;
 	background-color: #fff;
 	border-radius: 100%;
 	margin: 5px;
 	position: relative;
 	display: inline-block;
 	vertical-align: middle;
 }

 .teamy .social__icon {
 	width: 100%;
 	height: 100%;
 	fill: rgba(48, 11, 81, 1);
 }

 #speakers .owl-theme .owl-nav button {
 	width: 20px;
 }

 #speakers .owl-theme .owl-nav button svg {
 	fill: #6c757d;
 	transition: all 0.6s;
 }

 #speakers .owl-theme .owl-nav button:hover {
 	background: none;
 }

 #speakers .owl-theme .owl-nav button:hover svg {
 	fill: #6F389F;
 }

 /* Schedule */

 #schedule svg {
 	width: 50px;
 	fill: black;
 }

 #schedule .google-address h2, #schedule .google-address p {
 	line-height: 1.4;
 }

 #google-container {
 	height: 450px;
 }

 .timeline {
 	position: relative;
 	display: flex;
 	flex-direction: column;
 	list-style: none;
 	padding: 0;
 	overflow-x: hidden;
 }
 /* the timeline's center vertical line */
 .timeline:before {
 	content: "";
 	position: absolute;
 	top: 10px;
 	bottom: 12px;
 	left: 4px;
 	width: 1px;
 	background-color: #ccc;
 }
 .timeline li {
 	position: relative;
 	padding-left: 20px;
 	transition: 0.6s;
 	opacity: 0;
 	transform: translateX(10%);
 }
 /* the rounded mark on each timeline item */
 .timeline li:before {
 	content: "";
 	width: 8px;
 	height: 8px;
 	position: absolute;
 	top: 12px;
 	left: -4px;
 	background: #6F389F;
 	border-radius: 50%;
 	box-sizing: border-box;
 	transform: translate(50%,-50%);
 }
 .timeline li.visible {
 	opacity: 1;
 	transform: translateX(0);
 }

 /* Gallery */

 #gallery .all {
 	width: 100%;
 	height: auto;
 	display: inline-block;
 }

 #gallery .all .slider {
 	width: auto;
 	height: auto;
 	overflow: hidden;
 	position: relative;
 }

 #gallery .all .slider .owl-nav, #gallery .all .slider .owl-dots {
 	display: none;
 }

 #gallery .all .slider:hover .left {
 	visibility: visible;
 	opacity: 1;
 	left: 0px;
 }

 #gallery .all .slider:hover .right {
 	visibility: visible;
 	opacity: 1;
 	right: 0px;
 }

 #gallery .all .slider .item-box {
 	padding: 20px;
 	overflow: hidden;
 	width: 100%;
 	height: 600px;
 	position: relative;
 	background: no-repeat url(https://res.cloudinary.com/mabbas/image/upload/f_auto/v1572477819/wdsf/gallery/KL1.jpg) center center;
 	background-size: cover;
 }

 @media (max-width: 991.98px) { 
 	#gallery .all .slider .item-box {
 		height: 500px;
 	}
 }

 @media (max-width: 767.98px) {
 	#gallery .all .slider .item-box {
 		height: 400px;
 	}
 }

 @media (max-width: 575.98px) {
 	#gallery .all .slider .item-box {
 		height: 300px;
 	}
 }

 #gallery .all .slider .left {
 	position: absolute;
 	z-index: 1;
 	top: 50%;
 	transform: translateY(-50%);
 	left: -20px;
 	width: 40px;
 	height: 80px;
 	cursor: pointer;
 	visibility: hidden;
 	opacity: 0;
 	transition: all ease .25s;
 	background-color: rgba(111, 56, 159, 0.85);
 }

 #gallery .all .slider .left svg, #gallery .all .slider .right svg {
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	transform: translate(-50%, -50%);
 	fill: white;
 	width: 40px;
 	height: 40px;
 }

 #gallery .all .slider .left:hover {
 	visibility: visible;
 	opacity: 1;
 	left: 0px;
 }

 #gallery .all .slider .left.nonl {
 	left: -20px;
 	opacity: 0;
 	visibility: hidden;
 }

 #gallery .all .slider .right {
 	position: absolute;
 	z-index: 1;
 	top: 50%;
 	transform: translateY(-50%);
 	right: -20px;
 	width: 40px;
 	height: 80px;
 	cursor: pointer;
 	visibility: hidden;
 	opacity: 0;
 	transition: all ease .25s;
 	background-color: rgba(111, 56, 159, 0.85);
 }

 #gallery .all .slider .right:hover {
 	visibility: visible;
 	opacity: 1;
 	right: 0px;
 }

 #gallery .all .slider .right.nonr {
 	right: -20px;
 	opacity: 0;
 	visibility: hidden;
 }

 #gallery .all .slider-two {
 	width: auto;
 	height: auto;
 	overflow: hidden;
 	position: relative;
 }

 #gallery .all .slider-two .owl-nav, #gallery .all .slider-two .owl-dots {
 	display: none;
 }

 #gallery .all .slider-two:hover .left-t {
 	visibility: visible;
 	opacity: 1;
 	left: 3px;
 }

 #gallery .all .slider-two:hover .right-t {
 	visibility: visible;
 	opacity: 1;
 	right: 3px;
 }

 #gallery .all .slider-two .item {
 	transition: all ease .25s;
 	height: 100px;
 	border: solid 3px #f8f9fa;
 	cursor: pointer;
 	background: no-repeat url(https://res.cloudinary.com/mabbas/image/upload/f_auto/v1567073001/wdsf/gallery/1.jpg) center center;
 	background-size: cover;
 }

 #gallery .all .slider-two .item.active {
 	border: solid 3px #6F389F;
 }

 #gallery .all .slider-two .owl-stage {
 	padding: 20px 0;
 }

 #gallery .all .slider-two .left-t {
 	cursor: pointer;
 	position: absolute;
 	z-index: 1;
 	top: 23px;
 	visibility: hidden;
 	opacity: 0;
 	transition: all ease .25s;
 	width: 40px;
 	height: 95px;
 	left: -40px;
 	background-color: rgba(111, 56, 159, 0.85);
 }

 #gallery .all .slider-two .left-t:hover {
 	visibility: visible;
 	opacity: 1;
 	left: 3px;
 }

 #gallery .all .slider-two .left-t.nonl-t {
 	left: -40px;
 	opacity: 0;
 	visibility: hidden;
 }

 #gallery .all .slider-two .right-t {
 	cursor: pointer;
 	position: absolute;
 	z-index: 1;
 	top: 23px;
 	right: -40px;
 	visibility: hidden;
 	opacity: 0;
 	transition: all ease .25s;
 	width: 40px;
 	height: 95px;
 	background-color: rgba(111, 56, 159, 0.85);
 }

 #gallery .all .slider-two .right-t:hover {
 	visibility: visible;
 	opacity: 1;
 	right: 3px;
 }

 #gallery .all .slider-two .left-t svg, #gallery .all .slider-two .right-t svg {
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	transform: translate(-50%, -50%);
 	fill: white;
 	width: 40px;
 	height: 40px;
 }

 #gallery .all .slider-two .right-t.nonr-t {
 	right: -40px;
 	opacity: 0;
 	visibility: hidden;
 }

 /* Partners */

 #partners .owl-carousel .owl-stage {
 	display: flex;
 	align-items: center;
 }

 #partners .owl-carousel .owl-item img {
 	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
 	filter: grayscale(100%);
 	max-height: 70px !important;
 	max-width: 140px !important;
 	width: auto !important;
 	margin: 0 auto;
 }

 /* Contact */

 #contact {
 	background: url(https://res.cloudinary.com/mabbas/image/upload/f_auto/v1567072898/wdsf/graphic_bg.png);
 	background-size: auto;
 	background-repeat: no-repeat;
 	background-position: top right;
 }

 #contact .logo-wrapper .logo-text {
 	font-size: 40px;
 	font-weight: 200;
 	width: 20%;
 }

 #contact .logo-wrapper svg {
 	display: inline-block;
 	width: 50px;
 }

 #contact #one {
 	fill: #6F389F;
 }

 #contact #two {
 	fill: #7033A1;
 }

 #contact #three {
 	fill: #521780;
 }

 #contact #four {
 	fill: #300B51;
 }

 #contact a:link, #contact a:focus, #contact a:visited {
 	font-size: 18px;
 	color: #96A2AC;
 	text-decoration: none;
 }

 #contact svg {
 	width: 40px;
 }

 #contact .icon {
 	fill: #6F389F;
 	transition: all 0.6s;
 }

 #contact .media:hover .icon {
 	fill: white;
 }

 #contact .circle {
 	fill: #F8F9FA;
 	transition: all 0.6s;
 }

 #contact .media:hover .circle {
 	fill: #6F389F;
 }

 #contact .facebook {
 	fill: #3B5998;
 	transition: all 0.6s;
 }

 #contact .facebook:hover {
 	fill: #6F389F;
 }

 #contact .twitter {
 	fill: #4099FF;
 	transition: all 0.6s;
 }

 #contact .twitter:hover {
 	fill: #6F389F;
 }

 #contact .youtube {
 	fill: #CD201F;
 	transition: all 0.6s;
 }

 #contact .youtube:hover {
 	fill: #6F389F;
 }

 #contact .instagram {
 	fill: url(#instagram-gradient);
 }

 #contact .instagram stop {
 	transition: 0.6s;
 }

 #contact .instagram:hover stop:first-child {
 	stop-color: #6F389F;
 }
 #contact .instagram:hover stop:last-child {
 	stop-color: #6F389F;
 }

 /* Mouse scroll */

 .icon-scroll-wrapper {
 	position: absolute;
 	left: 50%;	
 	top: 90%;
 }

 .icon-scroll,
 .icon-scroll:before {
 	position: absolute;
 	left: 50%;
 }

 .icon-scroll {
 	width: 20px;
 	height: 30px;
 	margin-left: -10px;
 	box-shadow: inset 0 0 0 2px #fff;
 	border-radius: 25px;
 }

 .icon-scroll:before {
 	content: '';
 	width: 6px;
 	height: 6px;
 	background: #fff;
 	margin-left: -3px;
 	top: 5px;
 	border-radius: 3px;
 	animation-duration: 1.5s;
 	animation-iteration-count: infinite;
 	animation-name: scroll;
 }

 @keyframes scroll {
 	0% {
 		opacity: 1;
 	}
 	100% {
 		opacity: 0;
 		transform: translateY(16px);
 	}
 }

 /* Past events */

 .past-events {
 	z-index: 1000;
 	position: absolute;
 	right: -318px;	
 	top: 50%;
 	transform: translateY(-50%);
 	background: rgba(48, 11, 81, 0.8);
 	height: 160px;
 	width: 368px;
 	-o-transition: right 0.6s ease-in-out;
 	-ms-transition: right 0.6s ease-in-out;
 	-moz-transition: right 0.6s ease-in-out;
 	-webkit-transition: right 0.6s ease-in-out;
 	transition: right 0.6s ease-in-out;
 }

 .past-events:hover, .past-events.hover {
 	right: 0;
 }

 .past-events-button {
 	position: absolute;
 	right: 318px;
 	top: 0;
 	bottom: 0;
 	left: 0;
 	color: white;
 }

 .past-events-button p {
 	position: absolute;;
 	letter-spacing: 1px;
 	text-transform: uppercase;
 	top: 50%;
 	left: 50%;
 	transform: translateX(-50%) translateY(-50%) rotate(-90deg);
 }

 .past-events-japan {
 	position: absolute;
 	right: 212px;
 	top: 0;
 	bottom: 0;
 	left: 50px;
 	background-image: linear-gradient(to bottom, rgba(0,0,0, 0), rgba(0,0,0, 20)), url(https://res.cloudinary.com/mabbas/image/upload/f_auto/v1567075574/wdsf/japan.jpg);
 	background-size: cover;
 	background-repeat: no-repeat;
 	background-position: center center;
 	-o-transition: opacity 0.4s ease-in-out;
 	-ms-transition: opacity 0.4s ease-in-out;
 	-moz-transition: opacity 0.4s ease-in-out;
 	-webkit-transition: opacity 0.4s ease-in-out;
 	transition: opacity 0.4s ease-in-out;
 }

 .past-events-japan:hover .event-border, .past-events-india:hover .event-border, .past-events-dubai:hover .event-border {
 	opacity: 1;
 	height: 94%;
 	width: 90%;
 }

 .past-events-india {
 	position: absolute;
 	right: 106px;
 	top: 0;
 	bottom: 0;
 	left: 156px;
 	background-image: linear-gradient(to bottom, rgba(0,0,0, 0), rgba(0,0,0, 20)), url(https://res.cloudinary.com/mabbas/image/upload/f_auto/v1567075574/wdsf/india.jpg);
 	background-size: cover;
 	background-repeat: no-repeat;
 	background-position: center center;
 	-o-transition: opacity 0.4s ease-in-out;
 	-ms-transition: opacity 0.4s ease-in-out;
 	-moz-transition: opacity 0.4s ease-in-out;
 	-webkit-transition: opacity 0.4s ease-in-out;
 	transition: opacity 0.4s ease-in-out;
 }

 .past-events-dubai {
 	position: absolute;
 	right: 0;
 	top: 0;
 	bottom: 0;
 	left: 262px;
 	background-image: linear-gradient(to bottom, rgba(0,0,0, 0), rgba(0,0,0, 20)), url(https://res.cloudinary.com/mabbas/image/upload/f_auto/v1567075574/wdsf/dubai.jpg);
 	background-size: cover;
 	background-repeat: no-repeat;
 	background-position: center center;
 	-o-transition: opacity 0.4s ease-in-out;
 	-ms-transition: opacity 0.4s ease-in-out;
 	-moz-transition: opacity 0.4s ease-in-out;
 	-webkit-transition: opacity 0.4s ease-in-out;
 	transition: opacity 0.4s ease-in-out;
 }

 .event-details {
 	position: absolute;
 	bottom: 10px;
 	left: 12px;
 }

 .event-details a:link, .event-details a:focus, .event-details a:visited, .event-details a:focus {
 	text-decoration: none;
 }

 .event-details h6 {
 	display: inline-block;
 }

 .event-details svg {
 	display: inline-block;
 	fill: white;
 	width: 12px;
 	height: 12px;
 	margin-left: 5px;
 }

 .event-border {
 	border: 2px solid white;
 	position: absolute;
 	height: 100%;
 	width: 100%;
 	left: 0;
 	top: 0;
 	bottom: 0;
 	right: 0;
 	margin: auto;
 	opacity: 0;
 	-o-transition: all 0.4s ease-in-out;
 	-ms-transition: all 0.4s ease-in-out;
 	-moz-transition: all 0.4s ease-in-out;
 	-webkit-transition: all 0.4s ease-in-out;
 	transition: all 0.4s ease-in-out;
 }

 /* Owl navigation */

 .owl-theme .owl-nav [class*=owl-] {
 	margin: 12px;
 }

 .owl-theme .owl-dots .owl-dot span {
 	margin: 12px;
 }