/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2; 
padding: 5px;
background: #FFE4A9;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}



/**** Isotope styles ****/

/* required for containers to inherit vertical size from window */
/*html,
body {
  height: 100%;
}*/

#container {
  border: 1px solid #666;
  padding: 5px;
  margin-bottom: 20px;
}

.element {
  width: 110px;
  height: 110px;
  margin: 5px;
  float: left;
  overflow: hidden;
  position: relative;
  background: #888;
  color: #222;
  -webkit-border-top-right-radius: 1.2em;
      -moz-border-radius-topright: 1.2em;
          border-top-right-radius: 1.2em;
}

.element.alkali          { background: #F00; background: hsl(   0, 100%, 50%); }
.element.alkaline-earth  { background: #F80; background: hsl(  36, 100%, 50%); }
.element.lanthanoid      { background: #FF0; background: hsl(  72, 100%, 50%); }
.element.actinoid        { background: #0F0; background: hsl( 108, 100%, 50%); }
.element.transition      { background: #0F8; background: hsl( 144, 100%, 50%); }
.element.post-transition { background: #0FF; background: hsl( 180, 100%, 50%); }
.element.metalloid       { background: #08F; background: hsl( 216, 100%, 50%); }
.element.other.nonmetal  { background: #00F; background: hsl( 252, 100%, 50%); }
.element.halogen         { background: #F0F; background: hsl( 288, 100%, 50%); }
.element.noble-gas       { background: #F08; background: hsl( 324, 100%, 50%); }


.element * {
  position: absolute;
  margin: 0;
}

.element .symbol {
  left: 0.2em;
  top: 0.4em;
  font-size: 3.8em;
  line-height: 1.0em;
  color: #FFF;
}
.element.large .symbol {
  font-size: 4.5em;
}

.element.fake .symbol {
  color: #000;
}

.element .name {
  left: 0.5em;
  bottom: 1.6em;
  font-size: 1.05em;
}

.element .weight {
  font-size: 0.9em;
  left: 0.5em;
  bottom: 0.5em;
}

.element .number {
  font-size: 1.25em;
  font-weight: bold;
  color: hsla(0,0%,0%,.5);
  right: 0.5em;
  top: 0.5em;
}

.variable-sizes .element.width2 { width: 230px; }

.variable-sizes .element.height2 { height: 230px; }

.variable-sizes .element.width2.height2 {
  font-size: 2.0em;
}

.element.large,
.variable-sizes .element.large,
.variable-sizes .element.large.width2.height2 {
  font-size: 3.0em;
  width: 350px;
  height: 350px;
  z-index: 100;
}

.clickable .element:hover {
  cursor: pointer;
}

.clickable .element:hover h3 {
  text-shadow:
    0 0 10px white,
    0 0 10px white
  ;
}

.clickable .element:hover h2 {
  color: white;
}

/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #2F3238;
	color: #7F8289;
	text-shadow: none;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	        border-radius: 0;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
}
.fancybox-skin{padding:0px !important;}
.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font-size: 14px;
	line-height: 20px;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('js/fancybox/fancybox_sprite.png') !important;
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('js/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	right: 0;
	top: 0;
	width: 37px;
	height: 37px;
	cursor: pointer;
	z-index: 9000; 	
	opacity: 0.5;	
	-webkit-transition: background 0.1s linear 0s, opacity 0.1s linear 0s;	
	   -moz-transition: background 0.1s linear 0s, opacity 0.1s linear 0s;
		 -o-transition: background 0.1s linear 0s, opacity 0.1s linear 0s;
		    transition: background 0.1s linear 0s, opacity 0.1s linear 0s;
}

.fancybox-close i {
	left: 50%;
	top: 50%;
	margin: -11px 0 0 -11px;
	font-size: 22px;
	line-height: 1em;
	position: absolute;
	color: #FFFFFF;
}

.fancybox-close:hover {
	opacity: 1;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('js/fancybox/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev,
.fancybox-prev span {
	left: 0;
}

.fancybox-next,
.fancybox-next span {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 50px;
	height: 50px;
	margin-top: -25px;
	cursor: pointer;
	z-index: 8040;
	background-image: none;
	background-color: #26292E;
	
	opacity: 0.5;
	
	-webkit-transition: background 0.1s linear 0s, opacity 0.1s linear 0s;	
	   -moz-transition: background 0.1s linear 0s, opacity 0.1s linear 0s;
		 -o-transition: background 0.1s linear 0s, opacity 0.1s linear 0s;
		    transition: background 0.1s linear 0s, opacity 0.1s linear 0s;
}

.fancybox-prev span i {
	left: 50%;
	top: 50%;
	margin: -15px 0 0 -17px;
	font-size: 30px;
	line-height: 1em;
	position: absolute;
	color: #FFFFFF;
}


.fancybox-next span i {
	left: 50%;
	top: 50%;
	margin: -15px 0 0 -15px;
	font-size: 30px;
	line-height: 1em;
	position: absolute;
	color: #FFFFFF;
}

.fancybox-nav:hover span {
	opacity: 1;
	background-color:#DE5E60;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
	margin: 0!important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden !important;
	display: none;
	z-index: 8010;
	background: url('js/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-opened .fancybox-title h4{
	font-size: 24px;
	font-weight: 300;
	margin-bottom: 10px;	
}

.fancybox-opened .fancybox-title p{
	font-size: 16px;
	font-weight: 300;
	margin-bottom: 0;	
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding: 25px 30px 30px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

@media (max-width: 480px) {
	.fancybox-nav span,
	.fancybox-nav:hover span,
	.fancybox-close,
	.fancybox-close:hover {
		background: transparent;	
	}
	
	.fancybox-close i {
		left: 70px;
		top: 10px;	
	}
}

@media (max-width: 320px) {
	.fancybox-close i {
		left: 30px;
		top: 20px;	
	}
}


.animated {
opacity: 0;

-webkit-animation-duration: 1s;
   -moz-animation-duration: 1s;
     -o-animation-duration: 1s;
        animation-duration: 1s;

-webkit-animation-fill-mode: both;
   -moz-animation-fill-mode: both;
     -o-animation-fill-mode: both;
        animation-fill-mode: both;

}

.animated.hinge {
-webkit-animation-duration: 5s;
   -moz-animation-duration: 5s;
     -o-animation-duration: 5s;
        animation-duration: 5s;
}



/*===================================================================================*/
/*  pulse                                                                            */
/*===================================================================================*/

    @-webkit-keyframes pulse {
        0%   {-webkit-transform: scale(1);}
        50%  {-webkit-transform: scale(1.1);}
        100% {-webkit-transform: scale(1);}
    }
    @-moz-keyframes pulse {
        0%   {-moz-transform: scale(1);}
        50%  {-moz-transform: scale(1.1);}
        100% {-moz-transform: scale(1);}
    }
    @-o-keyframes pulse {
        0%   {-o-transform: scale(1);}
        50%  {-o-transform: scale(1.1);}
        100% {-o-transform: scale(1);}
    }
    @keyframes pulse {
        0%   { transform: scale(1);}
        50%  { transform: scale(1.1);}
        100% { transform: scale(1);}
    }

    .animated.pulse {
        opacity: 1;

        -webkit-animation-name: pulse;
           -moz-animation-name: pulse;
             -o-animation-name: pulse;
                animation-name: pulse;
    }



/*===================================================================================*/
/*  flipInX                                                                          */
/*===================================================================================*/

    @-webkit-keyframes flipInX {
        0% {
            -webkit-transform: perspective(400px) rotateX(90deg);
            opacity: 0;
        }

        40% {
            -webkit-transform: perspective(400px) rotateX(-10deg);
        }

        70% {
            -webkit-transform: perspective(400px) rotateX(10deg);
        }

        100% {
            -webkit-transform: perspective(400px) rotateX(0deg);
            opacity: 1;
        }
    }
    @-moz-keyframes flipInX {
        0% {
            -moz-transform: perspective(400px) rotateX(90deg);
            opacity: 0;
        }

        40% {
            -moz-transform: perspective(400px) rotateX(-10deg);
        }

        70% {
            -moz-transform: perspective(400px) rotateX(10deg);
        }

        100% {
            -moz-transform: perspective(400px) rotateX(0deg);
            opacity: 1;
        }
    }
    @-o-keyframes flipInX {
        0% {
            -o-transform: perspective(400px) rotateX(90deg);
            opacity: 0;
        }

        40% {
            -o-transform: perspective(400px) rotateX(-10deg);
        }

        70% {
            -o-transform: perspective(400px) rotateX(10deg);
        }

        100% {
            -o-transform: perspective(400px) rotateX(0deg);
            opacity: 1;
        }
    }
    @keyframes flipInX {
        0% {
            transform: perspective(400px) rotateX(90deg);
            opacity: 0;
        }

        40% {
            transform: perspective(400px) rotateX(-10deg);
        }

        70% {
            transform: perspective(400px) rotateX(10deg);
        }

        100% {
            transform: perspective(400px) rotateX(0deg);
            opacity: 1;
        }
    }

    .animated.flipInX {
        opacity: 1;

        -webkit-backface-visibility: visible !important;
           -moz-backface-visibility: visible !important;
             -o-backface-visibility: visible !important;
                backface-visibility: visible !important;

        -webkit-animation-name: flipInX;
           -moz-animation-name: flipInX;
             -o-animation-name: flipInX;
                animation-name: flipInX;
    }



/*===================================================================================*/
/*  fadeIn                                                                           */
/*===================================================================================*/

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

    @-moz-keyframes fadeIn {
        0% {opacity: 0;}
        100% {opacity: 1;}
    }

    @-o-keyframes fadeIn {
        0% {opacity: 0;}
        100% {opacity: 1;}
    }

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

    .animated.fadeIn {
        opacity: 1;

        -webkit-animation-name: fadeIn;
           -moz-animation-name: fadeIn;
             -o-animation-name: fadeIn;
                animation-name: fadeIn;
    }



/*===================================================================================*/
/*  fadeInUp                                                                         */
/*===================================================================================*/

    @-webkit-keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translateY(20px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
        }
    }

    @-moz-keyframes fadeInUp {
        0% {
            opacity: 0;
            -moz-transform: translateY(20px);
        }

        100% {
            opacity: 1;
            -moz-transform: translateY(0);
        }
    }

    @-o-keyframes fadeInUp {
        0% {
            opacity: 0;
            -o-transform: translateY(20px);
        }

        100% {
            opacity: 1;
            -o-transform: translateY(0);
        }
    }

    @keyframes fadeInUp {
        0% {
            opacity: 0;
            transform: translateY(20px);
        }

        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .animated.fadeInUp {
        opacity: 1;

        -webkit-animation-name: fadeInUp;
           -moz-animation-name: fadeInUp;
             -o-animation-name: fadeInUp;
                animation-name: fadeInUp;
    }



/*===================================================================================*/
/* fadeInDown                                                                        */
/*===================================================================================*/

    @-webkit-keyframes fadeInDown {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-20px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
        }
    }

    @-moz-keyframes fadeInDown {
        0% {
            opacity: 0;
            -moz-transform: translateY(-20px);
        }

        100% {
            opacity: 1;
            -moz-transform: translateY(0);
        }
    }

    @-o-keyframes fadeInDown {
        0% {
            opacity: 0;
            -o-transform: translateY(-20px);
        }

        100% {
            opacity: 1;
            -o-transform: translateY(0);
        }
    }

    @keyframes fadeInDown {
        0% {
            opacity: 0;
            transform: translateY(-20px);
        }

        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .animated.fadeInDown {
        opacity: 1;

        -webkit-animation-name: fadeInDown;
           -moz-animation-name: fadeInDown;
             -o-animation-name: fadeInDown;
                animation-name: fadeInDown;
    }



/*===================================================================================*/
/*  fadeInLeft                                                                       */
/*===================================================================================*/

    @-webkit-keyframes fadeInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-100px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
        }
    }

    @-moz-keyframes fadeInLeft {
        0% {
            opacity: 0;
            -moz-transform: translateX(-100px);
        }

        100% {
            opacity: 1;
            -moz-transform: translateX(0);
        }
    }

    @-o-keyframes fadeInLeft {
        0% {
            opacity: 0;
            -o-transform: translateX(-100px);
        }

        100% {
            opacity: 1;
            -o-transform: translateX(0);
        }
    }

    @keyframes fadeInLeft {
        0% {
            opacity: 0;
            transform: translateX(-100px);
        }

        100% {
            opacity: 1;
            transform: translateX(0);
        }
    }

    .animated.fadeInLeft {
        opacity: 1;

        -webkit-animation-name: fadeInLeft;
           -moz-animation-name: fadeInLeft;
             -o-animation-name: fadeInLeft;
                animation-name: fadeInLeft;
    }



/*===================================================================================*/
/*  fadeInRight                                                                      */
/*===================================================================================*/

    @-webkit-keyframes fadeInRight {
        0% {
            opacity: 0;
            -webkit-transform: translateX(100px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
        }
    }

    @-moz-keyframes fadeInRight {
        0% {
            opacity: 0;
            -moz-transform: translateX(100px);
        }

        100% {
            opacity: 1;
            -moz-transform: translateX(0);
        }
    }

    @-o-keyframes fadeInRight {
        0% {
            opacity: 0;
            -o-transform: translateX(100px);
        }

        100% {
            opacity: 1;
            -o-transform: translateX(0);
        }
    }

    @keyframes fadeInRight {
        0% {
            opacity: 0;
            transform: translateX(100px);
        }

        100% {
            opacity: 1;
            transform: translateX(0);
        }
    }

    .animated.fadeInRight {
        opacity: 1;

        -webkit-animation-name: fadeInRight;
           -moz-animation-name: fadeInRight;
             -o-animation-name: fadeInRight;
                animation-name: fadeInRight;
    }



/*===================================================================================*/
/*  fadeInUpBig                                                                      */
/*===================================================================================*/

    @-webkit-keyframes fadeInUpBig {
        0% {
            opacity: 0;
            -webkit-transform: translateY(2000px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
        }
    }

    @-moz-keyframes fadeInUpBig {
        0% {
            opacity: 0;
            -moz-transform: translateY(2000px);
        }

        100% {
            opacity: 1;
            -moz-transform: translateY(0);
        }
    }

    @-o-keyframes fadeInUpBig {
        0% {
            opacity: 0;
            -o-transform: translateY(2000px);
        }

        100% {
            opacity: 1;
            -o-transform: translateY(0);
        }
    }

    @keyframes fadeInUpBig {
        0% {
            opacity: 0;
            transform: translateY(2000px);
        }

        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .animated.fadeInUpBig {
        opacity: 1;

        -webkit-animation-name: fadeInUpBig;
           -moz-animation-name: fadeInUpBig;
             -o-animation-name: fadeInUpBig;
                animation-name: fadeInUpBig;
    }



/*===================================================================================*/
/*  fadeInDownBig                                                                    */
/*===================================================================================*/

    @-webkit-keyframes fadeInDownBig {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-2000px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
        }
    }

    @-moz-keyframes fadeInDownBig {
        0% {
            opacity: 0;
            -moz-transform: translateY(-2000px);
        }

        100% {
            opacity: 1;
            -moz-transform: translateY(0);
        }
    }

    @-o-keyframes fadeInDownBig {
        0% {
            opacity: 0;
            -o-transform: translateY(-2000px);
        }

        100% {
            opacity: 1;
            -o-transform: translateY(0);
        }
    }

    @keyframes fadeInDownBig {
        0% {
            opacity: 0;
            transform: translateY(-2000px);
        }

        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .animated.fadeInDownBig {
        opacity: 1;

        -webkit-animation-name: fadeInDownBig;
           -moz-animation-name: fadeInDownBig;
             -o-animation-name: fadeInDownBig;
                animation-name: fadeInDownBig;
    }



/*===================================================================================*/
/*  fadeInLeftBig                                                                    */
/*===================================================================================*/

    @-webkit-keyframes fadeInLeftBig {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-2000px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
        }
    }
    @-moz-keyframes fadeInLeftBig {
        0% {
            opacity: 0;
            -moz-transform: translateX(-2000px);
        }

        100% {
            opacity: 1;
            -moz-transform: translateX(0);
        }
    }
    @-o-keyframes fadeInLeftBig {
        0% {
            opacity: 0;
            -o-transform: translateX(-2000px);
        }

        100% {
            opacity: 1;
            -o-transform: translateX(0);
        }
    }
    @keyframes fadeInLeftBig {
        0% {
            opacity: 0;
            transform: translateX(-2000px);
        }

        100% {
            opacity: 1;
            transform: translateX(0);
        }
    }

    .animated.fadeInLeftBig {
        opacity: 1;

        -webkit-animation-name: fadeInLeftBig;
           -moz-animation-name: fadeInLeftBig;
             -o-animation-name: fadeInLeftBig;
                animation-name: fadeInLeftBig;
    }



/*===================================================================================*/
/*  fadeInRightBig                                                                   */
/*===================================================================================*/

    @-webkit-keyframes fadeInRightBig {
        0% {
            opacity: 0;
            -webkit-transform: translateX(2000px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
        }
    }

    @-moz-keyframes fadeInRightBig {
        0% {
            opacity: 0;
            -moz-transform: translateX(2000px);
        }

        100% {
            opacity: 1;
            -moz-transform: translateX(0);
        }
    }

    @-o-keyframes fadeInRightBig {
        0% {
            opacity: 0;
            -o-transform: translateX(2000px);
        }

        100% {
            opacity: 1;
            -o-transform: translateX(0);
        }
    }

    @keyframes fadeInRightBig {
        0% {
            opacity: 0;
            transform: translateX(2000px);
        }

        100% {
            opacity: 1;
            transform: translateX(0);
        }
    }

    .animated.fadeInRightBig {
        opacity: 1;

        -webkit-animation-name: fadeInRightBig;
           -moz-animation-name: fadeInRightBig;
             -o-animation-name: fadeInRightBig;
                animation-name: fadeInRightBig;
    }



/*===================================================================================*/
/*  bounceIn                                                                         */  
/*===================================================================================*/

    @-webkit-keyframes bounceIn {
        0% {
            opacity: 0;
            -webkit-transform: scale(.3);
        }

        50% {
            opacity: 1;
            -webkit-transform: scale(1.05);
        }

        70% {
            -webkit-transform: scale(.9);
        }

        100% {
            -webkit-transform: scale(1);
        }
    }

    @-moz-keyframes bounceIn {
        0% {
            opacity: 0;
            -moz-transform: scale(.3);
        }

        50% {
            opacity: 1;
            -moz-transform: scale(1.05);
        }

        70% {
            -moz-transform: scale(.9);
        }

        100% {
            -moz-transform: scale(1);
        }
    }

    @-o-keyframes bounceIn {
        0% {
            opacity: 0;
            -o-transform: scale(.3);
        }

        50% {
            opacity: 1;
            -o-transform: scale(1.05);
        }

        70% {
            -o-transform: scale(.9);
        }

        100% {
            -o-transform: scale(1);
        }
    }

    @keyframes bounceIn {
        0% {
            opacity: 0;
            transform: scale(.3);
        }

        50% {
            opacity: 1;
            transform: scale(1.05);
        }

        70% {
            transform: scale(.9);
        }

        100% {
            transform: scale(1);
        }
    }

    .animated.bounceIn {
        opacity: 1;

        -webkit-animation-name: bounceIn;
           -moz-animation-name: bounceIn;
             -o-animation-name: bounceIn;
                animation-name: bounceIn;
    }



/*===================================================================================*/
/*  bounceInUp                                                                       */
/*===================================================================================*/

    @-webkit-keyframes bounceInUp {
        0% {
            opacity: 0;
            -webkit-transform: translateY(2000px);
        }

        60% {
            opacity: 1;
            -webkit-transform: translateY(-30px);
        }

        80% {
            -webkit-transform: translateY(10px);
        }

        100% {
            -webkit-transform: translateY(0);
        }
    }
    @-moz-keyframes bounceInUp {
        0% {
            opacity: 0;
            -moz-transform: translateY(2000px);
        }

        60% {
            opacity: 1;
            -moz-transform: translateY(-30px);
        }

        80% {
            -moz-transform: translateY(10px);
        }

        100% {
            -moz-transform: translateY(0);
        }
    }

    @-o-keyframes bounceInUp {
        0% {
            opacity: 0;
            -o-transform: translateY(2000px);
        }

        60% {
            opacity: 1;
            -o-transform: translateY(-30px);
        }

        80% {
            -o-transform: translateY(10px);
        }

        100% {
            -o-transform: translateY(0);
        }
    }

    @-ms-keyframes bounceInUp {
        0% {
            opacity: 0;
            -ms-transform: translateY(2000px);
        }

        60% {
            opacity: 1;
            -ms-transform: translateY(-30px);
        }

        80% {
            -ms-transform: translateY(10px);
        }

        100% {
            -ms-transform: translateY(0);
        }
    }

    @keyframes bounceInUp {
        0% {
            opacity: 0;
            transform: translateY(2000px);
        }

        60% {
            opacity: 1;
            transform: translateY(-30px);
        }

        80% {
            transform: translateY(10px);
        }

        100% {
            transform: translateY(0);
        }
    }

    .animated.bounceInUp {
        opacity: 1;

        -webkit-animation-name: bounceInUp;
           -moz-animation-name: bounceInUp;
             -o-animation-name: bounceInUp;
                animation-name: bounceInUp;
    }



/*===================================================================================*/
/*  bounceInDown                                                                     */
/*===================================================================================*/

    @-webkit-keyframes bounceInDown {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-2000px);
        }

        60% {
            opacity: 1;
            -webkit-transform: translateY(30px);
        }

        80% {
            -webkit-transform: translateY(-10px);
        }

        100% {
            -webkit-transform: translateY(0);
        }
    }

    @-moz-keyframes bounceInDown {
        0% {
            opacity: 0;
            -moz-transform: translateY(-2000px);
        }

        60% {
            opacity: 1;
            -moz-transform: translateY(30px);
        }

        80% {
            -moz-transform: translateY(-10px);
        }

        100% {
            -moz-transform: translateY(0);
        }
    }

    @-o-keyframes bounceInDown {
        0% {
            opacity: 0;
            -o-transform: translateY(-2000px);
        }

        60% {
            opacity: 1;
            -o-transform: translateY(30px);
        }

        80% {
            -o-transform: translateY(-10px);
        }

        100% {
            -o-transform: translateY(0);
        }
    }

    @keyframes bounceInDown {
        0% {
            opacity: 0;
            transform: translateY(-2000px);
        }

        60% {
            opacity: 1;
            transform: translateY(30px);
        }

        80% {
            transform: translateY(-10px);
        }

        100% {
            transform: translateY(0);
        }
    }

    .animated.bounceInDown {
        opacity: 1;

        -webkit-animation-name: bounceInDown;
           -moz-animation-name: bounceInDown;
             -o-animation-name: bounceInDown;
                animation-name: bounceInDown;
    }



/*===================================================================================*/
/*  bounceInLeft                                                                     */
/*===================================================================================*/

    @-webkit-keyframes bounceInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-2000px);
        }

        60% {
            opacity: 1;
            -webkit-transform: translateX(30px);
        }

        80% {
            -webkit-transform: translateX(-10px);
        }

        100% {
            -webkit-transform: translateX(0);
        }
    }

    @-moz-keyframes bounceInLeft {
        0% {
            opacity: 0;
            -moz-transform: translateX(-2000px);
        }

        60% {
            opacity: 1;
            -moz-transform: translateX(30px);
        }

        80% {
            -moz-transform: translateX(-10px);
        }

        100% {
            -moz-transform: translateX(0);
        }
    }

    @-o-keyframes bounceInLeft {
        0% {
            opacity: 0;
            -o-transform: translateX(-2000px);
        }

        60% {
            opacity: 1;
            -o-transform: translateX(30px);
        }

        80% {
            -o-transform: translateX(-10px);
        }

        100% {
            -o-transform: translateX(0);
        }
    }

    @keyframes bounceInLeft {
        0% {
            opacity: 0;
            transform: translateX(-2000px);
        }

        60% {
            opacity: 1;
            transform: translateX(30px);
        }

        80% {
            transform: translateX(-10px);
        }

        100% {
            transform: translateX(0);
        }
    }

    .animated.bounceInLeft {
        opacity: 1;

        -webkit-animation-name: bounceInLeft;
           -moz-animation-name: bounceInLeft;
             -o-animation-name: bounceInLeft;
                animation-name: bounceInLeft;
    }



/*===================================================================================*/
/*  bounceInRight                                                                    */
/*===================================================================================*/

    @-webkit-keyframes bounceInRight {
        0% {
            opacity: 0;
            -webkit-transform: translateX(2000px);
        }

        60% {
            opacity: 1;
            -webkit-transform: translateX(-30px);
        }

        80% {
            -webkit-transform: translateX(10px);
        }

        100% {
            -webkit-transform: translateX(0);
        }
    }

    @-moz-keyframes bounceInRight {
        0% {
            opacity: 0;
            -moz-transform: translateX(2000px);
        }

        60% {
            opacity: 1;
            -moz-transform: translateX(-30px);
        }

        80% {
            -moz-transform: translateX(10px);
        }

        100% {
            -moz-transform: translateX(0);
        }
    }

    @-o-keyframes bounceInRight {
        0% {
            opacity: 0;
            -o-transform: translateX(2000px);
        }

        60% {
            opacity: 1;
            -o-transform: translateX(-30px);
        }

        80% {
            -o-transform: translateX(10px);
        }

        100% {
            -o-transform: translateX(0);
        }
    }

    @keyframes bounceInRight {
        0% {
            opacity: 0;
            transform: translateX(2000px);
        }

        60% {
            opacity: 1;
            transform: translateX(-30px);
        }

        80% {
            transform: translateX(10px);
        }

        100% {
            transform: translateX(0);
        }
    }

    .animated.bounceInRight {
        opacity: 1;

        -webkit-animation-name: bounceInRight;
           -moz-animation-name: bounceInRight;
             -o-animation-name: bounceInRight;
                animation-name: bounceInRight;
    }



/*===================================================================================*/
/* rotateInUpLeft                                                                    */
/*===================================================================================*/

    @-webkit-keyframes rotateInUpLeft {
        0% {
            -webkit-transform-origin: left bottom;
            -webkit-transform: rotate(90deg);
            opacity: 0;
        }

        100% {
            -webkit-transform-origin: left bottom;
            -webkit-transform: rotate(0);
            opacity: 1;
        }
    }

    @-moz-keyframes rotateInUpLeft {
        0% {
            -moz-transform-origin: left bottom;
            -moz-transform: rotate(90deg);
            opacity: 0;
        }

        100% {
            -moz-transform-origin: left bottom;
            -moz-transform: rotate(0);
            opacity: 1;
        }
    }

    @-o-keyframes rotateInUpLeft {
        0% {
            -o-transform-origin: left bottom;
            -o-transform: rotate(90deg);
            opacity: 0;
        }

        100% {
            -o-transform-origin: left bottom;
            -o-transform: rotate(0);
            opacity: 1;
        }
    }

    @keyframes rotateInUpLeft {
        0% {
            transform-origin: left bottom;
            transform: rotate(90deg);
            opacity: 0;
        }

        100% {
            transform-origin: left bottom;
            transform: rotate(0);
            opacity: 1;
        }
    }

    .animated.rotateInUpLeft {
        opacity: 1;

        -webkit-animation-name: rotateInUpLeft;
           -moz-animation-name: rotateInUpLeft;
             -o-animation-name: rotateInUpLeft;
                animation-name: rotateInUpLeft;
    }



/*===================================================================================*/
/*  otateInDownLeft                                                                  */
/*===================================================================================*/

    @-webkit-keyframes rotateInDownLeft {
        0% {
            -webkit-transform-origin: left bottom;
            -webkit-transform: rotate(-90deg);
            opacity: 0;
        }

        100% {
            -webkit-transform-origin: left bottom;
            -webkit-transform: rotate(0);
            opacity: 1;
        }
    }

    @-moz-keyframes rotateInDownLeft {
        0% {
            -moz-transform-origin: left bottom;
            -moz-transform: rotate(-90deg);
            opacity: 0;
        }

        100% {
            -moz-transform-origin: left bottom;
            -moz-transform: rotate(0);
            opacity: 1;
        }
    }

    @-o-keyframes rotateInDownLeft {
        0% {
            -o-transform-origin: left bottom;
            -o-transform: rotate(-90deg);
            opacity: 0;
        }

        100% {
            -o-transform-origin: left bottom;
            -o-transform: rotate(0);
            opacity: 1;
        }
    }

    @keyframes rotateInDownLeft {
        0% {
            transform-origin: left bottom;
            transform: rotate(-90deg);
            opacity: 0;
        }

        100% {
            transform-origin: left bottom;
            transform: rotate(0);
            opacity: 1;
        }
    }

    .animated.rotateInDownLeft {
        opacity: 1;

        -webkit-animation-name: rotateInDownLeft;
           -moz-animation-name: rotateInDownLeft;
             -o-animation-name: rotateInDownLeft;
                animation-name: rotateInDownLeft;
    }



/*===================================================================================*/
/*  rotateInUpRight                                                                  */  
/*===================================================================================*/

    @-webkit-keyframes rotateInUpRight {
        0% {
            -webkit-transform-origin: right bottom;
            -webkit-transform: rotate(-90deg);
            opacity: 0;
        }

        100% {
            -webkit-transform-origin: right bottom;
            -webkit-transform: rotate(0);
            opacity: 1;
        }
    }

    @-moz-keyframes rotateInUpRight {
        0% {
            -moz-transform-origin: right bottom;
            -moz-transform: rotate(-90deg);
            opacity: 0;
        }

        100% {
            -moz-transform-origin: right bottom;
            -moz-transform: rotate(0);
            opacity: 1;
        }
    }

    @-o-keyframes rotateInUpRight {
        0% {
            -o-transform-origin: right bottom;
            -o-transform: rotate(-90deg);
            opacity: 0;
        }

        100% {
            -o-transform-origin: right bottom;
            -o-transform: rotate(0);
            opacity: 1;
        }
    }

    @keyframes rotateInUpRight {
        0% {
            transform-origin: right bottom;
            transform: rotate(-90deg);
            opacity: 0;
        }

        100% {
            transform-origin: right bottom;
            transform: rotate(0);
            opacity: 1;
        }
    }

    .animated.rotateInUpRight {
        opacity: 1;

        -webkit-animation-name: rotateInUpRight;
           -moz-animation-name: rotateInUpRight;
             -o-animation-name: rotateInUpRight;
                animation-name: rotateInUpRight;
    }



/*===================================================================================*/
/*  rotateInDownRight                                                                */
/*===================================================================================*/

    @-webkit-keyframes rotateInDownRight {
        0% {
            -webkit-transform-origin: right bottom;
            -webkit-transform: rotate(90deg);
            opacity: 0;
        }

        100% {
            -webkit-transform-origin: right bottom;
            -webkit-transform: rotate(0);
            opacity: 1;
        }
    }

    @-moz-keyframes rotateInDownRight {
        0% {
            -moz-transform-origin: right bottom;
            -moz-transform: rotate(90deg);
            opacity: 0;
        }

        100% {
            -moz-transform-origin: right bottom;
            -moz-transform: rotate(0);
            opacity: 1;
        }
    }

    @-o-keyframes rotateInDownRight {
        0% {
            -o-transform-origin: right bottom;
            -o-transform: rotate(90deg);
            opacity: 0;
        }

        100% {
            -o-transform-origin: right bottom;
            -o-transform: rotate(0);
            opacity: 1;
        }
    }

    @keyframes rotateInDownRight {
        0% {
            transform-origin: right bottom;
            transform: rotate(90deg);
            opacity: 0;
        }

        100% {
            transform-origin: right bottom;
            transform: rotate(0);
            opacity: 1;
        }
    }

    .animated.rotateInDownRight {
        opacity: 1;

        -webkit-animation-name: rotateInDownRight;
           -moz-animation-name: rotateInDownRight;
             -o-animation-name: rotateInDownRight;
                animation-name: rotateInDownRight;
    }



/*===================================================================================*/
/*  lightSpeedRight                                                                  */
/*===================================================================================*/

    @-webkit-keyframes lightSpeedRight {
        0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
        60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; }
        80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; }
        100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
    }

    @-moz-keyframes lightSpeedRight {
        0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
        60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; }
        80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; }
        100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
    }

    @-o-keyframes lightSpeedRight {
        0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
        60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; }
        80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; }
        100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
    }

    @keyframes lightSpeedRight {
        0% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
        60% { transform: translateX(-20%) skewX(30deg); opacity: 1; }
        80% { transform: translateX(0%) skewX(-15deg); opacity: 1; }
        100% { transform: translateX(0%) skewX(0deg); opacity: 1; }
    }

    .animated.lightSpeedRight {
        opacity: 1;

        -webkit-animation-name: lightSpeedRight;
           -moz-animation-name: lightSpeedRight;
             -o-animation-name: lightSpeedRight;
                animation-name: lightSpeedRight;

        -webkit-animation-timing-function: ease-out;
           -moz-animation-timing-function: ease-out;
             -o-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
    }

    .animated.lightSpeedRight {
        opacity: 1;

        -webkit-animation-duration: 0.5s;
           -moz-animation-duration: 0.5s;
             -o-animation-duration: 0.5s;
                animation-duration: 0.5s;
    }



/*===================================================================================*/
/*  lightSpeedLeft                                                                  */
/*===================================================================================*/

    @-webkit-keyframes lightSpeedLeft {
        0% { -webkit-transform: translateX(-100%) skewX(-30deg); opacity: 0; }
        60% { -webkit-transform: translateX(20%) skewX(30deg); opacity: 1; }
        80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; }
        100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
    }

    @-moz-keyframes lightSpeedLeft {
        0% { -moz-transform: translateX(-100%) skewX(-30deg); opacity: 0; }
        60% { -moz-transform: translateX(20%) skewX(30deg); opacity: 1; }
        80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; }
        100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
    }

    @-o-keyframes lightSpeedLeft {
        0% { -o-transform: translateX(-100%) skewX(-30deg); opacity: 0; }
        60% { -o-transform: translateX(20%) skewX(30deg); opacity: 1; }
        80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; }
        100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
    }

    @keyframes lightSpeedLeft {
        0% { transform: translateX(-100%) skewX(-30deg); opacity: 0; }
        60% { transform: translateX(20%) skewX(30deg); opacity: 1; }
        80% { transform: translateX(0%) skewX(-15deg); opacity: 1; }
        100% { transform: translateX(0%) skewX(0deg); opacity: 1; }
    }

    .animated.lightSpeedLeft {
        opacity: 1;

        -webkit-animation-name: lightSpeedLeft;
           -moz-animation-name: lightSpeedLeft;
             -o-animation-name: lightSpeedLeft;
                animation-name: lightSpeedLeft;

        -webkit-animation-timing-function: ease-out;
           -moz-animation-timing-function: ease-out;
             -o-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
    }

    .animated.lightSpeedLeft {
        opacity: 1;

        -webkit-animation-duration: 0.5s;
           -moz-animation-duration: 0.5s;
             -o-animation-duration: 0.5s;
                animation-duration: 0.5s;
    }



/*===================================================================================*/
/*  rollin                                                                          */
/*===================================================================================*/

    /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

    @-webkit-keyframes rollIn {
        0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); }
        100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
    }

    @-moz-keyframes rollIn {
        0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); }
        100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
    }

    @-o-keyframes rollIn {
        0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); }
        100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
    }

    @keyframes rollIn {
        0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }
        100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
    }

    .animated.rollIn {
        opacity: 1;

        -webkit-animation-name: rollIn;
           -moz-animation-name: rollIn;
             -o-animation-name: rollIn;
                animation-name: rollIn;
    }