@charset "utf-8";
body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
	/*-webkit-backface-visibility: hidden;*/
}
.animate { visibility:hidden; }
.animate {
	-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;
			
}

.animate.hinge {
	-webkit-animation-duration: 2s;
	   -moz-animation-duration: 2s;
	     -o-animation-duration: 2s;
	        animation-duration: 2s;
}

@-webkit-keyframes flash {
	0%, 50%, 100% {opacity: 1;}
	25%, 75% {opacity: 0;}
}

@-moz-keyframes flash {
	0%, 50%, 100% {opacity: 1;}
	25%, 75% {opacity: 0;}
}

@-o-keyframes flash {
	0%, 50%, 100% {opacity: 1;}
	25%, 75% {opacity: 0;}
}

@keyframes flash {
	0%, 50%, 100% {opacity: 1;}
	25%, 75% {opacity: 0;}
}

.animate.flash {
	-webkit-animation-name: flash;
	-moz-animation-name: flash;
	-o-animation-name: flash;
	animation-name: flash;
	visibility: visible !important;
}
@-webkit-keyframes shake {
	0%, 100% {-webkit-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}

@-moz-keyframes shake {
	0%, 100% {-moz-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}

@-o-keyframes shake {
	0%, 100% {-o-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}

@keyframes shake {
	0%, 100% {transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
	20%, 40%, 60%, 80% {transform: translateX(10px);}
}

.animate.shake {
	-webkit-animation-name: shake;
	-moz-animation-name: shake;
	-o-animation-name: shake;
	animation-name: shake;
	visibility: visible !important;
}
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}

@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}

.animate.bounce {
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-o-animation-name: bounce;
	animation-name: bounce;
	visibility: visible !important;
}
@-webkit-keyframes tada {
	0% {-webkit-transform: scale(1);}
	10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
	100% {-webkit-transform: scale(1) rotate(0);}
}

@-moz-keyframes tada {
	0% {-moz-transform: scale(1);}
	10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
	100% {-moz-transform: scale(1) rotate(0);}
}

@-o-keyframes tada {
	0% {-o-transform: scale(1);}
	10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
	100% {-o-transform: scale(1) rotate(0);}
}

@keyframes tada {
	0% {transform: scale(1);}
	10%, 20% {transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
	100% {transform: scale(1) rotate(0);}
}

.animate.tada {
	-webkit-animation-name: tada;
	-moz-animation-name: tada;
	-o-animation-name: tada;
	animation-name: tada;
	visibility: visible !important;
}
@-webkit-keyframes swing {
	20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
	20% { -webkit-transform: rotate(15deg); }
	40% { -webkit-transform: rotate(-10deg); }
	60% { -webkit-transform: rotate(5deg); }
	80% { -webkit-transform: rotate(-5deg); }
	100% { -webkit-transform: rotate(0deg); }
}

@-moz-keyframes swing {
	20% { -moz-transform: rotate(15deg); }
	40% { -moz-transform: rotate(-10deg); }
	60% { -moz-transform: rotate(5deg); }
	80% { -moz-transform: rotate(-5deg); }
	100% { -moz-transform: rotate(0deg); }
}

@-o-keyframes swing {
	20% { -o-transform: rotate(15deg); }
	40% { -o-transform: rotate(-10deg); }
	60% { -o-transform: rotate(5deg); }
	80% { -o-transform: rotate(-5deg); }
	100% { -o-transform: rotate(0deg); }
}

@keyframes swing {
	20% { transform: rotate(15deg); }
	40% { transform: rotate(-10deg); }
	60% { transform: rotate(5deg); }
	80% { transform: rotate(-5deg); }
	100% { transform: rotate(0deg); }
}

.animate.swing {
	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	-o-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	-moz-animation-name: swing;
	-o-animation-name: swing;
	animation-name: swing;
	visibility: visible !important;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% { -webkit-transform: translateX(0%); }
  15% { -webkit-transform: translateX(-25%) rotate(-5deg); }
  30% { -webkit-transform: translateX(20%) rotate(3deg); }
  45% { -webkit-transform: translateX(-15%) rotate(-3deg); }
  60% { -webkit-transform: translateX(10%) rotate(2deg); }
  75% { -webkit-transform: translateX(-5%) rotate(-1deg); }
  100% { -webkit-transform: translateX(0%); }
}

@-moz-keyframes wobble {
  0% { -moz-transform: translateX(0%); }
  15% { -moz-transform: translateX(-25%) rotate(-5deg); }
  30% { -moz-transform: translateX(20%) rotate(3deg); }
  45% { -moz-transform: translateX(-15%) rotate(-3deg); }
  60% { -moz-transform: translateX(10%) rotate(2deg); }
  75% { -moz-transform: translateX(-5%) rotate(-1deg); }
  100% { -moz-transform: translateX(0%); }
}

@-o-keyframes wobble {
  0% { -o-transform: translateX(0%); }
  15% { -o-transform: translateX(-25%) rotate(-5deg); }
  30% { -o-transform: translateX(20%) rotate(3deg); }
  45% { -o-transform: translateX(-15%) rotate(-3deg); }
  60% { -o-transform: translateX(10%) rotate(2deg); }
  75% { -o-transform: translateX(-5%) rotate(-1deg); }
  100% { -o-transform: translateX(0%); }
}

@keyframes wobble {
  0% { transform: translateX(0%); }
  15% { transform: translateX(-25%) rotate(-5deg); }
  30% { transform: translateX(20%) rotate(3deg); }
  45% { transform: translateX(-15%) rotate(-3deg); }
  60% { transform: translateX(10%) rotate(2deg); }
  75% { transform: translateX(-5%) rotate(-1deg); }
  100% { transform: translateX(0%); }
}

.animate.wobble {
	-webkit-animation-name: wobble;
	-moz-animation-name: wobble;
	-o-animation-name: wobble;
	animation-name: wobble;
	visibility: visible !important;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-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); }
}

.animate.pulse {
	-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	-o-animation-name: pulse;
	animation-name: pulse;
	visibility: visible !important;
}
@-webkit-keyframes flip {
	0% {
		-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
		-webkit-animation-timing-function: ease-out;
	}
	40% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
		-webkit-animation-timing-function: ease-out;
	}
	50% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-webkit-animation-timing-function: ease-in;
	}
	80% {
		-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
		-webkit-animation-timing-function: ease-in;
	}
	100% {
		-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
		-webkit-animation-timing-function: ease-in;
	}
}
@-moz-keyframes flip {
	0% {
		-moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
		-moz-animation-timing-function: ease-out;
	}
	40% {
		-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
		-moz-animation-timing-function: ease-out;
	}
	50% {
		-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-moz-animation-timing-function: ease-in;
	}
	80% {
		-moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
		-moz-animation-timing-function: ease-in;
	}
	100% {
		-moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
		-moz-animation-timing-function: ease-in;
	}
}
@-o-keyframes flip {
	0% {
		-o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
		-o-animation-timing-function: ease-out;
	}
	40% {
		-o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
		-o-animation-timing-function: ease-out;
	}
	50% {
		-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-o-animation-timing-function: ease-in;
	}
	80% {
		-o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
		-o-animation-timing-function: ease-in;
	}
	100% {
		-o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
		-o-animation-timing-function: ease-in;
	}
}
@keyframes flip {
	0% {
		transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
		animation-timing-function: ease-out;
	}
	40% {
		transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
		animation-timing-function: ease-out;
	}
	50% {
		transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		animation-timing-function: ease-in;
	}
	80% {
		transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
		animation-timing-function: ease-in;
	}
	100% {
		transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
		animation-timing-function: ease-in;
	}
}

.animate.flip {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flip;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flip;
	-o-backface-visibility: visible !important;
	-o-animation-name: flip;
	backface-visibility: visible !important;
	animation-name: flip;
	visibility: visible !important;
}
@-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;
    }
}

.animate.flipInX {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipInX;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipInX;
	backface-visibility: visible !important;
	animation-name: flipInX;
	visibility: visible !important;
}
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

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

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

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

.animate.flipOutX {
	-webkit-animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	-moz-animation-name: flipOutX;
	-moz-backface-visibility: visible !important;
	-o-animation-name: flipOutX;
	-o-backface-visibility: visible !important;
	animation-name: flipOutX;
	backface-visibility: visible !important;
	visibility: visible !important;
}
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

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

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

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

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

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

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

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

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

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

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

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

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

.animate.flipInY {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipInY;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipInY;
	backface-visibility: visible !important;
	animation-name: flipInY;
	visibility: visible !important;
}
@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@-moz-keyframes flipOutY {
    0% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@-o-keyframes flipOutY {
    0% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@keyframes flipOutY {
    0% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

.animate.flipOutY {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipOutY;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipOutY;
	backface-visibility: visible !important;
	animation-name: flipOutY;
	visibility: visible !important;
}
@-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;}
}

.animate.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
	visibility: visible !important;
}
@-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);
	}
}

.animate.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
	visibility: visible !important;
}
@-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);
	}
}

.animate.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
	visibility: visible !important;
}
@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}

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

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

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

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

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

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

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

.animate.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
	visibility: visible !important;
}
@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
	}

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

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

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

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

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

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

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

.animate.fadeInRight {
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	animation-name: fadeInRight;
	visibility: visible !important;
}
@-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);
	}
}

.animate.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	-moz-animation-name: fadeInUpBig;
	-o-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
	visibility: visible !important;
}
@-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);
	}
}

.animate.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	-moz-animation-name: fadeInDownBig;
	-o-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
	visibility: visible !important;
}
@-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);
	}
}

.animate.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	-moz-animation-name: fadeInLeftBig;
	-o-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
	visibility: visible !important;
}
@-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);
	}
}

.animate.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	-moz-animation-name: fadeInRightBig;
	-o-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig;
	visibility: visible !important;
}
@-webkit-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

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

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

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

.animate.fadeOut {
	-webkit-animation-name: fadeOut;
	-moz-animation-name: fadeOut;
	-o-animation-name: fadeOut;
	animation-name: fadeOut;
	visibility: visible !important;
}
@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}
}
@-moz-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}
}
@-o-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}

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

	100% {
		opacity: 0;
		transform: translateY(-20px);
	}
}

.animate.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	-moz-animation-name: fadeOutUp;
	-o-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
	visibility: visible !important;
}
@-webkit-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}

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

@-moz-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}

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

@-o-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}

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

@keyframes fadeOutDown {
	0% {
		opacity: 1;
		transform: translateY(0);
	}

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

.animate.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	-moz-animation-name: fadeOutDown;
	-o-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
	visibility: visible !important;
}
@-webkit-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}

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

@-moz-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}

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

@-o-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}

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

@keyframes fadeOutLeft {
	0% {
		opacity: 1;
		transform: translateX(0);
	}

	100% {
		opacity: 0;
		transform: translateX(-20px);
	}
}

.animate.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	-moz-animation-name: fadeOutLeft;
	-o-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
	visibility: visible !important;
}
@-webkit-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}

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

@-moz-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}

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

@-o-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}

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

@keyframes fadeOutRight {
	0% {
		opacity: 1;
		transform: translateX(0);
	}

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

.animate.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	-moz-animation-name: fadeOutRight;
	-o-animation-name: fadeOutRight;
	animation-name: fadeOutRight;
	visibility: visible !important;
}
@-webkit-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}

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

@-moz-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}

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

@-o-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}

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

@keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		transform: translateY(-2000px);
	}
}

.animate.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	-moz-animation-name: fadeOutUpBig;
	-o-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig;
	visibility: visible !important;
}
@-webkit-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}

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

@-moz-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}

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

@-o-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}

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

@keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		transform: translateY(0);
	}

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

.animate.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	-moz-animation-name: fadeOutDownBig;
	-o-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig;
	visibility: visible !important;
}
@-webkit-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}

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

@-moz-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}

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

@-o-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}

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

@keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		transform: translateX(0);
	}

	100% {
		opacity: 0;
		transform: translateX(-2000px);
	}
}

.animate.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	-moz-animation-name: fadeOutLeftBig;
	-o-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig;
	visibility: visible !important;
}
@-webkit-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}

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

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

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

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

.animate.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	-moz-animation-name: fadeOutRightBig;
	-o-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig;
	visibility: visible !important;
}
@-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);
	}
}

.animate.bounceIn {
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;
	visibility: visible !important;
}
@-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);
	}
}

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

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

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

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

.animate.bounceInUp {
	-webkit-animation-name: bounceInUp;
	-moz-animation-name: bounceInUp;
	-o-animation-name: bounceInUp;
	animation-name: bounceInUp;
	visibility: visible !important;
}
@-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);
	}
}

.animate.bounceInDown {
	-webkit-animation-name: bounceInDown;
	-moz-animation-name: bounceInDown;
	-o-animation-name: bounceInDown;
	animation-name: bounceInDown;
	visibility: visible !important;
}
@-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);
	}
}

.animate.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	-moz-animation-name: bounceInLeft;
	-o-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
	visibility: visible !important;
}
@-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);
	}
}

.animate.bounceInRight {
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
	-o-animation-name: bounceInRight;
	animation-name: bounceInRight;
	visibility: visible !important;
}
@-webkit-keyframes bounceOut {
	0% {
		-webkit-transform: scale(1);
	}

	25% {
		-webkit-transform: scale(.95);
	}

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

	100% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}
}

@-moz-keyframes bounceOut {
	0% {
		-moz-transform: scale(1);
	}

	25% {
		-moz-transform: scale(.95);
	}

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

	100% {
		opacity: 0;
		-moz-transform: scale(.3);
	}
}

@-o-keyframes bounceOut {
	0% {
		-o-transform: scale(1);
	}

	25% {
		-o-transform: scale(.95);
	}

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

	100% {
		opacity: 0;
		-o-transform: scale(.3);
	}
}

@keyframes bounceOut {
	0% {
		transform: scale(1);
	}

	25% {
		transform: scale(.95);
	}

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

	100% {
		opacity: 0;
		transform: scale(.3);
	}
}

.animate.bounceOut {
	-webkit-animation-name: bounceOut;
	-moz-animation-name: bounceOut;
	-o-animation-name: bounceOut;
	animation-name: bounceOut;
	visibility: visible !important;
}
@-webkit-keyframes bounceOutUp {
	0% {
		-webkit-transform: translateY(0);
	}

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

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

@-moz-keyframes bounceOutUp {
	0% {
		-moz-transform: translateY(0);
	}

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

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

@-o-keyframes bounceOutUp {
	0% {
		-o-transform: translateY(0);
	}

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

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

@keyframes bounceOutUp {
	0% {
		transform: translateY(0);
	}

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

	100% {
		opacity: 0;
		transform: translateY(-2000px);
	}
}

.animate.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	-moz-animation-name: bounceOutUp;
	-o-animation-name: bounceOutUp;
	animation-name: bounceOutUp;
	visibility: visible !important;
}
@-webkit-keyframes bounceOutDown {
	0% {
		-webkit-transform: translateY(0);
	}

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

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

@-moz-keyframes bounceOutDown {
	0% {
		-moz-transform: translateY(0);
	}

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

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

@-o-keyframes bounceOutDown {
	0% {
		-o-transform: translateY(0);
	}

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

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

@keyframes bounceOutDown {
	0% {
		transform: translateY(0);
	}

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

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

.animate.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	-moz-animation-name: bounceOutDown;
	-o-animation-name: bounceOutDown;
	animation-name: bounceOutDown;
	visibility: visible !important;
}
@-webkit-keyframes bounceOutLeft {
	0% {
		-webkit-transform: translateX(0);
	}

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

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

@-moz-keyframes bounceOutLeft {
	0% {
		-moz-transform: translateX(0);
	}

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

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

@-o-keyframes bounceOutLeft {
	0% {
		-o-transform: translateX(0);
	}

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

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

@keyframes bounceOutLeft {
	0% {
		transform: translateX(0);
	}

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

	100% {
		opacity: 0;
		transform: translateX(-2000px);
	}
}

.animate.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	-moz-animation-name: bounceOutLeft;
	-o-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft;
	visibility: visible !important;
}
@-webkit-keyframes bounceOutRight {
	0% {
		-webkit-transform: translateX(0);
	}

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

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

@-moz-keyframes bounceOutRight {
	0% {
		-moz-transform: translateX(0);
	}

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

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

@-o-keyframes bounceOutRight {
	0% {
		-o-transform: translateX(0);
	}

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

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

@keyframes bounceOutRight {
	0% {
		transform: translateX(0);
	}

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

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

.animate.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	-moz-animation-name: bounceOutRight;
	-o-animation-name: bounceOutRight;
	animation-name: bounceOutRight;
	visibility: visible !important;
}
@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(-200deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}
@-moz-keyframes rotateIn {
	0% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(-200deg);
		opacity: 0;
	}

	100% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}
@-o-keyframes rotateIn {
	0% {
		-o-transform-origin: center center;
		-o-transform: rotate(-200deg);
		opacity: 0;
	}

	100% {
		-o-transform-origin: center center;
		-o-transform: rotate(0);
		opacity: 1;
	}
}
@keyframes rotateIn {
	0% {
		transform-origin: center center;
		transform: rotate(-200deg);
		opacity: 0;
	}

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

.animate.rotateIn {
	-webkit-animation-name: rotateIn;
	-moz-animation-name: rotateIn;
	-o-animation-name: rotateIn;
	animation-name: rotateIn;
	visibility: visible !important;
}
@-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;
	}
}

.animate.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	-moz-animation-name: rotateInUpLeft;
	-o-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft;
	visibility: visible !important;
}
@-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;
	}
}

.animate.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	-moz-animation-name: rotateInDownLeft;
	-o-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft;
	visibility: visible !important;
}
@-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;
	}
}

.animate.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	-moz-animation-name: rotateInUpRight;
	-o-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight;
	visibility: visible !important;
}
@-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;
	}
}

.animate.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	-moz-animation-name: rotateInDownRight;
	-o-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight;
	visibility: visible !important;
}
@-webkit-keyframes rotateOut {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(0);
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(200deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOut {
	0% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(0);
		opacity: 1;
	}

	100% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(200deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOut {
	0% {
		-o-transform-origin: center center;
		-o-transform: rotate(0);
		opacity: 1;
	}

	100% {
		-o-transform-origin: center center;
		-o-transform: rotate(200deg);
		opacity: 0;
	}
}

@keyframes rotateOut {
	0% {
		transform-origin: center center;
		transform: rotate(0);
		opacity: 1;
	}

	100% {
		transform-origin: center center;
		transform: rotate(200deg);
		opacity: 0;
	}
}

.animate.rotateOut {
	-webkit-animation-name: rotateOut;
	-moz-animation-name: rotateOut;
	-o-animation-name: rotateOut;
	animation-name: rotateOut;
	visibility: visible !important;
}
@-webkit-keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}

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

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

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

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

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

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

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

.animate.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	-moz-animation-name: rotateOutUpLeft;
	-o-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft;
	visibility: visible !important;
}
@-webkit-keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}

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

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

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

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

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

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

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

.animate.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	-moz-animation-name: rotateOutDownLeft;
	-o-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft;
	visibility: visible !important;
}
@-webkit-keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}

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

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

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

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

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

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

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

.animate.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	-moz-animation-name: rotateOutUpRight;
	-o-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight;
	visibility: visible !important;
}
@-webkit-keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}

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

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

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

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

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

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

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

.animate.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	-moz-animation-name: rotateOutDownRight;
	-o-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight;
	visibility: visible !important;
}
@-webkit-keyframes hinge {
	0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
	20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
	40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
	80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
	100% { -webkit-transform: translateY(700px); opacity: 0; }
}

@-moz-keyframes hinge {
	0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
	20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
	40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
	80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
	100% { -moz-transform: translateY(700px); opacity: 0; }
}

@-o-keyframes hinge {
	0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
	20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
	40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
	80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
	100% { -o-transform: translateY(700px); opacity: 0; }
}

@keyframes hinge {
	0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }
	20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }
	40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }
	80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }
	100% { transform: translateY(700px); opacity: 0; }
}

.animate.hinge {
	-webkit-animation-name: hinge;
	-moz-animation-name: hinge;
	-o-animation-name: hinge;
	animation-name: hinge;
	visibility: visible !important;
}
/* 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); }
}

.animate.rollIn {
	-webkit-animation-name: rollIn;
	-moz-animation-name: rollIn;
	-o-animation-name: rollIn;
	animation-name: rollIn;
	visibility: visible !important;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

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

    100% {
		opacity: 0;
		-webkit-transform: translateX(100%) rotate(120deg);
	}
}

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

    100% {
		opacity: 0;
		-moz-transform: translateX(100%) rotate(120deg);
	}
}

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

    100% {
		opacity: 0;
		-o-transform: translateX(100%) rotate(120deg);
	}
}

@keyframes rollOut {
    0% {
		opacity: 1;
		transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		transform: translateX(100%) rotate(120deg);
	}
}

.animate.rollOut {
	-webkit-animation-name: rollOut;
	-moz-animation-name: rollOut;
	-o-animation-name: rollOut;
	animation-name: rollOut;
	visibility: visible !important;
}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */

@-webkit-keyframes lightSpeedIn {
	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 lightSpeedIn {
	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 lightSpeedIn {
	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 lightSpeedIn {
	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; }
}

.animate.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    -moz-animation-name: lightSpeedIn;
    -o-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;

    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
	visibility: visible !important;
}

.animate.lightSpeedIn {
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */

@-webkit-keyframes lightSpeedOut {
    0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
	100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}

@-moz-keyframes lightSpeedOut {
	0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
	100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}

@-o-keyframes lightSpeedOut {
	0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
	100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}

@keyframes lightSpeedOut {
	0% { transform: translateX(0%) skewX(0deg); opacity: 1; }
	100% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
}

.animate.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    -moz-animation-name: lightSpeedOut;
    -o-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;

    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
	visibility: visible !important;
}


.animate.lightSpeedOut {
    -webkit-animation-duration: 0.25s;
    -moz-animation-duration: 0.25s;
    -o-animation-duration: 0.25s;
    animation-duration: 0.25s;
}

/*
==============================================
slideDown
==============================================
*/


.slideDown{
	animation-name: slideDown;
	-webkit-animation-name: slideDown;	

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

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;
	visibility: visible !important;
}

@keyframes slideDown {
	0% {
		transform: translateY(-100%);
	}
	50%{
		transform: translateY(8%);
	}
	65%{
		transform: translateY(-4%);
	}
	80%{
		transform: translateY(4%);
	}
	95%{
		transform: translateY(-2%);
	}			
	100% {
		transform: translateY(0%);
	}		
}

@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateY(-100%);
	}
	50%{
		-webkit-transform: translateY(8%);
	}
	65%{
		-webkit-transform: translateY(-4%);
	}
	80%{
		-webkit-transform: translateY(4%);
	}
	95%{
		-webkit-transform: translateY(-2%);
	}			
	100% {
		-webkit-transform: translateY(0%);
	}	
}

/*
==============================================
slideUp
==============================================
*/


.slideUp{
	animation-name: slideUp;
	-webkit-animation-name: slideUp;	

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

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;
	visibility: visible !important;
}

@keyframes slideUp {
	0% {
		transform: translateY(100%);
	}
	50%{
		transform: translateY(-8%);
	}
	65%{
		transform: translateY(4%);
	}
	80%{
		transform: translateY(-4%);
	}
	95%{
		transform: translateY(2%);
	}			
	100% {
		transform: translateY(0%);
	}	
}

@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(100%);
	}
	50%{
		-webkit-transform: translateY(-8%);
	}
	65%{
		-webkit-transform: translateY(4%);
	}
	80%{
		-webkit-transform: translateY(-4%);
	}
	95%{
		-webkit-transform: translateY(2%);
	}			
	100% {
		-webkit-transform: translateY(0%);
	}	
}

/*
==============================================
slideLeft
==============================================
*/


.slideLeft{
	animation-name: slideLeft;
	-webkit-animation-name: slideLeft;	

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

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;	
	visibility: visible !important;
}

@keyframes slideLeft {
	0% {
		transform: translateX(150%);
	}
	50%{
		ransform: translateX(-8%);
	}
	65%{
		transform: translateX(4%);
	}
	80%{
		transform: translateX(-4%);
	}
	95%{
		transform: translateX(2%);
	}			
	100% {
		transform: translateX(0%);
	}
}

@-webkit-keyframes slideLeft {
	0% {
		-webkit-transform: translateX(150%);
	}
	50%{
		-webkit-transform: translateX(-8%);
	}
	65%{
		-webkit-transform: translateX(4%);
	}
	80%{
		-webkit-transform: translateX(-4%);
	}
	95%{
		-webkit-transform: translateX(2%);
	}			
	100% {
		-webkit-transform: translateX(0%);
	}
}

/*
==============================================
slideRight
==============================================
*/


.slideRight{
	animation-name: slideRight;
	-webkit-animation-name: slideRight;	

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

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
	visibility: visible !important;
}

@keyframes slideRight {
	0% {
		transform: translateX(-150%);
	}
	50%{
		transform: translateX(8%);
	}
	65%{
		transform: translateX(-4%);
	}
	80%{
		transform: translateX(4%);
	}
	95%{
		transform: translateX(-2%);
	}			
	100% {
		transform: translateX(0%);
	}	
}

@-webkit-keyframes slideRight {
	0% {
		-webkit-transform: translateX(-150%);
	}
	50%{
		-webkit-transform: translateX(8%);
	}
	65%{
		-webkit-transform: translateX(-4%);
	}
	80%{
		-webkit-transform: translateX(4%);
	}
	95%{
		-webkit-transform: translateX(-2%);
	}			
	100% {
		-webkit-transform: translateX(0%);
	}
}

/*
==============================================
slideExpandUp
==============================================
*/


.slideExpandUp{
	animation-name: slideExpandUp;
	-webkit-animation-name: slideExpandUp;	

	animation-duration: 1.6s;	
	-webkit-animation-duration: 1.6s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease -out;
	visibility: visible !important;
}

@keyframes slideExpandUp {
	0% {
		transform: translateY(100%) scaleX(0.5);
	}
	30%{
		transform: translateY(-8%) scaleX(0.5);
	}	
	40%{
		transform: translateY(2%) scaleX(0.5);
	}
	50%{
		transform: translateY(0%) scaleX(1.1);
	}
	60%{
		transform: translateY(0%) scaleX(0.9);		
	}
	70% {
		transform: translateY(0%) scaleX(1.05);
	}			
	80%{
		transform: translateY(0%) scaleX(0.95);		
	}
	90% {
		transform: translateY(0%) scaleX(1.02);
	}	
	100%{
		transform: translateY(0%) scaleX(1);		
	}
}

@-webkit-keyframes slideExpandUp {
	0% {
		-webkit-transform: translateY(100%) scaleX(0.5);
	}
	30%{
		-webkit-transform: translateY(-8%) scaleX(0.5);
	}	
	40%{
		-webkit-transform: translateY(2%) scaleX(0.5);
	}
	50%{
		-webkit-transform: translateY(0%) scaleX(1.1);
	}
	60%{
		-webkit-transform: translateY(0%) scaleX(0.9);		
	}
	70% {
		-webkit-transform: translateY(0%) scaleX(1.05);
	}			
	80%{
		-webkit-transform: translateY(0%) scaleX(0.95);		
	}
	90% {
		-webkit-transform: translateY(0%) scaleX(1.02);
	}	
	100%{
		-webkit-transform: translateY(0%) scaleX(1);		
	}
}

/*
==============================================
expandUp
==============================================
*/


.expandUp{
	animation-name: expandUp;
	-webkit-animation-name: expandUp;	

	animation-duration: 0.7s;	
	-webkit-animation-duration: 0.7s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;	
	visibility: visible !important;
}

@keyframes expandUp {
	0% {
		transform: translateY(100%) scale(0.6) scaleY(0.5);
	}
	60%{
		transform: translateY(-7%) scaleY(1.12);
	}
	75%{
		transform: translateY(3%);
	}	
	100% {
		transform: translateY(0%) scale(1) scaleY(1);
	}	
}

@-webkit-keyframes expandUp {
	0% {
		-webkit-transform: translateY(100%) scale(0.6) scaleY(0.5);
	}
	60%{
		-webkit-transform: translateY(-7%) scaleY(1.12);
	}
	75%{
		-webkit-transform: translateY(3%);
	}	
	100% {
		-webkit-transform: translateY(0%) scale(1) scaleY(1);
	}	
}

/*
==============================================
expandOpen
==============================================
*/


.expandOpen{
	animation-name: expandOpen;
	-webkit-animation-name: expandOpen;	

	animation-duration: 1.2s;	
	-webkit-animation-duration: 1.2s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;
	visibility: visible !important;
}

@keyframes expandOpen {
	0% {
		transform: scale(1.8);		
	}
	50% {
		transform: scale(0.95);
	}	
	80% {
		transform: scale(1.05);
	}
	90% {
		transform: scale(0.98);
	}	
	100% {
		transform: scale(1);
	}			
}

@-webkit-keyframes expandOpen {
	0% {
		-webkit-transform: scale(1.8);		
	}
	50% {
		-webkit-transform: scale(0.95);
	}	
	80% {
		-webkit-transform: scale(1.05);
	}
	90% {
		-webkit-transform: scale(0.98);
	}	
	100% {
		-webkit-transform: scale(1);
	}					
}

/*
==============================================
bigEntrance
==============================================
*/


.bigEntrance{
	animation-name: bigEntrance;
	-webkit-animation-name: bigEntrance;	

	animation-duration: 1.6s;	
	-webkit-animation-duration: 1.6s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	
	visibility: visible !important;
}

@keyframes bigEntrance {
	0% {
		transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
		opacity: 0.2;
	}
	30% {
		transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);		
		opacity: 1;
	}
	45% {
		transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	60% {
		transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);		
		opacity: 1;
	}	
	75% {
		transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	90% {
		transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);		
		opacity: 1;
	}	
	100% {
		transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
		opacity: 1;
	}		
}

@-webkit-keyframes bigEntrance {
	0% {
		-webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
		opacity: 0.2;
	}
	30% {
		-webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);		
		opacity: 1;
	}
	45% {
		-webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	60% {
		-webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);		
		opacity: 1;
	}	
	75% {
		-webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	90% {
		-webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);		
		opacity: 1;
	}	
	100% {
		-webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
		opacity: 1;
	}				
}

/*
==============================================
hatch
==============================================
*/

.hatch{
	animation-name: hatch;
	-webkit-animation-name: hatch;	

	animation-duration: 2s;	
	-webkit-animation-duration: 2s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;

	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%; 
	visibility: visible !important;
}

@keyframes hatch {
	0% {
		transform: rotate(0deg) scaleY(0.6);
	}
	20% {
		transform: rotate(-2deg) scaleY(1.05);
	}
	35% {
		transform: rotate(2deg) scaleY(1);
	}
	50% {
		transform: rotate(-2deg);
	}	
	65% {
		transform: rotate(1deg);
	}	
	80% {
		transform: rotate(-1deg);
	}		
	100% {
		transform: rotate(0deg);
	}									
}

@-webkit-keyframes hatch {
	0% {
		-webkit-transform: rotate(0deg) scaleY(0.6);
	}
	20% {
		-webkit-transform: rotate(-2deg) scaleY(1.05);
	}
	35% {
		-webkit-transform: rotate(2deg) scaleY(1);
	}
	50% {
		-webkit-transform: rotate(-2deg);
	}	
	65% {
		-webkit-transform: rotate(1deg);
	}	
	80% {
		-webkit-transform: rotate(-1deg);
	}		
	100% {
		-webkit-transform: rotate(0deg);
	}		
}



/*
==============================================
floating
==============================================
*/

.floating{
	animation-name: floating;
	-webkit-animation-name: floating;

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	visibility: visible !important;
}

@keyframes floating {
	0% {
		transform: translateY(0%);	
	}
	50% {
		transform: translateY(8%);	
	}	
	100% {
		transform: translateY(0%);
	}			
}

@-webkit-keyframes floating {
	0% {
		-webkit-transform: translateY(0%);	
	}
	50% {
		-webkit-transform: translateY(8%);	
	}	
	100% {
		-webkit-transform: translateY(0%);
	}			
}

/*
==============================================
tossing
==============================================
*/

.tossing{
	animation-name: tossing;
	-webkit-animation-name: tossing;	

	animation-duration: 2.5s;	
	-webkit-animation-duration: 2.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	visibility: visible !important;
}

@keyframes tossing {
	0% {
		transform: rotate(-4deg);	
	}
	50% {
		transform: rotate(4deg);
	}
	100% {
		transform: rotate(-4deg);	
	}						
}

@-webkit-keyframes tossing {
	0% {
		-webkit-transform: rotate(-4deg);	
	}
	50% {
		-webkit-transform: rotate(4deg);
	}
	100% {
		-webkit-transform: rotate(-4deg);	
	}				
}

/*
==============================================
pullUp
==============================================
*/

.pullUp{
	animation-name: pullUp;
	-webkit-animation-name: pullUp;	

	animation-duration: 1.1s;	
	-webkit-animation-duration: 1.1s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%; 		
	visibility: visible !important;
}

@keyframes pullUp {
	0% {
		transform: scaleY(0.1);
	}
	40% {
		transform: scaleY(1.02);
	}
	60% {
		transform: scaleY(0.98);
	}
	80% {
		transform: scaleY(1.01);
	}
	100% {
		transform: scaleY(0.98);
	}				
	80% {
		transform: scaleY(1.01);
	}
	100% {
		transform: scaleY(1);
	}							
}

@-webkit-keyframes pullUp {
	0% {
		-webkit-transform: scaleY(0.1);
	}
	40% {
		-webkit-transform: scaleY(1.02);
	}
	60% {
		-webkit-transform: scaleY(0.98);
	}
	80% {
		-webkit-transform: scaleY(1.01);
	}
	100% {
		-webkit-transform: scaleY(0.98);
	}				
	80% {
		-webkit-transform: scaleY(1.01);
	}
	100% {
		-webkit-transform: scaleY(1);
	}		
}

/*
==============================================
pullDown
==============================================
*/

.pullDown{
	animation-name: pullDown;
	-webkit-animation-name: pullDown;	

	animation-duration: 1.1s;	
	-webkit-animation-duration: 1.1s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	-webkit-transform-origin: 50% 0%; 
	visibility: visible !important;
}

@keyframes pullDown {
	0% {
		transform: scaleY(0.1);
	}
	40% {
		transform: scaleY(1.02);
	}
	60% {
		transform: scaleY(0.98);
	}
	80% {
		transform: scaleY(1.01);
	}
	100% {
		transform: scaleY(0.98);
	}				
	80% {
		transform: scaleY(1.01);
	}
	100% {
		transform: scaleY(1);
	}							
}

@-webkit-keyframes pullDown {
	0% {
		-webkit-transform: scaleY(0.1);
	}
	40% {
		-webkit-transform: scaleY(1.02);
	}
	60% {
		-webkit-transform: scaleY(0.98);
	}
	80% {
		-webkit-transform: scaleY(1.01);
	}
	100% {
		-webkit-transform: scaleY(0.98);
	}				
	80% {
		-webkit-transform: scaleY(1.01);
	}
	100% {
		-webkit-transform: scaleY(1);
	}		
}

/*
==============================================
stretchLeft
==============================================
*/

.stretchLeft{
	animation-name: stretchLeft;
	-webkit-animation-name: stretchLeft;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	transform-origin: 100% 0%;
	-ms-transform-origin: 100% 0%;
	-webkit-transform-origin: 100% 0%; 
	visibility: visible !important;
}

@keyframes stretchLeft {
	0% {
		transform: scaleX(0.3);
	}
	40% {
		transform: scaleX(1.02);
	}
	60% {
		transform: scaleX(0.98);
	}
	80% {
		transform: scaleX(1.01);
	}
	100% {
		transform: scaleX(0.98);
	}				
	80% {
		transform: scaleX(1.01);
	}
	100% {
		transform: scaleX(1);
	}							
}

@-webkit-keyframes stretchLeft {
	0% {
		-webkit-transform: scaleX(0.3);
	}
	40% {
		-webkit-transform: scaleX(1.02);
	}
	60% {
		-webkit-transform: scaleX(0.98);
	}
	80% {
		-webkit-transform: scaleX(1.01);
	}
	100% {
		-webkit-transform: scaleX(0.98);
	}				
	80% {
		-webkit-transform: scaleX(1.01);
	}
	100% {
		-webkit-transform: scaleX(1);
	}		
}

/*
==============================================
stretchRight
==============================================
*/

.stretchRight{
	animation-name: stretchRight;
	-webkit-animation-name: stretchRight;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%; 	
	visibility: visible !important;
}

@keyframes stretchRight {
	0% {
		transform: scaleX(0.3);
	}
	40% {
		transform: scaleX(1.02);
	}
	60% {
		transform: scaleX(0.98);
	}
	80% {
		transform: scaleX(1.01);
	}
	100% {
		transform: scaleX(0.98);
	}				
	80% {
		transform: scaleX(1.01);
	}
	100% {
		transform: scaleX(1);
	}							
}

@-webkit-keyframes stretchRight {
	0% {
		-webkit-transform: scaleX(0.3);
	}
	40% {
		-webkit-transform: scaleX(1.02);
	}
	60% {
		-webkit-transform: scaleX(0.98);
	}
	80% {
		-webkit-transform: scaleX(1.01);
	}
	100% {
		-webkit-transform: scaleX(0.98);
	}				
	80% {
		-webkit-transform: scaleX(1.01);
	}
	100% {
		-webkit-transform: scaleX(1);
	}		
}

/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}


/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
html { overflow-x:hidden; }
.flexslider { position: relative; zoom: 1; width:100%; /*max-height:500px;*/ overflow:hidden; /*margin:30px 0px 0px;*/  }
.flex-viewport { max-height: 2000px; max-width:100%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1;/* margin:-8% 0px 0px;*/ }
.flexslider .slides li { position: relative; padding:0px; }
.flexslider .slides li iframe, .flexslider .slides li img { background-image:url(//www.intechs.gr/wp-content/plugins/designthemes-core-features/shortcodes/images/flexslider-shadow.png);  background-position:center bottom;  background-repeat:no-repeat; background-size:100% 30px; padding-bottom:30px; }

.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav li { padding:0px; }
.flex-direction-nav a  { display: block; width: 40px; height: 33px; padding:4px 0px 0px; margin:auto 0 ; position: absolute; top:0; bottom:0; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(255, 255, 255, 0.8);  -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.3; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.3; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity:1; color:#ffffff; }
.flex-direction-nav .flex-disabled { opacity: 0 !important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "FontAwesome"; font-size: 31px; display: inline-block; content: '\f137'; }
.flex-direction-nav a.flex-next:before  { content: '\f138'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "FontAwesome"; font-size: 20px; display: inline-block; content: '\f04c'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f04b'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}

/* CSS Document */

/*----*****---- << Shortcodes >> ----*****----*/


	/*----*****---- << HRs & Dividers >> ----*****----*/


	.dt-sc-hr { background-image: url(//www.intechs.gr/wp-content/plugins/designthemes-core-features/shortcodes/images/splitter.png); background-repeat: repeat-x; clear: both; display: block; float: left; height: 10px; margin: 40px 0; position: relative; width: 100%; z-index: 1; }	
	.dt-sc-hr-medium { background-image: url(//www.intechs.gr/wp-content/plugins/designthemes-core-features/shortcodes/images/splitter-medium.png); background-repeat: repeat-x; clear: both; display: block; float: left; height: 16px; margin: 40px 0; position: relative; width: 100%; z-index: 1; }
	.dt-sc-hr-large { background-image: url(//www.intechs.gr/wp-content/plugins/designthemes-core-features/shortcodes/images/splitter-large.png); background-repeat: repeat-x; clear: both; display: block; float: left; height: 22px; margin: 40px 0; position: relative; width: 100%; z-index: 1; }
	
	.dt-sc-hr.top { width: 96%; }
	.dt-sc-hr.top { background-position: right center; text-align: right; }
	.dt-sc-hr.top a { background: #fff; font-size:11px; line-height: 16px; padding-left:5px; position:absolute; right:-4%; top:-4px; }
	
	.dt-sc-hr.top a span { margin-right: 2px; }	
		
	.dt-sc-hr-border { border-bottom: 1px solid #ebebeb; clear:both; display:block; float:left; height:1px; margin:45px 0; position:relative; width:100%; z-index:1; }	
	.dt-sc-hr-border span { content: ""; background-color: #fff; font-size: 28px; line-height: 24px; left: 0; margin: 0 auto; padding: 0 8px; position: absolute; right: 0; text-align: center; top: -11px; width: 50px; }
	.dt-sc-hr-border span img { height: auto; max-width: 35px !important; }
	
	.column.dt-sc-one-half .dt-sc-hr-border, .column.dt-sc-one-third .dt-sc-hr-border { margin: 10px 0 15px; }
		
	.dt-sc-hr-invisible { clear: both; display: block; float: left; margin: 25px 0; width: 100%; }
	.dt-sc-hr-invisible-large { clear: both; display: block; float: left; margin: 50px 0; width: 100%; }
	.dt-sc-hr-invisible-medium { clear: both; display: block; float: left; margin: 35px 0; width: 100%; }
	.dt-sc-hr-invisible-small { clear: both; display: block; float: left; margin: 15px 0; width: 100%; }
	.dt-sc-hr-invisible-very-small { clear: both; display: block; float: left; margin: 10px 0; width: 100%; }
		
	.dt-sc-clear { clear: both; float: none; margin: 0; padding: 0; }
	
	
	/*----*****---- << Columns >> ----*****----*/
	
	.column { float: left; margin: 0 0 0 2%; min-height: 1px; position: relative; } 
	.column.first { margin-left: 0; }
	
	.dt-sc-full-width, .dt-sc-one-column { width: 100%; }
	.column.dt-sc-full-width, .column.dt-sc-one-column { margin-left: 0; }
	
	.dt-sc-one-half { width: 49%; }
	.dt-sc-one-third { width: 32%; }
	.dt-sc-two-third { width: 66%; }
	.dt-sc-one-fourth { width: 23.5%; }
	.dt-sc-three-fourth { width: 74.5%; }
	.dt-sc-one-fifth { width: 18.4%; }
	.dt-sc-two-fifth { width: 38.8%; }
	.dt-sc-three-fifth { width: 59.2%; }
	.dt-sc-four-fifth { width: 79.6%; }
	.dt-sc-one-sixth { width: 15%; }
	.dt-sc-two-sixth { width: 32%; }
	.dt-sc-three-sixth { width: 49%; }
	.dt-sc-four-sixth { width: 66%; }
	.dt-sc-five-sixth { width: 83%; }
	
	.column img { height: auto; max-width: 100%; }
	.column iframe, embed, iframe, object, video { max-width: 100%; }
	
	.column.no-space { margin-left: 0; margin-right: 0; }
	.column.no-space.dt-sc-one-fourth { width: 25%; }
	.column.no-space.dt-sc-one-third { width: 33.33%; }
	.column.no-space.dt-sc-one-half { width: 50%; }
	.column.no-space.dt-sc-one-fifth { width: 20%; }
	.column.no-space.dt-sc-one-sixth { width: 16.66%; }
	.column.no-space.dt-sc-three-fourth { width: 75%; }
	.column.no-space.dt-sc-two-third { width: 66.6%; }
	.column.no-space.dt-sc-four-fifth { width: 80%; }
	.column.no-space.dt-sc-three-fifth { width: 60%; }
	.column.no-space.dt-sc-two-fifth { width: 40%; }
	.column.no-space.dt-sc-two-sixth { width: 33.2%; }
	.column.no-space.dt-sc-three-sixth { width: 49.8%; }
	.column.no-space.dt-sc-four-sixth { width: 66.4%; }
	.column.no-space.dt-sc-five-sixth { width: 83%; }	
	
	
	/*----*****---- << Titles >> ----*****----*/	
	
	.dt-sc-hr-border-title { clear: both; margin: 0 0 35px; position: relative; }
	.dt-sc-hr-border-title:after { border-top: 1px dashed #eaeaea; border-bottom: 1px dashed #eaeaea; content:""; display:block; height:2px; margin: -1px 0 0; position:absolute; top: 50%; width: 100%; z-index: -1; }
	.dt-sc-hr-border-title span { background: #fff; display: inline-block; /*font-weight: normal;*/ padding-right: 20px; }
	
	.center { text-align: center; }	
	.right { text-align: right; }

	.dt-sc-hr-border-title.center span { padding: 0 20px; }
	.dt-sc-hr-border-title.right span { padding: 0 0 0 20px; }
	
	h1.dt-sc-hr-border-title, h2.dt-sc-hr-border-title, h3.dt-sc-hr-border-title, h4.dt-sc-hr-border-title, h5.dt-sc-hr-border-title, h6.dt-sc-hr-border-title { line-height: 24px; }
	h4.dt-sc-hr-border-title:after, h5.dt-sc-hr-border-title:after, h6.dt-sc-hr-border-title:after { margin: 0; }	
	
		
	/*----*****---- << Buttons >> ----*****----*/
		
	.dt-sc-button { cursor: pointer; display: inline-block; *display: inline; font-size: 14px; margin: 10px 0 0; position: relative; zoom: 1; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
	.dt-sc-button:hover { color: #fff !important; }	
	
	.dt-sc-button.with-icon { display: inline-block; font-size: 20px; font-weight: 300; line-height: 24px; margin: 10px 0 0; padding: 0 0 0 25px; position: relative; text-decoration: none; text-transform: uppercase; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
	
	.dt-sc-button.with-icon span { border-style: solid; border-width: 0 1px 0 0; border-color: #2563a5; display: block; float: left; line-height: 24px; padding: 20px 25px 20px 0 ; } 	
	.dt-sc-button.with-icon .fa { border-style: solid; border-width: 0 0 0 1px; display: inline-block; font-size: 30px; line-height: 24px; margin: 0; padding: 20px 20px; text-align: center; }

	#slider .dt-sc-button.with-icon:hover { background: #3575b9; }
		
	.buttons { display: block; float: left; width: 100%; }
	.buttons a { margin-left: 10px; }
	.buttons a:first-child { margin-left: 0; }
	
	.dt-sc-button.small { padding: 11px 20px; line-height:16px; }
	.dt-sc-button.medium { padding: 14px 24px; font-size: 15px; }
	.dt-sc-button.large { padding: 21px 36px; font-size: 16px; }
	.dt-sc-button.xlarge { padding: 28px 35px; font-size: 18px; }
	
	.dt-sc-button.small.with-icon { padding: 0 0 0 14px; }
	.dt-sc-button.small.with-icon span, .dt-sc-button.small.with-icon i { line-height: 20px; padding: 10px 14px; }
	.dt-sc-button.small.with-icon span { font-size: 12px; padding-left: 0; }
	.dt-sc-button.small.with-icon i { font-size: 18px; }
	
	.dt-sc-button.medium.with-icon { padding: 0 0 0 18px; }
	.dt-sc-button.medium.with-icon span, .dt-sc-button.medium.with-icon i { line-height: 24px; padding: 15px 18px; }
	.dt-sc-button.medium.with-icon span { font-size: 13px; padding-left: 0;  }
	.dt-sc-button.medium.with-icon i { font-size: 24px; }	
	
	.dt-sc-button.large.with-icon { padding: 0 0 0 22px; }
	.dt-sc-button.large.with-icon span, .dt-sc-button.large.with-icon i { line-height: 32px; padding: 20px 22px; }
	.dt-sc-button.large.with-icon span { font-size: 14px; padding-left: 0; }
	.dt-sc-button.large.with-icon i { font-size: 28px; }	
	
	.dt-sc-button.xlarge.with-icon { padding: 0 0 0 28px; }
	.dt-sc-button.xlarge.with-icon span, .dt-sc-button.xlarge.with-icon i { line-height: 36px; padding: 25px 28px; }
	.dt-sc-button.xlarge.with-icon span { font-size: 15px; padding-left: 0; }
	.dt-sc-button.xlarge.with-icon i { font-size: 30px; }	
				
	.dt-sc-button.chocolate { background:#cd671d; *background:#cd671d; background:#cd671d\0/; }
	.dt-sc-button.coral { background:#fb6e1e; *background:#fb6e1e; background:#fb6e1e\0/; }	
	.dt-sc-button.cyan { background:#35b5b1; *background:#35b5b1; background:#35b5b1\0/; }	
	.dt-sc-button.darkblue { background:#065c8c; *background:#065c8c; background:#065c8c\0/; }		
	.dt-sc-button.darkmagenta { background:#9942a3; *background:#9942a3; background:#9942a3\0/; }
	.dt-sc-button.duskblue { background:#6f95ae; *background:#6f95ae; background:#6f95ae\0/; }	
	.dt-sc-button.electricblue { background:#2a99d8; *background:#2a99d8; background:#2a99d8\0/; }
	.dt-sc-button.ferngreen { background:#177254; *background:#177254; background:#177254\0/; }	
	.dt-sc-button.lavender { background:#a874ff; *background:#a874ff; background:#a874ff\0/; }		
	.dt-sc-button.lightgreen { background:#86af53; *background:#86af53; background:#86af53\0/; }
	.dt-sc-button.limegreen { background:#afca47; *background:#afca47; background:#afca47\0/; }
	.dt-sc-button.ocean { background:#22a1c4; *background:#22a1c4; background:#22a1c4\0/; }		
	.dt-sc-button.orange { background:#ff9646; *background:#ff9646; background:#ff9646\0/; }		
	.dt-sc-button.pink { background:#f472d0; *background:#f472d0; background:#f472d0\0/; }
	.dt-sc-button.purple { background:#9b59b6; *background:#9b59b6; background:#9b59b6\0/; }	
	.dt-sc-button.red { background:#cc4744; *background:#cc4744; background:#cc4744\0/; }	
	.dt-sc-button.royalblue { background:#3575b9; *background:#3575b9; background:#3575b9\0/; }	
	.dt-sc-button.salmon { background:#ea6153; *background:#ea6153; background:#ea6153\0/; }		
	.dt-sc-button.violet { background:#665a98; *background:#665a98; background:#665a98\0/; }
	.dt-sc-button.yellow { background:#f1c40f; *background:#f1c40f; background:#f1c40f\0/; }
				
	.dt-sc-button.chocolate:hover { background:#b75c1a; *background:#b75c1a; background:#b75c1a\0/; }
	.dt-sc-button.coral:hover { background:#fb5e05; *background:#fb5e05; background:#fb5e05\0/ ; }	
	.dt-sc-button.cyan:hover { background:#2fa19e; *background:#2fa19e; background:#2fa19e\0/; }	
	.dt-sc-button.darkblue:hover { background:#054c74; *background:#054c74; background:#054c74\0/; }		
	.dt-sc-button.darkmagenta:hover { background:#883b91; *background:#883b91; background:#883b91\0/; }	
	.dt-sc-button.duskblue:hover { background:#5f89a5; *background:#5f89a5; background:#5f89a5\0/; }
	.dt-sc-button.electricblue:hover { background:#248ac5; *background:#248ac5; background:#248ac5\0/; }
	.dt-sc-button.ferngreen:hover { background:#135d44; *background:#135d44; background:#135d44\0/; }	
	.dt-sc-button.lavender:hover { background:#985bff; *background:#985bff; background:#985bff\0/; }
	.dt-sc-button.lightgreen:hover { background:#799f4a; *background:#799f4a; background:#799f4a\0/; }	
	.dt-sc-button.limegreen:hover { background:#afc037; *background:#afc037; background:#afc037\0/; }	
	.dt-sc-button.ocean:hover { background:#1e8fae; *background:#1e8fae; background:#1e8fae\0/; }
	.dt-sc-button.orange:hover { background:#ff882d; *background:#ff882d; background:#ff882d\0/; }
	.dt-sc-button.pink:hover { background:#f25ac8; *background:#f25ac8; background:#f25ac8\0/; }	
	.dt-sc-button.purple:hover { background:#8f4bab; *background:#8f4bab; background:#8f4bab\0/; }			
	.dt-sc-button.red:hover { background:#c23835; *background:#c23835; background:#c23835\0/; }
	.dt-sc-button.royalblue:hover { background:#2f68a5; *background:#2f68a5; background:#2f68a5\0/; }	
	.dt-sc-button.salmon:hover { background:#e74c3c; *background:#e74c3c; background:#e74c3c\0/; }
	.dt-sc-button.violet:hover { background:#5b5188; *background:#5b5188; background:#5b5188\0/; }	
	.dt-sc-button.yellow:hover { background:#dab10d; *background:#dab10d; background:#dab10d\0/; }	
				
	.dt-sc-button.chocolate.with-icon span { border-color: #b75c1a; }
	.dt-sc-button.chocolate.with-icon i { border-color: #e07324; }	

	.dt-sc-button.coral.with-icon span { border-color: #fb5e05; }
	.dt-sc-button.coral.with-icon i { border-color: #fb7e37; }

	.dt-sc-button.cyan.with-icon span { border-color: #2fa19e; }
	.dt-sc-button.cyan.with-icon i { border-color: #3dc6c2; }

	.dt-sc-button.darkblue.with-icon span { border-color: #054c74; }
	.dt-sc-button.darkblue.with-icon i { border-color: #076ca4; }
	
  	.dt-sc-button.darkmagenta.with-icon span { border-color: #883b91; }
	.dt-sc-button.darkmagenta.with-icon i { border-color: #aa49b5; }
	
	.dt-sc-button.duskblue.with-icon span { border-color: #5f89a5; }
	.dt-sc-button.duskblue.with-icon i { border-color: #7fa1b7; }

  	.dt-sc-button.electricblue.with-icon span { border-color: #248ac5; }
	.dt-sc-button.electricblue.with-icon i { border-color: #40a3dc; }
		
  	.dt-sc-button.ferngreen.with-icon span { border-color: #135d44; }
	.dt-sc-button.ferngreen.with-icon i { border-color: #1b8764; }
	
  	.dt-sc-button.lavender.with-icon span { border-color: #985bff; }
	.dt-sc-button.lavender.with-icon i { border-color: #b88eff; }
	
 	.dt-sc-button.lightgreen.with-icon span { border-color: #799f4a; }
	.dt-sc-button.lightgreen.with-icon i { border-color: #92b764; }
	
  	.dt-sc-button.limegreen.with-icon span { border-color: #a4c037; }
	.dt-sc-button.limegreen.with-icon i { border-color: #b8d05b; }
	
	.dt-sc-button.ocean.with-icon span { border-color: #1e8fae; }
	.dt-sc-button.ocean.with-icon i { border-color: #26b3d9; }
	
	.dt-sc-button.orange.with-icon span { border-color: #ff882d; }
	.dt-sc-button.orange.with-icon i { border-color: #ffa460; }
		
	.dt-sc-button.pink.with-icon span { border-color: #f25ac8; }
	.dt-sc-button.pink.with-icon i { border-color: #f68ad8; }
	
	.dt-sc-button.purple.with-icon span { border-color: #8f4bab; }
	.dt-sc-button.purple.with-icon i { border-color: #a66bbe; }
	
	.dt-sc-button.red.with-icon span { border-color: #c23835; }
	.dt-sc-button.red.with-icon i { border-color: #d15b58; }
	
 	.dt-sc-button.royalblue.with-icon span { border-color: #2f68a5; }
	.dt-sc-button.royalblue.with-icon i { border-color: #3f82c8; }
	
	.dt-sc-button.salmon.with-icon span { border-color: #e74c3c; }
	.dt-sc-button.salmon.with-icon i { border-color: #ed766a; }
	
	.dt-sc-button.violet.with-icon span { border-color: #5b5188; }
	.dt-sc-button.violet.with-icon i { border-color: #7367a5; }
	
	.dt-sc-button.yellow.with-icon span { border-color: #dab10d; }
	.dt-sc-button.yellow.with-icon i { border-color: #f2ca27; }

	.dt-sc-button.with-icon span i { border: none; font-size: inherit !important; margin: 0 3px 0 0; padding: 0 !important; }
	
	
	/*----*****---- << Lists >> ----*****----*/
		
	ol.decimal-leading-zero { list-style-type: decimal-leading-zero; }		
	ol.decimal { list-style-type:decimal; }
	ol.lower-alpha { list-style-type:lower-alpha; }
	ol.lower-roman { list-style-type:lower-roman; }
	ol.upper-alpha { list-style-type:upper-alpha; }
	ol.upper-roman { list-style-type:upper-roman; }	
	/*ol.dt-sc-fancy-list li span { color: #333334; }*/
		
	ol.dt-sc-fancy-list.chocolate li { color:#cd671d; }
	ol.dt-sc-fancy-list.coral li { color:#fb6e1e; }
	ol.dt-sc-fancy-list.cyan li { color:#35b5b1; }
	ol.dt-sc-fancy-list.darkblue li { color:#065c8c; }
	ol.dt-sc-fancy-list.darkmagenta li { color:#9942a3; }
	ol.dt-sc-fancy-list.duskblue li { color:#6f95ae; }
	ol.dt-sc-fancy-list.electricblue li { color:#2a99d8; }	
	ol.dt-sc-fancy-list.ferngreen li { color:#177254; }
	ol.dt-sc-fancy-list.lavender li { color:#a874ff; }
	ol.dt-sc-fancy-list.lightgreen li { color:#86af53; }
	ol.dt-sc-fancy-list.limegreen li { color:#afca47; }
	ol.dt-sc-fancy-list.ocean li { color:#22a1c4; }
	ol.dt-sc-fancy-list.orange li { color:#ff9646; }	
	ol.dt-sc-fancy-list.pink li { color:#f472d0; }
	ol.dt-sc-fancy-list.purple li { color:#9b59b6; }
	ol.dt-sc-fancy-list.red li { color:#cc4744; }
	ol.dt-sc-fancy-list.royalblue li { color:#3575b9; }
	ol.dt-sc-fancy-list.salmon li { color:#ea6153; }
	ol.dt-sc-fancy-list.violet li { color:#665a98; }
	ol.dt-sc-fancy-list.yellow li { color:#f1c40f; }	
		
	
	ul.dt-sc-fancy-list, ul.dt-sc-fancy-list.type2 { list-style-type: none; list-style-position: outside; }
	ul.dt-sc-fancy-list li { display: block; line-height: 24px; padding-left: 20px; position: relative; }
	ul.dt-sc-fancy-list li ul { padding-left: 0; }
	
	ul.dt-sc-fancy-list.arrow li { padding-left: 15px; }
	
	ul.dt-sc-fancy-list li:before { color: #333334; font-weight: normal; text-decoration: inherit; font-size: 14px; position: absolute; top: 1px; left: 0; }
	
	ul.dt-sc-fancy-list.type2 li { font-size: 16px; line-height: 32px; padding: 0 0 0 20px; position: relative; white-space: pre-wrap; }
	ul.dt-sc-fancy-list.type2 li:before { content: none; }
	ul.dt-sc-fancy-list.type2 li .fa { display: inline-block; font-size: 18px; line-height: inherit; position: absolute; top: 0; left: 0; text-align: center; width: 20px; }	
	
	ul.dt-sc-fancy-list.arrow li:before { content:"\f105";  }
	ul.dt-sc-fancy-list.book li:before { content:"\f02d";  }
	ul.dt-sc-fancy-list.car li:before { content:"\f1b9"; font-size:12px; }	
	ul.dt-sc-fancy-list.rounded-arrow li:before { content:"\f0a9";  }
	ul.dt-sc-fancy-list.circle-arrow li:before { content:"\f18e";  }
	ul.dt-sc-fancy-list.double-arrow li:before { content:"\f101";  }	
	ul.dt-sc-fancy-list.heart li:before { content:"\f004"; font-size:12px; }
	ul.dt-sc-fancy-list.trash li:before { content:"\f014";  }
	ul.dt-sc-fancy-list.star li:before { content:"\f005";  }
	ul.dt-sc-fancy-list.tick li:before { content:"\f00c";  }
	ul.dt-sc-fancy-list.rounded-tick li:before { content:"\f058";  }
	ul.dt-sc-fancy-list.cross li:before { content:"\f00d";  }
	ul.dt-sc-fancy-list.rounded-cross li:before { content:"\f057";  }
	ul.dt-sc-fancy-list.rounded-question li:before { content:"\f059";  }
	ul.dt-sc-fancy-list.rounded-info li:before { content:"\f05a";  }
	ul.dt-sc-fancy-list.reddit li:before { content:"\f1a1"; font-size: 11px; top: 0; }
	ul.dt-sc-fancy-list.delete li:before { content:"\f05e";  }
	ul.dt-sc-fancy-list.gift li:before { content:"\f06b";  }
	ul.dt-sc-fancy-list.graduation-cap li:before { content:"\f19d";  }
	ul.dt-sc-fancy-list.warning li:before { content:"\f071";  }
	ul.dt-sc-fancy-list.comment li:before { content:"\f075";  }
	ul.dt-sc-fancy-list.edit li:before { content:"\f044";  }
	ul.dt-sc-fancy-list.share li:before { content:"\f064";  }
	ul.dt-sc-fancy-list.tree li:before { content:"\f1bb";  }
	ul.dt-sc-fancy-list.plus li:before { content:"\f067";  }
	ul.dt-sc-fancy-list.rounded-plus li:before { content:"\f055";  }
	ul.dt-sc-fancy-list.minus li:before { content:"\f068";  }	
	ul.dt-sc-fancy-list.rounded-minus li:before { content:"\f056";  }	
	ul.dt-sc-fancy-list.asterisk li:before { content:"\f069";  }
	ul.dt-sc-fancy-list.cart li:before { content:"\f07a";  }
	ul.dt-sc-fancy-list.folder li:before { content:"\f07b";  }
	ul.dt-sc-fancy-list.folder-open li:before { content:"\f07c";  }
	ul.dt-sc-fancy-list.desktop li:before { content:"\f108"; font-size: 12px; }
	ul.dt-sc-fancy-list.tablet li:before { content:"\f10a";  }
	ul.dt-sc-fancy-list.mobile li:before { content:"\f10b";  }
	ul.dt-sc-fancy-list.reply li:before { content:"\f112";  }
	ul.dt-sc-fancy-list.quote li:before { content:"\f10d";  }
	ul.dt-sc-fancy-list.mail li:before { content:"\f0e0";  }
	ul.dt-sc-fancy-list.external-link li:before { content:"\f08e";  }	
	ul.dt-sc-fancy-list.adjust li:before { content:"\f042";  }
	ul.dt-sc-fancy-list.pencil li:before { content:"\f040";  }
	ul.dt-sc-fancy-list.print li:before { content:"\f02f";  }
	ul.dt-sc-fancy-list.tag li:before { content:"\f02b";  }	
	ul.dt-sc-fancy-list.thumbs-up li:before { content:"\f087";  }
	ul.dt-sc-fancy-list.thumbs-down li:before { content:"\f088";  }
	ul.dt-sc-fancy-list.time li:before { content:"\f017";  }
	ul.dt-sc-fancy-list.globe li:before { content:"\f0ac";  }	
	ul.dt-sc-fancy-list.music li:before { content:"\f001";  }
	ul.dt-sc-fancy-list.moon li:before { content:"\f186";  }	
	ul.dt-sc-fancy-list.pushpin li:before { content:"\f08d";  }
	ul.dt-sc-fancy-list.smile li:before { content:"\f118";  }
	ul.dt-sc-fancy-list.map-marker li:before { content:"\f041";  }
	ul.dt-sc-fancy-list.link li:before { content:"\f0c1";  }
	ul.dt-sc-fancy-list.paper-clip li:before { content:"\f0c6";  }	
	ul.dt-sc-fancy-list.download li:before { content:"\f019";  }
	ul.dt-sc-fancy-list.key li:before { content:"\f084";  }
	ul.dt-sc-fancy-list.search li:before { content:"\f002"; font-size: 11px; top: 0; }
	ul.dt-sc-fancy-list.rss li:before { content:"\f09e";  }	
	ul.dt-sc-fancy-list.twitter li:before { content:"\f099";  }
	ul.dt-sc-fancy-list.facebook li:before { content:"\f09a";  }
	ul.dt-sc-fancy-list.linkedin li:before { content:"\f0e1"; top: -1px; }
	ul.dt-sc-fancy-list.google-plus li:before { content:"\f0d5"; }
	
	ul.dt-sc-fancy-list.check li:before { content:"\f046";  }
	ul.dt-sc-fancy-list.hand li:before { content:"\f0a4";  }
	ul.dt-sc-fancy-list.cog li:before { content:"\f013";  }
	ul.dt-sc-fancy-list.play li:before { content:"\f01d";  }
	
	ul.dt-sc-fancy-list.chocolate li:before { color:#cd671d; }
	ul.dt-sc-fancy-list.coral li:before { color:#fb6e1e; }
	ul.dt-sc-fancy-list.cyan li:before { color:#35b5b1; }
	ul.dt-sc-fancy-list.darkblue li:before { color:#065c8c; }
	ul.dt-sc-fancy-list.darkmagenta li:before { color:#9942a3; }
	ul.dt-sc-fancy-list.duskblue li:before { color:#6f95ae; }
	ul.dt-sc-fancy-list.electricblue li:before { color:#2a99d8; }	
	ul.dt-sc-fancy-list.ferngreen li:before { color:#177254; }
	ul.dt-sc-fancy-list.lavender li:before { color:#a874ff; }
	ul.dt-sc-fancy-list.lightgreen li:before { color:#86af53; }
	ul.dt-sc-fancy-list.limegreen li:before { color:#afca47; }
	ul.dt-sc-fancy-list.ocean li:before { color:#22a1c4; }
	ul.dt-sc-fancy-list.orange li:before { color:#ff9646; }	
	ul.dt-sc-fancy-list.pink li:before { color:#f472d0; }
	ul.dt-sc-fancy-list.purple li:before { color:#9b59b6; }
	ul.dt-sc-fancy-list.red li:before { color:#cc4744; }
	ul.dt-sc-fancy-list.royalblue li:before { color:#3575b9; }
	ul.dt-sc-fancy-list.salmon li:before { color:#ea6153; }
	ul.dt-sc-fancy-list.violet li:before { color:#665a98; }
	ul.dt-sc-fancy-list.yellow li:before { color:#f1c40f; }
	
	
	/*----*****---- << Dropcaps >> ----*****----*/	
	
	.dt-sc-dropcap { color: #fff; float: left; font-size: 24px; line-height: 35px; margin: 10px 0; text-align: center; } 
	.dt-sc-dropcap.dt-sc-dropcap-default { font-size: 48px; width: 58px; } 
	.dt-sc-dropcap.dt-sc-dropcap-circle { border-radius: 30px; height: 40px; line-height: 38px; margin: 5px 10px 0 0; padding: 0; width: 40px; }
	.dt-sc-dropcap.dt-sc-dropcap-bordered-circle { border-radius: 30px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); height: 38px; line-height: 36px; margin: 5px 10px 0 0; padding: 0; text-align: center; width: 38px; }
	.dt-sc-dropcap.dt-sc-dropcap-square { height: 40px; line-height: 38px; margin: 5px 10px 0 0; padding: 0; text-align: center; width: 40px; }
	.dt-sc-dropcap.dt-sc-dropcap-bordered-square { box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); height: 38px; line-height: 36px; margin: 5px 10px 0 0; padding: 0; text-align: center; width: 38px; } 
	.dt-sc-dropcap.dt-sc-dropcap-bordered-circle { border: 2px solid; }
	.dt-sc-dropcap.dt-sc-dropcap-bordered-square { border: 2px solid; }
	
	.dt-sc-dropcap.electricblue { background: #405069 !important; }
	.dt-sc-dropcap.orange { background: #ff9646 !important; }
	.dt-sc-dropcap.cyan { background: #35b5b1 !important; }
	.dt-sc-dropcap.purple { background: #9b59b6 !important; }	
	.dt-sc-dropcap.red { background: #cc4744 !important; }
	.dt-sc-dropcap.coral { background: #fb6e1e !important; }
	.dt-sc-dropcap.darkblue { background: #065c8c !important; }
	.dt-sc-dropcap.ferngreen { background: #177254 !important; }
	.dt-sc-dropcap.duskblue { background: #6f95ae !important; }
	.dt-sc-dropcap.darkmagenta { background: #9942a3 !important; }
	.dt-sc-dropcap.lavender { background: #a874ff !important; }
	.dt-sc-dropcap.pink { background: #f472d0 !important; }
	.dt-sc-dropcap.lightgreen { background: #86af53 !important; }	
	.dt-sc-dropcap.limegreen { background: #afca47 !important; }	
	.dt-sc-dropcap.ocean { background: #22a1c4 !important; }		
	.dt-sc-dropcap.royalblue { background: #3575b9 !important; }		
	.dt-sc-dropcap.violet { background: #665a98 !important; }		
	.dt-sc-dropcap.yellow { background: #f1c40f !important; }		
	.dt-sc-dropcap.salmon { background: #ea6153 !important; }		
	.dt-sc-dropcap.chocolate { background: #cd671d !important; }																
	
	.dt-sc-dropcap.dt-sc-dropcap-default { background: none !important; }
	
	
	/*----*****---- << Blockquotes >> ----*****----*/
	
	blockquote { display: block; padding: 25px 25px 25px 50px; margin: 0; position: relative; }
	blockquote q { display: inline-block; font-style:normal; font-size:14px; line-height:24px; position: relative; }
	blockquote cite { font-size: 13px; }
	
	blockquote q:before { content:"\f10d"; font-size:20px; position:absolute; left: -30px; top: 0; text-decoration:inherit; }
	
	blockquote.aligncenter cite { display: inline-block; float: none; margin: 25px 0 0 -75px; text-align: right; vertical-align: text-top; }
		
	blockquote.chocolate { background:#cd671d; }	
	blockquote.coral { background:#fb6e1e; }
	blockquote.cyan { background:#35b5b1; }
	blockquote.darkblue { background:#065c8c; }
	blockquote.darkmagenta { background:#9942a3; }
	blockquote.duskblue { background:#6f95ae; }
	blockquote.electricblue { background:#405069; }
	blockquote.ferngreen { background:#177254; }
	blockquote.lavender { background:#a874ff; }
	blockquote.lightgreen { background:#86af53; }
	blockquote.limegreen { background:#afca47; }
	blockquote.ocean { background:#22a1c4; } 
	blockquote.orange { background:#ff9646; }
	blockquote.pink { background:#f472d0; }
 	blockquote.purple { background:#9b59b6; }
	blockquote.red { background:#cc4744; }
	blockquote.royalblue { background:#3575b9; }
	blockquote.salmon { background:#ea6153; }
	blockquote.violet { background:#665a98; }
	blockquote.yellow { background:#f1c40f; }
	
	blockquote.chocolate, blockquote.coral, blockquote.cyan, blockquote.darkblue, blockquote.darkmagenta, blockquote.duskblue, blockquote.electricblue, blockquote.ferngreen, blockquote.lavender, blockquote.lightgreen, blockquote.limegreen, blockquote.ocean, blockquote.orange, blockquote.pink, blockquote.purple, blockquote.red, blockquote.royalblue, blockquote.salmon, blockquote.violet, blockquote.yellow, 
	
	blockquote.chocolate q:before, blockquote.coral q:before, blockquote.cyan q:before, blockquote.darkblue q:before, blockquote.darkmagenta q:before, blockquote.duskblue q:before, blockquote.electricblue q:before, blockquote.ferngreen q:before, blockquote.lavender q:before, blockquote.lightgreen q:before, blockquote.limegreen q:before, blockquote.ocean q:before, blockquote.orange q:before, blockquote.pink q:before, blockquote.purple q:before, blockquote.red q:before, blockquote.royalblue q:before, blockquote.salmon q:before, blockquote.violet q:before, blockquote.yellow q:before { color: #fff; }	
	
	
	/*----*****---- << Pullquotes >> ----*****----*/
	
	.dt-sc-pullquote1, .dt-sc-pullquote2, .dt-sc-pullquote3, .dt-sc-pullquote4, .dt-sc-pullquote5, .dt-sc-pullquote6 { display: inline-block; font-size: 18px; margin-bottom: 20px; margin-right: 2%; margin-top: 20px; width: 40%; }	
	.dt-sc-pullquote1, .dt-sc-pullquote2, .dt-sc-pullquote3, .dt-sc-pullquote4 { letter-spacing: -0.5px; line-height: 30px; }	
	.dt-sc-pullquote1, .dt-sc-pullquote2, .dt-sc-pullquote3, .dt-sc-pullquote6 { background: #f9f9f9; }
	
	.dt-sc-pullquote1 { border-left: 3px solid #d9d9d9; letter-spacing: 0; line-height: 26px; padding:15px; width:36%; }	
	.dt-sc-pullquote2 { border: 1px solid #fff; padding: 20px; }	
	.dt-sc-pullquote3 { border-bottom: 2px dotted #d9d9d9; border-top: 2px dotted #d9d9d9; padding: 20px; }	
	.dt-sc-pullquote4 { border-bottom: 4px double #d9d9d9; border-top:4px double #d9d9d9; margin-top: 20px; padding: 10px 0; }	
	.dt-sc-pullquote5 { border-style: solid; border-width: 0 0 0 3px ; font-style: italic; font-size: 14px; letter-spacing: 0; line-height: 22px; padding: 0 0 0 15px; width: 36%; }	
	.dt-sc-pullquote6 { border-top: 2px solid; letter-spacing: 0; line-height: 26px; padding: 15px; width: 36%; }	

	.quotes:before, .quotes:after { display: inline; font-family: Georgia, "Times New Roman", Times, serif; font-size: 150%; font-weight: bold; margin-right: 5px; vertical-align: middle; }	
	.quotes:before { content: open-quote; }
	.quotes:after { content: close-quote;}	
	
	.dt-sc-pullquote1.aligncenter, .dt-sc-pullquote2.aligncenter, .dt-sc-pullquote3.aligncenter, .dt-sc-pullquote4.aligncenter, .dt-sc-pullquote5.aligncenter, .dt-sc-pullquote6.aligncenter { display: block; float: none; text-align: center; width: auto; }	
	/*.dt-sc-pullquote1.alignleft,*/ .dt-sc-pullquote1.aligncenter { margin-left: 2px; }	
	/*.dt-sc-pullquote1.alignright,*/ .dt-sc-pullquote1.aligncenter { margin-right: 2px; }	
	
	
	/*----*****---- << Tooltip >> ----*****----*/
	
	#tiptip_holder { display: none; position:absolute; left: 0; top:0; text-align: center; z-index:999; }		
	#tiptip_holder.tip_top { padding-bottom:5px; }		 
	#tiptip_holder.tip_bottom { padding-top:4px; }		 
	#tiptip_holder.tip_right { padding-left:4px; }		 
	#tiptip_holder.tip_left { padding-right:5px; }		
	
	.tip_bottom #tiptip_content { box-shadow: inset 0px -1px 0px 0px #d9d9d9; -webkit-box-shadow:inset 0px -1px 0px 0px #d9d9d9; -moz-box-shadow:inset 0px -1px 0px 0px #d9d9d9; }
			
	#tiptip_content { background:rgba(0, 0, 0, 0.8); font-size:12px; padding:8px 10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }		
	#tiptip_arrow, #tiptip_arrow_inner { border-color: transparent; border-style:solid; border-width:6px; height:0; opacity:0.85; filter:opacity(85%); position: absolute; width:0; }		
	#tiptip_holder.tip_top #tiptip_arrow { border-top-color: #000;  }		
	#tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color: #000; }		
	#tiptip_holder.tip_right #tiptip_arrow { border-right-color: #000; }		 
	#tiptip_holder.tip_left #tiptip_arrow { border-left-color: #000; }		
	#tiptip_holder.tip_top #tiptip_arrow_inner { margin-top:-7px; margin-left:-6px; }		
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top:-5px; margin-left:-6px; }		 
	#tiptip_holder.tip_right #tiptip_arrow_inner { margin-top:-6px; margin-left:-5px;  }		
	#tiptip_holder.tip_left #tiptip_arrow_inner { margin-top:-6px; margin-left:-7px;}	
	
	.dt-sc-tooltip-top, .dt-sc-tooltip-right, .dt-sc-tooltip-bottom, .dt-sc-tooltip-left, .dt-sc-boxed-tooltip { display: inline-block; margin: 10px 0 0; text-align: center; }
	.dt-sc-tooltip-top, .dt-sc-tooltip-right, .dt-sc-tooltip-bottom, .dt-sc-tooltip-left { padding: 10px; }

	.dt-sc-boxed-tooltip { background: #f0f0f0; margin: 0; padding: 10px 20px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }	
	
		
	/*----*****---- << Titled Boxes >> ----*****----*/
	
	.dt-sc-titled-box { clear:both; margin-bottom: 20px; width: 100%; }
	.dt-sc-titled-box h6.dt-sc-titled-box-title { /*border-bottom:5px solid #dfdfdf;*/ font-size: 14px; font-weight: bold; margin: 0; padding: 10px 15px; text-shadow:none; text-transform: uppercase; } 
	.dt-sc-titled-box-content { padding: 15px 15px 20px; }
	
	.dt-sc-titled-box h6.dt-sc-titled-box-title span { font-size: 15px; margin: 0 5px 0 0; }
	.dt-sc-titled-box-content { border-color: #dfdfdf; border-style: solid; border-width: 0 1px 1px; }
	
	.dt-sc-titled-box.chocolate h6.dt-sc-titled-box-title { background: #cd671d; }
	.dt-sc-titled-box.coral h6.dt-sc-titled-box-title { background: #fb6e1e; }
	.dt-sc-titled-box.cyan h6.dt-sc-titled-box-title { background: #35b5b1; }
	.dt-sc-titled-box.darkblue h6.dt-sc-titled-box-title { background: #065c8c; }	
	.dt-sc-titled-box.darkmagenta h6.dt-sc-titled-box-title { background: #9942a3; }
	.dt-sc-titled-box.duskblue h6.dt-sc-titled-box-title { background: #6f95ae; }
	.dt-sc-titled-box.electricblue h6.dt-sc-titled-box-title { background: #2a99d8; }
	.dt-sc-titled-box.ferngreen h6.dt-sc-titled-box-title { background: #177254; }
	.dt-sc-titled-box.lavender h6.dt-sc-titled-box-title { background: #a874ff; }
	.dt-sc-titled-box.lightgreen h6.dt-sc-titled-box-title { background: #86af53; }	
	.dt-sc-titled-box.limegreen h6.dt-sc-titled-box-title { background: #afca47; }
	.dt-sc-titled-box.ocean h6.dt-sc-titled-box-title { background: #22a1c4; }	
	.dt-sc-titled-box.orange h6.dt-sc-titled-box-title { background: #ff9646; }
	.dt-sc-titled-box.pink h6.dt-sc-titled-box-title { background: #f472d0; }
	.dt-sc-titled-box.purple h6.dt-sc-titled-box-title { background: #9b59b6; }
	.dt-sc-titled-box.red h6.dt-sc-titled-box-title { background: #cc4744; }
	.dt-sc-titled-box.royalblue h6.dt-sc-titled-box-title { background: #3575b9; }
	.dt-sc-titled-box.salmon h6.dt-sc-titled-box-title { background: #ea6153; }
	.dt-sc-titled-box.violet h6.dt-sc-titled-box-title { background: #665a98; }
	.dt-sc-titled-box.yellow h6.dt-sc-titled-box-title { background: #f1c40f; }
	
	
	/*----*****---- << Alert Boxes >> ----*****----*/
	
	.dt-sc-error-box, .dt-sc-warning-box, .dt-sc-success-box, .dt-sc-info-box { margin-bottom:20px; padding:15px 15px 15px 40px; clear:both; border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; -webkit-border-radius: 2px;  }
	.dt-sc-error-box a, .dt-sc-warning-box a, .dt-sc-success-box a, .dt-sc-info-box a { text-decoration:underline; }
	
	.dt-sc-error-box ul, .dt-sc-warning-box ul, .dt-sc-success-box ul, .dt-sc-info-box ul { margin: 10px 0 0; }
	
	.dt-sc-error-box { background:#ffcccc; border:1px solid #eed3d7; color:#d01313; position:relative; }
	.dt-sc-error-box:before, .dt-sc-warning-box:before, .dt-sc-success-box:before, .dt-sc-info-box:before { font-size: 25px; position: absolute; left: 10px; top: 17px; text-decoration:inherit; }		
	.dt-sc-error-box:before { content: "\f057"; color: #C54228; }
	
	.dt-sc-warning-box { background: #fcf8e3; border: 1px solid #fbeed5; color: #c79d13; position: relative; }
	.dt-sc-warning-box:before { content: "\f06a"; color:#e2b828; }
	
	.dt-sc-success-box { background: #dff0d8; border: 1px solid #d6e9c6; color: #3c763d; position: relative; text-shadow: 1px 1px 0px #e3f1cb; }
	.dt-sc-success-box:before { content: "\f058"; color: #75b632; }
	
	.dt-sc-info-box { background: #bfe4f9; border: 1px solid #68a2cf; color: #2081b9; position: relative; }
	.dt-sc-info-box:before { content: "\f05a"; color: #008bc1; }
	
	.dt-sc-error-box a { color: #d01313; }
	.dt-sc-warning-box a { color: #c79d13; }
	.dt-sc-success-box a { color: #7ba411; }
	.dt-sc-info-box a { color: #2081b9; }
	
	.dt-sc-pricing-box { display: block; border: 1px solid; padding: 10px 0; text-align: center; width: 180px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
	.dt-sc-pricing-box span { display: block; font-size: 30px; line-height: 20px; margin: 15px 0; }
	

	/*----*****---- << Colored Boxes >> ----*****----*/
	
	.dt-sc-colored-box { border-style: solid; border-width: 1px; border-color: transparent; float: left; min-height: 260px; padding: 20px 35px; position: relative; width: 100%; z-index: 10; }
	
	
	.dt-sc-colored-box h2 { margin-bottom: 20px; line-height: 32px; padding: 0 0 0 35px; position: relative; text-transform: uppercase; }
	.dt-sc-colored-box h2 span { display: inline-block; line-height: 32px; position: absolute; left: -2px; top: 1px; }
	
/*	.dt-sc-box-overlay1 { background: #4b5a72; }
	.dt-sc-box-overlay2 { background: #445167; }
	.dt-sc-box-overlay3 { background: #3c485b; }*/
	
	.dt-sc-box-overlay1 { background: rgba(0,0,0,0.1); }
	.dt-sc-box-overlay2 { background: rgba(0,0,0,0.18); }
	.dt-sc-box-overlay3 { background: rgba(0,0,0,0.25); }	
	
	.dt-sc-colored-box:hover { background: #fff !important; }
	.dt-sc-colored-box:hover .dt-sc-button { background: #405069 !important; color: #fff !important; }
				
	.dt-sc-colored-box .dt-sc-button { margin: 0; text-align: center; width: 100%; }	
						
			
	/******** Intro Text - Call Out Boxes ********/
	
	.dt-sc-callout-box { float: left; margin: 0; padding: 0 15px; position:relative; text-align: center; width: 100%; }
	.dt-sc-callout-box h2 { font-size: 30px; }
	.dt-sc-callout-box h4 { font-size: 25px; }
	.dt-sc-callout-box h2, .dt-sc-callout-box h4 { margin-bottom: 20px; }
	.dt-sc-callout-box .large-text, .dt-sc-callout-box.with-icon .icon { margin-bottom: 15px; }
	
	.dt-sc-callout-box.type2, .dt-sc-callout-box.type3 { background: #f5f5f5; border: 5px solid #eff0f0; }
		
	.dt-sc-callout-box.type3 { border-left: none; border-right: none; padding: 30px 2%; }		
	
	.dt-sc-callout-box.type2 { padding: 25px; text-align: left; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
	
	.dt-sc-callout-box.type2 .dt-sc-button { display: block; position: absolute; left: auto; right: auto; top: -100%; text-align: center; width: auto; transform: translateY(100%); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); }
	
	.dt-sc-callout-box.type2 p, .dt-sc-callout-box.type2 .aligncenter, .dt-sc-callout-box.type2 .dt-sc-button { margin: 0; }		
	
	.dt-sc-callout-box .icon { display: none; }
	.dt-sc-callout-box.with-icon .icon { display: inline-block; height: 100%; }
	.dt-sc-callout-box.with-icon .icon span { border: 1px solid rgba(0,0,0,0); display: inline-block; font-size: 36px; height: 70px; line-height: 70px; margin: 0 auto; text-align: center; width: 70px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }	
	
	.dt-sc-callout-box.type2.with-icon { margin: 0; padding: 0 25px 25px; }
	.dt-sc-callout-box.type2.with-icon .icon span { margin: auto; position: absolute; bottom: 0; left: 0; top: 0; }
	
	.dt-sc-callout-box.type2.with-icon .dt-sc-button { top: -150%; width: auto; transform: translateY(150%); -webkit-transform: translateY(150%); -moz-transform: translateY(150%); -ms-transform: translateY(150%); -o-transform: translateY(150%); }
	 
	.dt-sc-callout-box.type2.with-icon h2, .dt-sc-callout-box.type2.with-icon h4, .dt-sc-callout-box.type2.with-icon p { padding-left: 100px; }	
	
	.dt-sc-callout-box.type1 { background: none !important; }
	
	.dt-sc-callout-box.chocolate { background-color: rgba(205,103,29,0.8); }
	.dt-sc-callout-box.coral { background-color: rgba(251,110,30,0.8); }
	.dt-sc-callout-box.cyan { background-color: rgba(53,181,177,0.8); }
	.dt-sc-callout-box.darkblue { background-color: rgba(6,92,140,0.8); }
	.dt-sc-callout-box.darkmagenta { background-color: rgba(153,66,163,0.8); }
	.dt-sc-callout-box.duskblue { background-color: rgba(111,149,174,0.8); }
	.dt-sc-callout-box.electricblue { background-color: rgba(42,153,216,0.8); }
	.dt-sc-callout-box.ferngreen { background-color: rgba(23,114,84,0.8); }
	.dt-sc-callout-box.lavender { background-color: rgba(168,116,255,0.8); }
	.dt-sc-callout-box.lightgreen { background-color: rgba(134,175,83,0.8); }
	.dt-sc-callout-box.limegreen { background-color: rgba(175,202,71,0.8); }
	.dt-sc-callout-box.ocean { background-color: rgba(34,161,196,0.8); }
	.dt-sc-callout-box.orange { background-color: rgba(255,150,70,0.8); }
	.dt-sc-callout-box.pink { background-color: rgba(244,114,208,0.8); }
	.dt-sc-callout-box.purple { background-color: rgba(155,89,182,0.8); }
	.dt-sc-callout-box.red { background-color: rgba(204,71,68,0.8); }
	.dt-sc-callout-box.royalblue { background-color: rgba(53, 117, 185,0.8); }
	.dt-sc-callout-box.salmon { background-color: rgba(234,97,83,0.8); }
	.dt-sc-callout-box.violet { background-color: rgba(102,90,152,0.8); }
	.dt-sc-callout-box.yellow { background-color: rgba(241,196,15,0.8); }
	
	.dt-sc-callout-box.chocolate { border-color: #b75c1a; }
	.dt-sc-callout-box.coral { border-color: #fb5e05; }
	.dt-sc-callout-box.cyan { border-color: #2fa19e; }
	.dt-sc-callout-box.darkblue { border-color: #054c74; }
	.dt-sc-callout-box.darkmagenta { border-color: #883b91; }
	.dt-sc-callout-box.duskblue { border-color: #5f89a5; }
	.dt-sc-callout-box.electricblue { border-color: #248ac5; }
	.dt-sc-callout-box.ferngreen { border-color: #135d44; }
	.dt-sc-callout-box.lavender { border-color: #985bff; }
	.dt-sc-callout-box.lightgreen { border-color: #799f4a; }
	.dt-sc-callout-box.limegreen { border-color: #a4c037; }
	.dt-sc-callout-box.ocean { border-color: #1e8fae; }
	.dt-sc-callout-box.orange { border-color: #ff882d; }
	.dt-sc-callout-box.pink { border-color: #f25ac8; }
	.dt-sc-callout-box.purple { border-color: #8f4bab; }
	.dt-sc-callout-box.red { border-color: #c23835; }
	.dt-sc-callout-box.royalblue { border-color: #2f68a5; }
	.dt-sc-callout-box.salmon { border-color: #e74c3c; }
	.dt-sc-callout-box.violet { border-color: #5b5188; }
	.dt-sc-callout-box.yellow { border-color: #dab10d; }
	
	.dt-sc-callout-box.type2.chocolate.with-icon .icon span, .dt-sc-callout-box.chocolate.type3.with-icon .icon span, .dt-sc-callout-box.chocolate .dt-sc-button { background: #cd671d; }
	.dt-sc-callout-box.type2.coral.with-icon .icon span, .dt-sc-callout-box.coral.type3.with-icon .icon span, .dt-sc-callout-box.coral .dt-sc-button { background: #fb6e1e; }
	.dt-sc-callout-box.type2.cyan.with-icon .icon span, .dt-sc-callout-box.cyan.type3.with-icon .icon span, .dt-sc-callout-box.cyan .dt-sc-button { background: #35b5b1; }
	.dt-sc-callout-box.type2.darkblue.with-icon .icon span, .dt-sc-callout-box.darkblue.type3.with-icon .icon span, .dt-sc-callout-box.darkblue .dt-sc-button { background: #065c8c; }
	.dt-sc-callout-box.type2.darkmagenta.with-icon .icon span, .dt-sc-callout-box.darkmagenta.type3.with-icon .icon span, .dt-sc-callout-box.darkmagenta .dt-sc-button { background: #9942a3; }
	.dt-sc-callout-box.type2.duskblue.with-icon .icon span, .dt-sc-callout-box.duskblue.type3.with-icon .icon span, .dt-sc-callout-box.duskblue .dt-sc-button { background: #6f95ae; }
	.dt-sc-callout-box.type2.electricblue.with-icon .icon span, .dt-sc-callout-box.electricblue.type3.with-icon .icon span, .dt-sc-callout-box.electricblue .dt-sc-button { background: #2a99d8; }
	.dt-sc-callout-box.type2.ferngreen.with-icon .icon span, .dt-sc-callout-box.ferngreen.type3.with-icon .icon span, .dt-sc-callout-box.ferngreen .dt-sc-button { background: #177254; }
	.dt-sc-callout-box.type2.lavender.with-icon .icon span, .dt-sc-callout-box.lavender.type3.with-icon .icon span, .dt-sc-callout-box.lavender .dt-sc-button { background: #a874ff; }
	.dt-sc-callout-box.type2.lightgreen.with-icon .icon span, .dt-sc-callout-box.lightgreen.type3.with-icon .icon span, .dt-sc-callout-box.lightgreen .dt-sc-button { background: #86af53; }
	.dt-sc-callout-box.type2.limegreen.with-icon .icon span, .dt-sc-callout-box.limegreen.type3.with-icon .icon span, .dt-sc-callout-box.limegreen .dt-sc-button { background: #afca47; }
	.dt-sc-callout-box.type2.ocean.with-icon .icon span, .dt-sc-callout-box.ocean.type3.with-icon .icon span, .dt-sc-callout-box.ocean .dt-sc-button { background: #22a1c4; }
	.dt-sc-callout-box.type2.orange.with-icon .icon span, .dt-sc-callout-box.orange.type3.with-icon .icon span, .dt-sc-callout-box.orange .dt-sc-button { background: #ff9646; }
	.dt-sc-callout-box.type2.pink.with-icon .icon span, .dt-sc-callout-box.pink.type3.with-icon .icon span, .dt-sc-callout-box.pink .dt-sc-button { background: #f472d0; }
	.dt-sc-callout-box.type2.purple.with-icon .icon span, .dt-sc-callout-box.purple.type3.with-icon .icon span, .dt-sc-callout-box.purple .dt-sc-button { background: #9b59b6; }
	.dt-sc-callout-box.type2.red.with-icon .icon span, .dt-sc-callout-box.red.type3.with-icon .icon span, .dt-sc-callout-box.red .dt-sc-button { background: #cc4744; }
	.dt-sc-callout-box.type2.royalblue.with-icon .icon span, .dt-sc-callout-box.royalblue.type3.with-icon .icon span, .dt-sc-callout-box.royalblue .dt-sc-button { background: #3575b9; }
	.dt-sc-callout-box.type2.salmon.with-icon .icon span, .dt-sc-callout-box.salmon.type3.with-icon .icon span, .dt-sc-callout-box.salmon .dt-sc-button { background: #ea6153; }
	.dt-sc-callout-box.type2.violet.with-icon .icon span, .dt-sc-callout-box.violet.type3.with-icon .icon span, .dt-sc-callout-box.violet .dt-sc-button { background: #665a98; }
	.dt-sc-callout-box.type2.yellow.with-icon .icon span, .dt-sc-callout-box.yellow.type3.with-icon .icon span, .dt-sc-callout-box.yellow .dt-sc-button { background: #f1c40f; }	
	
	.dt-sc-callout-box.type2.chocolate h2, .dt-sc-callout-box.type2.chocolate h3, .dt-sc-callout-box.type2.chocolate h4, .dt-sc-callout-box.type2.chocolate h5, .dt-sc-callout-box.type2.chocolate h6, .dt-sc-callout-box.type2.chocolate p, 
	.dt-sc-callout-box.type3.chocolate h2, .dt-sc-callout-box.type3.chocolate h3, .dt-sc-callout-box.type3.chocolate h4, .dt-sc-callout-box.type3.chocolate h5, .dt-sc-callout-box.type3.chocolate h6, .dt-sc-callout-box.type3.chocolate p, 
	
	.dt-sc-callout-box.type2.coral h2, .dt-sc-callout-box.type2.coral h3, .dt-sc-callout-box.type2.coral h4, .dt-sc-callout-box.type2.coral h5, .dt-sc-callout-box.type2.coral h6, .dt-sc-callout-box.type2.coral p, 
	.dt-sc-callout-box.type3.coral h2, .dt-sc-callout-box.type3.coral h3, .dt-sc-callout-box.type3.coral h4, .dt-sc-callout-box.type3.coral h5, .dt-sc-callout-box.type3.coral h6, .dt-sc-callout-box.type3.coral p, 
	
	.dt-sc-callout-box.type2.cyan h2, .dt-sc-callout-box.type2.cyan h3, .dt-sc-callout-box.type2.cyan h4, .dt-sc-callout-box.type2.cyan h5, .dt-sc-callout-box.type2.cyan h6, .dt-sc-callout-box.type2.cyan p, 
	.dt-sc-callout-box.type3.cyan h2, .dt-sc-callout-box.type3.cyan h3, .dt-sc-callout-box.type3.cyan h4, .dt-sc-callout-box.type3.cyan h5, .dt-sc-callout-box.type3.cyan h6, .dt-sc-callout-box.type3.cyan p, 
	
	.dt-sc-callout-box.type2.darkblue h2, .dt-sc-callout-box.type2.darkblue h3, .dt-sc-callout-box.type2.darkblue h4, .dt-sc-callout-box.type2.darkblue h5, .dt-sc-callout-box.type2.darkblue h6, .dt-sc-callout-box.type2.darkblue p, 
	.dt-sc-callout-box.type3.darkblue h2, .dt-sc-callout-box.type3.darkblue h3, .dt-sc-callout-box.type3.darkblue h4, .dt-sc-callout-box.type3.darkblue h5, .dt-sc-callout-box.type3.darkblue h6, .dt-sc-callout-box.type3.darkblue p, 
	
	.dt-sc-callout-box.type2.darkmagenta h2, .dt-sc-callout-box.type2.darkmagenta h3, .dt-sc-callout-box.type2.darkmagenta h4, .dt-sc-callout-box.type2.darkmagenta h5, .dt-sc-callout-box.type2.darkmagenta h6, .dt-sc-callout-box.type2.darkmagenta p,  
	.dt-sc-callout-box.type3.darkmagenta h2, .dt-sc-callout-box.type3.darkmagenta h3, .dt-sc-callout-box.type3.darkmagenta h4, .dt-sc-callout-box.type3.darkmagenta h5, .dt-sc-callout-box.type3.darkmagenta h6, .dt-sc-callout-box.type2.darkmagenta p,  
	
	.dt-sc-callout-box.type2.duskblue h2, .dt-sc-callout-box.type2.duskblue h3, .dt-sc-callout-box.type2.duskblue h4, .dt-sc-callout-box.type2.duskblue h5, .dt-sc-callout-box.type2.duskblue h6, .dt-sc-callout-box.type2.duskblue p,  
	.dt-sc-callout-box.type3.duskblue h2, .dt-sc-callout-box.type3.duskblue h3, .dt-sc-callout-box.type3.duskblue h4, .dt-sc-callout-box.type3.duskblue h5, .dt-sc-callout-box.type3.duskblue h6, .dt-sc-callout-box.type3.duskblue p,  
	
	.dt-sc-callout-box.type2.electricblue h2, .dt-sc-callout-box.type2.electricblue h3, .dt-sc-callout-box.type2.electricblue h4, .dt-sc-callout-box.type2.electricblue h5, .dt-sc-callout-box.type2.electricblue h6, .dt-sc-callout-box.type2.electricblue p,  
	.dt-sc-callout-box.type3.electricblue h2, .dt-sc-callout-box.type3.electricblue h3, .dt-sc-callout-box.type3.electricblue h4, .dt-sc-callout-box.type3.electricblue h5, .dt-sc-callout-box.type3.electricblue h6, .dt-sc-callout-box.type3.electricblue p,  
	
	.dt-sc-callout-box.type2.ferngreen h2, .dt-sc-callout-box.type2.ferngreen h3, .dt-sc-callout-box.type2.ferngreen h4, .dt-sc-callout-box.type2.ferngreen h5, .dt-sc-callout-box.type2.ferngreen h6, .dt-sc-callout-box.type2.ferngreen p, 
	.dt-sc-callout-box.type3.ferngreen h2, .dt-sc-callout-box.type3.ferngreen h3, .dt-sc-callout-box.type3.ferngreen h4, .dt-sc-callout-box.type3.ferngreen h5, .dt-sc-callout-box.type3.ferngreen h6, .dt-sc-callout-box.type3.ferngreen p, 
	
	.dt-sc-callout-box.type2.lavender h2, .dt-sc-callout-box.type2.lavender h3, .dt-sc-callout-box.type2.lavender h4, .dt-sc-callout-box.type2.lavender h5, .dt-sc-callout-box.type2.lavender h6, .dt-sc-callout-box.type2.lavender p,  
	.dt-sc-callout-box.type3.lavender h2, .dt-sc-callout-box.type3.lavender h3, .dt-sc-callout-box.type3.lavender h4, .dt-sc-callout-box.type3.lavender h5, .dt-sc-callout-box.type3.lavender h6, .dt-sc-callout-box.type3.lavender p,  
	
	.dt-sc-callout-box.type2.lightgreen h2, .dt-sc-callout-box.type2.lightgreen h3, .dt-sc-callout-box.type2.lightgreen h4, .dt-sc-callout-box.type2.lightgreen h5, .dt-sc-callout-box.type2.lightgreen h6, .dt-sc-callout-box.type2.lightgreen p, 
	.dt-sc-callout-box.type3.lightgreen h2, .dt-sc-callout-box.type3.lightgreen h3, .dt-sc-callout-box.type3.lightgreen h4, .dt-sc-callout-box.type3.lightgreen h5, .dt-sc-callout-box.type3.lightgreen h6, .dt-sc-callout-box.type3.lightgreen p, 
	
	.dt-sc-callout-box.type2.limegreen h2, .dt-sc-callout-box.type2.limegreen h3, .dt-sc-callout-box.type2.limegreen h4, .dt-sc-callout-box.type2.limegreen h5, .dt-sc-callout-box.type2.limegreen h6, .dt-sc-callout-box.type2.limegreen p,  
	.dt-sc-callout-box.type3.limegreen h2, .dt-sc-callout-box.type3.limegreen h3, .dt-sc-callout-box.type3.limegreen h4, .dt-sc-callout-box.type3.limegreen h5, .dt-sc-callout-box.type3.limegreen h6, .dt-sc-callout-box.type3.limegreen p,  
	
	.dt-sc-callout-box.type2.ocean h2, .dt-sc-callout-box.type2.ocean h3, .dt-sc-callout-box.type2.ocean h4, .dt-sc-callout-box.type2.ocean h5, .dt-sc-callout-box.type2.ocean h6, .dt-sc-callout-box.type2.ocean p,  
	.dt-sc-callout-box.type3.ocean h2, .dt-sc-callout-box.type3.ocean h3, .dt-sc-callout-box.type3.ocean h4, .dt-sc-callout-box.type3.ocean h5, .dt-sc-callout-box.type3.ocean h6, .dt-sc-callout-box.type3.ocean p,  
	
	.dt-sc-callout-box.type2.orange h2, .dt-sc-callout-box.type2.orange h3, .dt-sc-callout-box.type2.orange h4, .dt-sc-callout-box.type2.orange h5, .dt-sc-callout-box.type2.orange h6, .dt-sc-callout-box.type2.orange p,  
	.dt-sc-callout-box.type3.orange h2, .dt-sc-callout-box.type3.orange h3, .dt-sc-callout-box.type3.orange h4, .dt-sc-callout-box.type3.orange h5, .dt-sc-callout-box.type3.orange h6, .dt-sc-callout-box.type3.orange p,  
	
	.dt-sc-callout-box.type2.pink h2, .dt-sc-callout-box.type2.pink h3, .dt-sc-callout-box.type2.pink h4, .dt-sc-callout-box.type2.pink h5, .dt-sc-callout-box.type2.pink h6, .dt-sc-callout-box.type2.pink p,  
	.dt-sc-callout-box.type3.pink h2, .dt-sc-callout-box.type3.pink h3, .dt-sc-callout-box.type3.pink h4, .dt-sc-callout-box.type3.pink h5, .dt-sc-callout-box.type3.pink h6, .dt-sc-callout-box.type3.pink p,  
	
	.dt-sc-callout-box.type2.purple h2, .dt-sc-callout-box.type2.purple h3, .dt-sc-callout-box.type2.purple h4, .dt-sc-callout-box.type2.purple h5, .dt-sc-callout-box.type2.purple h6, .dt-sc-callout-box.type2.purple p,  
	.dt-sc-callout-box.type3.purple h2, .dt-sc-callout-box.type3.purple h3, .dt-sc-callout-box.type3.purple h4, .dt-sc-callout-box.type3.purple h5, .dt-sc-callout-box.type3.purple h6, .dt-sc-callout-box.type3.purple p,  
	
	.dt-sc-callout-box.type2.red h2, .dt-sc-callout-box.type2.red h3, .dt-sc-callout-box.type2.red h4, .dt-sc-callout-box.type2.red h5, .dt-sc-callout-box.type2.red h6, .dt-sc-callout-box.type2.red p, 
	.dt-sc-callout-box.type3.red h2, .dt-sc-callout-box.type3.red h3, .dt-sc-callout-box.type3.red h4, .dt-sc-callout-box.type3.red h5, .dt-sc-callout-box.type3.red h6, .dt-sc-callout-box.type3.red p, 
	
	.dt-sc-callout-box.type2.royalblue h2, .dt-sc-callout-box.type2.royalblue h3, .dt-sc-callout-box.type2.royalblue h4, .dt-sc-callout-box.type2.royalblue h5, .dt-sc-callout-box.type2.royalblue h6, .dt-sc-callout-box.type2.royalblue p,  
	.dt-sc-callout-box.type3.royalblue h2, .dt-sc-callout-box.type3.royalblue h3, .dt-sc-callout-box.type3.royalblue h4, .dt-sc-callout-box.type3.royalblue h5, .dt-sc-callout-box.type3.royalblue h6, .dt-sc-callout-box.type3.royalblue p,  
	
	.dt-sc-callout-box.type2.salmon h2, .dt-sc-callout-box.type2.salmon h3, .dt-sc-callout-box.type2.salmon h4, .dt-sc-callout-box.type2.salmon h5, .dt-sc-callout-box.type2.salmon h6, .dt-sc-callout-box.type2.salmon p, 
	.dt-sc-callout-box.type3.salmon h2, .dt-sc-callout-box.type3.salmon h3, .dt-sc-callout-box.type3.salmon h4, .dt-sc-callout-box.type3.salmon h5, .dt-sc-callout-box.type3.salmon h6, .dt-sc-callout-box.type3.salmon p,  
	
	.dt-sc-callout-box.type2.violet h2, .dt-sc-callout-box.type2.violet h3, .dt-sc-callout-box.type2.violet h4, .dt-sc-callout-box.type2.violet h5, .dt-sc-callout-box.type2.violet h6, .dt-sc-callout-box.type2.violet p, 
	.dt-sc-callout-box.type3.violet h2, .dt-sc-callout-box.type3.violet h3, .dt-sc-callout-box.type3.violet h4, .dt-sc-callout-box.type3.violet h5, .dt-sc-callout-box.type3.violet h6, .dt-sc-callout-box.type3.violet p, 
	
	.dt-sc-callout-box.type2.yellow h2, .dt-sc-callout-box.type2.yellow h3, .dt-sc-callout-box.type2.yellow h4, .dt-sc-callout-box.type2.yellow h5, .dt-sc-callout-box.type2.yellow h6, .dt-sc-callout-box.type2.yellow p,  
	.dt-sc-callout-box.type3.yellow h2, .dt-sc-callout-box.type3.yellow h3, .dt-sc-callout-box.type3.yellow h4, .dt-sc-callout-box.type3.yellow h5, .dt-sc-callout-box.type3.yellow h6, .dt-sc-callout-box.type3.yellow p, 
	
	.dt-sc-callout-box.type2.skincolor h2, .dt-sc-callout-box.type2.skincolor h3, .dt-sc-callout-box.type2.skincolor h4, .dt-sc-callout-box.type2.skincolor h5, .dt-sc-callout-box.type2.skincolor h6, .dt-sc-callout-box.type2.skincolor p,  
	.dt-sc-callout-box.type3.skincolor h2, .dt-sc-callout-box.type3.skincolor h3, .dt-sc-callout-box.type3.skincolor h4, .dt-sc-callout-box.type3.skincolor h5, .dt-sc-callout-box.type3.skincolor h6, .dt-sc-callout-box.type3.skincolor p { color: #fff; }	
	

	/*----*****---- << Horizontal Tabs >> ----*****----*/
	
	.dt-sc-tabs-container { clear:both; float:left; /*margin: 0 0 20px;*/ margin: 0; padding: 0; width:100%; }
	ul.dt-sc-tabs-frame { float:left; margin: 0 2% 0 0; padding: 0; width: 98%; }
	ul.dt-sc-tabs-frame li { float: left; display: inline; margin: 0 0 0 10px; padding: 0; }
	ul.dt-sc-tabs-frame li a { border-style: solid; border-width: 2px 1px 0 1px; float:left; margin: 0; padding: 0 20px; text-align:center; line-height:40px; }
	ul.dt-sc-tabs-frame li a.current { border-bottom:0px; position:relative; z-index:1; }
	
	.dt-sc-tabs-frame-content { border: 1px solid; clear: both; float: left; margin: 0; padding: 25px 15px 15px; width: 100%; }	
	
	.dt-sc-one-fourth ul.dt-sc-tabs-frame li, 
	.dt-sc-one-fifth ul.dt-sc-tabs-frame li, 
	.dt-sc-one-sixth ul.dt-sc-tabs-frame li { margin: 0 0 0 8px; }
	
	.dt-sc-one-fourth ul.dt-sc-tabs-frame li a, 
	.dt-sc-one-fifth ul.dt-sc-tabs-frame li a, 
	.dt-sc-one-sixth ul.dt-sc-tabs-frame li a { font-size: 11px; padding: 0 10px; }
	
	
	/*----*****---- << Frameless Tabs >> ----*****----*/
	
	ul.dt-sc-tabs { border-bottom: 2px solid; float: left; margin-bottom: 15px; width: 100%; }
	ul.dt-sc-tabs li { float: left; display: inline; padding: 0 10px 0 0; }
	ul.dt-sc-tabs li a { display: inline-block; line-height: 40px; padding: 0 10px; position: relative; }
	ul.dt-sc-tabs li a:after { border-bottom: 2px solid; content: ""; height: 100%; position: absolute; bottom: -2px; left: 0; right: 0; width: 100%; }
	ul.dt-sc-tabs li a.current:before { content: ""; border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0); border-style: solid; border-width: 6px 6px 0; margin: 0 auto; position: absolute; bottom: -8px; left: 0; right: 0; text-align: center; width: 0; }
	
	.dt-sc-tabs-container.type2 ul.dt-sc-tabs { border: none; text-align: center; }
	.dt-sc-tabs-container.type2 ul.dt-sc-tabs li { display: inline-block; float: none; margin: 0 -1px 0 0; padding: 0; }
	.dt-sc-tabs-container.type2 ul.dt-sc-tabs li a { border-style: solid; border-width: 1px 1px 2px; font-size: 16px; line-height: 50px; padding: 0 20px; }
	.dt-sc-tabs-container.type2 ul.dt-sc-tabs li a:after { content: none; /*left: -1px; width: auto;*/ }
	.dt-sc-tabs-container.type2 ul.dt-sc-tabs li a:before { content: none; }
	
	.dt-sc-tabs-container.type2 .dt-sc-tabs-content { display: block; }
	
	
	/*----*****---- << Vertical Tabs >> ----*****----*/
	
	.dt-sc-tabs-vertical-container { clear:both; float: left; margin: 0 0 20px; padding: 0; width:100%; }
	ul.dt-sc-tabs-vertical-frame { float: left; margin: 0 20px 0 0; padding: 0; width: 32%; }
	ul.dt-sc-tabs-vertical-frame li { border-style: solid; border-width: 0 5px 2px 2px; display: inline; float: left; line-height: 50px; margin: 0; padding: 0; position: relative; width:100%; }
	ul.dt-sc-tabs-vertical-frame li.current a:after { border-style: solid; border-width: 0 5px 0 0; content:''; position: absolute; bottom: -2px; right: -5px; top: 0; width:100%; }
	ul.dt-sc-tabs-vertical-frame li a { display:block; line-height: normal; margin: 0; padding: 15px 20px 15px 55px; position: relative; }
	ul.dt-sc-tabs-vertical-frame li.first { border-top: 2px solid; }
	ul.dt-sc-tabs-vertical-frame li.first.current a:after { top:-2px; }
		
	ul.dt-sc-tabs-vertical-frame li a span { border: 3px solid; float: left; height: 30px; line-height: 30px; position: absolute; left: 10px; top: 7px; text-align: center; width: 30px; border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; }
	
	.dt-sc-tabs-vertical-frame-content { float: left; margin: -1px 0 0; padding: 0 0 14px; width: 66%; }		
	.dt-sc-tabs-vertical-frame-content h3 { line-height: 20px; }
	
	.dt-sc-one-fourth ul.dt-sc-tabs-vertical-frame, 
	.dt-sc-one-fifth ul.dt-sc-tabs-vertical-frame, 
	.dt-sc-one-sixth ul.dt-sc-tabs-vertical-frame { margin: 0 10px 0 0; }
	
	.dt-sc-one-fourth ul.dt-sc-tabs-vertical-frame li a, 
	.dt-sc-one-fifth ul.dt-sc-tabs-vertical-frame li a, 
	.dt-sc-one-sixth ul.dt-sc-tabs-vertical-frame li a { font-size: 12px; padding: 15px 10px; }
	
	.dt-sc-one-fourth ul.dt-sc-tabs-vertical-frame li a span, 
	.dt-sc-one-fifth ul.dt-sc-tabs-vertical-frame li a span, 
	.dt-sc-one-sixth ul.dt-sc-tabs-vertical-frame li a span { display: none; }
		
	
	/*----*****---- << Accordions & Toggles >> ----*****----*/
	
	.dt-sc-toggle-set { float: left; margin: 0; padding: 0; width: 100%; }
	.dt-sc-toggle-frame { border-style: solid; border-width: 1px; margin: 0 0 -1px; }
	.dt-sc-toggle-frame h5.dt-sc-toggle-accordion, .dt-sc-toggle-frame h5.dt-sc-toggle { margin: 0; }
	
	h5.dt-sc-toggle-accordion, h5.dt-sc-toggle { clear:both; font-size:16px; margin: 0 0 1px; padding:0px; position:relative; }
	h5.dt-sc-toggle-accordion a, h5.dt-sc-toggle a { display:block; font-size:16px; padding:15px 15px 15px 75px; }

	.dt-sc-toggle-content { clear: both; display: none; line-height: 24px; margin: 0 0 -20px; padding: 0 0 0 75px; } 
	.dt-sc-toggle-content .block { display: block; margin: 0 0 10px; }
	h5.dt-sc-toggle:before, h5.dt-sc-toggle-accordion:before { content:"\f067"; font-size: 10px; position: absolute; left: 4px; top: 17px; text-decoration: inherit; }
	h5.dt-sc-toggle.active:before, h5.dt-sc-toggle-accordion.active:before { content:"\f068"; }
	
	.dt-sc-toggle, .dt-sc-toggle-accordion { padding: 0 0 20px; position: relative; }
	.dt-sc-toggle:last-child { padding: 0; }
	
	h5.dt-sc-toggle:before, h5.dt-sc-toggle-accordion:before { border: 1px solid; height: 50px; margin: auto; padding: 14px 0; text-align: center; top: 0; width: 50px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
	
	.dt-sc-toggle:before, .dt-sc-toggle-accordion:before { content: ""; border-left: 1px dashed #c3cbd7; height: 100%; position: absolute; left: 28px; top: 0; width: 1px; }
	

	/*****---- << Framed Toggle & Accordion >> ----*****/
	
	.dt-sc-toggle-frame h5.dt-sc-toggle-accordion a, .dt-sc-toggle-frame h5.dt-sc-toggle a { padding:15px 15px 15px 40px; }
	.dt-sc-toggle-frame .dt-sc-toggle-content { margin: 0; padding: 0 18px 18px 18px; }	
	.dt-sc-toggle-frame h5.dt-sc-toggle-accordion:before, .dt-sc-toggle-frame h5.dt-sc-toggle:before { left: 18px; }
	
	.dt-sc-toggle-frame h5.dt-sc-toggle:before, .dt-sc-toggle-frame h5.dt-sc-toggle-accordion:before { background: none; border: none; height: auto; padding: 0; text-align: inherit; top: 16px; width: auto; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }	
	
			
	/*----*****---- << Pricing Tables >> ----*****----*/
	
	.dt-sc-pricing-table { float: left; line-height: 1; margin-bottom: 20px; padding: 0; width: 100%;  }
	.dt-sc-pr-tb-col { border: 1px solid; float: left; margin: 0; padding: 0; position: relative; text-align: center; width: 100%; transition: box-shadow 0.2s ease-out; -webkit-transition: -webkit-box-shadow 0.2s ease-out; -moz-transition: -moz-box-shadow 0.2s ease-out; -ms-transition: box-shadow 0.2s ease-out; -o-transition: -o-box-shadow 0.2s ease-out; }
	
	.dt-sc-tb-header { float: left; width: 100%; }
	.dt-sc-tb-title h5 { font-size: 30px; line-height: normal; margin-bottom: 0; padding:7px 10px; }
	
	.dt-sc-tb-header .dt-sc-price { display: block; font-size: 60px; padding: 30px 0 15px; width: 100%; }
	.dt-sc-price sup { font-size: 35px; margin-right: 3px; bottom: -15px; vertical-align: top; }
	.dt-sc-tb-header .dt-sc-price span { display: inline-block; font-size: 15px; line-height: normal; margin: 15px 0 0; }
		
	.dt-sc-pr-tb-col .dt-sc-buy-now { margin: 0; padding: 10px 20px 35px; }
	.dt-sc-pr-tb-col .dt-sc-buy-now a { display: inline-block; position: relative; z-index: 999; }
	
	.dt-sc-tb-content { float: left; list-style-type: none; margin: 0; padding: 0 20px 10px; position: relative; width: 100%; z-index: 999; }
	.dt-sc-tb-content li { display: inline-block; font-size: 14px; border-bottom: 1px solid; padding: 10px 0; line-height: 24px; width: 100%; }
	.dt-sc-tb-content li:last-child { border-bottom: none; }
	
	.dt-sc-pr-tb-col.selected, .dt-sc-pr-tb-col:hover { z-index: 10; box-shadow: 0 0 15px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25); }
	.dt-sc-pr-tb-col:hover { z-index: 100; }
	
	.dt-sc-pricing-table.no-space .column { margin-left: 0; }
	.dt-sc-pricing-table.no-space .dt-sc-one-fourth { width: 25%; } 	
	.dt-sc-pricing-table.no-space .dt-sc-one-third { width: 33.3%; }	
	.dt-sc-pricing-table.no-space .dt-sc-one-half { width: 50%; }
	.dt-sc-pricing-table.no-space .dt-sc-one-fifth { width: 20%; }
	.dt-sc-pricing-table.no-space .dt-sc-one-sixth { width: 16.6%; }
	
	.dt-sc-pricing-table.no-space .dt-sc-three-fourth { width: 75%; }
	.dt-sc-pricing-table.no-space .dt-sc-two-third { width: 66.6%; }
	.dt-sc-pricing-table.no-space .dt-sc-four-fifth { width: 80%; }
	.dt-sc-pricing-table.no-space .dt-sc-three-fifth { width: 60%; }
	.dt-sc-pricing-table.no-space .dt-sc-two-fifth { width: 40%; }
	.dt-sc-pricing-table.no-space .dt-sc-two-sixth { width: 33.2%; }
	.dt-sc-pricing-table.no-space .dt-sc-three-sixth { width: 49.8%; }
	.dt-sc-pricing-table.no-space .dt-sc-four-sixth { width: 66.4%; }
	.dt-sc-pricing-table.no-space .dt-sc-five-sixth { width: 83%; }
	
	.dt-sc-pr-tb-col:hover:after, .dt-sc-pr-tb-col.selected:after { border: 3px solid; content: ""; height: 99.4%; left: -1px; position: absolute; top: -1px; width: 98.8%; z-index: 9; }
	
	 .dt-sc-pricing-table.type2 table { border-left: none; }
	 .dt-sc-pricing-table.type2 th, .dt-sc-pricing-table.type2 td { line-height: 28px; }
	 .dt-sc-pricing-table.type2 td { padding: 16px 15px; width: 155px; }
	 .dt-sc-pricing-table.type2 td.avail { color: #08c43c; }
	 .dt-sc-pricing-table.type2 td a.price { border: 1px solid; line-height: 16px; margin: 0; padding: 11px 20px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
	 .dt-sc-pricing-table.type2 td a.price:hover { background: #08c43c; border-color: #08c43c; color: #fff; }
	 .dt-sc-pricing-table.type2 td a.price span { font-weight: 300; }
	 .dt-sc-pricing-table.type2 th { border-width: 0 1px 1px 0; font-size: 14px; font-weight: normal; text-transform: capitalize; width: 160px; }
	 .dt-sc-pricing-table.type2 th:first-child, .dt-sc-pricing-table.type2 td:first-child { font-size: 13px; padding-left: 0; text-align: left; text-transform: capitalize; }
	 .dt-sc-pricing-table.type2 th:last-child, .dt-sc-pricing-table.type2 td:last-child { border-right: none; }
	 
	 .dt-sc-pricing-table.type3 .dt-sc-pr-tb-col { border: 1px solid; display: inline-block; overflow: hidden; padding: 30px; position: relative; text-align: center; width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 3px #ededed; -moz-box-shadow: 0 0 3px #ededed; -ms-box-shadow: 0 0 3px #ededed; -o-box-shadow: 0 0 3px #ededed; box-shadow: 0 0 3px #ededed; }
	 
	 .dt-sc-pricing-table.type3 .dt-sc-pr-tb-col:hover:after, .dt-sc-pricing-table.type3 .dt-sc-pr-tb-col.selected:after { content: none; }
	 
	 .dt-sc-pricing-table.type3 .dt-sc-pr-tb-col:before { content: "";  border-style:none solid solid none; border-width: 0 30px 30px 0;  right: 0; overflow: hidden; position: absolute; top: 0; }
	 
	 .dt-sc-pricing-table.type3 .dt-sc-pr-tb-col h3 { font-size: 30px; font-weight: 500; line-height: 30px; }
	 
	 .dt-sc-pricing-table.type3 .dt-sc-pr-tb-col .icon:before { border: 1px solid; bottom: 0; content: ""; height: 100px; left: 0; margin: 15px auto; position: absolute; right: 0; text-align: center; top: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); width: 100px; }	
	 
	 .dt-sc-pricing-table.type3 .dt-sc-pr-tb-col .icon { display: block; float: left; height: 145px; margin: 0 0 10px; position: relative; width: 100%; }
	 .dt-sc-pricing-table.type3 .dt-sc-pr-tb-col .icon span { font-size: 50px; bottom: 0; left: 0; line-height: 134px; margin: 0; position: absolute; right: 0; top: 0; vertical-align: middle; }	
	
	 .dt-sc-pricing-table.type3 .dt-sc-pr-tb-col span img { vertical-align: text-bottom; } 
	 .dt-sc-pricing-table.type3 .dt-sc-pr-tb-col p, .dt-sc-pricing-table.type3 .dt-sc-pr-tb-col span { line-height: 24px; margin: 0 0 20px; } 
	 .dt-sc-pricing-table.type3 .dt-sc-pr-tb-col span, .dt-sc-pricing-table.type3 .dt-sc-pr-tb-col .dt-sc-price, .dt-sc-pricing-table.type3 .dt-sc-pr-tb-col .dt-sc-price del { display: block; }
	 .dt-sc-pricing-table.type3 .dt-sc-pr-tb-col .dt-sc-price { background: none; font-size:40px; font-weight: 500; margin: 10px 0 20px; }
	 .dt-sc-pricing-table.type3 .dt-sc-pr-tb-col .dt-sc-price sup { bottom: -14px; font-size: 30px; margin-right: 3px; }
	 .dt-sc-pricing-table.type3 .dt-sc-pr-tb-col .dt-sc-price sub { font-size: 18px; }
	 .dt-sc-pricing-table.type3 .dt-sc-pr-tb-col .dt-sc-price del { font-size: 20px; font-weight: 300; margin: 15px 0 0; }
	 
	 .dt-sc-pricing-table.type3 .dt-sc-button { background: none; border: 1px solid #121212; font-size: 16px; font-weight: 500; }
	 
	  .dt-sc-pricing-table.type3 .dt-sc-pr-tb-col.selected, .dt-sc-pricing-table.type3 .dt-sc-pr-tb-col:hover { border-color: rgba(0,0,0,0); margin: -5px 0 0; padding: 35px 30px; } 	
	 
	 .dt-sc-pricing-table.type3 .dt-sc-pr-tb-col:hover:before, .dt-sc-pricing-table.type3 .dt-sc-pr-tb-col.selected:before { right: -1px; top: -1px; border-width: 0 900px 900px 0; z-index: -1; -webkit-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; -o-transition: all 500ms ease-in; -ms-transition: all 500ms ease-in; transition: all 500ms ease-in; } 
	 
	 
	/*----*****---- << Progress Bars >> ----*****----*/
	
	.dt-sc-progress { height:20px; margin-bottom:40px; clear:both; display:block; }
	.dt-sc-progress .dt-sc-bar { position:relative; }
	.dt-sc-progress .dt-sc-bar, .dt-sc-progress { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
	.dt-sc-bar-text { font-size:14px; margin-bottom:5px; margin-top:-27px; color: #1a1c19; }
	.dt-sc-progress .dt-sc-bar-text > span { float:right; display:block; font-size:16px; font-weight:bold; }
	
	.dt-sc-one-fifth .dt-sc-progress .dt-sc-bar-text { font-size: 12px; }
	.dt-sc-one-fifth .dt-sc-progress .dt-sc-bar-text > span { font-size: 11px; }
	
	.dt-sc-one-sixth .dt-sc-progress .dt-sc-bar-text { font-size: 11px; }
	.dt-sc-one-sixth .dt-sc-progress .dt-sc-bar-text > span { font-size: 10px; }	
	
	@-webkit-keyframes progress-bar-stripes {
	  from {
		background-position: -20px 0;
	  }
	  to {
		background-position: 0 0;
	  }
	}
	@-moz-keyframes progress-bar-stripes {
	  from {
		background-position: -20px 0;
	  }
	  to {
		background-position: 0 0;
	  }
	}
	@-ms-keyframes progress-bar-stripes {
	  from {
		background-position: -20px 0;
	  }
	  to {
		background-position: 0 0;
	  }
	}
	@-o-keyframes progress-bar-stripes {
	  from {
		background-position: 0 0;
	  }
	  to {
		background-position: -20px 0;
	  }
	}
	@keyframes progress-bar-stripes {
	  from {
		background-position: -20px 0;
	  }
	  to {
		background-position: 0 0;
	  }
	}
	.dt-sc-progress {
	  height:20px;
	  background-color: #e6e6e6;
	}
	.dt-sc-progress .dt-sc-bar {
	  width: 0%;
	  height: 100%;
	  float: left;
	  background-repeat: repeat-x;
	  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	  -webkit-transition: width 0.6s ease;
	  -moz-transition: width 0.6s ease;
	  -o-transition: width 0.6s ease;
	  transition: width 0.6s ease;
	}
	.dt-sc-progress .dt-sc-bar + .dt-sc-bar {
	  -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
	  -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
	  box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
	}
	.dt-sc-progress-striped .dt-sc-bar {
	  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	  -webkit-background-size: 20px 20px;
	  -moz-background-size: 20px 20px;
	  -o-background-size: 20px 20px;
	  background-size: 20px 20px;
	}
	.dt-sc-progress.active .dt-sc-bar {
	  -webkit-animation: progress-bar-stripes 2s linear infinite;
	  -moz-animation: progress-bar-stripes 2s linear infinite;
	  -ms-animation: progress-bar-stripes 2s linear infinite;
	  -o-animation: progress-bar-stripes 2s linear infinite;
	  animation: progress-bar-stripes 2s linear infinite;
	}
	
	
	/*----*****---- << Progress Chart >> ----*****----*/	
	
	.dt-sc-progress-bar-wrapper .dt-sc-donutchart { display: block; margin: 0 auto 25px; }
	.dt-sc-progress-bar-wrapper .customtext { font-size: 15px; left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; top: 16%; }	
	.dt-sc-progress-bar-wrapper .dt-sc-donutchart .donutcharttext { font-size: 40px !important; line-height: 40px !important; top: 35% !important; top: 35%\0/ !important; }
	.dt-sc-progress-bar-wrapper .dt-sc-donutchart .customtext span {  font-size: 15px; left: 0; position: absolute; right: 0; text-transform: capitalize; top: 71px; }

	.dt-sc-progress-bar-wrapper { text-align: center; }
	.dt-sc-progress-bar-content h4 { font-size: 18px; font-weight: 300; text-transform: capitalize; }
	.dt-sc-progress-bar-content span.code { display: inline-block; font-size: 13px; }	
	.dt-sc-progress-bar-content h4, .dt-sc-progress-bar-content span.code { margin-bottom: 10px; }
	
	.legend-wrapper, .legend { float:left; width:100%; }
	.legend { margin: 10px 0; }
	
	.legendColorBox, .legendLabel { float:left; margin-right:20px; }
	.legendLabel { font-size:20px; }
	.legendColorBox { height: 20px; overflow: hidden; width: 60px; }
	
	.orange .legendColorBox { background:#ec7e00; }
	.blue .legendColorBox { background:#0089cf; }
	
	.dt-sc-donutchart.chocolate .donutcharttext { color:#cd671d !important; }		
	.dt-sc-donutchart.coral .donutcharttext { color:#fb6e1e !important; }
	.dt-sc-donutchart.cyan .donutcharttext { color:#35b5b1 !important; }
	.dt-sc-donutchart.darkblue .donutcharttext { color:#065c8c !important; }
	.dt-sc-donutchart.darkmagenta .donutcharttext { color:#9942a3 !important; }
	.dt-sc-donutchart.duskblue .donutcharttext { color:#6f95ae !important; }
	.dt-sc-donutchart.electricblue .donutcharttext { color:#2a99d8 !important; }
	.dt-sc-donutchart.ferngreen .donutcharttext { color:#177254 !important; }
	.dt-sc-donutchart.lavender .donutcharttext { color:#a874ff !important; }
	.dt-sc-donutchart.lightgreen .donutcharttext { color:#86af53 !important; }
	.dt-sc-donutchart.limegreen .donutcharttext { color:#afca47 !important; }
	.dt-sc-donutchart.ocean .donutcharttext { color:#22a1c4 !important; }
	.dt-sc-donutchart.orange .donutcharttext { color:#ff9646 !important; }
	.dt-sc-donutchart.pink .donutcharttext { color:#f472d0 !important; }
	.dt-sc-donutchart.purple .donutcharttext { color:#9b59b6 !important; }
	.dt-sc-donutchart.red .donutcharttext { color:#cc4744 !important; }
	.dt-sc-donutchart.royalblue .donutcharttext { color:#3575b9 !important; }	
	.dt-sc-donutchart.salmon .donutcharttext { color:#ea6153 !important; }
	.dt-sc-donutchart.violet .donutcharttext { color:#665a98 !important; }
	.dt-sc-donutchart.yellow .donutcharttext { color:#f1c40f !important; }	
	
		
	/*----*****---- << Animated Num Chart  >> ----*****----*/	

	.dt-sc-animate-num { border: 1px solid; display: block; padding: 35px 0; text-align: center; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; }
	.dt-sc-animate-num .dt-sc-icon { height: 66px; margin: 0 auto 15px; position: relative; text-align: center; width: 66px; }
	.dt-sc-animate-num .dt-sc-icon img { max-width: 50px !important; }
	.dt-sc-animate-num .dt-sc-num-count { display: block; font-size: 24px; margin-bottom: 10px; padding-bottom: 15px; position: relative; }
	.dt-sc-animate-num .dt-sc-num-count:after { content:""; border-bottom: 1px solid; bottom: 0; left: 0; margin: 0 auto; position: absolute; right: 0; width: 50px; }
	.dt-sc-animate-num span { display: block; font-size: 13px; line-height: 20px; margin-bottom: 0; text-transform: capitalize; }
	.dt-sc-animate-num span.fa { font-size: 50px; line-height: 66px; }
	
	.dt-sc-fullwidth-section.light-bg .dt-sc-animate-num, .dt-sc-fullwidth-section.dark-bg .dt-sc-animate-num { background: none; border: none; padding: 0; }
	
	.dt-sc-fullwidth-section.dark-bg .dt-sc-animate-num .dt-sc-num-count, .dt-sc-fullwidth-section.dark-bg .dt-sc-animate-num span { color: #fff; }
	.dt-sc-fullwidth-section.dark-bg .dt-sc-animate-num .dt-sc-num-count:after { border-color: #fff; }
	
				
	/*----*****---- << Icon Boxes >> ----*****----*/	
	
	.dt-sc-ico-content-wrapper { float: left; position:relative; width: 100%; z-index: 1; }
	.dt-sc-ico-content.type1 { float: left; margin: 0; padding: 20px 10px; position: relative; text-align: center; width: 100%; } 
	
	.dt-sc-ico-content.type1 .icon { background: rgba(240, 240, 240, 0.25); border: 5px solid; height: 120px; line-height: 120px; margin: 0 auto 25px; overflow: hidden; position: relative; text-align: center; width: 120px; }
	
	.dt-sc-ico-content.type1 .icon span { background: none ; display: inline-block; font-size: 35px; height: 120px; line-height: 120px;  position: relative; width: 120px; behaviour: url(//www.intechs.gr/wp-content/plugins/designthemes-core-features/shortcodes/css/PIE.htc); }
	.dt-sc-ico-content.type1 .icon span img { height: auto; margin: auto; max-width: 35px !important; position: absolute; bottom: 0; left: 0; right: 0; top: 0; }
	
	.dt-sc-ico-content.type1 .icon:after, .dt-sc-ico-content.type1 .icon:before { border: 5px solid rgba(0,0,0,0); content: ""; height: 120px; position: absolute; left: -5px; top: -5px; width: 120px; }
	
	.dt-sc-ico-content.type1 .icon:after { z-index: 1; transition: all 0.8s ease-out 0s; -webkit-transition: all 0.8s ease-out 0s; -moz-transition: all 0.8s ease-out 0s; -ms-transition: all 0.8s ease-out 0s; -o-transition: all 0.8s ease-out 0s;  }
	.dt-sc-ico-content.type1 .icon:before { transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; }
	
	.dt-sc-ico-content.type1 .icon, .dt-sc-ico-content.type1 .icon:after, .dt-sc-ico-content.type1 .icon:before { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
	
	.dt-sc-ico-content.type1:hover .icon:after { transform: rotateX(360deg); -webkit-transform: rotateX(360deg); -moz-transform: rotateX(360deg); -ms-transform: rotateX(360deg); -o-transform: rotateX(360deg); }
	.dt-sc-ico-content.type1:hover .icon:before { transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); }
	
	.dt-sc-ico-content.type1 h3, .dt-sc-ico-content.type1 h4, .dt-sc-ico-content.type1 h5, .dt-sc-ico-content.type1 h6 { font-size: 16px; font-weight: bold; margin-bottom:20px; text-transform: uppercase; }
	
	.dt-sc-ico-content.type1:after { border-bottom: 10px solid; content:""; position: absolute; bottom: -5px; left: 0; right: 0; width:100%; z-index:-1; transform:skewY(2deg); -webkit-transform:skewY(2deg); -moz-transform:skewY(2deg); -ms-transform:skewY(2deg); -o-transform:skewY(2deg); }
	
	.dt-sc-fullwidth-section.dark-bg .dt-sc-ico-content.type1:hover { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; }
	
	.dt-sc-one-half .dt-sc-ico-content.type1:after { transform:skewY(1deg); -webkit-transform:skewY(1deg); -moz-transform:skewY(1deg); -ms-transform:skewY(1deg); -o-transform:skewY(1deg); }
	.dt-sc-one-third .dt-sc-ico-content.type1:after { transform:skewY(1.6deg); -webkit-transform:skewY(1.6deg); -moz-transform:skewY(1.6deg); -ms-transform:skewY(1.6deg); -o-transform:skewY(1.6deg); }
	.dt-sc-two-third .dt-sc-ico-content.type1:after { transform:skewY(0.8deg); -webkit-transform:skewY(0.8deg); -moz-transform:skewY(0.8deg); -ms-transform:skewY(0.8deg); -o-transform:skewY(0.8deg); }	
	
	.dt-sc-one-fourth .dt-sc-ico-content.type1:after { transform:skewY(2deg); -webkit-transform:skewY(2deg); -moz-transform:skewY(2deg); -ms-transform:skewY(2deg); -o-transform:skewY(2deg); }
	.dt-sc-three-fourth .dt-sc-ico-content.type1:after { transform:skewY(0.7deg); -webkit-transform:skewY(0.7deg); -moz-transform:skewY(0.7deg); -ms-transform:skewY(0.7deg); -o-transform:skewY(0.7deg); }
	
	.dt-sc-one-fifth .dt-sc-ico-content.type1:after { transform:skewY(2.6deg); -webkit-transform:skewY(2.6deg); -moz-transform:skewY(2.6deg); -ms-transform:skewY(2.6deg); -o-transform:skewY(2.6deg); }
	.dt-sc-two-fifth .dt-sc-ico-content.type1:after { transform:skewY(1.25deg); -webkit-transform:skewY(1.25deg); -moz-transform:skewY(1.25deg); -ms-transform:skewY(1.25deg); -o-transform:skewY(1.25deg); }
	.dt-sc-three-fifth .dt-sc-ico-content.type1:after { transform:skewY(0.85deg); -webkit-transform:skewY(0.85deg); -moz-transform:skewY(0.85deg); -ms-transform:skewY(0.85deg); -o-transform:skewY(0.85deg); }
	.dt-sc-four-fifth .dt-sc-ico-content.type1:after { transform:skewY(0.65deg); -webkit-transform:skewY(0.65deg); -moz-transform:skewY(0.65deg); -ms-transform:skewY(0.65deg); -o-transform:skewY(0.65deg); }
	
	.dt-sc-one-sixth .dt-sc-ico-content.type1:after { transform:skewY(3.2deg); -webkit-transform:skewY(3.2deg); -moz-transform:skewY(3.2deg); -ms-transform:skewY(3.2deg); -o-transform:skewY(3.2deg); }
	.dt-sc-two-sixth .dt-sc-ico-content.type1:after { transform:skewY(1.5deg); -webkit-transform:skewY(1.5deg); -moz-transform:skewY(1.5deg); -ms-transform:skewY(1.5deg); -o-transform:skewY(1.5deg); }
	.dt-sc-three-sixth .dt-sc-ico-content.type1:after { transform:skewY(1deg); -webkit-transform:skewY(1deg); -moz-transform:skewY(1deg); -ms-transform:skewY(1deg); -o-transform:skewY(1deg); }
	.dt-sc-four-sixth .dt-sc-ico-content.type1:after { transform:skewY(0.75deg); -webkit-transform:skewY(0.75deg); -moz-transform:skewY(0.75deg); -ms-transform:skewY(0.75deg); -o-transform:skewY(0.75deg); }
	.dt-sc-five-sixth .dt-sc-ico-content.type1:after { transform:skewY(0.55deg); -webkit-transform:skewY(0.55deg); -moz-transform:skewY(0.55deg); -ms-transform:skewY(0.55deg); -o-transform:skewY(0.55deg); }	

	.dt-sc-ico-content-wrapper.type2 { padding: 5px; transform: rotate(1.2deg); -webkit-transform: rotate(1.2deg); -moz-transform: rotate(1.2deg); -ms-transform: rotate(1.2deg); -o-transform: rotate(1.2deg); }
		
	.dt-sc-ico-content.type2 { padding: 20px 20px 20px 75px; position: relative; text-align: left; width: auto; transform: rotate(-1.2deg); -webkit-transform: rotate(-1.2deg); -moz-transform: rotate(-1.2deg); -ms-transform: rotate(-1.2deg); -o-transform: rotate(-1.2deg); }
	/*.dt-sc-ico-content-wrapper.type2 .dt-sc-ico-content:after, .dt-sc-ico-content.type3:after { content: none; }	*/
	
	.dt-sc-one-half .dt-sc-ico-content-wrapper.type2 { transform: rotate(0.9deg); -webkit-transform: rotate(0.9deg); -moz-transform: rotate(0.9deg); -ms-transform: rotate(0.9deg); -o-transform: rotate(0.9deg); }
	.dt-sc-one-half .dt-sc-ico-content.type2 { transform: rotate(-0.9deg); -webkit-transform: rotate(-0.9deg); -moz-transform: rotate(-0.9deg); -ms-transform: rotate(-0.9deg); -o-transform: rotate(-0.9deg); }
	
	.dt-sc-one-third .dt-sc-ico-content-wrapper.type2 { transform: rotate(1.2deg); -webkit-transform: rotate(1.2deg); -moz-transform: rotate(1.2deg); -ms-transform: rotate(1.2deg); -o-transform: rotate(1.2deg); }
	.dt-sc-one-third .dt-sc-ico-content.type2 { transform: rotate(-1.2deg); -webkit-transform: rotate(-1.2deg); -moz-transform: rotate(-1.2deg); -ms-transform: rotate(-1.2deg); -o-transform: rotate(-1.2deg); }
		
	.dt-sc-two-third .dt-sc-ico-content-wrapper.type2 { transform: rotate(0.7deg); -webkit-transform: rotate(0.7deg); -moz-transform: rotate(0.7deg); -ms-transform: rotate(0.7deg); -o-transform: rotate(0.7deg); }
	.dt-sc-two-third .dt-sc-ico-content.type2 { transform: rotate(-0.7deg); -webkit-transform: rotate(-0.7deg); -moz-transform: rotate(-0.7deg); -ms-transform: rotate(-0.7deg); -o-transform: rotate(-0.7deg); }	
	
	
	.dt-sc-one-fourth .dt-sc-ico-content-wrapper.type2  { transform: rotate(1.9deg); -webkit-transform: rotate(1.9deg); -moz-transform: rotate(1.9deg); -ms-transform: rotate(1.9deg); -o-transform: rotate(1.9deg); }
	.dt-sc-one-fourth .dt-sc-ico-content.type2 { transform: rotate(-1.9deg); -webkit-transform: rotate(-1.9deg); -moz-transform: rotate(-1.9deg); -ms-transform: rotate(-1.9deg); -o-transform: rotate(-1.9deg); }	
	
	.dt-sc-three-fourth .dt-sc-ico-content-wrapper.type2  { transform: rotate(0.6deg); -webkit-transform: rotate(0.6deg); -moz-transform: rotate(0.6deg); -ms-transform: rotate(0.6deg); -o-transform: rotate(0.6deg); }
	.dt-sc-three-fourth .dt-sc-ico-content.type2 { transform: rotate(-0.6deg); -webkit-transform: rotate(-0.6deg); -moz-transform: rotate(-0.6deg); -ms-transform: rotate(-0.6deg); -o-transform: rotate(-0.6deg); }
	
	
	.dt-sc-one-fifth .dt-sc-ico-content-wrapper.type2  { transform: rotate(1.3deg); -webkit-transform: rotate(1.3deg); -moz-transform: rotate(1.3deg); -ms-transform: rotate(1.3deg); -o-transform: rotate(1.3deg); }
	.dt-sc-one-fifth .dt-sc-ico-content.type2 { transform: rotate(-1.3deg); -webkit-transform: rotate(-1.3deg); -moz-transform: rotate(-1.3deg); -ms-transform: rotate(-1.3deg); -o-transform: rotate(-1.3deg); }	
	
	.dt-sc-two-fifth .dt-sc-ico-content-wrapper.type2  { transform: rotate(1.1deg); -webkit-transform: rotate(1.1deg); -moz-transform: rotate(1.1deg); -ms-transform: rotate(1.1deg); -o-transform: rotate(1.1deg); }
	.dt-sc-two-fifth .dt-sc-ico-content.type2 { transform: rotate(-1.1deg); -webkit-transform: rotate(-1.1deg); -moz-transform: rotate(-1.1deg); -ms-transform: rotate(-1.1deg); -o-transform: rotate(-1.1deg); }		
	
	.dt-sc-three-fifth .dt-sc-ico-content-wrapper.type2  { transform: rotate(0.7deg); -webkit-transform: rotate(0.7deg); -moz-transform: rotate(0.7deg); -ms-transform: rotate(0.7deg); -o-transform: rotate(0.7deg); }
	.dt-sc-three-fifth .dt-sc-ico-content.type2 { transform: rotate(-0.7deg); -webkit-transform: rotate(-0.7deg); -moz-transform: rotate(-0.7deg); -ms-transform: rotate(-0.7deg); -o-transform: rotate(-0.7deg); }
	
	.dt-sc-four-fifth .dt-sc-ico-content-wrapper.type2  { transform: rotate(0.5deg); -webkit-transform: rotate(0.5deg); -moz-transform: rotate(0.5deg); -ms-transform: rotate(0.5deg); -o-transform: rotate(0.5deg); }
	.dt-sc-four-fifth .dt-sc-ico-content.type2 { transform: rotate(-0.5deg); -webkit-transform: rotate(-0.5deg); -moz-transform: rotate(-0.5deg); -ms-transform: rotate(-0.5deg); -o-transform: rotate(-0.5deg); }	
	
	
	.dt-sc-one-sixth .dt-sc-ico-content-wrapper.type2  { transform: rotate(0.8deg); -webkit-transform: rotate(0.8deg); -moz-transform: rotate(0.8deg); -ms-transform: rotate(0.8deg); -o-transform: rotate(0.8deg); }
	.dt-sc-one-sixth .dt-sc-ico-content.type2 { transform: rotate(-0.8deg); -webkit-transform: rotate(-0.8deg); -moz-transform: rotate(-0.8deg); -ms-transform: rotate(-0.8deg); -o-transform: rotate(-0.8deg); }	
	
	.dt-sc-two-sixth .dt-sc-ico-content-wrapper.type2  { transform: rotate(1.2deg); -webkit-transform: rotate(1.2deg); -moz-transform: rotate(1.2deg); -ms-transform: rotate(1.2deg); -o-transform: rotate(1.2deg); }
	.dt-sc-two-sixth .dt-sc-ico-content.type2 { transform: rotate(-1.2deg); -webkit-transform: rotate(-1.2deg); -moz-transform: rotate(-1.2deg); -ms-transform: rotate(-1.2deg); -o-transform: rotate(-1.2deg); }		
	
	.dt-sc-three-sixth .dt-sc-ico-content-wrapper.type2  { transform: rotate(0.9deg); -webkit-transform: rotate(0.9deg); -moz-transform: rotate(0.9deg); -ms-transform: rotate(0.9deg); -o-transform: rotate(0.9deg); }
	.dt-sc-three-sixth .dt-sc-ico-content.type2 { transform: rotate(-0.9deg); -webkit-transform: rotate(-0.9deg); -moz-transform: rotate(-0.9deg); -ms-transform: rotate(-0.9deg); -o-transform: rotate(-0.9deg); }
	
	.dt-sc-four-sixth .dt-sc-ico-content-wrapper.type2  { transform: rotate(0.6deg); -webkit-transform: rotate(0.6deg); -moz-transform: rotate(0.6deg); -ms-transform: rotate(0.6deg); -o-transform: rotate(0.6deg); }
	.dt-sc-four-sixth .dt-sc-ico-content.type2 { transform: rotate(-0.6deg); -webkit-transform: rotate(-0.6deg); -moz-transform: rotate(-0.6deg); -ms-transform: rotate(-0.6deg); -o-transform: rotate(-0.6deg); }		
	
	.dt-sc-five-sixth .dt-sc-ico-content-wrapper.type2  { transform: rotate(0.5deg); -webkit-transform: rotate(0.5deg); -moz-transform: rotate(0.5deg); -ms-transform: rotate(0.5deg); -o-transform: rotate(0.5deg); }
	.dt-sc-five-sixth .dt-sc-ico-content.type2 { transform: rotate(-0.5deg); -webkit-transform: rotate(-0.5deg); -moz-transform: rotate(-0.5deg); -ms-transform: rotate(-0.5deg); -o-transform: rotate(-0.5deg); }		
	
	.dt-sc-ico-content.type2 .icon { position: absolute; left: 5px; top: 20px; text-align: center; width: 65px; }
	
	.dt-sc-ico-content.type2 span { font-size: 50px; line-height: 50px; }
	.dt-sc-ico-content.type2 span img { height: auto; max-width: 45px !important; }
	
	.dt-sc-ico-content.type2 h3, .dt-sc-ico-content.type2 h4, .dt-sc-ico-content.type2 h5, .dt-sc-ico-content.type2 h6 { font-size: 20px; margin: 0 0 15px; text-transform: capitalize; }
	.dt-sc-ico-content.type2 p { margin: 0; padding: 0; }
	.dt-sc-ico-content.type2 span.fa-mobile { font-size: 75px; }
	.dt-sc-ico-content.type2 span.fa-envelope { font-size: 45px; } 
	
	.dt-sc-ico-content-wrapper.type2.frameless { padding: 0; }
	.dt-sc-ico-content-wrapper.type2.frameless, .dt-sc-ico-content-wrapper.type2.frameless .dt-sc-ico-content { transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
	.dt-sc-ico-content-wrapper.type2.frameless .icon { left: 0; /*top: 25px;*/ }
	
	.dt-sc-ico-content-wrapper.type2.frameless .dt-sc-ico-content.type2.right { padding: 20px 75px 20px 20px; position: relative; text-align: right; }
	.dt-sc-ico-content-wrapper.type2.frameless .dt-sc-ico-content.type2.right .icon { left: auto; right: 5px; }	
	
	.dt-sc-ico-content.type3 { background: none; display: inline-block; margin-bottom: 35px; padding: 0; position: relative; width: 100%; }
	.dt-sc-ico-content.type3 .icon { display: block; float: left; line-height: 0; margin: 0 20px 0 0; text-align: center; width: 70px; }
	.dt-sc-ico-content.type3 .icon span { display: inline-block; width: 100%; }
	.dt-sc-ico-content.type3 .icon span.fa { font-size: 60px; line-height: 60px; }
	.dt-sc-ico-content.type3 .icon span img { max-width: 60px; }
	.dt-sc-ico-content.type3 h3, .dt-sc-ico-content.type3 h4, .dt-sc-ico-content.type3 h5, .dt-sc-ico-content.type3 h6 { display: block; font-size: 16px; line-height: 24px; margin: 0; padding: 14px 0 16px; text-align: left; }
	/*.dt-sc-ico-content-wrapper.type3 h3 { font-size: 18px; }*/	
	
	.dt-sc-ico-content.type4 { border-bottom: 1px solid; margin: 0 0 25px; padding: 0 0 15px 85px; position: relative; z-index: 1; }
	.dt-sc-ico-content.type4 .icon { display: inline-block; height: 60px; position: absolute; left: 0; top: 2px; width: 60px; }
	.dt-sc-ico-content.type4 .icon span { border: medium none; display: inline-block; height: 60px; position: relative; text-align: center; width: 60px; }
	.dt-sc-ico-content.type4 .icon span.fa { font-size: 26px; line-height: 60px; }	
	
	.dt-sc-ico-content.type4 .icon span img { height: auto; max-width: 30px !important; }	
	
	.dt-sc-ico-content.type4.right { padding: 0 85px 15px 0; }
	.dt-sc-ico-content.type4.right .icon { left: auto; right: 0; }
	
	.dt-sc-ico-content.type1 .icon span, .dt-sc-ico-content.type4 .icon { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
	
	.dt-sc-ico-content.type4 .icon span:after { content: ""; height: 100%; opacity: 0; filter: alpha(opacity=0); padding: 4px; pointer-events: none; position: absolute; left: -4px; top: -4px; width: 100%; z-index: -1; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; transform: scale(0.8); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transition: transform 0.2s linear 0s, opacity 0.3s linear 0s; -webkit-transition: transform 0.2s linear 0s, opacity 0.3s linear 0s; -moz-transition: transform 0.2s linear 0s, opacity 0.3s linear 0s; -ms-transition: transform 0.2s linear 0s, opacity 0.3s linear 0s; -o-transition: transform 0.2s linear 0s, opacity 0.3s linear 0s; }
	
	.dt-sc-ico-content.type4:hover .icon span:after { opacity: 1; filter: alpha(opacity=100); transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }		
	
	.dt-sc-ico-content.type4 h3, .dt-sc-ico-content.type4 h4, .dt-sc-ico-content.type4 h5, .dt-sc-ico-content.type4 h6 { font-size: 20px; margin: 0 0 15px; }
	
	.dt-sc-animate-num .dt-sc-icon img, .dt-sc-ico-content.type4 .icon span img { height: auto; margin: auto; position: absolute; bottom: 0; left: 0; right: 0; top: 0; width: auto; }	
		
	
	/*----*****---- << Team >> ----*****----*/
	
	.carousel-wrapper .team-carousel li { padding:0; }
	.dt-sc-team.type1 { display: block; float: left; overflow: hidden; padding: 30px 20px; position: relative; text-align: center; width: 100%; }
	.dt-sc-team.type1 .dt-sc-team-thumb { display: block; float: left; margin: 0 0 30px; padding: 0; position: relative; width: 100%; }
	
	.dt-sc-team.type1 h3, .dt-sc-team.type1 h6 { clear: both; margin-bottom: 10px; }		
	.dt-sc-team.type1 h3 { font-size: 20px; }
	.dt-sc-team.type1 h6 { font-size: 14px; margin-bottom: 20px; }
		
	.dt-sc-team.type1 .dt-sc-team-thumb .image { display: inline-block; height: auto; line-height: 0; max-width: 250px; position: relative; width: 75%; }
	
	.dt-sc-one-fifth .dt-sc-team.type1 .dt-sc-team-thumb, .dt-sc-one-sixth .dt-sc-team.type1 .dt-sc-team-thumb { margin: 0 0 15px; }
	.dt-sc-one-sixth .dt-sc-team.type1 .dt-sc-team-thumb .image { width: 85%; }
	
	.dt-sc-one-fifth .dt-sc-team.type1 .dt-sc-social-icons li a { font-size: 18px; }	
	.dt-sc-one-sixth .dt-sc-team.type1 .dt-sc-social-icons li a { font-size: 15px; }
	
	.dt-sc-one-fifth .dt-sc-team.type1 h3, .dt-sc-one-sixth .dt-sc-team.type1 h3 { font-size: 18px; }
	.dt-sc-one-fifth .dt-sc-team.type1 h6, .dt-sc-one-sixth .dt-sc-team.type1 h6 { font-size: 12px; }
	
	.dt-sc-team.type1 .dt-sc-team-thumb .image, .dt-sc-team.type1 .dt-sc-team-thumb .image img, .dt-sc-team.type1 .dt-sc-team-thumb .image:before { border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; }
	
	.dt-sc-team.type1 .dt-sc-team-thumb .image:before { content: ""; background-image: url(//www.intechs.gr/wp-content/plugins/designthemes-core-features/shortcodes/images/bordered-circle.png); background-size: 100% 100%; margin: auto; position: absolute; bottom: -10px; left: -10px; right: -10px; top: -10px; }
		
	.dt-sc-team.type1 .dt-sc-social-icons { border-top: 1px solid; float: left; margin-bottom: 0; padding: 10px 0 0; width: 100%; }
	.dt-sc-team.type1 .dt-sc-social-icons li { background: none; display: inline-block; height: auto; margin: 0; padding: 0; width: auto; }
	.dt-sc-team.type1 .dt-sc-social-icons li a { display:block; font-size: 20px; padding: 10px; }
	.dt-sc-team.type1 .dt-sc-social-icons li:after { content: none; }
	
	.dt-sc-team.type1 .dt-sc-social-icons li.delicious:hover a { color: #2648be; }
	.dt-sc-team.type1 .dt-sc-social-icons li.deviantart:hover a { color: #54675a; }
	.dt-sc-team.type1 .dt-sc-social-icons li.digg:hover a { color: #1a5891; }
	.dt-sc-team.type1 .dt-sc-social-icons li.dribbble:hover a { color: #f974a4; }
	.dt-sc-team.type1 .dt-sc-social-icons li.facebook:hover a { color: #3c5b9b; }
	.dt-sc-team.type1 .dt-sc-social-icons li.flickr:hover a { color: #e30377; }
	.dt-sc-team.type1 .dt-sc-social-icons li.google-plus:hover a { color: #ba3526; }
	.dt-sc-team.type1 .dt-sc-social-icons li.gtalk:hover a { color: #23458f; }
	.dt-sc-team.type1 .dt-sc-social-icons li.lastfm:hover a { color: #d12540; }
	.dt-sc-team.type1 .dt-sc-social-icons li.linkedin:hover a { color: #0173b2; }
	.dt-sc-team.type1 .dt-sc-social-icons li.mail:hover a { color: #edc719; }
	.dt-sc-team.type1 .dt-sc-social-icons li.myspace:hover a { color: #4f79c6; }
	.dt-sc-team.type1 .dt-sc-social-icons li.picasa:hover a { color: #8a66a3; }
	.dt-sc-team.type1 .dt-sc-social-icons li.pinterest:hover a { color: #ca1325; }
	.dt-sc-team.type1 .dt-sc-social-icons li.reddit:hover a { color: #ff1a00; }
	.dt-sc-team.type1 .dt-sc-social-icons li.rss:hover a { color: #ffb922; }
	.dt-sc-team.type1 .dt-sc-social-icons li.skype:hover a { color: #00aaf1; }
	.dt-sc-team.type1 .dt-sc-social-icons li.stumbleupon a { color: #eb4924; }
	.dt-sc-team.type1 .dt-sc-social-icons li.technorati a { color: #5bb834; }
	.dt-sc-team.type1 .dt-sc-social-icons li.tumblr:hover a { color: #2a445f; }
	.dt-sc-team.type1 .dt-sc-social-icons li.twitter:hover a { color: #2caae1; } 
	.dt-sc-team.type1 .dt-sc-social-icons li.viadeo:hover a { color: #f4982b; }
	.dt-sc-team.type1 .dt-sc-social-icons li.vimeo:hover a { color: #41b2dc; }
	.dt-sc-team.type1 .dt-sc-social-icons li.yahoo:hover a { color: #7c1f70; }
	.dt-sc-team.type1 .dt-sc-social-icons li.youtube:hover a { color: #ff3431; }		
	
	.dt-sc-team:hover .dt-sc-team-thumb .image:before {
		animation: 0.1s linear 0s normal none infinite running rotating;
		-webkit-animation: 0.1s linear 0s normal none infinite running rotating;
		-moz-animation: 0.1s linear 0s normal none infinite running rotating;
		-ms-animation: 0.1s linear 0s normal none infinite running rotating;
		-o-animation: 0.1s linear 0s normal none infinite running rotating;
	}	
	
	.dt-sc-team.type2, .dt-sc-team.type2 .dt-sc-team-thumb { float: left; width: 100%; }
	.dt-sc-team.type2 .dt-sc-team-thumb img { float: left; height: auto; width: 100%; }
	.dt-sc-team.type2 .dt-sc-team-thumb .dt-sc-social-icons img { width: auto; }
	
	.dt-sc-team.type2 .dt-sc-team-thumb { margin-bottom: 0; overflow: hidden; position: relative; }
	.dt-sc-team.type2 .dt-sc-team-thumb .dt-sc-thumb-overlay { background-image: url(//www.intechs.gr/wp-content/plugins/designthemes-core-features/shortcodes/images/team-img-overlay.png); background-repeat: repeat; float: left; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; width: 100%; z-index:9; visibility:hidden\0/; }
	
	.dt-sc-team.type2:hover .dt-sc-team-thumb .dt-sc-social-icons { opacity:1; filter:alpha(opacity=100); transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -ms-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; visibility:visible; }
	
	.dt-sc-team.type2 .dt-sc-team-thumb .dt-sc-social-icons { height: auto; margin: 0; opacity: 0; position: absolute; bottom: 10px; text-align: center; transition-duration: 0.4s; -webkit-transition-duration: 0.4s;  -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; width: 100%; }
		
	.dt-sc-team.type2:hover .dt-sc-team-thumb .dt-sc-thumb-overlay { opacity:1; transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; text-align:center;  visibility:visible\0/; }
	
	.dt-sc-team.type2 .dt-sc-team-details { border-color: #eff0f0; border-style: solid; border-width: 1px 1px 4px; clear: both; float: left; padding: 15px 0 0; text-align: center; width: 100%; }
	
	.dt-sc-team.type2:hover .dt-sc-team-details { background: #f5f5f5; }
	
	.dt-sc-team.type2 h3 { font-size: 18px; margin-bottom: 15px; }
	.dt-sc-team.type2 h6 { font-size: 14px; } 
	
	.dt-sc-one-fifth .dt-sc-team.type2 h3, .dt-sc-one-sixth .dt-sc-team.type2 h3 { font-size: 20px; }
	.dt-sc-one-fifth .dt-sc-team.type2 h6, .dt-sc-one-sixth .dt-sc-team.type2 h6 { font-size: 14px; }	

/*	.dt-sc-team-carousel li { margin: 0 0 0 20px; }
	.dt-sc-team-carousel li:nth-child(3n+1) { margin-left: 0; }*/	
	
	.dt-sc-team-carousel li .dt-sc-social-icons li { float: none; }
	
	
	/*----*****---- << Testimonials >> ----*****----*/
	
	.dt-sc-testimonial-wrapper { clear: both; float: left; margin: 30px 0 0; padding: 0; width: 100%; }
	.dt-sc-testimonial-wrapper .dt-sc-rounded-image, .carousel-testimonials li .dt-sc-rounded-image { float: left; margin: 0 25px 0 0; width: auto; }
	.dt-sc-testimonial-wrapper .dt-sc-rounded-image img, .carousel-testimonials li .dt-sc-rounded-image img { max-height: 65px; max-width: 65px; border-radius: 65px; -webkit-border-radius: 65px; -moz-border-radius: 65px; -ms-border-radius: 65px; -o-border-radius: 65px; }
	
	.dt-sc-testimonial-wrapper .dt-sc-rounded-image span, .carousel-testimonials li .dt-sc-rounded-image span { border: 5px solid; display: inline-block; max-height: 65px; max-width: 65px; transition: all 1s ease 0s; border-radius: 65px; box-shadow:0 0 5px #dedede; -moz-box-shadow:0 0 5px #dedede; -ms-box-shadow:0 0 5px #dedede; -o-box-shadow:0 0 5px #dedede; -webkit-box-shadow:0 0 5px #dedede; border-radius:65px; -moz-border-radius:65px; -ms-border-radius:65px; -o-border-radius:65px; -webkit-border-radius:65px; }
	
	.dt-sc-testimonial-content { float: right; margin: 0; padding: 0; width: 91%; }
	.dt-sc-testimonial-content blockquote { background: none; border: 1px solid; float:right; font-size: 13px; font-style: normal; margin: 0; padding: 15px 10px 20px 30px; position: relative; z-index: 0; border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; }
	.dt-sc-testimonial-content blockquote cite { float:left; }	
	.dt-sc-testimonial-content blockquote cite, .dt-sc-testimonial-content blockquote cite span { font-style:normal; }
	.dt-sc-testimonial-content blockquote span { background: none; float: none; height: auto; margin: 0; width: auto; border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; -webkit-border-radius:0; }
	
	.dt-sc-testimonial-content blockquote span.quote-shape { content:""; background-image: url(//www.intechs.gr/wp-content/plugins/designthemes-core-features/shortcodes/images/quote-angle-shape.png); background-repeat: no-repeat; height: 10px; position: absolute; left: -20px; top: 6px; width: 20px; }
	.dt-sc-testimonial-content blockquote:before { content:""; background-image: url(//www.intechs.gr/wp-content/plugins/designthemes-core-features/shortcodes/images/bl-quote.png); background-repeat: no-repeat; height: 60px; position: absolute; left: 10px; top: 10px; width: 71px; z-index: -1; }	
	
	.column .dt-sc-testimonial-content { float: left; width: 82%; }
	.dt-sc-one-third .dt-sc-testimonial-content, .dt-sc-two-sixth .dt-sc-testimonial-content { float: right; width: 72%; }
	.dt-sc-one-fourth .dt-sc-testimonial-content { float: right; width: 62%; }
	.dt-sc-one-fifth .dt-sc-testimonial-content { float: right; width: 52%; }
	.dt-sc-one-sixth .dt-sc-testimonial-content { float: right; width: 42%; }
	
	.dt-sc-one-sixth .dt-sc-testimonial-wrapper .dt-sc-rounded-image span { border-width: 3px; max-height: 30px; max-width: 30px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px;  }
	
	.dt-sc-two-fifth .dt-sc-testimonial-content { float: right; width: 76%; }
	
	.carousel-wrapper, .dt-sc-testimonial-carousel-wrapper, .dt-sc-team-carousel-wrapper { float: left; margin: 0; padding: 0; position:relative; width: 100%; }
	.dt-sc-team-carousel {  float: left; margin: 0; padding: 0; width: 100%; }
	
	.dt-sc-testimonial-carousel li, .dt-sc-team-carousel li { display: block; float: left; margin: 0 10px; padding: 0; }
	.dt-sc-testimonial-carousel li .dt-sc-testimonial-wrapper .dt-sc-testimonial-content { float: right; width: 82%; }
	.dt-sc-testimonial-carousel-wrapper .dt-sc-testimonial-wrapper .rounded-image { margin: 0 0 0 5px; }
	
	
	/*----*****---- << Domains Lists >> ----*****----*/
	
	.dt-sc-domains-list { border-top: 1px solid; float: left; width: 100%; }
	.dt-sc-domains-list li h3 { display: inline-block; font-weight: 300; margin: 0; vertical-align: middle; }
	.dt-sc-domains-list li { border-bottom: 1px solid; display: inline; float: left; padding: 10px 0 !important; width: 100%; }
	
	.dt-sc-domains-list li .dt-sc-button { float: right; margin: 0; text-align: right; }
	
	
	/*----*****---- << Search Carousel >> ----*****----*/
	
	.search-carousel-wrapper { display: block; float: left; position: relative; width: 100%; }	
	.search-prev, .search-next { display: block; height: 36px; line-height: 36px; position: absolute; text-align: center; top: 34%; width: 36px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
	.search-prev { left: -36px; }
	.search-next { right: -36px; }
	
	.search-prev span, .search-next span { display: inline-block; font-size: 14px; height: 36px; line-height: 36px; width: 36px; }
	.search-next.disabled, .search-prev.disabled { display: none !important; opacity: 0; filter: alpha(opacity=0); }
	
	
	.frequent-loads { float: left; width: 100%; }
	.frequent-loads li { border: 1px solid; display: inline; font-size: 16px; float: left; margin: 0 10px; min-height: 100%; padding: 15px; text-align: center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
	.frequent-loads li span { display: block; font-size: 50px; margin: 0 0 10px; }	
	
	.frequent-loads.domains-list li { background: #fff; padding: 0; display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; justify-content: center; align-items: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; }
	.frequent-loads li .dom-pack { display: block; padding: 30px 15px; position: relative; width: 100%; z-index: 0; }
	
	.frequent-loads li .dom-pack span { font-size: 24px; line-height: 36px; }
	.frequent-loads li .dom-pack span sub { bottom: 0; }
		
	.frequent-loads li .dom-pack.featured:before { content: ""; border: 1px solid; position: absolute; bottom: 10px; left: 10px; right: 10px; top: 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;  }	
	
	
	/******** Partner Carousel ********/
	
	.dt-sc-sponsor-carousel-wrapper { float: left; margin: 0; padding: 0; position: relative; width: 100%; }
	.dt-sc-sponsor-carousel { float: left; margin: 0; padding: 0; width: 100%; }
	.dt-sc-sponsor-carousel li { float: left; height: 66px; margin: 0 18px; padding: 0; text-align: center; /*width: 160px !important;*/ } 
	.dt-sc-sponsor-carousel li a { display: block; height: 100%; position: relative; width: 100%; }
	.dt-sc-sponsor-carousel li a:hover { opacity: 0.5; filter: alpha(opacity=55); }
	.dt-sc-sponsor-carousel li img { margin: auto; max-height: 100%; max-width: 100%; position: absolute; bottom: 0; left: 0; right: 0; top: 0; }
	.dt-sc-sponsor-carousel li a:hover img { transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; opacity: 1; filter: alpha(opacity=100); }	


	/*----*****---- << Contact Info >> ----*****----*/			
		
	.dt-sc-contact-info { clear: both; display: block; float: left; width: 100%; }
	.dt-sc-contact-info i { display: inline-block; font-size: 15px; line-height: normal; margin: 0 10px 0 0; }
	.dt-sc-contact-info span { font-weight: bold; }
	.dt-sc-contact-info.bio { border-bottom: 1px solid; margin:0 0 15px; padding: 0 0 20px; }
	.dt-sc-contact-info h4 { margin-bottom: 10px; }
	
	
	/*----*****---- << Carousel Sliders >> ----*****----*/	
		
	#slider { clear: both; display: block; float: left; margin: 0; padding: 0; position: relative; width: 100%; }
	#slider-container { float: left; margin: 0; padding: 0; width: 100%; }
	#slider-container img { float: left; width: 100%; max-width: 100%; }
	
	.slider-wrapper { border-top: 1px solid #222932; }
	.slider-wrapper, .page-slider-wrapper { display :block; float: left; position: relative; width:100%; }
	.slider-wrapper .caroufredsel_wrapper { margin: 0 !important; }	
	.slider-wrapper .main-slider li { float: left; height: auto; margin: 0; padding: 0; width: 100%; }
	.slider-wrapper .main-slider li img {  float: left; height: auto; max-width: 100%; width: 100%; }
	.slide-controls-wrapper { float: left; margin: -111px 0 0; outline: 0; position: relative; width: 100%; z-index: 1;  }	
	.slide-controls { display: block; float: none; margin: 0 auto; max-width: 1170px; }
	.slide-controls li { border-style: solid; border-width: 0 1px 1px 0; float: left; margin: 0; padding: 0; text-align: center; width: 16.35%; }
	.slide-controls li:last-child { border-right: none; }
	.slide-controls li a { background: #fff; display: block; font-size: 16px; line-height: 30px; padding: 30px 0; position: relative; }	
	.slide-controls li a .fa { display: block; margin-bottom: 5px; }	
	.slide-controls li.selected a:after { content: ""; border-left: 95px solid rgba(0,0,0,0); border-right: 95px solid rgba(0,0,0,0); border-bottom: 35px solid; position: absolute; top: -35px; left: 0; right: 0; width: auto; }
	
	.page-slider-wrapper h3, .page-slider-wrapper h4, .page-slider-wrapper h5, .page-slider-wrapper h6 { font-size: 20px; line-height: 36px; }
	.page-slider-wrapper h3 span { font-weight: bold; }
	
	.page-slider-wrapper.left-slide .column.first { float: right; }
	.page-slider-wrapper.left-slide .column.last { margin: 0 2% 0 0; }
	
	.page-slider { display: block; margin: 0; padding: 0; }
	.page-slider li { float: left; line-height: 0; margin: 0; padding: 0; width: 100%; }
	.page-slider li img { display: inline-block; height: auto; width: 100%; }
	
	.slide-nav-control-wrapper ul { display: block; margin: 0; padding: 0; }
	.slide-nav-control-wrapper ul li { display: block; float: left; margin: 0 0 0 2%; padding-bottom: 0; text-align: left; width: 48%; }
	
	.slide-nav-control-wrapper ul.dt-sc-fancy-list li, .slide-nav-control-wrapper ul.dt-sc-fancy-list.type2 li { line-height: 36px; }
	.slide-nav-control-wrapper ul li:hover { cursor: pointer; }
	.slide-nav-control-wrapper ul li span.fa { vertical-align: middle; }
	
	.page-slider-wrapper .buttons { margin: 20px 0 0; }	
	
	
	/*----*****---- << Retina Images >> ----*****----*/
	
	@media only screen and (-moz-min-device-pixel-ratio: 1.5), 
	only screen and (-o-min-device-pixel-ratio: 3/2), 
	only screen and (-webkit-min-device-pixel-ratio: 1.5), 
	only screen and (min-devicepixel-ratio: 1.5), 
	only screen and (min-resolution: 1.5dppx) {
		
		.dt-sc-hr { background-image: url(//www.intechs.gr/wp-content/plugins/designthemes-core-features/shortcodes/images/splitter@2x.png); background-size: 9px 10px; }
		.dt-sc-hr-medium { background-image: url(//www.intechs.gr/wp-content/plugins/designthemes-core-features/shortcodes/images/splitter-medium@2x.png); background-size: 15px 16px; }
		.dt-sc-hr-large { background-image: url(//www.intechs.gr/wp-content/plugins/designthemes-core-features/shortcodes/images/splitter-large@2x.png); background-size: 15px 22px; }
		
		.dt-sc-team.type1 .dt-sc-team-thumb .image:before { background-image: url(//www.intechs.gr/wp-content/plugins/designthemes-core-features/shortcodes/images/bordered-circle@2x.png); background-size: 100% 100%; }
		.dt-sc-team.type2 .dt-sc-team-thumb .dt-sc-thumb-overlay { background-image: url(//www.intechs.gr/wp-content/plugins/designthemes-core-features/shortcodes/images/team-img-overlay@2x.png); background-size: 2px 2px; }
		
		.dt-sc-testimonial-content blockquote span.quote-shape { background-image: url(//www.intechs.gr/wp-content/plugins/designthemes-core-features/shortcodes/images/quote-angle-shape@2x.png); background-size: 20px 10px; }
		.dt-sc-testimonial-content blockquote:before { background-image: url(//www.intechs.gr/wp-content/plugins/designthemes-core-features/shortcodes/images/bl-quote@2x.png); background-size: 71px 60px; }		
	}		.animate {
	-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;
			visibility:hidden;
			
}

.animate.hinge {
	-webkit-animation-duration: 2s;
	   -moz-animation-duration: 2s;
	     -o-animation-duration: 2s;
	        animation-duration: 2s;
}

@-webkit-keyframes flash {
	0%, 50%, 100% {opacity: 1;}
	25%, 75% {opacity: 0;}
}

@-moz-keyframes flash {
	0%, 50%, 100% {opacity: 1;}
	25%, 75% {opacity: 0;}
}

@-o-keyframes flash {
	0%, 50%, 100% {opacity: 1;}
	25%, 75% {opacity: 0;}
}

@keyframes flash {
	0%, 50%, 100% {opacity: 1;}
	25%, 75% {opacity: 0;}
}

.animate.flash {
	-webkit-animation-name: flash;
	-moz-animation-name: flash;
	-o-animation-name: flash;
	animation-name: flash;
	visibility: visible !important;
}
@-webkit-keyframes shake {
	0%, 100% {-webkit-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}

@-moz-keyframes shake {
	0%, 100% {-moz-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}

@-o-keyframes shake {
	0%, 100% {-o-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}

@keyframes shake {
	0%, 100% {transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
	20%, 40%, 60%, 80% {transform: translateX(10px);}
}

.animate.shake {
	-webkit-animation-name: shake;
	-moz-animation-name: shake;
	-o-animation-name: shake;
	animation-name: shake;
	visibility: visible !important;
}
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}

@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}

.animate.bounce {
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-o-animation-name: bounce;
	animation-name: bounce;
	visibility: visible !important;
}
@-webkit-keyframes tada {
	0% {-webkit-transform: scale(1);}
	10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
	100% {-webkit-transform: scale(1) rotate(0);}
}

@-moz-keyframes tada {
	0% {-moz-transform: scale(1);}
	10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
	100% {-moz-transform: scale(1) rotate(0);}
}

@-o-keyframes tada {
	0% {-o-transform: scale(1);}
	10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
	100% {-o-transform: scale(1) rotate(0);}
}

@keyframes tada {
	0% {transform: scale(1);}
	10%, 20% {transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
	100% {transform: scale(1) rotate(0);}
}

.animate.tada {
	-webkit-animation-name: tada;
	-moz-animation-name: tada;
	-o-animation-name: tada;
	animation-name: tada;
	visibility: visible !important;
}
@-webkit-keyframes swing {
	20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
	20% { -webkit-transform: rotate(15deg); }
	40% { -webkit-transform: rotate(-10deg); }
	60% { -webkit-transform: rotate(5deg); }
	80% { -webkit-transform: rotate(-5deg); }
	100% { -webkit-transform: rotate(0deg); }
}

@-moz-keyframes swing {
	20% { -moz-transform: rotate(15deg); }
	40% { -moz-transform: rotate(-10deg); }
	60% { -moz-transform: rotate(5deg); }
	80% { -moz-transform: rotate(-5deg); }
	100% { -moz-transform: rotate(0deg); }
}

@-o-keyframes swing {
	20% { -o-transform: rotate(15deg); }
	40% { -o-transform: rotate(-10deg); }
	60% { -o-transform: rotate(5deg); }
	80% { -o-transform: rotate(-5deg); }
	100% { -o-transform: rotate(0deg); }
}

@keyframes swing {
	20% { transform: rotate(15deg); }
	40% { transform: rotate(-10deg); }
	60% { transform: rotate(5deg); }
	80% { transform: rotate(-5deg); }
	100% { transform: rotate(0deg); }
}

.animate.swing {
	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	-o-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	-moz-animation-name: swing;
	-o-animation-name: swing;
	animation-name: swing;
	visibility: visible !important;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% { -webkit-transform: translateX(0%); }
  15% { -webkit-transform: translateX(-25%) rotate(-5deg); }
  30% { -webkit-transform: translateX(20%) rotate(3deg); }
  45% { -webkit-transform: translateX(-15%) rotate(-3deg); }
  60% { -webkit-transform: translateX(10%) rotate(2deg); }
  75% { -webkit-transform: translateX(-5%) rotate(-1deg); }
  100% { -webkit-transform: translateX(0%); }
}

@-moz-keyframes wobble {
  0% { -moz-transform: translateX(0%); }
  15% { -moz-transform: translateX(-25%) rotate(-5deg); }
  30% { -moz-transform: translateX(20%) rotate(3deg); }
  45% { -moz-transform: translateX(-15%) rotate(-3deg); }
  60% { -moz-transform: translateX(10%) rotate(2deg); }
  75% { -moz-transform: translateX(-5%) rotate(-1deg); }
  100% { -moz-transform: translateX(0%); }
}

@-o-keyframes wobble {
  0% { -o-transform: translateX(0%); }
  15% { -o-transform: translateX(-25%) rotate(-5deg); }
  30% { -o-transform: translateX(20%) rotate(3deg); }
  45% { -o-transform: translateX(-15%) rotate(-3deg); }
  60% { -o-transform: translateX(10%) rotate(2deg); }
  75% { -o-transform: translateX(-5%) rotate(-1deg); }
  100% { -o-transform: translateX(0%); }
}

@keyframes wobble {
  0% { transform: translateX(0%); }
  15% { transform: translateX(-25%) rotate(-5deg); }
  30% { transform: translateX(20%) rotate(3deg); }
  45% { transform: translateX(-15%) rotate(-3deg); }
  60% { transform: translateX(10%) rotate(2deg); }
  75% { transform: translateX(-5%) rotate(-1deg); }
  100% { transform: translateX(0%); }
}

.animate.wobble {
	-webkit-animation-name: wobble;
	-moz-animation-name: wobble;
	-o-animation-name: wobble;
	animation-name: wobble;
	visibility: visible !important;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-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); }
}

.animate.pulse {
	-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	-o-animation-name: pulse;
	animation-name: pulse;
	visibility: visible !important;
}
@-webkit-keyframes flip {
	0% {
		-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
		-webkit-animation-timing-function: ease-out;
	}
	40% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
		-webkit-animation-timing-function: ease-out;
	}
	50% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-webkit-animation-timing-function: ease-in;
	}
	80% {
		-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
		-webkit-animation-timing-function: ease-in;
	}
	100% {
		-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
		-webkit-animation-timing-function: ease-in;
	}
}
@-moz-keyframes flip {
	0% {
		-moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
		-moz-animation-timing-function: ease-out;
	}
	40% {
		-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
		-moz-animation-timing-function: ease-out;
	}
	50% {
		-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-moz-animation-timing-function: ease-in;
	}
	80% {
		-moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
		-moz-animation-timing-function: ease-in;
	}
	100% {
		-moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
		-moz-animation-timing-function: ease-in;
	}
}
@-o-keyframes flip {
	0% {
		-o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
		-o-animation-timing-function: ease-out;
	}
	40% {
		-o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
		-o-animation-timing-function: ease-out;
	}
	50% {
		-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-o-animation-timing-function: ease-in;
	}
	80% {
		-o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
		-o-animation-timing-function: ease-in;
	}
	100% {
		-o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
		-o-animation-timing-function: ease-in;
	}
}
@keyframes flip {
	0% {
		transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
		animation-timing-function: ease-out;
	}
	40% {
		transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
		animation-timing-function: ease-out;
	}
	50% {
		transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		animation-timing-function: ease-in;
	}
	80% {
		transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
		animation-timing-function: ease-in;
	}
	100% {
		transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
		animation-timing-function: ease-in;
	}
}

.animate.flip {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flip;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flip;
	-o-backface-visibility: visible !important;
	-o-animation-name: flip;
	backface-visibility: visible !important;
	animation-name: flip;
	visibility: visible !important;
}
@-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;
    }
}

.animate.flipInX {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipInX;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipInX;
	backface-visibility: visible !important;
	animation-name: flipInX;
	visibility: visible !important;
}
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

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

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

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

.animate.flipOutX {
	-webkit-animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	-moz-animation-name: flipOutX;
	-moz-backface-visibility: visible !important;
	-o-animation-name: flipOutX;
	-o-backface-visibility: visible !important;
	animation-name: flipOutX;
	backface-visibility: visible !important;
	visibility: visible !important;
}
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

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

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

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

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

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

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

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

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

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

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

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

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

.animate.flipInY {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipInY;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipInY;
	backface-visibility: visible !important;
	animation-name: flipInY;
	visibility: visible !important;
}
@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@-moz-keyframes flipOutY {
    0% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@-o-keyframes flipOutY {
    0% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@keyframes flipOutY {
    0% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

.animate.flipOutY {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipOutY;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipOutY;
	backface-visibility: visible !important;
	animation-name: flipOutY;
	visibility: visible !important;
}
@-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;}
}

.animate.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
	visibility: visible !important;
}
@-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);
	}
}

.animate.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
	visibility: visible !important;
}
@-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);
	}
}

.animate.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
	visibility: visible !important;
}
@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}

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

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

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

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

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

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

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

.animate.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
	visibility: visible !important;
}
@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
	}

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

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

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

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

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

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

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

.animate.fadeInRight {
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	animation-name: fadeInRight;
	visibility: visible !important;
}
@-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);
	}
}

.animate.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	-moz-animation-name: fadeInUpBig;
	-o-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
	visibility: visible !important;
}
@-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);
	}
}

.animate.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	-moz-animation-name: fadeInDownBig;
	-o-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
	visibility: visible !important;
}
@-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);
	}
}

.animate.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	-moz-animation-name: fadeInLeftBig;
	-o-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
	visibility: visible !important;
}
@-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);
	}
}

.animate.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	-moz-animation-name: fadeInRightBig;
	-o-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig;
	visibility: visible !important;
}
@-webkit-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

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

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

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

.animate.fadeOut {
	-webkit-animation-name: fadeOut;
	-moz-animation-name: fadeOut;
	-o-animation-name: fadeOut;
	animation-name: fadeOut;
	visibility: visible !important;
}
@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}
}
@-moz-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}
}
@-o-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}

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

	100% {
		opacity: 0;
		transform: translateY(-20px);
	}
}

.animate.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	-moz-animation-name: fadeOutUp;
	-o-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
	visibility: visible !important;
}
@-webkit-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}

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

@-moz-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}

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

@-o-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}

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

@keyframes fadeOutDown {
	0% {
		opacity: 1;
		transform: translateY(0);
	}

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

.animate.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	-moz-animation-name: fadeOutDown;
	-o-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
	visibility: visible !important;
}
@-webkit-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}

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

@-moz-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}

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

@-o-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}

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

@keyframes fadeOutLeft {
	0% {
		opacity: 1;
		transform: translateX(0);
	}

	100% {
		opacity: 0;
		transform: translateX(-20px);
	}
}

.animate.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	-moz-animation-name: fadeOutLeft;
	-o-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
	visibility: visible !important;
}
@-webkit-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}

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

@-moz-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}

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

@-o-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}

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

@keyframes fadeOutRight {
	0% {
		opacity: 1;
		transform: translateX(0);
	}

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

.animate.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	-moz-animation-name: fadeOutRight;
	-o-animation-name: fadeOutRight;
	animation-name: fadeOutRight;
	visibility: visible !important;
}
@-webkit-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}

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

@-moz-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}

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

@-o-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}

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

@keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		transform: translateY(-2000px);
	}
}

.animate.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	-moz-animation-name: fadeOutUpBig;
	-o-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig;
	visibility: visible !important;
}
@-webkit-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}

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

@-moz-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}

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

@-o-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}

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

@keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		transform: translateY(0);
	}

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

.animate.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	-moz-animation-name: fadeOutDownBig;
	-o-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig;
	visibility: visible !important;
}
@-webkit-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}

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

@-moz-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}

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

@-o-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}

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

@keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		transform: translateX(0);
	}

	100% {
		opacity: 0;
		transform: translateX(-2000px);
	}
}

.animate.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	-moz-animation-name: fadeOutLeftBig;
	-o-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig;
	visibility: visible !important;
}
@-webkit-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}

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

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

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

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

.animate.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	-moz-animation-name: fadeOutRightBig;
	-o-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig;
	visibility: visible !important;
}
@-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);
	}
}

.animate.bounceIn {
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;
	visibility: visible !important;
}
@-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);
	}
}

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

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

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

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

.animate.bounceInUp {
	-webkit-animation-name: bounceInUp;
	-moz-animation-name: bounceInUp;
	-o-animation-name: bounceInUp;
	animation-name: bounceInUp;
	visibility: visible !important;
}
@-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);
	}
}

.animate.bounceInDown {
	-webkit-animation-name: bounceInDown;
	-moz-animation-name: bounceInDown;
	-o-animation-name: bounceInDown;
	animation-name: bounceInDown;
	visibility: visible !important;
}
@-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);
	}
}

.animate.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	-moz-animation-name: bounceInLeft;
	-o-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
	visibility: visible !important;
}
@-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);
	}
}

.animate.bounceInRight {
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
	-o-animation-name: bounceInRight;
	animation-name: bounceInRight;
	visibility: visible !important;
}
@-webkit-keyframes bounceOut {
	0% {
		-webkit-transform: scale(1);
	}

	25% {
		-webkit-transform: scale(.95);
	}

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

	100% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}
}

@-moz-keyframes bounceOut {
	0% {
		-moz-transform: scale(1);
	}

	25% {
		-moz-transform: scale(.95);
	}

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

	100% {
		opacity: 0;
		-moz-transform: scale(.3);
	}
}

@-o-keyframes bounceOut {
	0% {
		-o-transform: scale(1);
	}

	25% {
		-o-transform: scale(.95);
	}

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

	100% {
		opacity: 0;
		-o-transform: scale(.3);
	}
}

@keyframes bounceOut {
	0% {
		transform: scale(1);
	}

	25% {
		transform: scale(.95);
	}

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

	100% {
		opacity: 0;
		transform: scale(.3);
	}
}

.animate.bounceOut {
	-webkit-animation-name: bounceOut;
	-moz-animation-name: bounceOut;
	-o-animation-name: bounceOut;
	animation-name: bounceOut;
	visibility: visible !important;
}
@-webkit-keyframes bounceOutUp {
	0% {
		-webkit-transform: translateY(0);
	}

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

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

@-moz-keyframes bounceOutUp {
	0% {
		-moz-transform: translateY(0);
	}

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

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

@-o-keyframes bounceOutUp {
	0% {
		-o-transform: translateY(0);
	}

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

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

@keyframes bounceOutUp {
	0% {
		transform: translateY(0);
	}

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

	100% {
		opacity: 0;
		transform: translateY(-2000px);
	}
}

.animate.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	-moz-animation-name: bounceOutUp;
	-o-animation-name: bounceOutUp;
	animation-name: bounceOutUp;
	visibility: visible !important;
}
@-webkit-keyframes bounceOutDown {
	0% {
		-webkit-transform: translateY(0);
	}

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

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

@-moz-keyframes bounceOutDown {
	0% {
		-moz-transform: translateY(0);
	}

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

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

@-o-keyframes bounceOutDown {
	0% {
		-o-transform: translateY(0);
	}

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

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

@keyframes bounceOutDown {
	0% {
		transform: translateY(0);
	}

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

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

.animate.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	-moz-animation-name: bounceOutDown;
	-o-animation-name: bounceOutDown;
	animation-name: bounceOutDown;
	visibility: visible !important;
}
@-webkit-keyframes bounceOutLeft {
	0% {
		-webkit-transform: translateX(0);
	}

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

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

@-moz-keyframes bounceOutLeft {
	0% {
		-moz-transform: translateX(0);
	}

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

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

@-o-keyframes bounceOutLeft {
	0% {
		-o-transform: translateX(0);
	}

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

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

@keyframes bounceOutLeft {
	0% {
		transform: translateX(0);
	}

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

	100% {
		opacity: 0;
		transform: translateX(-2000px);
	}
}

.animate.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	-moz-animation-name: bounceOutLeft;
	-o-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft;
	visibility: visible !important;
}
@-webkit-keyframes bounceOutRight {
	0% {
		-webkit-transform: translateX(0);
	}

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

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

@-moz-keyframes bounceOutRight {
	0% {
		-moz-transform: translateX(0);
	}

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

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

@-o-keyframes bounceOutRight {
	0% {
		-o-transform: translateX(0);
	}

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

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

@keyframes bounceOutRight {
	0% {
		transform: translateX(0);
	}

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

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

.animate.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	-moz-animation-name: bounceOutRight;
	-o-animation-name: bounceOutRight;
	animation-name: bounceOutRight;
	visibility: visible !important;
}
@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(-200deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}
@-moz-keyframes rotateIn {
	0% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(-200deg);
		opacity: 0;
	}

	100% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}
@-o-keyframes rotateIn {
	0% {
		-o-transform-origin: center center;
		-o-transform: rotate(-200deg);
		opacity: 0;
	}

	100% {
		-o-transform-origin: center center;
		-o-transform: rotate(0);
		opacity: 1;
	}
}
@keyframes rotateIn {
	0% {
		transform-origin: center center;
		transform: rotate(-200deg);
		opacity: 0;
	}

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

.animate.rotateIn {
	-webkit-animation-name: rotateIn;
	-moz-animation-name: rotateIn;
	-o-animation-name: rotateIn;
	animation-name: rotateIn;
	visibility: visible !important;
}
@-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;
	}
}

.animate.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	-moz-animation-name: rotateInUpLeft;
	-o-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft;
	visibility: visible !important;
}
@-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;
	}
}

.animate.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	-moz-animation-name: rotateInDownLeft;
	-o-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft;
	visibility: visible !important;
}
@-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;
	}
}

.animate.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	-moz-animation-name: rotateInUpRight;
	-o-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight;
	visibility: visible !important;
}
@-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;
	}
}

.animate.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	-moz-animation-name: rotateInDownRight;
	-o-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight;
	visibility: visible !important;
}
@-webkit-keyframes rotateOut {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(0);
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(200deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOut {
	0% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(0);
		opacity: 1;
	}

	100% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(200deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOut {
	0% {
		-o-transform-origin: center center;
		-o-transform: rotate(0);
		opacity: 1;
	}

	100% {
		-o-transform-origin: center center;
		-o-transform: rotate(200deg);
		opacity: 0;
	}
}

@keyframes rotateOut {
	0% {
		transform-origin: center center;
		transform: rotate(0);
		opacity: 1;
	}

	100% {
		transform-origin: center center;
		transform: rotate(200deg);
		opacity: 0;
	}
}

.animate.rotateOut {
	-webkit-animation-name: rotateOut;
	-moz-animation-name: rotateOut;
	-o-animation-name: rotateOut;
	animation-name: rotateOut;
	visibility: visible !important;
}
@-webkit-keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}

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

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

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

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

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

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

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

.animate.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	-moz-animation-name: rotateOutUpLeft;
	-o-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft;
	visibility: visible !important;
}
@-webkit-keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}

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

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

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

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

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

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

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

.animate.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	-moz-animation-name: rotateOutDownLeft;
	-o-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft;
	visibility: visible !important;
}
@-webkit-keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}

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

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

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

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

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

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

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

.animate.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	-moz-animation-name: rotateOutUpRight;
	-o-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight;
	visibility: visible !important;
}
@-webkit-keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}

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

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

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

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

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

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

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

.animate.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	-moz-animation-name: rotateOutDownRight;
	-o-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight;
	visibility: visible !important;
}
@-webkit-keyframes hinge {
	0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
	20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
	40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
	80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
	100% { -webkit-transform: translateY(700px); opacity: 0; }
}

@-moz-keyframes hinge {
	0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
	20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
	40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
	80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
	100% { -moz-transform: translateY(700px); opacity: 0; }
}

@-o-keyframes hinge {
	0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
	20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
	40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
	80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
	100% { -o-transform: translateY(700px); opacity: 0; }
}

@keyframes hinge {
	0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }
	20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }
	40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }
	80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }
	100% { transform: translateY(700px); opacity: 0; }
}

.animate.hinge {
	-webkit-animation-name: hinge;
	-moz-animation-name: hinge;
	-o-animation-name: hinge;
	animation-name: hinge;
	visibility: visible !important;
}
/* 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); }
}

.animate.rollIn {
	-webkit-animation-name: rollIn;
	-moz-animation-name: rollIn;
	-o-animation-name: rollIn;
	animation-name: rollIn;
	visibility: visible !important;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

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

    100% {
		opacity: 0;
		-webkit-transform: translateX(100%) rotate(120deg);
	}
}

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

    100% {
		opacity: 0;
		-moz-transform: translateX(100%) rotate(120deg);
	}
}

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

    100% {
		opacity: 0;
		-o-transform: translateX(100%) rotate(120deg);
	}
}

@keyframes rollOut {
    0% {
		opacity: 1;
		transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		transform: translateX(100%) rotate(120deg);
	}
}

.animate.rollOut {
	-webkit-animation-name: rollOut;
	-moz-animation-name: rollOut;
	-o-animation-name: rollOut;
	animation-name: rollOut;
	visibility: visible !important;
}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */

@-webkit-keyframes lightSpeedIn {
	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 lightSpeedIn {
	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 lightSpeedIn {
	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 lightSpeedIn {
	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; }
}

.animate.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    -moz-animation-name: lightSpeedIn;
    -o-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;

    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
	visibility: visible !important;
}

.animate.lightSpeedIn {
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */

@-webkit-keyframes lightSpeedOut {
    0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
	100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}

@-moz-keyframes lightSpeedOut {
	0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
	100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}

@-o-keyframes lightSpeedOut {
	0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
	100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}

@keyframes lightSpeedOut {
	0% { transform: translateX(0%) skewX(0deg); opacity: 1; }
	100% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
}

.animate.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    -moz-animation-name: lightSpeedOut;
    -o-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;

    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
	visibility: visible !important;
}


.animate.lightSpeedOut {
    -webkit-animation-duration: 0.25s;
    -moz-animation-duration: 0.25s;
    -o-animation-duration: 0.25s;
    animation-duration: 0.25s;
}

/*
==============================================
slideDown
==============================================
*/


.slideDown{
	animation-name: slideDown;
	-webkit-animation-name: slideDown;	

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

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;
	visibility: visible !important;
}

@keyframes slideDown {
	0% {
		transform: translateY(-100%);
	}
	50%{
		transform: translateY(8%);
	}
	65%{
		transform: translateY(-4%);
	}
	80%{
		transform: translateY(4%);
	}
	95%{
		transform: translateY(-2%);
	}			
	100% {
		transform: translateY(0%);
	}		
}

@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateY(-100%);
	}
	50%{
		-webkit-transform: translateY(8%);
	}
	65%{
		-webkit-transform: translateY(-4%);
	}
	80%{
		-webkit-transform: translateY(4%);
	}
	95%{
		-webkit-transform: translateY(-2%);
	}			
	100% {
		-webkit-transform: translateY(0%);
	}	
}

/*
==============================================
slideUp
==============================================
*/


.slideUp{
	animation-name: slideUp;
	-webkit-animation-name: slideUp;	

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

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;
	visibility: visible !important;
}

@keyframes slideUp {
	0% {
		transform: translateY(100%);
	}
	50%{
		transform: translateY(-8%);
	}
	65%{
		transform: translateY(4%);
	}
	80%{
		transform: translateY(-4%);
	}
	95%{
		transform: translateY(2%);
	}			
	100% {
		transform: translateY(0%);
	}	
}

@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(100%);
	}
	50%{
		-webkit-transform: translateY(-8%);
	}
	65%{
		-webkit-transform: translateY(4%);
	}
	80%{
		-webkit-transform: translateY(-4%);
	}
	95%{
		-webkit-transform: translateY(2%);
	}			
	100% {
		-webkit-transform: translateY(0%);
	}	
}

/*
==============================================
slideLeft
==============================================
*/


.slideLeft{
	animation-name: slideLeft;
	-webkit-animation-name: slideLeft;	

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

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;	
	visibility: visible !important;
}

@keyframes slideLeft {
	0% {
		transform: translateX(150%);
	}
	50%{
		ransform: translateX(-8%);
	}
	65%{
		transform: translateX(4%);
	}
	80%{
		transform: translateX(-4%);
	}
	95%{
		transform: translateX(2%);
	}			
	100% {
		transform: translateX(0%);
	}
}

@-webkit-keyframes slideLeft {
	0% {
		-webkit-transform: translateX(150%);
	}
	50%{
		-webkit-transform: translateX(-8%);
	}
	65%{
		-webkit-transform: translateX(4%);
	}
	80%{
		-webkit-transform: translateX(-4%);
	}
	95%{
		-webkit-transform: translateX(2%);
	}			
	100% {
		-webkit-transform: translateX(0%);
	}
}

/*
==============================================
slideRight
==============================================
*/


.slideRight{
	animation-name: slideRight;
	-webkit-animation-name: slideRight;	

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

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
	visibility: visible !important;
}

@keyframes slideRight {
	0% {
		transform: translateX(-150%);
	}
	50%{
		transform: translateX(8%);
	}
	65%{
		transform: translateX(-4%);
	}
	80%{
		transform: translateX(4%);
	}
	95%{
		transform: translateX(-2%);
	}			
	100% {
		transform: translateX(0%);
	}	
}

@-webkit-keyframes slideRight {
	0% {
		-webkit-transform: translateX(-150%);
	}
	50%{
		-webkit-transform: translateX(8%);
	}
	65%{
		-webkit-transform: translateX(-4%);
	}
	80%{
		-webkit-transform: translateX(4%);
	}
	95%{
		-webkit-transform: translateX(-2%);
	}			
	100% {
		-webkit-transform: translateX(0%);
	}
}

/*
==============================================
slideExpandUp
==============================================
*/


.slideExpandUp{
	animation-name: slideExpandUp;
	-webkit-animation-name: slideExpandUp;	

	animation-duration: 1.6s;	
	-webkit-animation-duration: 1.6s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease -out;
	visibility: visible !important;
}

@keyframes slideExpandUp {
	0% {
		transform: translateY(100%) scaleX(0.5);
	}
	30%{
		transform: translateY(-8%) scaleX(0.5);
	}	
	40%{
		transform: translateY(2%) scaleX(0.5);
	}
	50%{
		transform: translateY(0%) scaleX(1.1);
	}
	60%{
		transform: translateY(0%) scaleX(0.9);		
	}
	70% {
		transform: translateY(0%) scaleX(1.05);
	}			
	80%{
		transform: translateY(0%) scaleX(0.95);		
	}
	90% {
		transform: translateY(0%) scaleX(1.02);
	}	
	100%{
		transform: translateY(0%) scaleX(1);		
	}
}

@-webkit-keyframes slideExpandUp {
	0% {
		-webkit-transform: translateY(100%) scaleX(0.5);
	}
	30%{
		-webkit-transform: translateY(-8%) scaleX(0.5);
	}	
	40%{
		-webkit-transform: translateY(2%) scaleX(0.5);
	}
	50%{
		-webkit-transform: translateY(0%) scaleX(1.1);
	}
	60%{
		-webkit-transform: translateY(0%) scaleX(0.9);		
	}
	70% {
		-webkit-transform: translateY(0%) scaleX(1.05);
	}			
	80%{
		-webkit-transform: translateY(0%) scaleX(0.95);		
	}
	90% {
		-webkit-transform: translateY(0%) scaleX(1.02);
	}	
	100%{
		-webkit-transform: translateY(0%) scaleX(1);		
	}
}

/*
==============================================
expandUp
==============================================
*/


.expandUp{
	animation-name: expandUp;
	-webkit-animation-name: expandUp;	

	animation-duration: 0.7s;	
	-webkit-animation-duration: 0.7s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;	
	visibility: visible !important;
}

@keyframes expandUp {
	0% {
		transform: translateY(100%) scale(0.6) scaleY(0.5);
	}
	60%{
		transform: translateY(-7%) scaleY(1.12);
	}
	75%{
		transform: translateY(3%);
	}	
	100% {
		transform: translateY(0%) scale(1) scaleY(1);
	}	
}

@-webkit-keyframes expandUp {
	0% {
		-webkit-transform: translateY(100%) scale(0.6) scaleY(0.5);
	}
	60%{
		-webkit-transform: translateY(-7%) scaleY(1.12);
	}
	75%{
		-webkit-transform: translateY(3%);
	}	
	100% {
		-webkit-transform: translateY(0%) scale(1) scaleY(1);
	}	
}

/*
==============================================
expandOpen
==============================================
*/


.expandOpen{
	animation-name: expandOpen;
	-webkit-animation-name: expandOpen;	

	animation-duration: 1.2s;	
	-webkit-animation-duration: 1.2s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;
	visibility: visible !important;
}

@keyframes expandOpen {
	0% {
		transform: scale(1.8);		
	}
	50% {
		transform: scale(0.95);
	}	
	80% {
		transform: scale(1.05);
	}
	90% {
		transform: scale(0.98);
	}	
	100% {
		transform: scale(1);
	}			
}

@-webkit-keyframes expandOpen {
	0% {
		-webkit-transform: scale(1.8);		
	}
	50% {
		-webkit-transform: scale(0.95);
	}	
	80% {
		-webkit-transform: scale(1.05);
	}
	90% {
		-webkit-transform: scale(0.98);
	}	
	100% {
		-webkit-transform: scale(1);
	}					
}

/*
==============================================
bigEntrance
==============================================
*/


.bigEntrance{
	animation-name: bigEntrance;
	-webkit-animation-name: bigEntrance;	

	animation-duration: 1.6s;	
	-webkit-animation-duration: 1.6s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	
	visibility: visible !important;
}

@keyframes bigEntrance {
	0% {
		transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
		opacity: 0.2;
	}
	30% {
		transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);		
		opacity: 1;
	}
	45% {
		transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	60% {
		transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);		
		opacity: 1;
	}	
	75% {
		transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	90% {
		transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);		
		opacity: 1;
	}	
	100% {
		transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
		opacity: 1;
	}		
}

@-webkit-keyframes bigEntrance {
	0% {
		-webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
		opacity: 0.2;
	}
	30% {
		-webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);		
		opacity: 1;
	}
	45% {
		-webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	60% {
		-webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);		
		opacity: 1;
	}	
	75% {
		-webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	90% {
		-webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);		
		opacity: 1;
	}	
	100% {
		-webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
		opacity: 1;
	}				
}

/*
==============================================
hatch
==============================================
*/

.hatch{
	animation-name: hatch;
	-webkit-animation-name: hatch;	

	animation-duration: 2s;	
	-webkit-animation-duration: 2s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;

	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%; 
	visibility: visible !important;
}

@keyframes hatch {
	0% {
		transform: rotate(0deg) scaleY(0.6);
	}
	20% {
		transform: rotate(-2deg) scaleY(1.05);
	}
	35% {
		transform: rotate(2deg) scaleY(1);
	}
	50% {
		transform: rotate(-2deg);
	}	
	65% {
		transform: rotate(1deg);
	}	
	80% {
		transform: rotate(-1deg);
	}		
	100% {
		transform: rotate(0deg);
	}									
}

@-webkit-keyframes hatch {
	0% {
		-webkit-transform: rotate(0deg) scaleY(0.6);
	}
	20% {
		-webkit-transform: rotate(-2deg) scaleY(1.05);
	}
	35% {
		-webkit-transform: rotate(2deg) scaleY(1);
	}
	50% {
		-webkit-transform: rotate(-2deg);
	}	
	65% {
		-webkit-transform: rotate(1deg);
	}	
	80% {
		-webkit-transform: rotate(-1deg);
	}		
	100% {
		-webkit-transform: rotate(0deg);
	}		
}



/*
==============================================
floating
==============================================
*/

.floating{
	animation-name: floating;
	-webkit-animation-name: floating;

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	visibility: visible !important;
}

@keyframes floating {
	0% {
		transform: translateY(0%);	
	}
	50% {
		transform: translateY(8%);	
	}	
	100% {
		transform: translateY(0%);
	}			
}

@-webkit-keyframes floating {
	0% {
		-webkit-transform: translateY(0%);	
	}
	50% {
		-webkit-transform: translateY(8%);	
	}	
	100% {
		-webkit-transform: translateY(0%);
	}			
}

/*
==============================================
tossing
==============================================
*/

.tossing{
	animation-name: tossing;
	-webkit-animation-name: tossing;	

	animation-duration: 2.5s;	
	-webkit-animation-duration: 2.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	visibility: visible !important;
}

@keyframes tossing {
	0% {
		transform: rotate(-4deg);	
	}
	50% {
		transform: rotate(4deg);
	}
	100% {
		transform: rotate(-4deg);	
	}						
}

@-webkit-keyframes tossing {
	0% {
		-webkit-transform: rotate(-4deg);	
	}
	50% {
		-webkit-transform: rotate(4deg);
	}
	100% {
		-webkit-transform: rotate(-4deg);	
	}				
}

/*
==============================================
pullUp
==============================================
*/

.pullUp{
	animation-name: pullUp;
	-webkit-animation-name: pullUp;	

	animation-duration: 1.1s;	
	-webkit-animation-duration: 1.1s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%; 		
	visibility: visible !important;
}

@keyframes pullUp {
	0% {
		transform: scaleY(0.1);
	}
	40% {
		transform: scaleY(1.02);
	}
	60% {
		transform: scaleY(0.98);
	}
	80% {
		transform: scaleY(1.01);
	}
	100% {
		transform: scaleY(0.98);
	}				
	80% {
		transform: scaleY(1.01);
	}
	100% {
		transform: scaleY(1);
	}							
}

@-webkit-keyframes pullUp {
	0% {
		-webkit-transform: scaleY(0.1);
	}
	40% {
		-webkit-transform: scaleY(1.02);
	}
	60% {
		-webkit-transform: scaleY(0.98);
	}
	80% {
		-webkit-transform: scaleY(1.01);
	}
	100% {
		-webkit-transform: scaleY(0.98);
	}				
	80% {
		-webkit-transform: scaleY(1.01);
	}
	100% {
		-webkit-transform: scaleY(1);
	}		
}

/*
==============================================
pullDown
==============================================
*/

.pullDown{
	animation-name: pullDown;
	-webkit-animation-name: pullDown;	

	animation-duration: 1.1s;	
	-webkit-animation-duration: 1.1s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	-webkit-transform-origin: 50% 0%; 
	visibility: visible !important;
}

@keyframes pullDown {
	0% {
		transform: scaleY(0.1);
	}
	40% {
		transform: scaleY(1.02);
	}
	60% {
		transform: scaleY(0.98);
	}
	80% {
		transform: scaleY(1.01);
	}
	100% {
		transform: scaleY(0.98);
	}				
	80% {
		transform: scaleY(1.01);
	}
	100% {
		transform: scaleY(1);
	}							
}

@-webkit-keyframes pullDown {
	0% {
		-webkit-transform: scaleY(0.1);
	}
	40% {
		-webkit-transform: scaleY(1.02);
	}
	60% {
		-webkit-transform: scaleY(0.98);
	}
	80% {
		-webkit-transform: scaleY(1.01);
	}
	100% {
		-webkit-transform: scaleY(0.98);
	}				
	80% {
		-webkit-transform: scaleY(1.01);
	}
	100% {
		-webkit-transform: scaleY(1);
	}		
}

/*
==============================================
stretchLeft
==============================================
*/

.stretchLeft{
	animation-name: stretchLeft;
	-webkit-animation-name: stretchLeft;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	transform-origin: 100% 0%;
	-ms-transform-origin: 100% 0%;
	-webkit-transform-origin: 100% 0%; 
	visibility: visible !important;
}

@keyframes stretchLeft {
	0% {
		transform: scaleX(0.3);
	}
	40% {
		transform: scaleX(1.02);
	}
	60% {
		transform: scaleX(0.98);
	}
	80% {
		transform: scaleX(1.01);
	}
	100% {
		transform: scaleX(0.98);
	}				
	80% {
		transform: scaleX(1.01);
	}
	100% {
		transform: scaleX(1);
	}							
}

@-webkit-keyframes stretchLeft {
	0% {
		-webkit-transform: scaleX(0.3);
	}
	40% {
		-webkit-transform: scaleX(1.02);
	}
	60% {
		-webkit-transform: scaleX(0.98);
	}
	80% {
		-webkit-transform: scaleX(1.01);
	}
	100% {
		-webkit-transform: scaleX(0.98);
	}				
	80% {
		-webkit-transform: scaleX(1.01);
	}
	100% {
		-webkit-transform: scaleX(1);
	}		
}

/*
==============================================
stretchRight
==============================================
*/

.stretchRight{
	animation-name: stretchRight;
	-webkit-animation-name: stretchRight;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%; 	
	visibility: visible !important;
}

@keyframes stretchRight {
	0% {
		transform: scaleX(0.3);
	}
	40% {
		transform: scaleX(1.02);
	}
	60% {
		transform: scaleX(0.98);
	}
	80% {
		transform: scaleX(1.01);
	}
	100% {
		transform: scaleX(0.98);
	}				
	80% {
		transform: scaleX(1.01);
	}
	100% {
		transform: scaleX(1);
	}							
}

@-webkit-keyframes stretchRight {
	0% {
		-webkit-transform: scaleX(0.3);
	}
	40% {
		-webkit-transform: scaleX(1.02);
	}
	60% {
		-webkit-transform: scaleX(0.98);
	}
	80% {
		-webkit-transform: scaleX(1.01);
	}
	100% {
		-webkit-transform: scaleX(0.98);
	}				
	80% {
		-webkit-transform: scaleX(1.01);
	}
	100% {
		-webkit-transform: scaleX(1);
	}		
}