/*-----------------------------------------------------
-------------        CONTENTS         -----------------
-----------------------------------------------------*/

/*

	1. Base
	2. Generic classes
		2.1. Misc
		2.2. Buttons
		2.3. Skills
		2.4. Testimonials 
	3. Header
	4. Footer
	5. Sections
		5.1. Main Slider
		5.2. Features
		5.3. About Us
		5.4. Our Team
		5.5. Our Tweets
		5.6. Why Us
		5.7. Testimonials
		5.8. Portfolio
		 		5.8.1. Single
		5.9. Pricing
		5.10. Blog
		 		5.10.1. Single
	6. Forms
	7. Isotope
	8. Style Switcher
	9. Media Queries




/*-----------------------------------------------------
-------------        BASE         ------------
-----------------------------------------------------*/


#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}
#loader {
    display: block;
    position: relative;
    left: 0;
    top: 0;
    z-index: 1001;
    width: 1em;
    height: 1em;
}

.loader {
  margin: 4em auto;
/*  margin-top: 4em;*/
  font-size: 18px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
 text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
}

@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}


#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    /* width: 50%;  // is enough? */
    height: 100%;
/*    Background: none repeat scroll 0 0 rgba(68, 96, 110, 0.99); */
    /* background: #2980b9; */
    background: #8C9DA6;    /* background: #2980b9; */
    /* background:  #222222; */
    z-index: 1000;
    -webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(0);  /* IE 9 */
    transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */
}

#loader-wrapper .loader-section.section-left {
    left: 0;
}

#loader-wrapper .loader-section.section-right {
    right: 0;
}

/* Loaded */
.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(-100%);  /* IE 9 */
    transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */

    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(100%);  /* IE 9 */
    transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */

    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;  
    transition: all 0.3s ease-out;
}
.loaded #loader-wrapper {
    visibility: hidden;
    /* -webkit-transform: translateY(-100%);  /\* Chrome, Opera 15+, Safari 3.1+ *\/ */
    /* -ms-transform: translateY(-100%);  /\* IE 9 *\/ */
    /* transform: translateY(-100%);  /\* Firefox 16+, IE 10+, Opera *\/ */

    -webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateY(-100%);  /* IE 9 */
    transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */


    -webkit-transition: all 0.3s 1s ease-out;  
    transition: all 0.3s 1s ease-out;
}

@font-face {
    font-family: 'Social';
    src: url('../font/socialico-webfont.eot');
    src: url('../font/socialico-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/socialico-webfont.woff') format('woff'),
         url('../font/socialico-webfont.ttf') format('truetype'),
         url('../font/socialico-webfont.svg#socialicoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	font-family:'Oxygen', sans-serif;
	font-size:13px;
	color:#777;
	line-height:24px;
	padding-top:80px;
}

body .wrapper > section {
	box-shadow:1px 1px 4px rgba(0,0,0,0.15) inset;
}

body .wrapper > section,
header.main,
footer.main {
	position:relative;
	z-index:20000;
}

body.home {
	padding-top:0;
}

ul {
	list-style:none;
}

li {
	margin-bottom:10px;
}

h1,h2,h3,h4,h5,h6 {
	font-family:'Montserrat', sans-serif;
	text-transform:uppercase;
	font-weight:normal;
}


.portfolio-title {
    text-transform:none;
    line-height: 1em!important;
    font-size: 25px;
}

.portfolio-subtitle {
    text-transform:none;
    line-height: 1em!important;
}

.portfolio-description {
    text-align: justify;
}

h1,h2,h3 {
	margin-bottom:30px;
}

h4,h5,h6 {
	margin-bottom:20px;
}

h1 {
	font-size:24px;
}

h2 {
	font-size:22px;
}

h3 {
	font-size:20px;
}

h4 {
	font-size:18px;
}

h5 {
	font-size:16px;
}

h6 {
	font-size:14px;
}

blockquote {
	font-size:13px;
	font-style:italic;
	line-height:24px;
	padding:25px 50px;
	border:none;
	position:relative;
}

blockquote:before {
	content:open-quote;
	font-size:130px;
	font-family:'Montserrat', sans-serif;
	position:absolute;
	top:32px;
	font-style:normal;
	left:-20px;
}

blockquote cite {
	display:block;
	margin-top:20px;
	font-style:normal;
	font-weight:bold;
}

hr {
	height:1px;
	border:none;
	background:#EFEFEF;
	width:100%;
	margin:20px 0;
}

p {
	margin-bottom:25px;
}

a {
	color:#777;
}

a:hover,
a:focus {
	color:#555;
	text-decoration:none;
}

section.transparent h1,
section.transparent p {
	color:#EFEFEF;
}

.wrapper > section {
	padding:80px 0;
}

.wrapper > section.our-team {
	padding:60px 0;
}





/*-----------------------------------------------------
-------------        CLASSES         ------------
-----------------------------------------------------*/

/* Misc */

.wrapper {
	background:#FFF;
}

.bordered {
	border-top:5px solid #DDD;
	border-bottom:5px solid #DDD;
}

.dots {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	background:url('../images/dots.png') left top repeat;
	z-index:1;
}

.no-list {
	list-style:none;
}

.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.nmp {
	margin:0;
	padding:0;
}

.inline li {
	float:left;
	padding:0;
}

i[class*="icon"] {
	margin-right:5px;
}

.center {
	text-align:center;
}

.centered {
	left: 50%;
	transform: translate(-50%, -50%);
}




div.flexslider {
	margin:0;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	border:none;
	background:none;
	border-radius:0;
	position:relative;
}

h1.hero {
	text-align:center;
	font-size:55px;
	text-shadow:1px 1px 2px rgba(0,0,0,0.3);
	margin:0 0 55px;
	font-weight:bold;
	line-height: 1.2em;
	letter-spacing:-2px;
	text-transform:none;
}

span.hero {
	text-align:center;
	font-size:30px;
	text-shadow:1px 1px 2px rgba(0,0,0,0.3);
	margin:0 0 55px;
	font-weight:bold;
	letter-spacing:-2px;
	text-transform:none;
}

.portfolio-ctrl {
    text-align:center;
    font-size:25px;
    line-height: 1.2em;
    text-shadow:1px 1px 2px rgba(0,0,0,0.3);
}

.portfolio-container {
    margin-top: 50px;
}

h1.portfolio-title {
	text-align:center;
	font-size:35px;
	text-shadow:1px 1px 2px rgba(0,0,0,0.3);
	margin:0 0 55px;
	font-weight:bold;
	letter-spacing:-2px;
	text-transform:none!important;
}

.clima2014-subtitle-ico {
    font-size: 2em!important; 
    margin-right:1em;
}


.clima2014-h1
{
    color: #ffffff !important;
    font-size: 3em;
    line-height: 3em;
}

.clima2014-h1-black
{
    color: black !important;
    font-size: 3em;
    line-height: 1.4em;
    text-shadow:1px 1px 3px rgba(0,0,0,0.5);
}


.clima2014-title-black
{
    color: black !important;
    font-size: 200%;
    line-height: 200%;
    text-shadow:1px 1px 3px rgba(0,0,0,0.5);
}


.clima2014-h1:hover {
    color: red;
}


.clima2014-h2
{
    color: #ffffff !important;
    font-size: 3em;
    line-height: 2em;
    text-shadow:1px 1px 3px rgba(0,0,0,0.5);
/*    text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;*/
}


.clima2014-h2-black
{
    color: black !important;
    font-size: 2em;
    line-height: 1.8em;
    text-shadow:1px 1px 3px rgba(0,0,0,0.5);
/*    text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;*/
}

.clima2014-hparole
{
    color: #ffffff !important;
    font-size: 1.5em;
    line-height: 1.5em;
}

.clima2014-h3
{
    color: #ffffff !important;
    font-size: 1.6em;
    line-height: 1.6em;
}

.clima2014-h3-black
{
    color: black !important;
    font-size: 1.6em;
    line-height: 1.6em;
    margin-bottom: 1%;
    margin-top: 1%;
}


p.sub-hero {
	text-align:center;
	font-size:18px;
	line-height:32px;
	margin:-30px 0 40px;
}

p.large {
	font-size:18px;
	line-height:30px;
}

span.drop {
	margin:0 3px 0 0;
	font-size:60px;
	line-height:60px;
	float:left;
}

/* Buttons */

.button {
	display:inline-block;
	padding:15px 30px;
	font-family:'Montserrat', sans-serif;
	color:#FFF;
	font-size:14px;
	background:rgba(0,0,0,0.5);
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	width:60%;
	box-shadow:0px 0px 3px 3px rgba(0,0,0,0.25);
}

.button-home {
/* 	display:inline-block; */
/* 	padding:15px 30px; */
/* 	font-family:'Montserrat', sans-serif; */
/* 	color:#FFF; */
/* 	font-size:14px; */
/* /\*	background:rgba(255,255,255); *\/ */
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
/* 	width:60%; */
	/* box-shadow:0px 0px 1px 1px rgba(0,0,0,0.25); */
}

.get-started-wg1, .get-started-wg2, .get-started-wg3, .get-started-parole  {
    margin-top: 8%;
    font-size:0.9em;
    /* border-style: solid; */
    /* border-width: 0.5em; */
    color: white;
/*    color: #68809A; */
}

.get-started-wg1 {
    /* border-color: #68809A; */
    /* background-color: rgba(104, 128, 154, 1); */
}
.get-started-wg2 {
    /* border-color: #b27c2b; */
    /* background-color: #b27c2b; */
    color: white;
}


.get-started-wg3 {
    /* border-color: #ae4f31; */
    /* background-color: #ae4f31; */
    color: white;
}

.get-started-parole {
    /* border-color: #7e8e45; */
    /* background-color: #7e8e45; */
}

.get-started-home {
	cursor:pointer;
    /* border-color: #7e8e45; */
    /* background-color: #7e8e45; */
}

.get-started-wg1:hover, .get-started-wg2:hover, .get-started-wg3:hover, .get-started-parole:hover {
    color: white;
}



.button.small {
	padding:8px 16px;
	font-size:12px;
}

.button:hover,
.button:focus {
	text-decoration:none;
	color:#FFF; 
	transform:scale(1.1);
	-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);
}

.button-home:hover,
.button-home:focus {
	text-decoration:none;
/*	color:#FFF;  */
	transform:scale(1.1);
	-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);
}

/* Skills */

ul.skills li {
	position:relative;
	height:40px;
	margin-bottom:15px;
}

ul.skills li span {
	color:#FFF;
	position:absolute;
	z-index:3;
	left:8px;
	top:8px;
}

ul.skills li .background {
	background:#F9F9F9;
	position:relative;
	height:100%;
}

ul.skills li .background > div {
	position:absolute;
	height:100%;
	background:#44606E;
	z-index:2;
}

/* Testimonials */

.testimonial .text {
	background:#F9F9F9;
	list-style:none;
	padding:20px 40px;
	position:relative;
	z-index:1;
}

.testimonial .text:after {
	content:"\201C";
	font-size:170px;
	color:#e9e9e9;
	position:absolute;
	top:80px;
	left:5px;
	z-index:2;
	font-family:sans-serif;
}

.testimonial .text:before {
	content:"";
	border-left:20px solid transparent;
	border-right:20px solid transparent;
	border-top:20px solid #F9F9F9;
	position:absolute;
	bottom:-20px;
	right:35%;
}

.span4 .testimonial .text:before {
	right:50%;
}

.testimonial .text p {
	font-weight:400;
	font-style:italic;
	color:#9E9E9E;
	font-size:13px;
	line-height:24px;
	text-align:center;
	z-index:3;
	position:relative;
	margin:0;
}

.testimonial .author {
	float:right;
	margin-top:5px;
	min-width:100px;
}

.testimonial .author .image {
	float:left;
	margin:0 10px 0;
}

.testimonial .author .details {
	float:left;
}

.testimonial .author p {
	text-transform:uppercase;
	font-size:16px;
	color:#44606E;
	margin:auto;
}

.testimonial .author span {
	display:block;
	font-size:13px;
	line-height:13px;
	font-weight:500;
}





/*-----------------------------------------------------
-------------        HEADER         ------------
-----------------------------------------------------*/

header.main.fixed {
	position:fixed;
	background: #7C7C7C;
	/* background:#44606e; */
	top:0;
	width:100%;
	left:0;
	height:80px;
	margin-top:0;
	z-index:1000000;
}

header.main {
	position:relative;
	z-index:10000;
	height:80px;
	margin-top:-80px;
	background:rgba(0,0,0,0.5);
}

header.main > .container {
	position:absolute;
	z-index:1000;
	left:50%;
	margin-left:-470px;
}

a.logo {
	float:left;
	position:relative;
	top:30px;
	font-size: 1.4em;
	color:white; 
}

.menu-icons {
/*    float:left; */
    position: relative;
    left: 18%;
    top: 0;
}

.menu-icon {
    max-width: 25px;
    margin-left:auto; 
    margin-right:auto;
}

.loghi-container {
    max-width: 35%;
    max-height: 10%;
}

.logo-single {
    max-height: 10%;
    max-width: 25%;
    float:left;
}


nav.main {
	float:right;
}

nav.main ul {
	margin:0;
}

nav.main ul li {
	margin:0;
}

nav.main ul li a {
	color:#FFF;
	display:block;
	text-shadow:1px 1px 2px rgba(0,0,0,0.25);
	padding:30px 10px;
	line-height:20px;
}

header.fixed nav.main ul li a.active {
	background:rgba(0,0,0,0.2);
}

header.main .mobile-nav {
	margin-top:25px;
}




/*-----------------------------------------------------
-------------        FOOTER         ------------
-----------------------------------------------------*/

footer.main {
	padding:80px 0 0;
	color:#FFF;
	width:100%;
	z-index:10000;
	position:relative;
	border-top:5px solid #DDD;
}

footer.main hr {
	background:#555;
}

footer.main h1.hero {
	margin-top:0;
}

footer.main .map {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	z-index:-1;
}

footer.main .map .overlay {
	background:#000;
	opacity:0.6;
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	-moz-pointer-events:none;
	-webkit-pointer-events:none;
}

footer.main .map iframe {
	margin:0;
	border:0;
	width:100%;
	height:535px;
}

footer.main input[type="text"],
footer.main textarea {
	padding:7px 10px;
	font-family:'Montserrat', sans-serif;
	color:#AAA;
	font-size:14px;
	text-transform:uppercase;
	background:rgba(0,0,0,0.75);
	border:none;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border:1px solid #555555;
}

footer.main input[type='text'] {
	height:50px;
}

footer.main input[type="submit"] {
	text-transform:uppercase;
	padding:10px 18px;
	border:1px solid #888;
}

footer.main input.error,
footer.main textarea.error {
	border:2px solid #F2DEDE;
}

footer.main #results,
footer.main #error,
footer.main #success,
footer.main #loading {
	display:none;
}

footer.main textarea {
	height:130px;
}

footer.main .copyright {
	background:rgba(0,0,0,0.5);
	padding:15px 0 5px;
	margin-top:70px;
	border-top:1px solid #555;
}

footer.main .copyright p {
	margin:0;
	font-size:12px;
}

footer.main nav.footer ul {
	margin:0;
}

footer.main nav.footer li a {
	display:block;
	padding:0 7px;
	font-size:12px;
	color:#FFF;
}




/*-----------------------------------------------------
-------------        Main Slider         ------------
-----------------------------------------------------*/

#home.flexslider {
	position:relative;
	z-index:0;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#home.flexslider ul.slides {
	position:relative;
}

#home.flexslider li[class*='slide'] {
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-position:center top;
	height:100%;
	position:relative;
	display:none;
}

#home.flexslider ul.slides .slide-content {
	position:absolute;
	top:50%;
	left:50%;
	text-align:center;
	z-index:2;
}

#home.flexslider ul.slides h1.hero {
	margin:0;
	color:#FFF;
	text-shadow:1px 1px 3px rgba(0,0,0,0.5);
}

#home.flexslider ul.slides h1.hero span {
	font-family:'Oxygen', sans-serif;
	font-size:20px;
	color:#d5d5d5;
	font-weight:300;
	display:block;
	margin:10px 0 20px;
	letter-spacing:0;
}

#home.flexslider .slide1 {
/*	background-image:url('../images/slider-single-bg.jpg');*/
/*	background-color: rgba(50, 154, 169, 0.898); */
}

#home.flexslider .slide2 {
	background-image:url('../images/slide2.jpg');
}

#home.flexslider .slide3 {
	background-image:url('../images/slide3.jpg');
}

#home.flexslider .slide4 {
	background-image:url('../images/slide4.jpg');
}

#home.flexslider .slide5 {
	background-image:url('../images/slide5.jpg');
}

#home.flexslider .flex-direction-nav li a {
	background-image:url('../images/home-arrows.png');
	background-repeat:no-repeat;
	height:60px;
	width:60px;
	margin-top:-30px;
	opacity:1;
}

#home.flexslider .flex-direction-nav li {
	margin:0;
}

#home.flexslider .flex-direction-nav .flex-prev {
	left:0;
	background-position:left top;
}

#home.flexslider .flex-direction-nav .flex-next {
	right:0;
	background-position:right top;
}




/*-----------------------------------------------------
-------------        Features        ------------
-----------------------------------------------------*/

section.features {
	position:relative;
	z-index:2000 !important;
	background:#FFF;
}

section.features h2 {
	color:#2c414d;
	margin-bottom:20px;
}

section.features i[class*='icon'] {
	color:#2C414D;
	font-size:60px;
	margin:0;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}





/*-----------------------------------------------------
-------------        About Us         ------------
-----------------------------------------------------*/

section.our-company {
	background:#FFF;
}

section.our-company h1 {
	text-shadow:none;
}





/*-----------------------------------------------------
-------------       Our Team         ------------
-----------------------------------------------------*/

section.our-team {
	background:#F7F7F7;
	min-height: 530px;
}

section.our-team h1 {
	text-shadow:none;
}

.member {
	width:13%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:2%;
	float:left;
	text-align:center;
	border-radius:50%;
	position:relative;
	font-family:'Montserrat', sans-serif;
	background:#fff;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	cursor:pointer;
	z-index:0;
}

.member1 {
	margin:1% 1% 1% 5%;
}

.member2 {
	margin:3% 5% 3% 1%;
}

/* .members .member:first-of-type, */
/* .members .member:nth-of-type(5) { */
/* 	transform:scale(0.7); */
/* 	-moz-transform:scale(0.7); */
/* 	-webkit-transform:scale(0.7); */
/* } */

/* .members .member:nth-of-type(2), */
/* .members .member:nth-of-type(4) { */
/* 	transform:scale(0.85); */
/* 	-moz-transform:scale(0.85); */
/* 	-webkit-transform:scale(0.85); */
/* } */

.members .member:hover {
	transform:scale(1);
	-moz-transform:scale(1);
	-webkit-transform:scale(1);
	z-index:100000;
}
.members .member:hover .overlay {
	opacity:0;
}

.member > * {
	position:absolute;
	text-align:left;
	left:0;
	top:0;
}

.member img {
	border-radius:50%;
	z-index:1;
}

.member.animated .to-right {
	left:50px;
	opacity:1;
}

.member.animated .to-left {
	left:-100px;
	opacity:1;
}

.member.animated .to-center {
	left: 0;
	opacity:1;
}

.member .name,
.member .position,
.member .info,
.member .overlay,
.member .social {
	left:0;
	opacity:0;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
}

.member .name,
.member .position,
.member .info,
.member .social {
	z-index:200;
	width:100%;
}

.member .overlay {
	left:0;
	top:0;
	bottom:0;
	right:0;
	background:black;
	border-radius:50%;
	z-index:2;
	width:100%;
	opacity:0.1;
}

.member .name {
	color:#777;
	text-transform:uppercase;
	font-size:24px;
	margin-bottom:7px;
	
}

.member .position {
	font-size:18px;
	margin-bottom:7px;
	color:#999;
	font-style:italic;
	transition-delay:0.1s;
	-moz-transition-delay:0.1s;
	-webkit-transition-delay:0.1s;
}

.member .info {
	color:#777;
	font-family:'Oxygen', sans-serif;
	font-size:14px;
	transition-delay:0.2s;
	-moz-transition-delay:0.2s;
	-webkit-transition-delay:0.2s;
}

.member .social {
	margin:0;
	padding:0;
	transition-delay:0.3s;
	-moz-transition-delay:0.3s;
	-webkit-transition-delay:0.3s;
}

.member .name,
.member .position,
.member .info,
.member .social {
	z-index:0;
	width:50%;
	height:50%;
	overflow: hidden;
}



.member.animated .name,
.member.animated .position,
.member.animated .info,
.member.animated .social {
	z-index:200;
	width:350%;
	height:auto;
	overflow:visible;

}

.member.animated .name {
	top:5px;
}

.member.animated .position {
	/* top:35px; */
	top:35px;
}

.member.animated .info {
	top:60px;
}

.member.animated .social {
	top:170px;
}


.member2.animated .name {
	top:-65px;
}

.member2.animated .position {
	/* top:35px; */
	top:-35px;
}

.member2.animated .info {
	top:-10px;
}

.member2.animated .social {
	top:125px;
}




.member .social li {
	list-style:none;
	float:left;
}

.member .social li:first-child a {
	padding-left:0;
}

.member .social li a {
	display:block;
	padding:0 5px;
	font-family:'Social';
	color:#777;
	text-decoration:none;
	font-size:24px;
}





/*-----------------------------------------------------
-------------       Our Tweets         ------------
-----------------------------------------------------*/

section.tweets h1 {
	color:#EFEFEF;
}

#twitter_update_list {
	margin-bottom:50px;
}

#twitter_update_list li {
	font-size:18px;
	color:#EFEFEF;
	text-shadow:1px 1px 3px rgba(0,0,0,0.3);
	line-height:30px;
	text-align:center;
	list-style:none;
}

#twitter_update_list li span {
	display:block;
}

#twitter_update_list li a {
	color:#FFF;
}

#twitter_update_list li a span {
	display:inline;
}

.twitter-bird {
	display:block;
	margin:20px auto;
}





/*-----------------------------------------------------
-------------        Why Us        ------------
-----------------------------------------------------*/

section.why-us {
	background:url('../images/stripes.png') left top repeat #6189a1;
	color:#FFF;
}




/*-----------------------------------------------------
-------------       Testimonials         ------------
-----------------------------------------------------*/

section.testimonials .quotes {
	position:relative;
	/* margin-top:120px !important; */
}

/* section.testimonials .quotes:after { */
/* 	position:absolute; */
/* 	left:48%; */
/* 	top:-40px; */
/* 	content:'\201C'; */
/* 	font-size:125px; */
/* 	font-family:'Georgia', cursive; */
/* 	color:#EFEFEF; */
/* } */

section.testimonials .quotes p {
	text-align:center;
	font-style:italic;
}

section.testimonials .quotes .flex-control-nav li a {
	background:#EFEFEF;
}

section.testimonials .quotes .flex-control-nav li a.flex-active {
	background:#DDD;
}





/*-----------------------------------------------------
-------------       Portfolio         ------------
-----------------------------------------------------*/

section.our-work, section.wg2, section.wg3, section.wg4 {
	background:#F9F9F9;
}

section.our-work h1, section.wg2 h1, section.wg3 h1, section.wg4 h1 {
	text-shadow:none;
}

section.our-work h1.portfolio-title, section.wg2 h1.portfolio-title, section.wg3 h1.portfolio-title, section.wg4 h1.portfolio-title {
  font-size: 35px;   
}

section.our-work #portfolio .portfolio, section.wg2 #wg2portfolio .portfolio, section.wg3 #wg3portfolio .portfolio, section.wg4 #wg4portfolio .portfolio {
	margin:0 0 20px 0;
}

section.our-work #portfolio-filters li a, section.wg2 #wg2-filters li a, section.wg3 #wg3-filters li a, section.wg4 #wg4-filters li a  {
	display:block;
	padding:1% 2%;
	margin-right:2%;
	font-size:16px;
	/* background:#FFF; */
}

section.our-work .portfolio-controls, section.wg2 .wg2-controls, section.wg3 .wg3-controls, section.wg4 .wg4-controls {
	margin-bottom:4%;
}

article.portfolio > a {
	display:block;
}

article.portfolio img,
article.portfolio .mask,
article.portfolio .type,
article.portfolio .title-caption,
article.portfolio .caption {
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}

article.portfolio .mask,
article.portfolio .type,
article.portfolio .title-caption,
article.portfolio .caption {
	z-index:2000;
}

article.portfolio .holder {
	position:relative;
	overflow:hidden;
}

article.portfolio .title-caption,
article.portfolio .caption {
	background:rgba(0,0,0,0.6);
	padding:10px;
	position:absolute;
	bottom:0;
	left:0;
	height:4em;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	bottom:-55px;
	font-weight: bold;
}


article.portfolio .caption {
    bottom:-52px;
}

article.portfolio .title-caption {
    top:-52px;
}


article.portfolio .type {
	top:-40px;
	position:absolute;
	width:100%;
	text-align:center;
}

article.portfolio:hover .type {
	top:40%;
}

article.portfolio .type i {
	color:#EFEFEF;
	font-size:36px;
	padding:5px;
}

article.portfolio:hover .title-caption {
    top:0;
}

article.portfolio:hover .caption {
	bottom:0;
}

article.portfolio .mask {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:#44606E;
	opacity:0;
}

article.portfolio:hover .mask {
	opacity:0.9;
}

article.portfolio:hover img {
	transform:scale(1.3) rotate(5deg);
	-moz-transform:scale(1.3) rotate(5deg);
	-webkit-transform:scale(1.3) rotate(5deg);
}

article.portfolio .title-caption p,
article.portfolio .caption p {
	color:#EFEFEF;
	font-size:14px;
	font-style:italic;
	margin:0;
	line-height:14px;	
}

article.portfolio .title-caption p {
    font-size: 1.2em;
    line-height: 1.2em;
}



article.portfolio .text {
	background:#F9F9F9;
	text-align:center;
	position:relative;
	padding:10px 0;
}

article.portfolio .text p,
article.portfolio .text h6 {
	margin:0 0 3px;
}

article.portfolio .text p {
	font-style:italic;
	font-weight:300;
}

article.portfolio .text a.more {
	position:absolute;
	display:inline-block;
	bottom:0;
	right:0;
	background:#44606E;
	color:#FFF;
	padding:2px 9px 4px 11px;
}

/* Single */

section.portfolio-single, section.portfolio-single2, section.portfolio-single3, section.portfolio-single4  {
	display:none;
	padding-top:20px;
	background:#EFEFEF;
}

section.portfolio-single h1, section.portfolio-single2 h1, section.portfolio-single3 h1, section.portfolio-single4 h1 {
	text-shadow:none;
}

.portfolio-bar {
	position:absolute;
	top:0;
	width: 100%;
	padding:10px 25px;
	color:#FFF;
}

.portfolio-bar1 {
	background: rgb(115, 135, 156); /* #68809A; */
}

.portfolio-bar2 {
    background-color: rgb(185,136,70); /* #b27c2b; */
}
.portfolio-bar3 {
    background-color: rgb(178,101,71); /* #ae4f31; */
}
.portfolio-bar4 {
    background-color: rgb(140,146,91); /* #8C925B; */
}


.portfolio-back, .portfolio-next, .portfolio-prev,
.portfolio-back2, .portfolio-next2, .portfolio-prev2,
.portfolio-back3, .portfolio-next3, .portfolio-prev3,
.portfolio-back4, .portfolio-next4, .portfolio-prev4 {
        display: inline;
	cursor: pointer;
}


section.portfolio-single .portfolio-next i,
section.portfolio-single2 .portfolio-next2 i,
section.portfolio-single3 .portfolio-next3 i,
section.portfolio-single4 .portfolio-next4 i {
	margin:0 0 0 5px;
}

section.portfolio-single .widget h3,
section.portfolio-single2 .widget h3,
section.portfolio-single3 .widget h3,
section.portfolio-single4 .widget h3 {
	margin-top:0;
	margin-bottom:15px;
}

section.portfolio-single .widget,
section.portfolio-single2 .widget,
section.portfolio-single3 .widget,
section.portfolio-single4 .widget  {
	margin-bottom:30px;
	margin-top:50px;
}

.portfolio-large {
	margin-bottom:30px;
}

.portfolio-slider {
	margin-bottom:60px !important;
}

.portfolio-slider ~ h3 {
	margin-bottom:10px !important;
}

.portfolio-slider ul.slides li {
	position:relative;
}

.portfolio-slider ul.slides li .flex-caption {
	position:absolute;
	bottom:0;
	left:0;
	background:url('../images/trans.png') left top repeat;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:10px;
	width:100%;
}

.portfolio-slider ul.slides li .flex-caption h2 {
	margin:0 0 5px;
	color:#FFF;
}

.portfolio-slider ul.slides li .flex-caption p {
	margin:0;
	color:#EFEFEF;
}





/*-----------------------------------------------------
-------------       Pricing         ------------
-----------------------------------------------------*/
section.pricing {
background: #44606e; 
}

section.pricing h1.hero,
section.pricing p.sub-hero {
	color:#EFEFEF;
}

section.pricing .package {
	padding:10px 10px 25px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	text-align:center;
	background:rgba(255,255,255,0.1);
	box-shadow:1px 1px 10px rgba(0,0,0,0.2);
}

section.pricing .package header {
	margin:-10px -10px 16px;
	padding:15px 10px;
	background:rgba(0,0,0,0.5);
}

section.pricing .package header h2 {
	margin:0;
	font-size:28px;
	color:#FFF;
}

section.pricing .package ul {
	margin-bottom:20px;
	text-align: justify;
}

section.pricing .package ul li {
	padding:4px;
	font-size:15px;
	color:#FFF;
}

section.pricing .package.recommended {
	background:rgba(255,255,255,0.5);
	transform:scale(1.05);
	-moz-transform:scale(1.05);
	-webkit-transform:scale(1.05);
}

section.pricing .package.recommended header {
	background:#44606E;
}

section.pricing .package.recommended li {
	color:#333;
}





/*-----------------------------------------------------
-------------       Blog         ------------
-----------------------------------------------------*/

section.blog {
	background:#F9F9F9;
}

section.blog h1 {
	text-shadow:none;
}

section.blog #blog-filters li a {
	display:block;
	padding:4px 8px;
	margin-right:10px;
	font-size:16px;
	background:#FFF;
}

section.blog .blog-controls {
	margin-bottom:30px;
}

article.blog-item {
	border:1px solid #DDD;
	box-shadow:1px 1px 3px rgba(0,0,0,0.1);
	margin:0 0 20px 0;
}

article.blog-item .content {
	padding:10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	background:#FFF;
}

article.blog-item h4 {
	margin:0 0 5px;
}

article.blog-item .meta p {
	margin:0 0 10px;
	font-size:12px;
}

article.blog-item .meta span.date,
article.blog-item .meta a {
	color:#44606E;
}

/* Single */

section.blog-single {
	display:none;
	padding-top:100px;
	background:#EFEFEF;
}

section.blog-single h1 {
	text-shadow:none;
}

section.blog-single .blog-back {
	position:absolute;
	top:0;
	left:48%;
	background:#44606E;
	padding:10px 25px;
	display:none;
	color:#FFF;
	cursor:pointer;
}

section.blog-single .blog-next,
section.blog-single .blog-prev {
	background:#44606E;
	color:#FFF;
	font-size:14px;
	padding:3px 8px;
	display:inline-block;
	position:relative;
	top:10px;
	cursor:pointer;
}

section.blog-single .blog-next {
	float:right;
}

section.blog-single .blog-next i {
	margin:0 0 0 5px;
}

section.blog-single .blog-prev {
	float:left;
}
article.post .image,
article.post .video {
	margin-bottom:20px;
	border:1px solid #DDD;
	padding:3px;
	line-height:0;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    margin-top: 50px;
    padding-top: 0px; 
    overflow: hidden;
    max-width: 640px;
    max-height: 390px;
}
 
.doc-container {
    margin-top:50px;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


article.post aside {
	float:left;
	margin:0 15px 0 0;
	background:#44606E;
}

article.post .date,
article.post .type {
	padding:5px 8px;
}

article.post .date span,
article.post .type i {
	color:#FFF;
	text-align:center;
	display:block;
} 

article.post .type i {
	font-size:22px;
}

article.post span.day {
	font-size:22px;
}

article.post span.month {
	display:block;
	text-transform:uppercase;
	line-height:12px;
}

article.post .type {
	border-top:1px solid #FFF;
}

article.post .content {
	margin-left:55px;
}

article.post header {
	border-bottom:1px solid #EFEFEF;
	margin-bottom:15px;
}

article.post header h2 {
	margin:0 0 5px;
	line-height:22px;
}

article.post header p.meta {
	font-style:italic;
	margin-bottom:5px;
}

article.post header p.meta a {
	color:#44606E;
}

ul.share {
	background:#F9F9F9;
	border:1px solid #EFEFEF;
}

ul.share li {
	margin-bottom:0;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;	
}

ul.share li a {
	padding:7px;
	display:block;
}

ul.share li a i {
	font-size:18px;
	color:#44606E;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}

ul.share li:hover {
	background:#44606E;
}

ul.share li:hover a i {
	color:#FFF;
}

ul.tags li {
	margin-right:10px;
}

ul.tags li a {
	padding:4px 7px;
	background:#44606E;
	color:#FFF;
}

article.comment {
	margin-bottom:25px;
}

article.comment.reply {
	margin-left:50px;
}

article.comment .author {
	float:left;
	margin-right:10px;
}

article.comment .author img {
	padding:2px;
	border:1px solid #DDD;
}

article.comment .content {
	margin-left:50px;
	background:#FAFAFA;
	padding:7px;
	border:1px solid #EFEFEF;
}

article.comment header {
	margin-bottom:15px;
}

article.comment header p {
	margin-bottom:0px;
}

article.comment header p.title {
	font-size:15px;
	font-weight:300;
}

article.comment header p.date {
	color:#44606E;
	font-size:13px;
	font-style:italic;
}

/* Sidebar */

aside.sidebar .widget {
	margin-bottom:40px;
}

aside.sidebar .widget h2 {
	margin-top:0;
}

aside.sidebar .widget:last-of-type {
	margin-bottom:0;
}

aside.sidebar .recent .post {
	margin-bottom:15px;
}

aside.sidebar .recent .post img {
	padding:2px;
	border:1px solid #DDD;
}

aside.sidebar .recent .post p {
	margin-bottom:8px;
	line-height:14px;
}

aside.sidebar .recent .post .meta {
	color:#44606E;
	font-style:italic;
}

aside.sidebar .recent .post .comments {
	color:#999;
}

aside.sidebar .categories li span.count,
aside.sidebar .archives li span.count {
	float:right;
	margin-right:5px;
	color:#44606E;
	font-size:12px;
	font-weight:bold;
}




/*-----------------------------------------------------
----------------        FORMS         -----------------
-----------------------------------------------------*/

input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"] {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:10px;
	background:#F9F9F9;
	color:#666;
	font-size:13px;
	width:100%;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	height:40px;
	border:1px solid #EFEFEF;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}

input[type='submit'] {
	padding:4px 8px;
	border:none;
	color:#FFF;
	background:#44606E;
}

textarea {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:10px;
	background:#F9F9F9;
	color:#666;
	font-size:13px;
	width:100%;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border:1px solid #EFEFEF;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}





/*-----------------------------------------------------
-------------         ISOTOPE         -----------------
-----------------------------------------------------*/

.isotope-item {
  z-index: 2;
}

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

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

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

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

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

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

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






/*-----------------------------------------------------
-------------       STYLE SWITCHER         ------------
-----------------------------------------------------*/

#switcher {
	background:rgba(0,0,0,0.5);
	padding:10px;
	position:fixed;
	top:100px;
	left:0;
	z-index:1000000000;
	width:240px;
	margin-left:-240px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

#switcher h5 {
	color:#EFEFEF;
}

#switcher .handle {
	position:absolute;
	padding:5px 6px;
	cursor:pointer;
	background:rgba(0,0,0,0.5);
	top:5px;
	border-radius:0 5px 5px 0;
	right:-28px;
}

#switcher .handle i {
	color:#FFF;
	position:relative;
	left:2px;
}




/*-----------------------------------------------------
-------------        MEDIA QUERIES         ------------
-----------------------------------------------------*/

/* Large */
@media (min-width: 1200px) {

	header.main > .container {
		margin-left:-585px;
	}


	/* .members-ext-container { */
	/*     position: relative; */
	/* } */

	/* .members-int-container { */
	/*     position: absolute; */
	/*     left: 10%; */
	/* } */

	/* .members-ext-container2 { */
	/*     position: relative; */
	/* } */

	/* .members-int-container2 { */
	/*     position: absolute; */
	/*     left: 15%; */
	/* } */


	.member.animated .to-right {
		left:170px;
	}

	.member.animated .to-left {
		left:-555px;
	}

	.member.animated .to-center {
		left:0px;
	}


	.member .name {
		font-size:32px;
	}

	.member .position {
		font-size:20px;
	}

	.member .info {
		margin-bottom:5px;
	}


	.clima2014-h1
	{
	    font-size: 3em;
	    line-height: 3em;
	}
	.clima2014-h2
	{
	    font-size: 3em;
	    line-height: 1.8em;
	    text-shadow:1px 1px 3px rgba(0,0,0,0.5);
	}

	.clima2014-hparole
	{
	    text-align:center;
	    color: #ffffff !important;
	    font-size: 2em;
	    line-height: 2em;
	}
	.basket {
	    margin-top:20px;
	}

	.video-container {
	    margin-top:20px;
	}
	.widget h3 {
	    margin-top:20px!important;
	}

}

/* Tablet */
@media (min-width: 768px) and (max-width: 979px) {

 	header.main > .container {
		margin-left:-362px;
	}

	nav.main li {
		float:none !important;
		display:block !important;
		background:#44606E;
		padding:8px;
	}

	.member .name {
		font-size:20px;
		margin-bottom:0;
	}

	.member .position {
		font-size:16px;
		margin-bottom:0;
	}

	.member .info {
		font-size:13px;
		margin-bottom:0;
	}

	.member.animated .to-left {
		left:-120px;
	}

	.member.animated .to-center {
		left:0;
	}

	.member.animated .to-right {
		left:120px;
	}

	.member.animated .name {
		top:0;
	}

	.member.animated .position {
		top:25px;
	}

	.member.animated .info {
		top:52px;
	}

	.member.animated .social {
		top:155px;
	}

	article.portfolio .title-caption {
	    top: -52px;
	}

	article.portfolio .caption {
	    bottom:-52px;
	}


	article.portfolio .title-caption p,
	article.portfolio .caption p {
	    color:#EFEFEF;
	    font-size:11px;
	    font-style:italic;
	    margin:0;
	    line-height:11px;	
	}

	article.portfolio .title-caption p {
	    font-size: 1em;
	    line-height: 1em;
	}


		section.pricing .package header h2 {
		font-size:24px;
	}

	.clima2014-h1
	{
	    font-size: 2em;
	    line-height: 2em;
	}
	.clima2014-h2
	{
	    font-size: 2.5em;
	    line-height: 2.5em;
	    text-shadow:1px 1px 3px rgba(0,0,0,0.5);
	}
	.clima2014-hparole
	{
	    font-size: 1.5em;
	    line-height: 1.5em;
	}


	.portfolio-title {
	    text-transform:none;
	    line-height: 1em!important;
	    font-size: 18px;
	}

	.portfolio-subtitle {
	    text-transform:none;
	    line-height: 1em!important;
	    font-size: 14px;
	}

}

/* Phone */
@media (max-width: 767px) {

	body {
		padding-left:0;
		padding-right:0;
	}

	body > .wrapper > section {
		padding:40px 0;
	}

	.container {
		padding:0 15px;
	}

	.button,
	.button-small {
		font-size:12px;
		padding:6px 15px;
	}

	.button {
	    margin-top:4px;
	}


	header.main {
		/*margin-top:0;*/
		padding-top:20px;
		height:50px;
		margin-top:-70px;
	}

	header.main.fixed {
		height:50px;
	}

	header.main > .container {
		left:auto;
		margin-left:0;
		position:relative;
	}

	a.logo {
		top:0;
		font-size: 1.4em;
		margin-top: 0.4em;;
		line-height: 1em;
	}

	.menu-icons {
/*	    float:left; */
	    position: relative;
	    left: 5%;
	    top: 0;
	}

	.menu-icon {
	    max-width: 16px;
	    margin-left:4px; 
	    margin-right:4px; 
	}


	header.main .mobile-nav {
		margin-top:0;
		max-width:166px;
	}

	#home.flexslider ul.slides h1.hero {
		font-size:30px;
		letter-spacing:-1px;
	}

	#home.flexslider ul.slides h1.hero span {
		margin:0 0 10px;
		line-height:16px;
		font-size:16px;
	}

	#home.flexslider .flex-direction-nav li a {
		height:30px;
		width:30px;
		margin-top:-15px;
	}

	#home.flexslider .flex-direction-nav .flex-next {
		background-position:right bottom;
	}

	#home.flexslider .flex-direction-nav .flex-prev {
		background-position:-60px bottom;
	}

	section.features .feature {
		padding-bottom:40px;
		border-bottom:1px solid #DDD;
		margin-bottom:40px;
	}

	section.features .feature:last-of-type {
		padding-bottom:0;
		border-bottom:none;
		margin-bottom:0;
	}

	h1.hero {
		font-size:25px;
		margin:0 0 25px;
		letter-spacing:-1px;
	}

	p.large {
		font-size:16px;
		line-height:26px;
	}

	p.sub-hero {
		font-size:16px;
		line-height:26px;
		margin:-20px 0 20px;
	}

	.member {
		width:100%;
		padding:0;
		background:none;
		margin:0 0 20px 0;
		transform:scale(1) !important;
		-moz-transform:scale(1) !important;
		-webkit-transform:scale(1) !important;
		height:auto !important;
		text-align:center;
	}

	.member > * {
		position:relative !important;
		left:auto;
		top:auto;
		text-align:center;
	}

	.member .name,
	.member .position,
	.member .info,
	.member .social {
		opacity:1 !important;
		position:relative !important;
		width:100%;
	}

	.member .name {
		font-size:22px;
		margin-bottom:5px;
	}

	.member .position {
		font-size:18px;
		margin-bottom:5px;
	}

	.member img {
		margin-bottom:10px;
	}

	.member .overlay {
		display:none;
	}

	.member .social li {
		display:inline-block;
		float:none;
	}

	section.testimonials .quotes {
		margin-top:50px !important;
	}

	section.testimonials .quotes:after {
		font-size:95px;
		top:-13px;
	}

	.flexslider.quotes .flex-control-nav {
		bottom:-15px;
	}


	.portfolio-ctrl {
	    font-size: 130%;
	    line-height: 130%;
	}


	.portfolio-container {
	    margin-top: 50px;
	}


	section.portfolio-single .widget,
	section.portfolio-single2 .widget,
	section.portfolio-single3 .widget,
	section.portfolio-single4 .widget  {
	    margin-top:10px;
	}

	section.portfolio-single {
		padding-top:60px;
	}

	section.pricing .package {
		margin-bottom:20px;
	}

	section.pricing .package.recommended {
		transform:scale(1);
		-moz-transform:scale(1);
		-webkit-transform:scale(1);
	}

	footer.main {
		background:#44606E;
		padding-top:30px;
		width:auto;
	}

	footer.main .map {
		display:none;
	}

	.clima2014-h1
	{
	    font-size: 2em;
	    line-height: 1.5em;
	}

	.clima2014-title-black
	{
	    color: black !important;
	    font-size: 100%;
	    line-height: 200%;
	    text-shadow:1px 1px 3px rgba(0,0,0,0.5);
	}

	.loghi-container {
	    max-width: 50%;
	}

	.logo-single {
	    max-width: 32%;
	    float:left;
	}

	.button-home {
	    max-width: 70%!important;
	    /* max-height: 10%!important; */
	}

	.img-wg-home {
	    max-height: 10vh; 
	    width:auto;
	}
	.clima2014-h1-black
	{
	    color: black !important;
	    font-size: 1.5em;
	    line-height: 1.5em;
	    text-shadow:1px 1px 3px rgba(0,0,0,0.5);
	}

	.clima2014-h2
	{
	    font-size: 1.5em;
	    line-height: 1.4em;
	    text-shadow:1px 1px 3px rgba(0,0,0,0.5);
	}

	.clima2014-h2-black
	{
	    color: black !important;
	    font-size: 1.1em;
	    line-height: 1.1em;
	    text-shadow:1px 1px 3px rgba(0,0,0,0.5);
	/*    text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;*/
	}


	.clima2014-h3-black
	{
	    color: black !important;
	    font-size: 1.2em;
	    line-height: 1.3em;
	    margin-bottom: 1%;
	    margin-top: 1%;
	}


	.clima2014-hparole
	{
	    margin-top:4px;
	    font-size: 1.1em;
	    line-height: 1.2em;
	}
	.clima2014-h3
	{
	    font-size: 1em;
	    line-height: 1.2em;
	}

	.portfolio-title {
	    text-transform:none;
	    line-height: 1em!important;
	    font-size: 14px;
	}

	.portfolio-subtitle {
	    text-transform:none;
	    line-height: 1em!important;
	    font-size: 12px;
	}



}

section.features {
	overflow:hidden;
}

.feature-single {
	
}

.feature-single h1 {
	text-shadow:none;
}

.feature-back {
	display:none;
	position:absolute;
	left:48%;
	top:20px;
	padding:5px 10px;
	background:#777;
	color:#FFF;
}

.feature-single {
	margin-top:80px;
}



/*-----------------------------------------------------
-------------       Credits         ------------
-----------------------------------------------------*/



/* video-container for responsive youtube video */
/* http://avexdesigns.com/responsive-youtube-embed/ */
 
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    margin-top: 50px;
    padding-top: 0px; 
    overflow: hidden;
    max-width: 640px;
    max-height: 390px;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* CUSTOM ANIMATION */


.animated {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.hinge {
  -webkit-animation-duration: 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;
  }
}
.animated.flash {
  -webkit-animation-name: flash;
  -moz-animation-name: flash;
  -o-animation-name: flash;
  animation-name: flash;
}
@-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);
  }
}
.animated.shake {
  -webkit-animation-name: shake;
  -moz-animation-name: shake;
  -o-animation-name: shake;
  animation-name: shake;
}
@-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);
  }
}
.animated.bounce {
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce;
}
@-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);
  }
}
.animated.tada {
  -webkit-animation-name: tada;
  -moz-animation-name: tada;
  -o-animation-name: tada;
  animation-name: tada;
}
@-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);
  }
}
.animated.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;
}
@-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%);
  }
}
.animated.wobble {
  -webkit-animation-name: wobble;
  -moz-animation-name: wobble;
  -o-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.1);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@-o-keyframes pulse {
  0% {
    -o-transform: scale(1);
  }
  50% {
    -o-transform: scale(1.1);
  }
  100% {
    -o-transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.animated.pulse {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -o-animation-name: pulse;
  animation-name: pulse;
}
@-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(0.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(0.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(0.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(0.95);
    animation-timing-function: ease-in;
  }
  100% {
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    animation-timing-function: ease-in;
  }
}
.animated.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;
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@-moz-keyframes flipInX {
  0% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -moz-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -moz-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@-o-keyframes flipInX {
  0% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -o-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -o-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
.animated.flipInX {
  -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;
}
@-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;
  }
}
.animated.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;
}
@-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;
  }
}
.animated.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;
}
@-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;
  }
}
.animated.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;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.animated.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.animated.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.animated.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-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);
  }
}
.animated.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-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);
  }
}
.animated.fadeInRight {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  -o-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.animated.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  -moz-animation-name: fadeInUpBig;
  -o-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.animated.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  -moz-animation-name: fadeInDownBig;
  -o-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.animated.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  -moz-animation-name: fadeInLeftBig;
  -o-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.animated.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  -moz-animation-name: fadeInRightBig;
  -o-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-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;
  }
}
.animated.fadeOut {
  -webkit-animation-name: fadeOut;
  -moz-animation-name: fadeOut;
  -o-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-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);
  }
}
.animated.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  -moz-animation-name: fadeOutUp;
  -o-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-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);
  }
}
.animated.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  -moz-animation-name: fadeOutDown;
  -o-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-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);
  }
}
.animated.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  -moz-animation-name: fadeOutLeft;
  -o-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-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);
  }
}
.animated.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  -moz-animation-name: fadeOutRight;
  -o-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-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);
  }
}
.animated.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  -moz-animation-name: fadeOutUpBig;
  -o-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-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);
  }
}
.animated.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  -moz-animation-name: fadeOutDownBig;
  -o-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-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);
  }
}
.animated.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  -moz-animation-name: fadeOutLeftBig;
  -o-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-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);
  }
}
.animated.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  -moz-animation-name: fadeOutRightBig;
  -o-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -moz-transform: scale(1.05);
  }
  70% {
    -moz-transform: scale(0.9);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@-o-keyframes bounceIn {
  0% {
    opacity: 0;
    -o-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -o-transform: scale(1.05);
  }
  70% {
    -o-transform: scale(0.9);
  }
  100% {
    -o-transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
.animated.bounceIn {
  -webkit-animation-name: bounceIn;
  -moz-animation-name: bounceIn;
  -o-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-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);
  }
}
.animated.bounceInUp {
  -webkit-animation-name: bounceInUp;
  -moz-animation-name: bounceInUp;
  -o-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes bounceInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(30px);
  }
  80% {
    -moz-transform: translateY(-10px);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@-o-keyframes bounceInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateY(30px);
  }
  80% {
    -o-transform: translateY(-10px);
  }
  100% {
    -o-transform: translateY(0);
  }
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(30px);
  }
  80% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
.animated.bounceInDown {
  -webkit-animation-name: bounceInDown;
  -moz-animation-name: bounceInDown;
  -o-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(30px);
  }
  80% {
    -moz-transform: translateX(-10px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@-o-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateX(30px);
  }
  80% {
    -o-transform: translateX(-10px);
  }
  100% {
    -o-transform: translateX(0);
  }
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(30px);
  }
  80% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
.animated.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  -moz-animation-name: bounceInLeft;
  -o-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes bounceInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(-30px);
  }
  80% {
    -moz-transform: translateX(10px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@-o-keyframes bounceInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateX(-30px);
  }
  80% {
    -o-transform: translateX(10px);
  }
  100% {
    -o-transform: translateX(0);
  }
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(-30px);
  }
  80% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
.animated.bounceInRight {
  -webkit-animation-name: bounceInRight;
  -moz-animation-name: bounceInRight;
  -o-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
}
@-moz-keyframes bounceOut {
  0% {
    -moz-transform: scale(1);
  }
  25% {
    -moz-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -moz-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -moz-transform: scale(0.3);
  }
}
@-o-keyframes bounceOut {
  0% {
    -o-transform: scale(1);
  }
  25% {
    -o-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -o-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -o-transform: scale(0.3);
  }
}
@keyframes bounceOut {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    transform: scale(0.3);
  }
}
.animated.bounceOut {
  -webkit-animation-name: bounceOut;
  -moz-animation-name: bounceOut;
  -o-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-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);
  }
}
.animated.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  -moz-animation-name: bounceOutUp;
  -o-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-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);
  }
}
.animated.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  -moz-animation-name: bounceOutDown;
  -o-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-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);
  }
}
.animated.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  -moz-animation-name: bounceOutLeft;
  -o-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-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);
  }
}
.animated.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  -moz-animation-name: bounceOutRight;
  -o-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-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;
  }
}
.animated.rotateIn {
  -webkit-animation-name: rotateIn;
  -moz-animation-name: rotateIn;
  -o-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInUpLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.animated.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  -moz-animation-name: rotateInUpLeft;
  -o-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInDownLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.animated.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  -moz-animation-name: rotateInDownLeft;
  -o-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInUpRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.animated.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  -moz-animation-name: rotateInUpRight;
  -o-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInDownRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.animated.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  -moz-animation-name: rotateInDownRight;
  -o-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-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;
  }
}
.animated.rotateOut {
  -webkit-animation-name: rotateOut;
  -moz-animation-name: rotateOut;
  -o-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-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;
  }
}
.animated.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  -moz-animation-name: rotateOutUpLeft;
  -o-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-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;
  }
}
.animated.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  -moz-animation-name: rotateOutDownLeft;
  -o-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-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;
  }
}
.animated.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  -moz-animation-name: rotateOutUpRight;
  -o-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-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;
  }
}
.animated.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  -moz-animation-name: rotateOutDownRight;
  -o-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-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;
  }
}
.animated.hinge {
  -webkit-animation-name: hinge;
  -moz-animation-name: hinge;
  -o-animation-name: hinge;
  animation-name: hinge;
}
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
  }
}
@-moz-keyframes rollIn {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg);
  }
}
@-o-keyframes rollIn {
  0% {
    opacity: 0;
    -o-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg);
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
}
.animated.rollIn {
  -webkit-animation-name: rollIn;
  -moz-animation-name: rollIn;
  -o-animation-name: rollIn;
  animation-name: rollIn;
}
@-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);
  }
}
.animated.rollOut {
  -webkit-animation-name: rollOut;
  -moz-animation-name: rollOut;
  -o-animation-name: rollOut;
  animation-name: rollOut;
}
@-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;
  }
}
.animated.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;
}
.animated.lightSpeedIn {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
@-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;
  }
}
.animated.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;
}
.animated.lightSpeedOut {
  -webkit-animation-duration: 0.25s;
  -moz-animation-duration: 0.25s;
  -o-animation-duration: 0.25s;
  animation-duration: 0.25s;
}
.animated.delay05 {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.animated.delay1 {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s;
}
.animated.delay15 {
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  animation-delay: 1.5s;
}
.animated.delay75 {
  -webkit-animation-delay: 1.75s;
  -moz-animation-delay: 1.75s;
  -o-animation-delay: 1.75s;
  animation-delay: 1.75s;
}
.animated.delay2 {
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -o-animation-delay: 2s;
  animation-delay: 2s;
}
.animated.faster {
  -webkit-animation-duration: 0.25s;
  -moz-animation-duration: 0.25s;
  -o-animation-duration: 0.25s;
  animation-duration: 0.25s;
}
.animated.fast {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.animated.slow {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
}
.animated.slower {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}
/* END CUSTOM ANIMATION SECTION */

/* CUSTOM SECTIONS */
.home-header {
    z-index:10;
/*    position:absolute;*/
  padding-top: 0.5%;
  height: 5%;
}
.mask-layer {
  -moz-opacity: 0.80;
  -khtml-opacity: 0.80;
  -webkit-opacity: 0.80;
  opacity: 0.80;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  filter: alpha(opacity=80);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #018B9E; /* #ffb700; */
  background: #F7F7F7; /* #ffb700; */
  z-index: 2;
}



.slide1bg {
    background-image:url('../images/slider-single-bg.jpg');
}

.solo-container {
display: table;
height: 100%;
width: 100%;
}

.solo-contained {
    display: table-cell;
    height: 100%;
    vertical-align:middle;
}

.solo-parole {
    background:rgba(0,0,0,0.4); 
    padding-right:1em; 
    padding-left:1em;
}

.solo-parole:hover {
    transition:all 0.3s;
    -moz-transition:all 0.3s;
    -webkit-transition:all 0.3s;
}


.cc_banner-wrapper {
z-index: 99999;
}