/***********************************
	GENERAL
***********************************/
	body {
		background: #fff; font-size: 14px;
	}
	body.inner-page {
		background: #fff url('../img/bg-page.jpg') repeat-y center top; 
	}
	.visible {
		visibility: visible;
		display: block;
	}
	
	a {color: #0056b8;}
	a:hover {color: #1c8ccd; text-decoration: none;}
	
	.cancel {
		padding: 5px 10px; background: #666; color: #fff; display: block; float: left;
		cursor: pointer;
	}
	
	/* GENERAL */
		.inside {
			padding: 30px 0;
		}
		h1,h2,h3,h4,h5,h6,
		.navbar-header .caption,
		.widget-lang ul li a {
			font-family: 'Open Sans', sans-serif;
		}
		img.full {
			width: 100%;
		}
		.line-top {
			border-top: 1px solid #ddd;
		}
		.center {
			text-align: center;
		}
	
	/* FORM */
		.btn {
			padding: 10px 15px;
		}
		.btn-blue {
			background: #0056b8; color: #fff;
		}
		.btn-blue:hover {
			color: #ccc;
		}
		input, textarea, button, select, .form-control, .btn {
			border-radius: 0;
		} 
		span.small {
			font-size: 10px; color: #888; width: 100%; display: block;
		}
		.ff-box .ff-message {
			min-width: 250px;
		}
	
	/* ERROR */
		h1.error404,
		h2.error404,
		p.error404 {
			text-align: center; font-weight: bold;
		}
		h1.error404 {
			 font-size: 72px;
		}
		h2.error404 {
			 font-size: 28px;
		}
	
	.box img {
		width: 100%; margin: 0;
	}
	.full img {
		width: 100%;
	}
	.addthis_sharing_toolbox {
		text-align: right; padding: 30px 0 0 0;
	}
	
/***********************************
	HEADER
***********************************/
	/* HEADER */
	
	header.home section {
		position: absolute; top: 0; left: 0; z-index: 9999; width: 100%;
	}
	.header-center {
		background: #ebebeb; color: #888888; padding: 0;
	}

	
	/* SOCIAL */
	ul.widget-social {
		list-style: none; margin: 0; padding: 0; text-align: right;
	}

	ul.widget-social li i {
		width: 32px; height: 32px; line-height: 32px; text-align: center; 
		display: block; color: #bbbbbb; font-size: 24px;
	}

	ul.widget-social li a:hover i.fa-facebook 	{background: #3b5998;}
	ul.widget-social li a:hover i.fa-twitter 	{background: #55acee;}
	ul.widget-social li a:hover i.fa-google 	{background: #dc4e41;}
	ul.widget-social li a:hover i.fa-instagram 	{background: #3f729b;}
	ul.widget-social li a:hover i.fa-linkedin 	{background: #0077b5;}
	
	/* HEADING */
	.heading {
		text-align: center; width: 100%;
		padding-bottom: 60px;
		margin-bottom: 20px;
		background: url('../img/bg-heading.png') no-repeat center bottom;
	}
	.heading h2 {
		display: inline-block; padding: 10px 0; font-weight: 600; margin: 0;
		color: #555555; font-size: 20px; text-transform: uppercase;
	}
	
	/* NAVIGATION */

	
/* === PAGINATION === */
	.pagination {
		width: 100%; margin: 0;
	}
	.pagination ul {
		list-style: none; margin: 30px 0 0 0; padding: 0; text-align: center;
	}
	.pagination ul li {
		display: inline-block;
	}
	.pagination ul li a,
	.pagination ul li span {
		width: 32px; height: 32px; line-height: 32px; text-align: center; display: block;
		background: #0056b8; color: #fff; margin: 0 5px;
	}
	.pagination ul li span {
		background: #1c8ccd; color: #fff;
	}
	
	
/* WIDGETS */
	/* LANGUAGE */
	.widget-lang {
	    *zoom: 1;
	    font-weight: 400;
	    float: right;
	    margin: 5px 0;
	    list-style: none;
	}

	
	/* No CSS3 support */

	.no-opacity       .wrapper-dropdown-2 .dropdown,
	.no-pointerevents .wrapper-dropdown-2 .dropdown {
	    display: none;
	    opacity: 1; /* If opacity support but no pointer-events support */
	    pointer-events: auto; /* If pointer-events support but no pointer-events support */
	}

	.no-opacity       .wrapper-dropdown-2.active .dropdown,
	.no-pointerevents .wrapper-dropdown-2.active .dropdown {
	    display: block;
	}
	
	/* LOGO */
	.widget-logo {
		text-align: left;
	}
	.widget-logo img {
		padding: 0;
	}
	
	/* CONTACT */
	.widget-contact {
		float: left; margin: 30px 10px;
	}
	.widget-contact a {
		color: #888888; font-size: 18px; font-weight: bold; display: block;
	}
	.widget-contact a.phone, .widget-contact a.email {
		min-width: 250px;
	}
	.widget-contact.social {
		float: right; margin: 32px 10px;
	}
	.widget-contact a span {
		width: auto; display: block; height: 15px; font-size: 11px; padding-top: 3px;
	}
	.widget-contact a i {
		font-size: 40px; float: left; margin: 0 10px 0 0; color: #c3c3c3;
		line-height: 40px;
	}
	.widget-contact a p {
		white-space:nowrap; margin: 0;
	}

	/* HEADING */
	.widget-heading {
		padding: 0;
	}
	.widget-heading .inner {
		background: #1c8ccd; padding: 10px 0;	
	}
	.widget-heading h2 {
		color: #fff; font-size: 24px; margin: 0; padding: 0; text-align: center;
	}
	ul.breadcrumbs {
		list-style: none; padding: 5px 0; margin: 0; text-align: center;
	}
	ul.breadcrumbs li {
		display: inline-block;	font-size: 11px;
	}
	ul.breadcrumbs li + li {
		margin-left: 10px; color: #f1f1f1;
	}
	ul.breadcrumbs li a {
		color: #f1f1f1; margin-right: 10px;
	}
	ul.breadcrumbs li i {
		color: #f1f1f1;	
	}
	
	.widget h4 {
		margin: 0 0 10px 0; font-size: 18px; font-weight: 600;
	}
	
	/* EDUCATIONS */
	.widget.educations {
		padding: 20px 0 0 0;
	}
	.widget.educations .inner {
		background: #f1f1f1; overflow: hidden;
	}
	.widget.educations .box {
		width: 50%; float: left; margin-right: 10px;
	}
	.widget.educations .full {
		padding: 30px 0;	
	}
	.widget.educations h4 {
		padding: 10px 0 0 0;
	}
	.widget.educations p {
		font-size: 12px;
	}
	.widget.educations h4 a,
	.widget.educations p a{
		color: #666;
	}
	.widget.educations .apply {
		background: #000 url('../img/bg2.jpg') no-repeat center center; background-size: cover; padding: 30px 0; overflow: hidden; margin-top: 30px;
	}
	.widget.educations .apply a img {
		width: 100%; opacity: 0.9;
	}

	
	/* FEATURES */
	.widget.facts {
		padding: 30px 0; background: url('../img/bg-facts.jpg') repeat center center;
	}
	.widget.facts .box {
		text-align: center; color: #fff;
	}
	.widget.facts h2 {
		color: #fff;
	}
	.widget.facts h1 {
		font-weight: 600; margin: 30px 0; font-size: 36px;
	}
	.widget.facts h5 {
		font-size: 16px;	
	}
	
	/* LECTURER */
	.widget.lecturers {
		padding: 20px 0;
	}
	.widget.lecturers h5 {
		text-align: center;
	}
	.slide-lecturer .circle {
		border-radius: 50%; overflow: hidden;
		width: 160px; height: 160px; position: relative;
		margin: 0 auto;
	}
	.slide-lecturer .circle img {
		width: 180px; position: absolute; top: -5px; left: -10px;	
	}
	.widget.lecturers .apply {
		background: #000 url('../img/bg3.jpg') no-repeat center center; background-size: cover; padding: 30px 0; overflow: hidden; margin-top: 30px;
	}
	.widget.lecturers .apply a img {
		width: 100%; opacity: 0.9;
	}
	
	/* BLOG */
	
	.widget.latest_posts {
		margin: 30px 0; font-size: 14px; line-height: 20px;
	}
	.widget.latest_posts .box p {
		font-size: 14px; margin: 0;
	}
	.widget.latest_posts .box .box-info {
		background: #fff; overflow: hidden; padding: 20px;
	}
	.widget.latest_posts .box .box-info i {
		margin-right: 5px;	
	}
	.widget.latest_posts .box .box-info .left {
		float: left;
	}
	.widget.latest_posts .box .box-info .right {
		float: right;
	}
	.widget.latest_posts .full a.btn {
		color: #fff; float: right;
	}
	.widget.latest_posts .box p {
		text-align: justify;
	}
	
	/* TESTIMONIAL */
	.testimonial.box {
		margin: 20px 0 0 0 ; border: 1px solid #ddd; padding: 20px 20px 40px 20px; text-align: center;
	}
	.widget.latest_posts .testimonial.box img {
		width: 130px; align: center;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}
	
	/* CALL */
	.content-blue {
		background: #1c8ccd; color: #fff;
		padding: 20px;
	}
	.content-blue h4 {
		padding: 0; margin: 0 0 20px 0;	
	}
	.widget.latest_posts .frm-dark {
		
	}
	.widget.latest_posts .frm-dark button,
	.widget.latest_posts .frm-dark input,
	.widget.latest_posts .frm-dark textarea {
		border-radius: 0; border: none; margin-bottom: 30px;
	}
	.widget.latest_posts .frm-dark button {
		background: #0056b8; margin: 0;
	}
	
/***********************************
	BLOG
***********************************/
	.post h3 {
		margin: 0 0 10px 0;
	}
	.post .full {display: inline-block;}
	.post p.intro {
		font-size: 14px; height: 100px;
	}
	.post p.bottom {
		font-size: 14px;
		line-height: 16px;
	}
	.post p.bottom i {
		font-size: 16px; float: left; margin-right: 10px;
	}
	.post p.bottom a {
		float: right; color: #0056b8;
	}
	.post p.bottom a i {
		float: right; margin: 0 0 0 5px; width: 16px; height: 16px; background: #0056b8; color: #fff; display: block; text-align: center; line-height: 16px; font-size: 12px;
	}
	.post .body {
		word-wrap: break-word;
	}
	.post .post.animate {
		margin-bottom: 20px;
	}
	
	/* BLOG LIST */
	.item-box .inner img {
		width: 100%;
	}
	.item-box .icon {
		overflow: hidden; margin-bottom: 20px;
	}
	.item-box .icon img {
		float: left;
	}
	.item-box .icon h4 {
		line-height: 128px; color: #fff; margin: 0; padding: 0;
	}
		
	.contact-box {
		padding: 20px;
	}
	.greybg {
		background: #f1f1f1; margin-bottom: 30px;
	}
	ul.contact-list {
		list-style: none; padding: 0; margin: 0;
	}
	ul.contact-list li i {
		font-size: 14px; width: 18px; height: 18px; float: left; line-height: 20px; text-align: center; display: block; margin-right: 10px;
	}
	ul.contact-list li i.fa-map-marker {
		margin-bottom: 20px;
	}
	ul.contact-list li {
		line-height: 20px; margin: 10px 0;
	}
	ul.contact-list li .info {
		margin-left: 28px;
	}

/***********************************
	CONTACT
***********************************/
	.frm input[type="text"], .frm textarea {
		margin: 0 0 20px 0;
	}

	.map {
		height: 300px; position: relative;
	}
	.map .full {
		position: absolute; right: 0; top: 0; width: 300px; height: 100%; display: block; z-index: 100;
	}
	h5.title {
		font-weight: bold; margin: 0 0 20px 0; padding-bottom: 20px;
		border-bottom: 1px solid #ddd;
	}
	

/***********************************
	CONTACT
***********************************/
	.social-small {
		list-style: none; margin: 10px 0; text-align: center; padding: 0;
	}
	.social-small li {
		display: inline-block; 
	}
	.social-small li i {
		width: 32px; height: 32px; text-align: center; font-size: 16px;
		line-height: 32px; background: #333; color: #fff;
	}
/***********************************
	EXAMS
***********************************/
	.widget-exams .box {
		padding: 15px; margin: 0 0 20px 0;
		display: block; color: #fff; text-align: center; overflow: hidden; position: relative;
	}
	.widget-exams .box h5 {
		text-align: center;	
	}
	
	.widget-exams .box h3 {
		font-size: 24px; padding: 30px 0;
	}
	.widget-exams .box p {
		height: 60px;
	}
	.widget-exams .box a {
		color: #ddd;
	}
	.widget-exams .box a:hover {
		color: #fff;
	}
	.widget-exams .continued {
		background: #0056b9;
	}
	.widget-exams .completed {
		background: #4c9ccd;
	}
	.widget-exams .over {
		background: #aaa;
	}
	
	.menu__box {
		text-align: center;
	}
	.menu__box .menu__link {
		display: inline-block; padding: 20px;
		width: 100%; font-size: 16px; color: #fff; background: #1c8ccd;
		-webkit-box-shadow: inset 0 0 0 1px #0056b8;
		-moz-box-shadow: inset 0 0 0 1px #0056b8;
		box-shadow: inset 0 0 0 1px #0056b8;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
	}
	.menu__box .menu__link:hover {
		color: #f1f1f1;
		-webkit-box-shadow: inset 0 0 0 5px #0056b8;
		-moz-box-shadow: inset 0 0 0 5px #0056b8;
		box-shadow: inset 0 0 0 5px #0056b8;
		
	} 
	
	.box_form {
		padding: 20px; background: #0056b8; color: #fff;
	}
	.box_form a {
		display: inline-block; width: 100%; padding: 15px; margin-top: 20px;
		text-align: center; color: #fff; background: #1c8ccd;
	}
	
	.box_test {
		margin: 0 0 20px 0; padding: 15px; border: 1px solid #ddd;
		position: relative;
	}
	
	.box_test h4 {
		margin: 0 0 10px 0; padding: 0 0 10px 0; 
		border-bottom: 1px solid #1c8ccd;
	}
	.box_test ul {
		list-style: none; margin: 0; padding:  0;
	}
	.box_test ul li {
		line-height: 20px;	
	}
	.box_test ul li i {
		float: left; width: 20px; height: 20px; text-align: center;
		line-height: 20px; font-size: 16px; color: #ccc; margin-right: 10px;
	}
	.box_test .correct {
		color: #33aa33;
	}
	.box_test .real {
		color: #666;
	}
	.box_test .wrong {
		color: #ff0000;
	}
		
	.box_test ul li.correct,
	.box_test ul li.real {
		font-weight: bold;
	}
	.box_test ul li.wrong {
		text-decoration: line-through;
	}
	
	.box_test .result {
		position: absolute; top: 30px; right: 30px;
	}
	.box_test .result.correct {
		background: #33aa33; color: #fff; padding: 10px;
	}
	.box_test .result.wrong {
		background: #ff0000; color: #fff; padding: 10px;
	}
	.box_test .result.real {
		background: #666; color: #fff; padding: 10px;
	}
	
	.point {
		padding: 10px; text-align: center; color: #fff;
		background: #0056b8; font-size: 18px; font-weight: bold;
	}
	.point ul {
		list-style: none; padding: 0; margin: 0 ;	
	}
	
	.checkbox-custom, .radio-custom {
	    opacity: 0;
	    position: absolute;   
	}

	.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {
	    display: inline-block;
	    vertical-align: middle;
	    margin: 5px;
	    cursor: pointer;
	}

	.checkbox-custom-label, .radio-custom-label {
	    position: relative;
	}

	.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {
	    content: '';
	    background: #fff;
	    border: 2px solid #ddd;
	    display: inline-block;
	    vertical-align: middle;
	    width: 20px;
	    height: 20px;
	    padding: 2px;
	    margin-right: 10px;
	    text-align: center;
	}

	.checkbox-custom:checked + .checkbox-custom-label:before {
	    background: rebeccapurple;
	    box-shadow: inset 0px 0px 0px 4px #fff;
	}

	.radio-custom + .radio-custom-label:before {
	    border-radius: 50%;
	}

	.radio-custom:checked + .radio-custom-label:before {
	    background: #ccc;
	    box-shadow: inset 0px 0px 0px 4px #fff;
	}


	.checkbox-custom:focus + .checkbox-custom-label, .radio-custom:focus + .radio-custom-label {
		outline: 1px solid #ddd; /* focus style */
	}
	
	/* CALENDAR */
	.cal-box {
		width: 160px; height: 160px; text-align: center;
		background: #0056b8; color: #fff; float: left; margin: 0 20px 20px 0;
	}
	.cal-date {
		font-size: 60px; line-height: 100px; 
	}
	
/***********************************
	FOOTER
***********************************/
	footer {
		background: #464646; color: #ccc;
		padding: 0;
		position: relative;
	}
	footer section.footer-top {
		background: #58585a; padding: 20px 0;
	}
	footer section.footer-top h3 {
		font-size: 18px; color: #fff;	
	}
	footer section.footer-top h4 {
		font-size: 14px; color: #fff;	
	}
	footer section.footer-top ul {
		list-style: none; padding: 0; margin: 0;
	}
	footer section.footer-top ul.column2 li {
		float: left; width: 50%;
	}
	footer section.footer-top ul.column3 li {
		float: left; width: 33.33%;
	}
	footer section.footer-top ul.column4 li {
		float: left; width: 25%;
	}
	footer section.footer-top ul.column5 li {
		float: left; width: 20%;
	}
	footer section.footer-top ul li p {
		padding-right: 15px; font-size: 12px; line-height: 16px;
		margin-bottom: 15px;
	}
	section.footer-top .box i {
		font-size: 60px; float: left; margin-right: 10px; width: 60px; text-align: center;	
	}
	footer p {
		margin: 0; padding: 0; line-height: 30px;
	}
	footer img {
		float: right;
	}
	footer hr {
		border-width: 1px; border-color: #295c83;
	}
	section.footer-bottom {
		padding: 20px 0;
	}
	
		/* Footer Menu */
		ul.nav-footer {
			list-style: none; margin: 0; padding: 0;
		}
		ul.nav-footer li {
			float: left; width: 50%;
		}
		ul.nav-footer li a {
			color: #b6c9d6; padding: 5px 0; display: block;
		}
	
/* ==========================================================================
   =Animations
   ========================================================================== */
   
   .animate {
		-webkit-animation-duration: 1s;
				animation-duration: 1s;
		-webkit-animation-fill-mode: both;
				animation-fill-mode: both;
		visibility: hidden;
	}

	.animate.visible { visibility: visible; }
	.animate.hidden { visibility: hidden; }
	
/* ==========================================================================
   =Milestones
   ========================================================================== */

	.milestone {
		position: relative;
		margin-bottom: 30px;
		text-align: center;
		color: #fff;
	}
	
	/*
	 * 1. Clearfix hack 
	 */
	.milestone:after { /* 1 */
		visibility: hidden;
		display: block;
		height: 0;
		font-size: 0;
		content: " ";
		clear: both;		
	}
	
	.milestone i {
		z-index: 2;
		margin-right: 10px;
		font-size: 32px;
	}
	
	.milestone .milestone-content {
		z-index: 1;
		font-size: 36px;
		line-height: 54px;
	}
	
	.milestone .milestone-content .milestone-value { letter-spacing: 6px; height: 80px;}
	
	.milestone .milestone-description { 
		font-size: 18px; 
		line-height: 30px;
		letter-spacing: 3px;
		text-transform: uppercase;
	}
	
/* ==========================================================================
   = Photo Gallery
   ========================================================================== */
	#lightgallery,
	.photogallery-col {
		list-style: none; margin-top: 10px; padding: 0;
	}
	.photogallery-col img{
		width: 100%;	
	}
	.photogallery-slider a {
		width: 32%; float: left; display: block; margin-right: 2%;
	}
	.photogallery-slider a:nth-child(3n+3) {
		margin-right: 0;
	}
	.photogallery-slider a img {
		width: 100%;	
	}
	.photogallery-slider h2 {
		color: #666; font-size: 14px; margin: 10px 0 20px 0;	
	}
	

/* ==========================================================================
   = Table
   ========================================================================== */
table { 
		width: 100%; 
		border-collapse: collapse; 
	}
	/* Zebra striping */
	tr:nth-of-type(odd) { 
		background: #eee; 
	}
	th { 
		background: #333; 
		color: white; 
		font-weight: bold; 
	}
	td, th { 
		padding: 6px; 
		border: 1px solid #ccc; 
		text-align: left; 
	}
	/*
	Max width before this PARTICULAR table gets nasty
	This query will take effect for any screen smaller than 760px
	and also iPads specifically.
	*/

	/*@media
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {

		table, thead, tbody, th, td, tr {
			display: block;
		}

		thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

		tr { border: 1px solid #ccc; }

		td {

			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			padding-left: 50%;
		}

		td:before {

			position: absolute;

			top: 6px;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}
	}*/


/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
	.datepicker {
	  top: 0;
	  left: 0;
	  padding: 4px;
	  margin-top: 1px;
	  /*.dow {
	    border-top: 1px solid #ddd !important;
	  }*/

	}
	.datepicker:before {
	  content: '';
	  display: inline-block;
	  border-left: 7px solid transparent;
	  border-right: 7px solid transparent;
	  border-bottom: 7px solid #ccc;
	  border-bottom-color: rgba(0, 0, 0, 0.2);
	  position: absolute;
	  top: -7px;
	  left: 6px;
	}
	.datepicker:after {
	  content: '';
	  display: inline-block;
	  border-left: 6px solid transparent;
	  border-right: 6px solid transparent;
	  border-bottom: 6px solid #ffffff;
	  position: absolute;
	  top: -6px;
	  left: 7px;
	}
	.datepicker > div {
	  display: none;
	}
	.datepicker table {
	  width: 100%;
	  margin: 0;
	}
	.datepicker td,
	.datepicker th {
	  text-align: center;
	  width: 20px;
	  height: 20px;
	}
	.datepicker td.day:hover {
	  background: #eeeeee;
	  cursor: pointer;
	}
	.datepicker td.day.disabled {
	  color: #eeeeee;
	}
	.datepicker td.old,
	.datepicker td.new {
	  color: #999999;
	}
	.datepicker td.active,
	.datepicker td.active:hover {
	  color: #ffffff;
	  background-color: #006dcc;
	  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
	  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
	  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
	  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
	  background-repeat: repeat-x;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
	  border-color: #0044cc #0044cc #002a80;
	  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	  *background-color: #0044cc;
	  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

	  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	  color: #fff;
	  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	}
	.datepicker td.active:hover,
	.datepicker td.active:hover:hover,
	.datepicker td.active:focus,
	.datepicker td.active:hover:focus,
	.datepicker td.active:active,
	.datepicker td.active:hover:active,
	.datepicker td.active.active,
	.datepicker td.active:hover.active,
	.datepicker td.active.disabled,
	.datepicker td.active:hover.disabled,
	.datepicker td.active[disabled],
	.datepicker td.active:hover[disabled] {
	  color: #ffffff;
	  background-color: #0044cc;
	  *background-color: #003bb3;
	}
	.datepicker td.active:active,
	.datepicker td.active:hover:active,
	.datepicker td.active.active,
	.datepicker td.active:hover.active {
	  background-color: #003399 \9;
	}
	.datepicker td span {
	  display: block;
	  width: 47px;
	  height: 54px;
	  line-height: 54px;
	  float: left;
	  margin: 2px;
	  cursor: pointer;
	}
	.datepicker td span:hover {
	  background: #eeeeee;
	}
	.datepicker td span.active {
	  color: #ffffff;
	  background-color: #006dcc;
	  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
	  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
	  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
	  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
	  background-repeat: repeat-x;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
	  border-color: #0044cc #0044cc #002a80;
	  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	  *background-color: #0044cc;
	  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

	  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	  color: #fff;
	  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	}
	.datepicker td span.active:hover,
	.datepicker td span.active:focus,
	.datepicker td span.active:active,
	.datepicker td span.active.active,
	.datepicker td span.active.disabled,
	.datepicker td span.active[disabled] {
	  color: #ffffff;
	  background-color: #0044cc;
	  *background-color: #003bb3;
	}
	.datepicker td span.active:active,
	.datepicker td span.active.active {
	  background-color: #003399 \9;
	}
	.datepicker td span.old {
	  color: #999999;
	}
	.datepicker th.switch {
	  width: 145px;
	}
	.datepicker th.next,
	.datepicker th.prev {
	  font-size: 21px;
	}
	.datepicker thead tr:first-child th {
	  cursor: pointer;
	}
	.input-append.date .add-on i,
	.input-prepend.date .add-on i {
	  display: block;
	  cursor: pointer;
	  width: 16px;
	  height: 16px;
	}

/* EFFECTS */


/* BACKGROUND TRANSITIONS */
	/* Fade */
	.hvr-fade {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  overflow: hidden;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-property: color, background-color;
	  transition-property: color, background-color;
	}
	.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
	  background-color: #2098d1;
	  color: white;
	}

	/* Back Pulse */
	@-webkit-keyframes hvr-back-pulse {
	  50% {
	    background-color: rgba(32, 152, 209, 0.75);
	  }
	}

	@keyframes hvr-back-pulse {
	  50% {
	    background-color: rgba(32, 152, 209, 0.75);
	  }
	}

	.hvr-back-pulse {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  overflow: hidden;
	  -webkit-transition-duration: 0.5s;
	  transition-duration: 0.5s;
	  -webkit-transition-property: color, background-color;
	  transition-property: color, background-color;
	}
	.hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
	  -webkit-animation-name: hvr-back-pulse;
	  animation-name: hvr-back-pulse;
	  -webkit-animation-duration: 1s;
	  animation-duration: 1s;
	  -webkit-animation-delay: 0.5s;
	  animation-delay: 0.5s;
	  -webkit-animation-timing-function: linear;
	  animation-timing-function: linear;
	  -webkit-animation-iteration-count: infinite;
	  animation-iteration-count: infinite;
	  background-color: #2098d1;
	  background-color: #2098d1;
	  color: white;
	}

	/* Sweep To Right */
	.hvr-sweep-to-right {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  position: relative;
	  -webkit-transition-property: color;
	  transition-property: color;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	}
	.hvr-sweep-to-right:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background: #2098d1;
	  -webkit-transform: scaleX(0);
	  transform: scaleX(0);
	  -webkit-transform-origin: 0 50%;
	  transform-origin: 0 50%;
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
	  color: white;
	}
	.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
	  -webkit-transform: scaleX(1);
	  transform: scaleX(1);
	}

	/* Sweep To Left */
	.hvr-sweep-to-left {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  position: relative;
	  -webkit-transition-property: color;
	  transition-property: color;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	}
	.hvr-sweep-to-left:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background: #2098d1;
	  -webkit-transform: scaleX(0);
	  transform: scaleX(0);
	  -webkit-transform-origin: 100% 50%;
	  transform-origin: 100% 50%;
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	.hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active {
	  color: white;
	}
	.hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {
	  -webkit-transform: scaleX(1);
	  transform: scaleX(1);
	}

	/* Sweep To Bottom */
	.hvr-sweep-to-bottom {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  position: relative;
	  -webkit-transition-property: color;
	  transition-property: color;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	}
	.hvr-sweep-to-bottom:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background: #2098d1;
	  -webkit-transform: scaleY(0);
	  transform: scaleY(0);
	  -webkit-transform-origin: 50% 0;
	  transform-origin: 50% 0;
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
	  color: white;
	}
	.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
	  -webkit-transform: scaleY(1);
	  transform: scaleY(1);
	}

	/* Sweep To Top */
	.hvr-sweep-to-top {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  position: relative;
	  -webkit-transition-property: color;
	  transition-property: color;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	}
	.hvr-sweep-to-top:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background: #2098d1;
	  -webkit-transform: scaleY(0);
	  transform: scaleY(0);
	  -webkit-transform-origin: 50% 100%;
	  transform-origin: 50% 100%;
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
	  color: white;
	}
	.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
	  -webkit-transform: scaleY(1);
	  transform: scaleY(1);
	}

	/* Bounce To Right */
	.hvr-bounce-to-right {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  position: relative;
	  -webkit-transition-property: color;
	  transition-property: color;
	  -webkit-transition-duration: 0.5s;
	  transition-duration: 0.5s;
	}
	.hvr-bounce-to-right:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background: #2098d1;
	  -webkit-transform: scaleX(0);
	  transform: scaleX(0);
	  -webkit-transform-origin: 0 50%;
	  transform-origin: 0 50%;
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-duration: 0.5s;
	  transition-duration: 0.5s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
	  color: white;
	}
	.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
	  -webkit-transform: scaleX(1);
	  transform: scaleX(1);
	  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	}

	/* Bounce To Left */
	.hvr-bounce-to-left {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  position: relative;
	  -webkit-transition-property: color;
	  transition-property: color;
	  -webkit-transition-duration: 0.5s;
	  transition-duration: 0.5s;
	}
	.hvr-bounce-to-left:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background: #2098d1;
	  -webkit-transform: scaleX(0);
	  transform: scaleX(0);
	  -webkit-transform-origin: 100% 50%;
	  transform-origin: 100% 50%;
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-duration: 0.5s;
	  transition-duration: 0.5s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	.hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
	  color: white;
	}
	.hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
	  -webkit-transform: scaleX(1);
	  transform: scaleX(1);
	  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	}

	/* Bounce To Bottom */
	.hvr-bounce-to-bottom {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  position: relative;
	  -webkit-transition-property: color;
	  transition-property: color;
	  -webkit-transition-duration: 0.5s;
	  transition-duration: 0.5s;
	}
	.hvr-bounce-to-bottom:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background: #2098d1;
	  -webkit-transform: scaleY(0);
	  transform: scaleY(0);
	  -webkit-transform-origin: 50% 0;
	  transform-origin: 50% 0;
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-duration: 0.5s;
	  transition-duration: 0.5s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
	  color: white;
	}
	.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
	  -webkit-transform: scaleY(1);
	  transform: scaleY(1);
	  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	}

	/* Bounce To Top */
	.hvr-bounce-to-top {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  position: relative;
	  -webkit-transition-property: color;
	  transition-property: color;
	  -webkit-transition-duration: 0.5s;
	  transition-duration: 0.5s;
	}
	.hvr-bounce-to-top:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background: #2098d1;
	  -webkit-transform: scaleY(0);
	  transform: scaleY(0);
	  -webkit-transform-origin: 50% 100%;
	  transform-origin: 50% 100%;
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-duration: 0.5s;
	  transition-duration: 0.5s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
	  color: white;
	}
	.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
	  -webkit-transform: scaleY(1);
	  transform: scaleY(1);
	  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	}

	/* Radial Out */
	.hvr-radial-out {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  position: relative;
	  overflow: hidden;
	  background: #e1e1e1;
	  -webkit-transition-property: color;
	  transition-property: color;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	}
	.hvr-radial-out:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background: #2098d1;
	  border-radius: 100%;
	  -webkit-transform: scale(0);
	  transform: scale(0);
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
	  color: white;
	}
	.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
	  -webkit-transform: scale(2);
	  transform: scale(2);
	}

	/* Radial In */
	.hvr-radial-in {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  position: relative;
	  overflow: hidden;
	  background: #2098d1;
	  -webkit-transition-property: color;
	  transition-property: color;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	}
	.hvr-radial-in:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background: #e1e1e1;
	  border-radius: 100%;
	  -webkit-transform: scale(2);
	  transform: scale(2);
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	.hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {
	  color: white;
	}
	.hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {
	  -webkit-transform: scale(0);
	  transform: scale(0);
	}

	/* Rectangle In */
	.hvr-rectangle-in {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  position: relative;
	  background: #2098d1;
	  -webkit-transition-property: color;
	  transition-property: color;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	}
	.hvr-rectangle-in:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background: #e1e1e1;
	  -webkit-transform: scale(1);
	  transform: scale(1);
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	.hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
	  color: white;
	}
	.hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
	  -webkit-transform: scale(0);
	  transform: scale(0);
	}

	/* Rectangle Out */
	.hvr-rectangle-out {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  position: relative;
	  background: #e1e1e1;
	  -webkit-transition-property: color;
	  transition-property: color;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	}
	.hvr-rectangle-out:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background: #2098d1;
	  -webkit-transform: scale(0);
	  transform: scale(0);
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
	  color: white;
	}
	.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
	  -webkit-transform: scale(1);
	  transform: scale(1);
	}

	/* Shutter In Horizontal */
	.hvr-shutter-in-horizontal {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  position: relative;
	  background: #2098d1;
	  -webkit-transition-property: color;
	  transition-property: color;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	}
	.hvr-shutter-in-horizontal:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  top: 0;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  background: #e1e1e1;
	  -webkit-transform: scaleX(1);
	  transform: scaleX(1);
	  -webkit-transform-origin: 50%;
	  transform-origin: 50%;
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
	  color: white;
	}
	.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
	  -webkit-transform: scaleX(0);
	  transform: scaleX(0);
	}

	/* Shutter Out Horizontal */
	.hvr-shutter-out-horizontal {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  position: relative;
	  background: #e1e1e1;
	  -webkit-transition-property: color;
	  transition-property: color;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	}
	.hvr-shutter-out-horizontal:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  top: 0;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  background: #2098d1;
	  -webkit-transform: scaleX(0);
	  transform: scaleX(0);
	  -webkit-transform-origin: 50%;
	  transform-origin: 50%;
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
	  color: white;
	}
	.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
	  -webkit-transform: scaleX(1);
	  transform: scaleX(1);
	}

	/* Shutter In Vertical */
	.hvr-shutter-in-vertical {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  position: relative;
	  background: #2098d1;
	  -webkit-transition-property: color;
	  transition-property: color;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	}
	.hvr-shutter-in-vertical:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  top: 0;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  background: #e1e1e1;
	  -webkit-transform: scaleY(1);
	  transform: scaleY(1);
	  -webkit-transform-origin: 50%;
	  transform-origin: 50%;
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
	  color: white;
	}
	.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
	  -webkit-transform: scaleY(0);
	  transform: scaleY(0);
	}

	/* Shutter Out Vertical */
	.hvr-shutter-out-vertical {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  position: relative;
	  background: #e1e1e1;
	  -webkit-transition-property: color;
	  transition-property: color;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	}
	.hvr-shutter-out-vertical:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  top: 0;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  background: #2098d1;
	  -webkit-transform: scaleY(0);
	  transform: scaleY(0);
	  -webkit-transform-origin: 50%;
	  transform-origin: 50%;
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
	  color: white;
	}
	.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
	  -webkit-transform: scaleY(1);
	  transform: scaleY(1);
	}

	/* BORDER TRANSITIONS */
	/* Border Fade */
	.hvr-border-fade {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-property: box-shadow;
	  transition-property: box-shadow;
	  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
	  /* Hack to improve aliasing on mobile/tablet devices */
	}
	.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
	  box-shadow: inset 0 0 0 4px #2098d1, 0 0 1px rgba(0, 0, 0, 0);
	  /* Hack to improve aliasing on mobile/tablet devices */
	}

	/* Hollow */
	.hvr-hollow {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-property: background;
	  transition-property: background;
	  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
	  /* Hack to improve aliasing on mobile/tablet devices */
	}
	.hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active {
	  background: none;
	}

	/* Trim */
	.hvr-trim {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  position: relative;
	}
	.hvr-trim:before {
	  content: '';
	  position: absolute;
	  border: white solid 4px;
	  top: 4px;
	  left: 4px;
	  right: 4px;
	  bottom: 4px;
	  opacity: 0;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-property: opacity;
	  transition-property: opacity;
	}
	.hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before {
	  opacity: 1;
	}

	/* Ripple Out */
	@-webkit-keyframes hvr-ripple-out {
	  100% {
	    top: -12px;
	    right: -12px;
	    bottom: -12px;
	    left: -12px;
	    opacity: 0;
	  }
	}

	@keyframes hvr-ripple-out {
	  100% {
	    top: -12px;
	    right: -12px;
	    bottom: -12px;
	    left: -12px;
	    opacity: 0;
	  }
	}

	.hvr-ripple-out {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  position: relative;
	}
	.hvr-ripple-out:before {
	  content: '';
	  position: absolute;
	  border: #e1e1e1 solid 6px;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  -webkit-animation-duration: 1s;
	  animation-duration: 1s;
	}
	.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
	  -webkit-animation-name: hvr-ripple-out;
	  animation-name: hvr-ripple-out;
	}

	/* Ripple In */
	@-webkit-keyframes hvr-ripple-in {
	  100% {
	    top: 0;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    opacity: 1;
	  }
	}

	@keyframes hvr-ripple-in {
	  100% {
	    top: 0;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    opacity: 1;
	  }
	}

	.hvr-ripple-in {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  position: relative;
	}
	.hvr-ripple-in:before {
	  content: '';
	  position: absolute;
	  border: #e1e1e1 solid 4px;
	  top: -12px;
	  right: -12px;
	  bottom: -12px;
	  left: -12px;
	  opacity: 0;
	  -webkit-animation-duration: 1s;
	  animation-duration: 1s;
	}
	.hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before {
	  -webkit-animation-name: hvr-ripple-in;
	  animation-name: hvr-ripple-in;
	}

	/* Outline Out */
	.hvr-outline-out {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  position: relative;
	}
	.hvr-outline-out:before {
	  content: '';
	  position: absolute;
	  border: #e1e1e1 solid 4px;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-property: top, right, bottom, left;
	  transition-property: top, right, bottom, left;
	}
	.hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {
	  top: -8px;
	  right: -8px;
	  bottom: -8px;
	  left: -8px;
	}

	/* Outline In */
	.hvr-outline-in {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  position: relative;
	}
	.hvr-outline-in:before {
	  pointer-events: none;
	  content: '';
	  position: absolute;
	  border: #e1e1e1 solid 4px;
	  top: -16px;
	  right: -16px;
	  bottom: -16px;
	  left: -16px;
	  opacity: 0;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-property: top, right, bottom, left;
	  transition-property: top, right, bottom, left;
	}
	.hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before {
	  top: -8px;
	  right: -8px;
	  bottom: -8px;
	  left: -8px;
	  opacity: 1;
	}

	/* Round Corners */
	.hvr-round-corners {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-property: border-radius;
	  transition-property: border-radius;
	}
	.hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active {
	  border-radius: 1em;
	}

	/* Underline From Left */
	.hvr-underline-from-left {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  position: relative;
	  overflow: hidden;
	}
	.hvr-underline-from-left:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  left: 0;
	  right: 100%;
	  bottom: 0;
	  background: #2098d1;
	  height: 4px;
	  -webkit-transition-property: right;
	  transition-property: right;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
	  right: 0;
	}

	/* Underline From Center */
	.hvr-underline-from-center {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  position: relative;
	  overflow: hidden;
	}
	.hvr-underline-from-center:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  left: 50%;
	  right: 50%;
	  bottom: 0;
	  background: #2098d1;
	  height: 4px;
	  -webkit-transition-property: left, right;
	  transition-property: left, right;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
	  left: 0;
	  right: 0;
	}

	/* Underline From Right */
	.hvr-underline-from-right {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  position: relative;
	  overflow: hidden;
	}
	.hvr-underline-from-right:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  left: 100%;
	  right: 0;
	  bottom: 0;
	  background: #2098d1;
	  height: 4px;
	  -webkit-transition-property: left;
	  transition-property: left;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	.hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before {
	  left: 0;
	}

	/* Overline From Left */
	.hvr-overline-from-left {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  position: relative;
	  overflow: hidden;
	}
	.hvr-overline-from-left:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  left: 0;
	  right: 100%;
	  top: 0;
	  background: #2098d1;
	  height: 4px;
	  -webkit-transition-property: right;
	  transition-property: right;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	.hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before {
	  right: 0;
	}

	/* Overline From Center */
	.hvr-overline-from-center {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  position: relative;
	  overflow: hidden;
	}
	.hvr-overline-from-center:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  left: 50%;
	  right: 50%;
	  top: 0;
	  background: #2098d1;
	  height: 4px;
	  -webkit-transition-property: left, right;
	  transition-property: left, right;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
	  left: 0;
	  right: 0;
	}

	/* Overline From Right */
	.hvr-overline-from-right {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  position: relative;
	  overflow: hidden;
	}
	.hvr-overline-from-right:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  left: 100%;
	  right: 0;
	  top: 0;
	  background: #2098d1;
	  height: 4px;
	  -webkit-transition-property: left;
	  transition-property: left;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	.hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before {
	  left: 0;
	}

	/* Reveal */
	.hvr-reveal {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  position: relative;
	  overflow: hidden;
	}
	.hvr-reveal:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  left: 0;
	  right: 0;
	  top: 0;
	  bottom: 0;
	  border-color: #2098d1;
	  border-style: solid;
	  border-width: 0;
	  -webkit-transition-property: border-width;
	  transition-property: border-width;
	  -webkit-transition-duration: 0.1s;
	  transition-duration: 0.1s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	.hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before {
	  -webkit-transform: translateY(0);
	  transform: translateY(0);
	  border-width: 4px;
	}

	/* Underline Reveal */
	.hvr-underline-reveal {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  position: relative;
	  overflow: hidden;
	}
	.hvr-underline-reveal:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background: #2098d1;
	  height: 4px;
	  -webkit-transform: translateY(4px);
	  transform: translateY(4px);
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
	  -webkit-transform: translateY(0);
	  transform: translateY(0);
	}

	/* Overline Reveal */
	.hvr-overline-reveal {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  position: relative;
	  overflow: hidden;
	}
	.hvr-overline-reveal:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  left: 0;
	  right: 0;
	  top: 0;
	  background: #2098d1;
	  height: 4px;
	  -webkit-transform: translateY(-4px);
	  transform: translateY(-4px);
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	.hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before {
	  -webkit-transform: translateY(0);
	  transform: translateY(0);
	}


	/* Wobble Vertical */
	@-webkit-keyframes hvr-wobble-vertical {
	  16.65% {
	    -webkit-transform: translateY(8px);
	    transform: translateY(8px);
	  }

	  33.3% {
	    -webkit-transform: translateY(-6px);
	    transform: translateY(-6px);
	  }

	  49.95% {
	    -webkit-transform: translateY(4px);
	    transform: translateY(4px);
	  }

	  66.6% {
	    -webkit-transform: translateY(-2px);
	    transform: translateY(-2px);
	  }

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

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

	@keyframes hvr-wobble-vertical {
	  16.65% {
	    -webkit-transform: translateY(8px);
	    transform: translateY(8px);
	  }

	  33.3% {
	    -webkit-transform: translateY(-6px);
	    transform: translateY(-6px);
	  }

	  49.95% {
	    -webkit-transform: translateY(4px);
	    transform: translateY(4px);
	  }

	  66.6% {
	    -webkit-transform: translateY(-2px);
	    transform: translateY(-2px);
	  }

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

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

	.hvr-wobble-vertical {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	}
	.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
	  -webkit-animation-name: hvr-wobble-vertical;
	  animation-name: hvr-wobble-vertical;
	  -webkit-animation-duration: 1s;
	  animation-duration: 1s;
	  -webkit-animation-timing-function: ease-in-out;
	  animation-timing-function: ease-in-out;
	  -webkit-animation-iteration-count: 1;
	  animation-iteration-count: 1;
	}

	/* Wobble Horizontal */
	@-webkit-keyframes hvr-wobble-horizontal {
	  16.65% {
	    -webkit-transform: translateX(8px);
	    transform: translateX(8px);
	  }

	  33.3% {
	    -webkit-transform: translateX(-6px);
	    transform: translateX(-6px);
	  }

	  49.95% {
	    -webkit-transform: translateX(4px);
	    transform: translateX(4px);
	  }

	  66.6% {
	    -webkit-transform: translateX(-2px);
	    transform: translateX(-2px);
	  }

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

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

	@keyframes hvr-wobble-horizontal {
	  16.65% {
	    -webkit-transform: translateX(8px);
	    transform: translateX(8px);
	  }

	  33.3% {
	    -webkit-transform: translateX(-6px);
	    transform: translateX(-6px);
	  }

	  49.95% {
	    -webkit-transform: translateX(4px);
	    transform: translateX(4px);
	  }

	  66.6% {
	    -webkit-transform: translateX(-2px);
	    transform: translateX(-2px);
	  }

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

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

	.hvr-wobble-horizontal {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	}
	.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
	  -webkit-animation-name: hvr-wobble-horizontal;
	  animation-name: hvr-wobble-horizontal;
	  -webkit-animation-duration: 1s;
	  animation-duration: 1s;
	  -webkit-animation-timing-function: ease-in-out;
	  animation-timing-function: ease-in-out;
	  -webkit-animation-iteration-count: 1;
	  animation-iteration-count: 1;
	}

	/* Wobble To Bottom Right */
	@-webkit-keyframes hvr-wobble-to-bottom-right {
	  16.65% {
	    -webkit-transform: translate(8px, 8px);
	    transform: translate(8px, 8px);
	  }

	  33.3% {
	    -webkit-transform: translate(-6px, -6px);
	    transform: translate(-6px, -6px);
	  }

	  49.95% {
	    -webkit-transform: translate(4px, 4px);
	    transform: translate(4px, 4px);
	  }

	  66.6% {
	    -webkit-transform: translate(-2px, -2px);
	    transform: translate(-2px, -2px);
	  }

	  83.25% {
	    -webkit-transform: translate(1px, 1px);
	    transform: translate(1px, 1px);
	  }

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

	@keyframes hvr-wobble-to-bottom-right {
	  16.65% {
	    -webkit-transform: translate(8px, 8px);
	    transform: translate(8px, 8px);
	  }

	  33.3% {
	    -webkit-transform: translate(-6px, -6px);
	    transform: translate(-6px, -6px);
	  }

	  49.95% {
	    -webkit-transform: translate(4px, 4px);
	    transform: translate(4px, 4px);
	  }

	  66.6% {
	    -webkit-transform: translate(-2px, -2px);
	    transform: translate(-2px, -2px);
	  }

	  83.25% {
	    -webkit-transform: translate(1px, 1px);
	    transform: translate(1px, 1px);
	  }

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

	.hvr-wobble-to-bottom-right {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	}
	.hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active {
	  -webkit-animation-name: hvr-wobble-to-bottom-right;
	  animation-name: hvr-wobble-to-bottom-right;
	  -webkit-animation-duration: 1s;
	  animation-duration: 1s;
	  -webkit-animation-timing-function: ease-in-out;
	  animation-timing-function: ease-in-out;
	  -webkit-animation-iteration-count: 1;
	  animation-iteration-count: 1;
	}

	/* Wobble To Top Right */
	@-webkit-keyframes hvr-wobble-to-top-right {
	  16.65% {
	    -webkit-transform: translate(8px, -8px);
	    transform: translate(8px, -8px);
	  }

	  33.3% {
	    -webkit-transform: translate(-6px, 6px);
	    transform: translate(-6px, 6px);
	  }

	  49.95% {
	    -webkit-transform: translate(4px, -4px);
	    transform: translate(4px, -4px);
	  }

	  66.6% {
	    -webkit-transform: translate(-2px, 2px);
	    transform: translate(-2px, 2px);
	  }

	  83.25% {
	    -webkit-transform: translate(1px, -1px);
	    transform: translate(1px, -1px);
	  }

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

	@keyframes hvr-wobble-to-top-right {
	  16.65% {
	    -webkit-transform: translate(8px, -8px);
	    transform: translate(8px, -8px);
	  }

	  33.3% {
	    -webkit-transform: translate(-6px, 6px);
	    transform: translate(-6px, 6px);
	  }

	  49.95% {
	    -webkit-transform: translate(4px, -4px);
	    transform: translate(4px, -4px);
	  }

	  66.6% {
	    -webkit-transform: translate(-2px, 2px);
	    transform: translate(-2px, 2px);
	  }

	  83.25% {
	    -webkit-transform: translate(1px, -1px);
	    transform: translate(1px, -1px);
	  }

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

	.hvr-wobble-to-top-right {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	}
	.hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active {
	  -webkit-animation-name: hvr-wobble-to-top-right;
	  animation-name: hvr-wobble-to-top-right;
	  -webkit-animation-duration: 1s;
	  animation-duration: 1s;
	  -webkit-animation-timing-function: ease-in-out;
	  animation-timing-function: ease-in-out;
	  -webkit-animation-iteration-count: 1;
	  animation-iteration-count: 1;
	}

	/* Wobble Top */
	@-webkit-keyframes hvr-wobble-top {
	  16.65% {
	    -webkit-transform: skew(-12deg);
	    transform: skew(-12deg);
	  }

	  33.3% {
	    -webkit-transform: skew(10deg);
	    transform: skew(10deg);
	  }

	  49.95% {
	    -webkit-transform: skew(-6deg);
	    transform: skew(-6deg);
	  }

	  66.6% {
	    -webkit-transform: skew(4deg);
	    transform: skew(4deg);
	  }

	  83.25% {
	    -webkit-transform: skew(-2deg);
	    transform: skew(-2deg);
	  }

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

	@keyframes hvr-wobble-top {
	  16.65% {
	    -webkit-transform: skew(-12deg);
	    transform: skew(-12deg);
	  }

	  33.3% {
	    -webkit-transform: skew(10deg);
	    transform: skew(10deg);
	  }

	  49.95% {
	    -webkit-transform: skew(-6deg);
	    transform: skew(-6deg);
	  }

	  66.6% {
	    -webkit-transform: skew(4deg);
	    transform: skew(4deg);
	  }

	  83.25% {
	    -webkit-transform: skew(-2deg);
	    transform: skew(-2deg);
	  }

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

	.hvr-wobble-top {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  -webkit-transform-origin: 0 100%;
	  transform-origin: 0 100%;
	}
	.hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active {
	  -webkit-animation-name: hvr-wobble-top;
	  animation-name: hvr-wobble-top;
	  -webkit-animation-duration: 1s;
	  animation-duration: 1s;
	  -webkit-animation-timing-function: ease-in-out;
	  animation-timing-function: ease-in-out;
	  -webkit-animation-iteration-count: 1;
	  animation-iteration-count: 1;
	}

	/* Wobble Bottom */
	@-webkit-keyframes hvr-wobble-bottom {
	  16.65% {
	    -webkit-transform: skew(-12deg);
	    transform: skew(-12deg);
	  }

	  33.3% {
	    -webkit-transform: skew(10deg);
	    transform: skew(10deg);
	  }

	  49.95% {
	    -webkit-transform: skew(-6deg);
	    transform: skew(-6deg);
	  }

	  66.6% {
	    -webkit-transform: skew(4deg);
	    transform: skew(4deg);
	  }

	  83.25% {
	    -webkit-transform: skew(-2deg);
	    transform: skew(-2deg);
	  }

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

	@keyframes hvr-wobble-bottom {
	  16.65% {
	    -webkit-transform: skew(-12deg);
	    transform: skew(-12deg);
	  }

	  33.3% {
	    -webkit-transform: skew(10deg);
	    transform: skew(10deg);
	  }

	  49.95% {
	    -webkit-transform: skew(-6deg);
	    transform: skew(-6deg);
	  }

	  66.6% {
	    -webkit-transform: skew(4deg);
	    transform: skew(4deg);
	  }

	  83.25% {
	    -webkit-transform: skew(-2deg);
	    transform: skew(-2deg);
	  }

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

	.hvr-wobble-bottom {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  -webkit-transform-origin: 100% 0;
	  transform-origin: 100% 0;
	}
	.hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active {
	  -webkit-animation-name: hvr-wobble-bottom;
	  animation-name: hvr-wobble-bottom;
	  -webkit-animation-duration: 1s;
	  animation-duration: 1s;
	  -webkit-animation-timing-function: ease-in-out;
	  animation-timing-function: ease-in-out;
	  -webkit-animation-iteration-count: 1;
	  animation-iteration-count: 1;
	}

	/* Wobble Skew */
	@-webkit-keyframes hvr-wobble-skew {
	  16.65% {
	    -webkit-transform: skew(-12deg);
	    transform: skew(-12deg);
	  }

	  33.3% {
	    -webkit-transform: skew(10deg);
	    transform: skew(10deg);
	  }

	  49.95% {
	    -webkit-transform: skew(-6deg);
	    transform: skew(-6deg);
	  }

	  66.6% {
	    -webkit-transform: skew(4deg);
	    transform: skew(4deg);
	  }

	  83.25% {
	    -webkit-transform: skew(-2deg);
	    transform: skew(-2deg);
	  }

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

	@keyframes hvr-wobble-skew {
	  16.65% {
	    -webkit-transform: skew(-12deg);
	    transform: skew(-12deg);
	  }

	  33.3% {
	    -webkit-transform: skew(10deg);
	    transform: skew(10deg);
	  }

	  49.95% {
	    -webkit-transform: skew(-6deg);
	    transform: skew(-6deg);
	  }

	  66.6% {
	    -webkit-transform: skew(4deg);
	    transform: skew(4deg);
	  }

	  83.25% {
	    -webkit-transform: skew(-2deg);
	    transform: skew(-2deg);
	  }

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

	.hvr-wobble-skew {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	}
	.hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active {
	  -webkit-animation-name: hvr-wobble-skew;
	  animation-name: hvr-wobble-skew;
	  -webkit-animation-duration: 1s;
	  animation-duration: 1s;
	  -webkit-animation-timing-function: ease-in-out;
	  animation-timing-function: ease-in-out;
	  -webkit-animation-iteration-count: 1;
	  animation-iteration-count: 1;
	}



	/* IMAGE EFFECTS */
	figure {
		position: relative;
		float: left;
		overflow: hidden;
		margin: 0 0 10px 0;
		width: 100%;
		background: #000;
		text-align: center;
		cursor: pointer;
		height: auto;
	}
	figure a {
		height: auto;
	}
	figure img {
		position: relative;
		display: block;
		max-width: 100%;
		opacity: 0.8;
		height: auto;
	}

	figure.effect-milo {
		background: #1c8ccd;
	}

	figure.effect-milo img {
		
		opacity: 1;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: translate3d(0,0,0) scale(1.06);
		transform: translate3d(0,0,0) scale(1.06);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	figure.effect-milo:hover img {
		opacity: 0.5;
		-webkit-transform: translate3d(0,0,0) scale(1);
		transform: translate3d(0,0,0) scale(1);
	}

	figure.effect-milo h2 {
		font-size: 16px; margin: 0; color: #fff;
		background: #000;
		position: absolute;
		left: 0;
		bottom: 0;
		padding: 15px;
	}
	figure.effect-milo a h2 {
		color: #fff;	
	}
	figure.effect-milo a {
	    display: block;
	}
	figure.effect-milo p {
		padding: 0 10px 0 0;
		width: 50%;
		border-right: 1px solid #fff;
		text-align: right;
		opacity: 0;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: translate3d(-40px,0,0);
		transform: translate3d(-40px,0,0);
	}

	figure.effect-milo:hover p {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	/* OSCAR */
	figure.effect-oscar {
		background: #0056b8; min-height: auto;
	}

	figure.effect-oscar img {
		opacity: 0.9;
		-webkit-transition: opacity 0.35s;
		transition: opacity 0.35s;
	}

	figure.effect-oscar figcaption {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 0;
		background-color: rgba(0,0,0,0.5);
		-webkit-transition: background-color 0.35s;
		transition: background-color 0.35s;
	}
	figure.effect-oscar figcaption a {
		display: block; width: 100%; height: 100%;
	}
	figure.effect-oscar figcaption::before {
		position: absolute;
		top: 30px;
		right: 30px;
		bottom: 30px;
		left: 30px;
		border: 1px solid #fff;
		content: '';
	}

	figure.effect-oscar h2 {
		margin: 20% 30px 10px 30px; color: #fff;
		-webkit-transition: -webkit-transform 0.35s;
		transition: transform 0.35s;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
	}

	figure.effect-oscar figcaption::before,
	figure.effect-oscar p {
		opacity: 0;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	figure.effect-oscar:hover h2 {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	figure.effect-oscar:hover figcaption::before,
	figure.effect-oscar:hover p {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	figure.effect-oscar:hover figcaption {
		background-color: rgba(0,86,184,0);
	}

	figure.effect-oscar:hover img {
		opacity: 0.4;
	}
	
	
	/* ROXY */
	figure.effect-roxy {
		background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
		background: linear-gradient(45deg, #ff89e9 0%,#05abe0 100%);
	}

	figure.effect-roxy img {
		max-width: none;
		width: -webkit-calc(100% + 60px);
		width: calc(100% + 60px);
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: translate3d(-50px,0,0);
		transform: translate3d(-50px,0,0);
	}

	figure.effect-roxy figcaption::before {
		position: absolute;
		top: 30px;
		right: 30px;
		bottom: 30px;
		left: 30px;
		border: 1px solid #fff;
		content: '';
		opacity: 0;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: translate3d(-20px,0,0);
		transform: translate3d(-20px,0,0);
	}

	figure.effect-roxy figcaption {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 0;
		background-color: rgba(0,0,0,0.5);
		text-align: left;
	}

	figure.effect-roxy h2 {
		padding: 30% 35px 10px 35px; color: #fff; text-align: center;
	}

	figure.effect-roxy p {
		opacity: 0;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: translate3d(-10px,0,0);
		transform: translate3d(-10px,0,0);
	}

	figure.effect-roxy:hover img {
		opacity: 0.7;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	figure.effect-roxy:hover figcaption::before,
	figure.effect-roxy:hover p {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	


/* ----------------------------------------------------------------
	FI Menu
-----------------------------------------------------------------*/
	.fi-menu {
	    width: 100%;
	    margin: 0;
	    padding: 0;
	    position: relative;
	    list-style: none;
	    background: #0056b8;
	    text-align: center;
	}
	.fi-menu li {
	    display: inline-block;
	    font-size: 13px;
	    margin: 0;
	    padding: 0;
	    line-height: 20px;
	    position: relative;
	    text-align: left;
	}
	.fi-menu > li > a {
	    padding: 20px 25px;
	    color: #fff;
	    text-decoration: none;
	    
	    display: block;
	    -webkit-transition: color .2s linear, background .2s linear;
	    -moz-transition: color .2s linear, background .2s linear;
	    -o-transition: color .2s linear, background .2s linear;
	    transition: color .2s linear, background .2s linear
	}
	.fi-menu li:hover>a,
	.fi-menu li.active a {
	    background: #333333;
	    color: #fff
	}
	.fi-menu > li ul li.has_dropdown > a {
		padding-right: 32px;
	}
	.fi-menu li ul li.has_dropdown::before {
		position: absolute; content: "\f107"; top: 20px; right: 10px; color: #fff;
		font-family: 'FontAwesome';
	}
	.fi-menu li ul li.has_dropdown::before {
		position: absolute; content: "\f105"; top: 10px; right: 10px; color: #fff;
		font-family: 'FontAwesome';
	}
	.fi-menu li.right {
	    float: right
	}
	.fi-menu ul,
	.fi-menu ul li ul {
	    list-style: none;
	    margin: 0;
	    padding: 0;
	    display: none;
	    position: absolute;
	    z-index: 99999;
	    width: 280px;
	    background: #58585a;
	}
	.fi-menu ul {
	    top: 60px;
	    left: 0
	}
	.fi-menu ul li ul {
	    top: 0;
	    left: 100%
	}
	.fi-menu ul li {
	    clear: both;
	    width: 100%;
	    border: 0;
	    font-size: 12px;
	    position: relative;
	}

	.fi-menu ul li a {
	    padding: 10px 20px;
	    width: 100%;
	    color: #dedede;
	    font-size: 13px;
	    text-decoration: none;
	    display: inline-block;
	    float: left;
	    clear: both;
	    box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	    -webkit-transition: color .2s linear, background .2s linear;
	    -moz-transition: color .2s linear, background .2s linear;
	    -o-transition: color .2s linear, background .2s linear;
	    transition: color .2s linear, background .2s linear
	}
	.thin>li>a {
	    padding: 10px 22px
	}
	.thin ul {
	    top: 40px
	}
	.thick>li>a {
	    padding: 40px 22px
	}
	.thick ul {
	    top: 100px
	}
	.fi-menu i {
	    line-height: 20px!important;
	    margin-right: 6px;
	    font-size: 18px;
	    float: left
	}
	.fi-menu>li.showhide {
	    display: none;
	    width: 100%;
	    height: 50px;
	    cursor: pointer;
	    color: #dedede;
	    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
	    background: #333
	}
	.fi-menu>li.showhide span.title {
	    margin: 16px 0 0 25px;
	    float: left
	}
	.fi-menu>li.showhide span.icon {
	    margin: 17px 20px;
	    float: right
	}
	.fi-menu>li.showhide .icon em {
	    margin-bottom: 3px;
	    display: block;
	    width: 20px;
	    height: 2px;
	    background: #ccc
	}
	.orange li:hover>a,
	.orange li.active a {
	    background: #ff670f;
	    color: #fff!important
	}
	.fi-menu.vertical {
	    width: 200px
	}
	.fi-menu.vertical li {
	    width: 100%
	}
	.fi-menu.vertical li a {
	    display: inline-block!important;
	    width: 100%;
	    padding: 18px 20px 16px;
	    box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box
	}
	.fi-menu.vertical ul li {
	    width: 100%
	}
	.fi-menu.vertical ul,
	.fi-menu.vertical ul li ul {
	    width: 150px
	}
	.fi-menu.vertical ul {
	    top: 0;
	    left: 100%
	}
	.fi-menu.vertical ul li ul {
	    top: 1px
	}
	.fi-menu.vertical.right {
	    float: right!important
	}
	.fi-menu.vertical.right ul {
	    left: -150px!important
	}
	@media (min-width: 769px) and (max-width: 1024px) {
		.fi-menu > li > a {
		    padding: 20px 18px;
		}
	}
	@media only screen and (max-width: 768px) {
	    .fi-menu.vertical {
	        width: 100%
	    }
	    .fi-menu li.has_dropdown::before {
			position: absolute; content: "\f107"; top: 20px; right: 10px; color: #fff;
			font-family: 'FontAwesome';
		}
		.fi-menu li.has_dropdown::before {
			position: absolute; content: "\f105"; top: 10px; right: 10px; color: #fff;
			font-family: 'FontAwesome';
		}
	    .fi-menu li.fi-open,
	    .fi-menu li.fi-open ul {
			background: #58585a;
			display: block;
		}
	    .fi-menu li {
	        display: block;
	        width: 100%
	    }
	    .fi-menu > li > a {
	        padding-top: 15px;
	        padding-bottom: 15px;
	        padding-left: 25px
	    }
	    .fi-menu a {
	        width: 100%;
	        box-sizing: border-box;
	        -moz-box-sizing: border-box;
	        -webkit-box-sizing: border-box
	    }
	    .fi-menu ul,
	    .fi-menu ul li ul,
	    .fi-menu.vertical ul,
	    .fi-menu.vertical ul li ul {
	        width: 100%;
	        left: 0;
	        border-left: 0;
	        position: static;
	        box-sizing: border-box;
	        -moz-box-sizing: border-box;
	        -webkit-box-sizing: border-box
	    }
	    .fi-menu ul li {
	        border-left: 0;
	        border-right: 0
	    }
	    .fi-menu ul li a,
	    .fi-menu.vertical ul li a {
	        padding-top: 10px;
	        padding-bottom: 10px
	    }
	    .fi-menu ul>li>a {
	        padding-left: 40px!important
	    }
	}
/* MenuFix */
.fi-menu:before, .fi-menu:after {content: "";display: table;}
.fi-menu:after {
    clear: both;
}
.fi-menu li {
	float: left;
}

/* MODAL */
#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
#simplemodal-container {height:360px; width:600px; color:#333; background-color:#fff; border:4px solid #ccc; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(../img/basic/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}