.mainnav ul.joomla-nav > li > a:before, .mainnav ul.joomla-nav > li > a:after{
	position:absolute;
	bottom:0;
	border-bottom:2px solid #ec3642;
	content:'';
	width:0;
	transition: width 250ms ease-out 0s;
	-o-transition: width 250ms ease-out 0s;
	-ms-transition: width 250ms ease-out 0s;
	-moz-transition: width 250ms ease-out 0s;
	-webkit-transition: width 250ms ease-out 0s;
}
.mainnav ul.joomla-nav > li > a:hover:before, .mainnav ul.joomla-nav > li > a:hover:after,
.mainnav ul.joomla-nav > li.active > a:before, .mainnav ul.joomla-nav > li.active > a:after,
.mainnav ul.joomla-nav > li:hover > a:before, .mainnav ul.joomla-nav > li:hover > a:after{
	width:50%;
}
.mainnav ul.joomla-nav > li > a:before{
	right:50%;
}
.mainnav ul.joomla-nav > li > a:after{
	left:50%;
}


#header.reveal:not(.alt) {
    box-shadow: 0 5px 8px 5px rgba(0, 0, 0, 0.2);
	position:fixed;
	width:100%;
	top:0;
}
#header.reveal:not(.alt) {
  -webkit-animation: reveal-header 1s cubic-bezier(0.005, 0.975, 0.73, 1);
  -moz-animation: reveal-header 1s cubic-bezier(0.005, 0.975, 0.73, 1);
  -ms-animation: reveal-header 1s cubic-bezier(0.005, 0.975, 0.73, 1);
  -o-animation: reveal-header 1s cubic-bezier(0.005, 0.975, 0.73, 1);
  animation: reveal-header 1s cubic-bezier(0.005, 0.975, 0.73, 1);
  border:1px solid transparent;
  background:#0f0f0f;
}
@-moz-keyframes reveal-header {
  	0% {-moz-transform: translateY(-3em); opacity: 0;}
  100% {-moz-transform: translateY(0); opacity: 1;}
}
@-webkit-keyframes reveal-header {
	0% {-webkit-transform: translateY(-3em); opacity: 0;}
  100% {-webkit-transform: translateY(0); opacity: 1;}
}
@-o-keyframes reveal-header {  
	0% {-o-transform: translateY(-3em); opacity: 0;}
  100% {-o-transform: translateY(0); opacity: 1;}
}
@-ms-keyframes reveal-header { 
	0% {-ms-transform: translateY(-3em); opacity: 0; }  
  100% {-ms-transform: translateY(0); opacity: 1; }
}
@keyframes reveal-header { 
	0% { top: -2em;  opacity: 0; }   
  100% { top: 0; opacity: 1; } 
}



.wrapper{
	overflow:hidden;
}


.imageBoxLeft .imageClassBox,.imageBoxLeft .titleClassBox,
.imageBoxLeft .descClassBox,.imageBoxLeft .joinButtonClassBox{
	opacity: 0;
    transform: translateX(400px);
	-o-transform: translateX(400px);
	-ms-transform: translateX(400px);
	-moz-transform: translateX(400px);
	-webkit-transform: translateX(400px);
}
.imageBoxRight .imageClassBox,.imageBoxRight .titleClassBox,
.imageBoxRight .descClassBox,.imageBoxRight .joinButtonClassBox{
	opacity: 0;
    transform: translateX(-400px);
	-o-transform: translateX(-400px);
	-ms-transform: translateX(-400px);
	-moz-transform: translateX(-400px);
	-webkit-transform: translateX(-400px);
}

.blockTitleIconBox{
	opacity: 0;
	transform: translateY(-200px);
	-o-transform: translateY(-200px);
	-ms-transform: translateY(-200px);
	-moz-transform: translateY(-200px);
	-webkit-transform: translateY(-200px);
}

.blockIconBox .iconBoxRight{
	opacity: 0;
    transform: translateX(-400px);
	-o-transform: translateX(-400px);
	-ms-transform: translateX(-400px);
	-moz-transform: translateX(-400px);
	-webkit-transform: translateX(-400px);
}
.blockIconBox .iconBoxLeft{
	opacity: 0;
    transform: translateX(400px);
	-o-transform: translateX(400px);
	-ms-transform: translateX(400px);
	-moz-transform: translateX(400px);
	-webkit-transform: translateX(400px);
}




.tabHistory .bt-tabs-panes{
	position: relative;
}
.tabHistory .bt-tabs-panes .bt-tabs-pane{
	opacity: 0;
	transform: translateX(100%);
	position: absolute;
	width: 100%;
	top: 0; left: 0;
}
.tabHistory .bt-tabs-panes .bt-tabs-pane.active {
	opacity:1;
	transform: translateX(0px);
	transition: all 0.7s ease 0s;
}
.tabHistory .bt-tabs-panes .bt-tabs-pane.out {
	transform: translateX(-100%);
	opacity: 0;
	transition: all 0.7s ease 0s;
}