body{ margin:0; padding:0; font-family: 'Open Sans', sans-serif,Tahoma, Geneva; font-size:1em; color:#333; background: #fff; /*background:url(../images/back.png) no-repeat #f4f4f4; background-position: center top;background-size: 100%;*/ letter-spacing:0.02em;}
h1, h2, h3, h4, h5{ margin:0 0 10px 0; padding:0; font-weight:400; font-family: 'PT Sans Narrow' , sans-serif,Tahoma, Geneva;}
 p{ margin:0 0 10px 0; padding:0; font-weight:400;}
h1{ font-size:2em; color:#333;}
h2{ font-size:1.8em; font-weight: 700;}
h3{ font-size:1.5em;}
h4{ font-size:1.1em;}
p{line-height:1.5em; }
ul{ margin:0 0 20px 0; list-style:none; padding:0;}
a{ text-decoration:none; color:#09C;}
a:hover{ text-decoration:none; color:#999;}
a:focus{outline: none;}
table{ border-collapse:collapse; padding:5px; border:none;}
table td{ padding:5px; border-bottom:1px solid #ccc;}
table th{ text-align: left; border-bottom:1px solid #ccc; }
img{height:auto;  max-width: 100%; _max-width:inherit; _height:100%;}
iframe {max-width: 100%;}
a img{ border:none;}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;}
input[type=number] {-moz-appearance: textfield;}

 @keyframes fadeInAnimation {
            0% {
                opacity: 0;
            }
            100% {
                opacity: 1;
            }
        }

         @keyframes fadeInAnimationBtn {
            0% {
                opacity: 1;
            }
            50% {
                opacity: .5;
            }
            100% {
                opacity: 1;
            }
        }

 .PinkGradient{    
background: #C0173E; /* Old browsers */
background: -moz-linear-gradient(90deg, #C0173E 0%, #EE1E80 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(90deg, #C0173E 0%, #EE1E80 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(90deg, #C0173E 0%, #EE1E80 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C0173E', endColorstr='#EE1E80',GradientType=0 ); /* IE6-9 */ 
color: #fff; }

.BlackBk{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#363636+0,000000+100 */
background: #363636; /* Old browsers */
background: -moz-linear-gradient(left,  #363636 0%, #000000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #363636 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #363636 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363636', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
 color: #fff;}

.Text-Center{ text-align: center; }
.Btn{ text-align: center;border: none; outline: none; text-transform: uppercase; }
/*.Btn:hover, .Btn:focus{ box-shadow: -1px 3px 8px 0px rgba(0, 0, 0, 0.42);  -moz-box-shadow:-1px 3px 8px 0px rgba(0, 0, 0, 0.42); -webkit-box-shadow:-1px 3px 8px 0px rgba(0, 0, 0, 0.42);
 -webkit-transition: border-radius .2s 0s ease-in;
-moz-transition: border-radius .2s 0s ease-in;
-o-transition: border-radius .2s 0s ease-in;
transition: border-radius .2s 0s ease-in; }*/
.PinkBtn{background:#ef005a; color: #fff; padding: 14px 38px;  border-radius: 8px; text-transform: uppercase; font-weight: 600;}
.PinkBtn:hover, .PinkBtn:focus{background: #ce024f; color: #fff;  animation: fadeInAnimationBtn ease 1s;}

.WhiteBtn{background:#fff;  color: #000; padding: 14px 38px;  border-radius: 8px; text-transform: uppercase; font-weight: 600;}
.WhiteBtn:hover, .WhiteBtn:focus{color: #333;  animation: fadeInAnimationBtn ease 1s;}

.ArrowBtn{ background: #fff; border-radius: 8px; color: #C0173E; padding:12px; display: inline-block;}
.ArrowBtn .Arrowimg{ background: url(../images/pink-arrow.png) no-repeat left top; width: 12px; height: 11px; display: block; background-size: 12px 29px;} 
.ArrowBtn:hover .Arrowimg{ background: url(../images/pink-arrow.png) no-repeat left -18px; background-size: 12px 29px; } 

.bullets{ list-style-type: disc; margin-left: 15px; }
.bullets li{ margin-bottom: 5px; }

.pushT30{ margin-top:30px;  }
.pushT40{ margin-top:40px;  }
.pushT50{ margin-top:50px;  }

.pushTB20{ margin:20px 0;  }
.pushTB30{ margin:30px 0;  }
.pushB50{ margin-bottom: 50px; }
.pushB40{ margin-bottom: 40px; }
.pushB30{ margin-bottom: 30px; }
.pushB20{ margin-bottom: 20px; }
.TextBox{ padding:12px 8px; border:1px solid #ccc; font-size: 1em; border-radius: 8px; }
.Small{ font-size: 0.8em; }
.BlackTxt{ color: #000; }
.Clear{ clear: both; }

#MetaVerse .Max-width{ max-width: 1200px; margin: auto; display: block; position: relative;}


	#MetaVerse .MetaNavi{ padding: 20px 0; position: absolute; top: 0; left: 0; width: 100%; z-index: 1000;  }
    .inner .MetaNavi{  position: inherit!important; }
	#MetaVerse .MetaNavi .DialogLogo img{ max-width: 130px; float: left; margin-right: 20px; }
	#MetaVerse .MetaNavi .MetaMenu{ margin: 15px 0 0 50px; float: left;  }
		#MetaVerse .MetaNavi .MetaMenu li { font-size: 1em; display: inline-block; min-width: 0px; margin-left: 40px; }
		#MetaVerse .MetaNavi .MetaMenu li a{ color: #fff;  } 
      .inner .MetaNavi .MetaMenu li a{ color: #000!important;  } 
    #MetaVerse .MetaNavi .MetaMenu li.active a, #MetaVerse .MetaNavi .MetaMenu li a:hover, #MetaVerse .MetaNavi .MetaMenu li a:focus{ font-weight: 700; }

		#MetaVerse .MetaNavi .MetaLang { float: right; margin-top:8px; text-align: right; background: #000; padding: 12px 9px; border-radius: 8px;   }
      .inner .MetaNavi .MetaLang{ background: #ECECEC!important;  }
			#MetaVerse .MetaNavi .MetaLang li{ font-size: 0.9em; display: inline-block; }
      #MetaVerse .MetaNavi .MetaLang li:first-child{ margin-left: -3px; }
      #MetaVerse .MetaNavi .MetaLang li:last-child{ margin-right: -3px; }
			#MetaVerse .MetaNavi .MetaLang li a{ color: #9e9e9e; padding: 8px 11px; }
			#MetaVerse .MetaNavi .MetaLang li a:hover, #MetaVerse .MetaNavi .MetaLang li a:focus, #MetaVerse .MetaNavi .MetaLang li.active a{ background: #fff; color: #333; border-radius: 6px; }

	#MetaVerse .MainBanner{ overflow: hidden; max-height: 500px; overflow: hidden;}
	#MetaVerse .MainBanner .MainVideo{width: 100%;z-index: -1; position: relative; top: 30%; transform: translateY(-30%);}
  #MetaVerse .MainBanner .MainVideo::-webkit-media-controls {display:none !important;}
		#MetaVerse .MainBanner .overlay{/*background:url(../images/black-trans.png) repeat;*/ width: 100%; overflow:hidden; position: absolute; left: 0; top: 0; z-index: 100; overflow: hidden; min-height: 500px; height: auto}
		#MetaVerse .MainBanner .Description{ padding: 20% 0 5% 0; color: #ddd; max-width: 60%; overflow: hidden; }
		#MetaVerse .MainBanner .Description h1{ color: #fff; letter-spacing: 1px; font-size: 3.4em; }
    .si #MetaVerse .MainBanner .Description h1{ font-size: 2.7em!important; }

	#MetaVerse .MetaEventSlider{ padding: 0px 0;}
  
	#MetaVerse .MetaEventSlider h2{ text-transform: uppercase; }
		#MetaVerse .MetaEventSlider .MainBannerImg{border-radius:16px 16px 0 0;}
		#MetaVerse .MetaEventSlider .BottomCTA {overflow: hidden; padding: 16px 24px; position: relative; border-radius:0 0 16px 16px;}
		#MetaVerse .MetaEventSlider .BottomCTA .Desc{ width: 80%; float: left;  }
    #MetaVerse .MetaEventSlider .BottomCTA .arrowHolder{ display: inline; }
		#MetaVerse .MetaEventSlider .BottomCTA .ArrowBtn{ float: right; position: absolute; bottom: 24px; right: 24px;  }


	#MetaVerse .AxiataZones{ background:#F2F2F2; padding:50px 0; overflow: hidden;   animation: fadeInAnimation ease 3s;}
	#MetaVerse .AxiataZones h2{ margin-top: 10px!important; text-transform: uppercase; }
  #MetaVerse .AxiataZones .ZoneDescDesk{width: 45%; margin-right: 5%; float: left;}
		#MetaVerse .AxiataZones .ZoneListArea{ width: 45%; margin-right: 5%; float: left; }
			#MetaVerse .AxiataZones .ZoneList li{vertical-align: middle; line-height: 40px;}	
			#MetaVerse .AxiataZones .ZoneList li a{ background: #fff; padding: 7px 24px 7px 4px; border-radius: 8px; color: #000;  display: block; font-size: 1em; min-height: 40px; margin-bottom: 16px;   }
			#MetaVerse .AxiataZones .ZoneList i{ width: 4px; border-radius: 12px; min-height: 40px; display: block; float: left; margin-right: 16px; }
			#MetaVerse .AxiataZones .ZoneList .a i{background: #EE1E80}
			#MetaVerse .AxiataZones .ZoneList .b i{background: #C0173E}
			#MetaVerse .AxiataZones .ZoneList .c i{background: #681F6E}
			#MetaVerse .AxiataZones .ZoneList .d i{background: #F35B19}
			#MetaVerse .AxiataZones .ZoneList .e i{background: #FAB21F}
			#MetaVerse .AxiataZones .ZoneList .f i{background: #F6870F}
			#MetaVerse .AxiataZones .ZoneList .g i{background: #EBEBEB}

      #MetaVerse .AxiataZones .ZoneList a:hover, #MetaVerse .AxiataZones .ZoneList a:focus{-webkit-box-shadow: 1px 1px 5px 2px #DBDBDB; box-shadow: 1px 1px 5px 2px #DBDBDB; animation: fadeInAnimationBtn ease 1s;}
      #MetaVerse .AxiataZones .ZoneList .a:hover, #MetaVerse .AxiataZones .ZoneList .a:focus{background: #EE1E80; color: #fff;}
      #MetaVerse .AxiataZones .ZoneList .b:hover, #MetaVerse .AxiataZones .ZoneList .b:focus{background: #C0173E; color: #fff;}
      #MetaVerse .AxiataZones .ZoneList .c:hover, #MetaVerse .AxiataZones .ZoneList .c:focus{background: #681F6E; color: #fff;}
      #MetaVerse .AxiataZones .ZoneList .d:hover, #MetaVerse .AxiataZones .ZoneList .d:focus{background: #F35B19; color: #fff;}
      #MetaVerse .AxiataZones .ZoneList .e:hover, #MetaVerse .AxiataZones .ZoneList .e:focus{background: #FAB21F; color: #fff;}
      #MetaVerse .AxiataZones .ZoneList .f:hover, #MetaVerse .AxiataZones .ZoneList .f:focus{background: #F6870F; color: #fff;}
      #MetaVerse .AxiataZones .ZoneList .g:hover, #MetaVerse .AxiataZones .ZoneList .g:focus{background: #EBEBEB; color: #000;}

		#MetaVerse .AxiataZones .ZoneImg{ width: 50%; float: right;}	
		#MetaVerse .AxiataZones .ZoneImg img{ max-width:500px; float: right;  }

	#MetaVerse .About{ background:url(../images/footerbk.jpg) no-repeat 100% #000; background-position: top center; padding: 0 0 20px 0; overflow: hidden; color: #ddd; }
	   .inner .About{ background:#333333!important; background-image: none!important; border-top:none!important; }
  	#MetaVerse .About h2{ text-transform: uppercase; margin-top: 80px; }
		#MetaVerse .About h2 span{ font-size: 0.6em; font-weight: 400; }
		#MetaVerse .About .Aboutimg{ float: left; max-width:250px; margin-right: 10px;  }


		.floating-label-group { max-width: 300px; display: block; margin:auto; position: relative; margin-top: 15px; margin-bottom: 25px;}
		.floating-label { font-size: .9em; position: absolute; pointer-events: none; top: 12px; left: 10px; transition: all 0.1s ease;}
		input:focus ~ .floating-label, input:not(:focus):valid ~ .floating-label { top: -10px; bottom: 0px; background: #fff;  font-size: .8em; opacity: 1; display: inline-block; height: 20px; padding: 3px 6px; border-radius: 8px;}


	#MetaVerse #footer{padding: 40px 0 0 0; color: #fff; text-align: center; font-size: .9em; margin-top: 130px; border-top:1px solid #9c9995;}
    .inner #footer{ margin-top: 0!important;}
  #MetaVerse #footer .SM, #MetaVerse #footer .ManualContact{ display: inline; }
		#MetaVerse #footer ul{ text-align: center; }
		#MetaVerse #footer li{ display: inline; padding: 0 10px;  }
		#MetaVerse #footer li a{ color: #fff; }
		#MetaVerse #footer li a:hover, #MetaVerse #footer li a:focus{ color: #1ba5f4; cursor: pointer; }
		#MetaVerse #footer li:last-child{border-right: none;}
    #MetaVerse #footer .ManualContact li{ margin-left: 50px; }
		#MetaVerse #footer .MarL{ margin-left: 50px; }

		#MetaVerse #footer .PrivacyNote{font-size: .9em!important; margin-top: 50px;}
		#MetaVerse #footer .Privacy li:nth-child(2),#MetaVerse #footer .Privacy li:last-child{border-left:1px solid #9c9995;}
		#MetaVerse #footer .Privacy li a{color: #1ba5f4; font-size: .9em; font-weight: 700;}


#MetaVerse #InnerPageContent{background: #F2F2F2;  padding:50px 0; margin-top: 70px; overflow: hidden;}
#MetaVerse #InnerPageContent-white{background: #ffffff;  padding-top:50px 0;margin-top: 70px; overflow: hidden;}
#MetaVerse #InnerPageContent h1{ font-size: 1.8em; text-transform: uppercase; font-weight: 700; }

#MetaVerse .VideosCol{ width: 49%; margin-top: 2%; margin-bottom: 2%; background: #fff; border:1px solid #eee; padding: 1%; border-radius: 16px; float: left; display: inline-block;
 -webkit-box-shadow: 1px 1px 5px 2px #DBDBDB; box-shadow: 1px 1px 5px 2px #DBDBDB;  }
#MetaVerse .VideosCol:nth-child(odd){ margin-left: 2%; }
  #MetaVerse .VideosCol iframe{ width: 100%; border-radius: 14px; min-height: 300px; }
  #MetaVerse .VideosCol .VideoType{ font-size: 1em; color: #9E9E9E; padding-top: 24px;}
  #MetaVerse .VideosCol .Title{ font-size: 1.5em; font-weight: 700; }


/* Drop Down Styles
================================ */
.langlist{ position: relative; display: inline-block; float: right; display: none; }
  .dropdown_button {background:#fff;background-size: 15px 8px;color: #EF005A; padding: 10px 11px;border: none; cursor: pointer; border-radius: 6px; font-size: 0.9em; }
      .inner .dropdown_button {background:#ECECEC!important;  }
    .DropArrow{ background: url(../images/drop-arrow.png) no-repeat; background-size: 12px 9px; display: inline-block; width: 12px; height: 9px; }
  .Languages {display: none; position: absolute; background: #f1f1f1;  z-index: 1;}
    .inner .Languages {background: #ECECEC!important; }
  .Languages li {text-decoration: none; display: block; list-style: none; }
  .Languages li a { text-decoration: none; display: block;  padding: 10px 25px;   color: #333!important; font-size: 0.9em; border-bottom: 0.5px solid #E0E0E0;   }
    .Languages li a:hover, .Languages li a:focus{ color: #EF005A }
  .Languages li:last-child a{ border-bottom: none; }
  .Languages li:hover, .Languages li:focus { color: #EF005A; }
  .Languages{ border-radius: 6px; margin-top: 2px; background: #fff; }

/*Hamburger*/
.menuItem {display: block; margin: 2rem 4rem;font-size: 1.2rem;color: white;text-decoration: none;}
.menuItem:hover {text-decoration: underline;}
.menuIcon{background: url(../images/hamburger.png) no-repeat left top; width: 30px; height: 24px; display: block;}
.inner .menuIcon{background: url(../images/hamburger-inner.png) no-repeat left top!important; width: 30px; height: 24px; display: block;}
.hamburger {position: absolute;z-index: 100;top: 20px;left: 3%; padding: 4px; border:none; display: none;cursor: pointer; background: none; outline: none;}
.closeIcon {display: none; color: #fff; font-weight: 700; }
.menu { position: fixed;transform: translateY(-100%);transition: transform 0.2s;top: 0;left: 0;right: 0;bottom: 0;z-index: 99;background: black;color: white;list-style: none; margin: 0;}
.showMenu {transform: translateY(0);}
/* end hamburger*/

/*Terms*/
.terms h2, .terms h3{ margin-top: 30px!important; }


/*Accordion*/

#accordion h3{ background: #fff;  border-radius: 8px; padding: 18px; margin-bottom: 0; border:1px solid #eee; margin-top: 20px; font-size: 1em;    }
#accordion h3.ui-state-active{ border-radius:8px 8px 0 0; border:none; background: #FEF5F8; color: #EF005A; font-weight: 600;  }
#accordion .ui-accordion-content{ background: #fff; border-radius: 0 0 8px 8px; padding: 18px; font-size: 1em; }
  #accordion .ui-accordion-content p{font-size: 1em;}
  #accordion h3 .DropArrow{width: 12px; height: 9px; float: right; margin-top: 8px;  display: block; }
  #accordion h3.ui-state-active .DropArrow{ background:url(../images/drop-arrow-pink.png) no-repeat; background-size: 12px 9px;}
  #accordion h3.ui-accordion-header-collapsed .DropArrow{ background:url(../images/drop-arrow.png) no-repeat; background-size: 12px 9px;  }

  #accordionpc h3{ background: #fff;  border-radius: 8px; padding: 18px; margin-bottom: 0; border:1px solid #eee; margin-top: 20px; font-size: 1em;    }
  #accordionpc h3.ui-state-active{ border-radius:8px 8px 0 0; border:none; background: #FEF5F8; color: #EF005A; font-weight: 600;  }
  #accordionpc .ui-accordion-content{ background: #fff; border-radius: 0 0 8px 8px; padding: 18px; font-size: 1em; }
    #accordionpc .ui-accordion-content p{font-size: 1em;}
    #accordionpc h3 .DropArrow{width: 12px; height: 9px; float: right; margin-top: 8px;  display: block; }
    #accordionpc h3.ui-state-active .DropArrow{ background:url(../images/drop-arrow-pink.png) no-repeat; background-size: 12px 9px;}
    #accordionpc h3.ui-accordion-header-collapsed .DropArrow{ background:url(../images/drop-arrow.png) no-repeat; background-size: 12px 9px;  }


  .newCards{
    display: flex;
    flex-direction: column;
  }

  .newcardheight{
    height: 100%;
   }


@media (max-width:1100px) {

  #MetaVerse .container{padding: 0 3%; }
  #MetaVerse .AxiataZones .ZoneImg img{ max-width:100%; float: right;  }
  #MetaVerse .AxiataZones .ZoneList li a{ font-size: 1em;}
    #MetaVerse .MainBanner .MainVideo{ position: relative; top: 0; transform: translateY(0); }

}

@media (max-width:1000px) {

  #MetaVerse .container{padding: 0 3%; }
  #MetaVerse .AxiataZones .ZoneImg img{ max-width:100%; float: right;  }
  #MetaVerse .AxiataZones .ZoneList li a{ font-size: 1em;}
    #MetaVerse .MainBanner .MainVideo{ position: relative; top: 0; transform: translateY(0); }

}


@media screen and (min-width: 1000px){
  .slider-width{
    width: 90%;
    margin: auto;
  }

  .cardNew{
    width: 49%;
  }

  .newcardheight{
    height: 100%;
   }

  .newCards{
    flex-direction: row;
    justify-content: space-between;
  }

}


@media screen and (min-width: 1200px){
  .slider-width{
    width: 90%;
    margin: auto;
  }

  .newcardheight{
   height: 100%;
  }
}

@media (max-width:780px) {
    #MetaVerse .AxiataZones .ZoneDescDesk{width: 100%; margin-right: 0; float: inherit; text-align: center;}
   #MetaVerse .AxiataZones .ZoneListArea{ width: 100%;  float: inherit; }
  #MetaVerse .AxiataZones .ZoneImg{ width: 100%; float: inherit;}  
    #MetaVerse .AxiataZones .ZoneImg img{ max-width: 300px; display: block; margin: auto auto 40px auto; float: inherit;  }
      #MetaVerse .AxiataZones h2{ margin-top: 0!important;}
        #MetaVerse .MainBanner .MainVideo{height: 500px; width: inherit;   text-align: center; margin-left: 50vw;
  transform: translate(-50%); }
}
@media (max-width:650px) {


#MetaVerse #InnerPageContent h1{ font-size: 1.5em; text-align: center;  }

	#MetaVerse .MetaNavi .DialogLogo img{ max-width: 100px; margin-left: 60px; }
	#MetaVerse .MetaNavi .MetaMenu{ display: none; }
	#MetaVerse .MetaNavi .MetaLang { margin-top:10px; }
	#MetaVerse .MetaNavi .MetaLang li{ font-size: 0.7em;  }
		
	#MetaVerse .MainBanner{max-height: 500px;}

	#MetaVerse .MainBanner .overlay{height: 500px;}
	#MetaVerse .MainBanner .Description{ padding: 40% 2% 5% 2%;  max-width: 100%; text-align: center;  }

  #MetaVerse .MainBanner .Description h1{ font-size: 2.2em; }

  #MetaVerse .MetaEventSlider .BottomCTA .Desc{ width: 100%; float: inherit; text-align: center;  }
  #MetaVerse .MetaEventSlider .BottomCTA .arrowHolder{ text-align: center; display: block!important; }
    #MetaVerse .MetaEventSlider .BottomCTA .ArrowBtn{ float: inherit; position: inherit; bottom: inherit; right: inherit;  }
  #MetaVerse .About .Aboutimg{ display: none; }
  #MetaVerse .About h2{ margin-top: 50px; }

      #MetaVerse .AxiataZones .ZoneList li{vertical-align: middle; line-height: 40px;}  
      
      .AboutIntro{ text-align: center; }

      #MetaVerse #footer{ margin-top: 60px; }
      #MetaVerse #footer .SM, #MetaVerse #footer .ManualContact{ display: block; }
      #MetaVerse #footer .ManualContact{ margin-top: 30px; }
        #MetaVerse #footer .ManualContact li{ margin: 0 5px!important; }
      #MetaVerse #footer .PrivacyNote{margin-top: 20px;}
      .flex-direction-nav{ display: none; }

#MetaVerse .MetaNavi .MetaLang{ display: none; }
.langlist, .hamburger { display: block; }
.langlist{ margin-right: 4%; }

#MetaVerse #InnerPageContent{ margin-top: 40px; }
#MetaVerse .VideosCol{ width: 96%; margin:2%; padding: 2%; }
#MetaVerse .VideosCol:nth-child(odd){ margin: 2%!important; }
  #MetaVerse .VideosCol iframe{ min-height: 200px; }
  #MetaVerse .VideosCol .Title{ font-size: 1.3em;  }
     

	}

@media (max-width:390px) {
#MetaVerse .AxiataZones .ZoneList li a.line2{line-height: 1.2em;}
}










/*owl*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 *  Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 *  Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
      This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
      calculation of the height of the owl-item that breaks page layouts
     */ }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 *  Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }