@charset "UTF-8";

html, body {
height: 100%;
font-family: 'Titillium Web', sans-serif;
color: #282828;
}
h1 {
margin-top:60px;
font-weight:300;
margin-bottom:50px;
font-size:63px;
color:#282828;
}
h2 {
font-size:40px;
}
.text-yellow {
color:#e2ac24;
margin-top:5px;
font-style:italic;
}
ul {
list-style-type:none;
padding:0;
margin-bottom:0;
}
a {
color:#3d3f42;
}
.fader a {
-webkit-opacity: 0.82;
-moz-opacity: 0.82;
opacity: 0.82;
-webkit-transition:opacity .2s ease-in-out;
-moz-transition:opacity .2s ease-in-out;
-o-transition:opacity .2s ease-in-out;
transition:opacity .2s ease-in-out;
}
a:hover,
a:focus {
color:#3d3f42;
text-decoration:none;
 -webkit-opacity: 1;
 -moz-opacity: 1;
 opacity: 1;
}
p {
font-weight:300;
font-size:20px;
}
.p-spread p { line-height: 200%; letter-spacing:1px;}
.p-spread2 p { line-height: 170%; letter-spacing:.5px; margin:0 0 20px;}
.p-spread2 a { font-weight:bold;}
.p-spread2 ul {list-style: url("http://farhaddarya.info/wp-content/themes/FarhadDaryaTheme/images/bullet.png");margin-left:20px; margin-bottom:20px;}
.p-spread2 li {font-size:20px;line-height:200%; letter-spacing:.5px;font-weight:300;}
#HyphenatorToggleBox {display:none;}
em {
color:#acacac;
float:right;
font-size:14px;
font-style: normal;
margin:13px 0;
}
blockquote {
border-right: 5px solid #dfd7ca;
margin: 40px 0;
}
hr {
margin-top:32px;
margin-bottom:32px;
}
.merri-type {
font-family: 'Merriweather', serif;
font-weight:bold;
}
.align-right {float:right;}
.align-left {float:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}
.img-center img{margin:0 auto;display:block;}
img.aligncenter{margin:20px auto;}
.text-justify {text-align:justify;}
.text-justify:after {
content: "";
display: inline-block;
width: 100%;
}
.white-bar{
background: rgba(255,255,255,.7);
height:105px;
width:100%;
position:absolute;
}
.main-banner {
background-size:cover;
position:relative;
}
.nav-right {
float:right;
clear:both;
}
.nav-link {
height:41px;
border-left: 2px solid #ee1d25;
padding-left: 11px;
font-family: 'Exo', sans-serif;
font-weight: 700;
float:right;
line-height:41px;
font-size:22px;
letter-spacing:0;
margin-left:15px;
}
.main-welcome {
float:right;
margin:0 15px;
padding-left: 22px;
border-left: 3px solid #ee1d25;
display:inline-block;
}
.main-welcome p {
font-size:57px;
margin:0;
font-family: "Open Sans", sans-serif;
line-height:1em;
}
#newstuff{
visibility: visible;
}
#insta{
visibility: hidden;
}
#highlights{
visibility: hidden;
}
#newmusic{
visibility: hidden;
}
.work-title{
font-size:38px;
font-weight:700;
}
.work-desc {
color:#fff;
display:table-row!important;
font-size:18px!important;
text-transform:uppercase;
}
figure {
position: relative;
display: inline-block;
}
figure img {
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
#worklist ul, #medialist ul, #orglist ul{ 
margin-top:15px;
}
#worklist li, #medialist li, #orglist li{ 
width:375px;
height:375px;
}
#worklist img {
/*margin-left:-188px;*/
}
.squares img{
position:absolute;
width:auto;
max-width:600px;
min-width:100%;
min-height:100%;
height:auto;
top:0;
opacity: 1;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.squares img:hover {
opacity: 0.3;
}
.squares figure {
display:block;
height:100%;
background: #ed1c24;
}
.squares {
text-align:center;
}
.squares li {
display: inline-block;
position: relative;
padding:0;
overflow:hidden;
}
.squares figure:hover img {
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-webkit-transform: scale(1.05);
transform: scale(1.05);
opacity:0.3;
}
#orglist figure:hover img {
opacity:1;
}
.squares figure figcaption {
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-webkit-transform: scale(1.3);
transform: scale(1.3);
-moz-transition: -moz-transform 0.4s;
-o-transition: -o-transform 0.4s;
-webkit-transition: -webkit-transform 0.4s;
transition: transform 0.4s;
opacity:0;
}
.squares figure:hover figcaption {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
opacity:1;
}
.squares span {
color:#fff;
color:white;
font-size:38px;
font-weight:700;
}
/*new squares */
.squares-media img{
position:absolute;
width:376px;
height:376px;
top:0;
opacity: 1;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.squares-media img:hover {
opacity: 0.3;
}
.squares-media figure {
display:block;
height:100%;
}
.squares-media figure:hover {
background: #ed1c24;
}
.squares-media {
text-align:center;
}
.squares-media li {
display: inline-block;
position: relative;
padding:0;
overflow:hidden;
}
.squares-media figure:hover img {
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-webkit-transform: scale(1.05);
transform: scale(1.05);
opacity:0.3;
}
.squares-media figure figcaption {
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2);
-moz-transition: -moz-transform 0.4s;
-o-transition: -o-transform 0.4s;
-webkit-transition: -webkit-transform 0.4s;
transition: transform 0.4s;
opacity:0;
}
.squares-media figure:hover figcaption {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
opacity:1;
}
.squares-media span {
color:#fff;
font-size:38px;
}
.table {
display: table;
width: 100%;
height: 100%;
}
figure span {
text-align: center;
}
.table span {
display: table-cell;
vertical-align: middle;
padding: 40px;
line-height: 1.2;
}
.process ul {
display:inline-block;
}
.process li {
float:left;
width:25%;
}
.readmore {
cursor:pointer;
clear:both;
display:inline-block;
margin: 15px;
padding: 10px 20px;
text-transform: uppercase;
border:1px solid #fff;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
font-size:14px;
}
.readmore:hover {
color:#2BC5BF;
background-color:#fff;
}
#loadMore{
cursor:pointer;
clear:both;
width:117px;
margin: 15px auto;
padding: 15px 0px 15px;
font-weight:bold;
border:1px solid #ccc;
background:#fff;
}
#loadMore:hover{
color:#ed1c24;
}
#showLess {
display:none;
color:red;
cursor:pointer;
}
#showLess:hover {
color:black;
}
.iframes {
position: relative;
padding-bottom: 75%;
height: 0;
overflow: hidden;
}
.iframes iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}
.div-center {margin:0 auto; overflow:auto;}
.ul-center {
float:right;
position:relative;
left:-50%;
list-style:none;
}
.ul-center ul {
list-style:none;
position:relative;
left:50%;
}
.ul-center li {float:left;position:relative;}
#wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -173px;
/* the bottom margin is the negative value of the footer's height */
}
.box {
padding: 26px 20px;
border: 1px solid white;
text-align:center;
margin:0 15px;
display:inline-block;
}
.box a {
text-transform: uppercase;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight:100;
color:#fff;
font-size:47px;
line-height:47px;
}
.navbar-bottom {
height: auto;
/* .push must be the same height as .footer */
background-color:#28364f;
}
.push {
height: 173px;
/* .push must be the same height as .footer */
}
footer {
margin:0 auto;
text-align: center;
padding:30px 0;
overflow:auto;
}
footer li {
float: left;
margin-right: .75em;
margin-left: .75em;
margin-bottom: 1.5em;
font-size:19px;
text-transform:uppercase;
}
img.grey {
filter: url('../js/filters.svg'); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(1); /* Webkit Nightlies & Google Chrome Canary */
}
img.grey:hover {
filter: none; /* Applies to FF + IE */
-webkit-filter: grayscale(0);
transition: all 0.5s ease;
}
.cover {
background-color: rgb(248, 248, 248);
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: cover;
position:relative;
}
.copyright p {
padding-top:25px;
font-size:17px;
font-family: "Open Sans", sans-serif;
}
.pad-20{padding-top:20px;}
.pad-40{padding-top:40px;}
.pad-97{padding-top:97px;}
.pad-0{padding:0;}
.huge {
font-size:64px;
letter-spacing: -2px;
margin:0;
}
.nav > li > a {font-size:19px;font-weight:500;transition: all 0.5s ease;}
.nav > li > a:hover, .nav > li > a:focus {
background-color: transparent;
-webkit-box-shadow: inset 0px 3px 0px 0px #ee1d25;
-moz-box-shadow: inset 0px 3px 0px 0px #ee1d25;
box-shadow: inset 0px -3px 0px 0px #ee1d25;
transition: all 0.5s ease;
}
.navbar-default {
background: rgba(255,255,255,.85);
border-color: #6d6e71;
}
.navbar-default .dropdown-menu {
background: rgba(109,110,113,.85);
}
.navbar {
border-radius: 0px;
min-height:37px;
}
.navbar-nav li a {
text-transform:uppercase;
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
}
.navbar-default .navbar-nav > li > a {
color: #4d4c4c;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #4d4c4c;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color: #6d6e71;
padding:0;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
background-color: transparent;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
background-color: transparent;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: transparent;
}
.navbar-default .navbar-toggle {
border-color: #6d6e71;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #4d4c4c;
}
.navbar .navbar-toggle:hover .icon-bar {
background-color: #ee1d25;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
background-color: transparent;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
background-color: #166698;
}
.navbar-default .dropdown-menu > li > a:hover, .navbar-default .dropdown-menu > .active > a, .navbar-default .dropdown-menu > .active > a:hover {
background-color: #e2ac24;
}
.current-menu-ancestor a{
background-color: #166698;
}
#menu-primary-2 .current-menu-ancestor a{
background-color: transparent;
}
.current-menu-ancestor li a{
background-color: transparent;
}
.carousel-caption{
padding-bottom:80px;
}

.carousel .item {
height: 465px;
}
.carousel-control .glyphicon-chevron-right:before {
content: " ";
display:block;
background:url('../images/arrow-right.png') no-repeat;
width:65px;
height:162px;
}
.carousel-control .glyphicon-chevron-left:before {
content: " ";
display:block;
background:url('../images/arrow-left.png') no-repeat;
width:65px;
height:162px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
width: 65px;
height: 162px;
}
.carousel-control.left {
background-image: none;
}
.carousel-control.right {
background-image: none;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
margin-top: -81px;
}
.callouts {
background-color:#2BC5BF;
padding:20px 0px 40px;
color:#fff;
background-size:cover;
margin-top:40px;
}
.callouts a {
color:#fff;
}
.callouts h3, .callouts h1, .callouts h2 {
color:#fff;
font-family: 'Titillium Web', sans-serif;
text-transform:uppercase;
font-weight:bold;
}
.social-media {
background-color:#e2e2e2;
}
.twitter, .facebook, .youtube, .instagram {
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
padding:0;
}
.facebook a, .twitter a, .youtube a, .instagram a {
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
display:block;
background-color: rgba(226,226,226,1);
}
.facebook a:hover, .twitter a:hover, .youtube a:hover, .instagram a:hover{
background-color: rgba(226,226,226,0);
}
.twitter {
background:#2aa9e0 url('../images/social-media-twitter-bg.jpg') no-repeat center top;
background-size:cover;
}
.facebook {
background:#273d6e url('../images/social-media-facebook-bg.jpg') no-repeat center top;
background-size:cover;
}
.youtube {
background: #de4842 url('../images/social-media-youtube-bg.jpg') no-repeat center top;
background-size:cover;
}
.instagram {
background: #ecc24a url('../images/social-media-instagram-bg.jpg') no-repeat center top;
background-size:cover;
}
.social{
padding-top:13px;
padding-bottom:26px;
float:right;
letter-spacing:normal;
}
.social ul{
list-style-type:none;
height:25px;
}
.social li {
float:left;
line-height: 24px;
list-style: none;
padding-right:6px;
font-size:12px;
text-transform:uppercase;
}
.social li:last-child{
padding-right:0px;
border-right:none;
}
.searchBox {
width: 238px;
height: 27px;
padding-left: 10px;
background: #efeeee /*url(http://farhaddarya.info/wp-content/themes/FarhadDaryaTheme/css/images/search.png) left center no-repeat*/;
color: #a7a5a5;
border: none;
vertical-align: top;
}
#searchForm {
padding-right:0px;
}
.btnSubmit {
border: none;
background: url('http://farhaddarya.info/wp-content/themes/FarhadDaryaTheme/images/icon-search.png') no-repeat top left;
width: 27px;
height: 27px;
margin-left: 0px;
cursor:pointer;
vertical-align: top;
}
.btnSubmit:hover {
cursor:pointer;
}
@media (max-width: 1199px) {
body {margin-top:50px;}
#worklist li, #medialist li, #orglist li{ 
width:275px;
height:275px;
}
.squares span {
font-size:26px;
}
}
@media (min-width: 1199px) {
.nav > li {display:inline-block; float:none;}
}
@media (min-width: 768px) and (max-width: 1199px) {
.navbar-header {float: none;}
.navbar-toggle {display: block;}
.navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
.navbar-collapse.collapse {display: none!important;}
.navbar-nav {float: none!important; margin: 7.5px -15px;}
.navbar-nav>li {float: none;}
.navbar-nav>li>a {padding-top: 10px; padding-bottom: 10px; line-height:20px;}
/* since 3.1.0 */
.navbar-collapse.collapse.in { display: block!important;}
.collapsing { overflow: hidden!important;}
}
@media (max-width: 767px) {
.navbar-nav > li > a {
line-height: 20px;
text-transform:uppercase;
padding-top: 10px;
padding-bottom: 10px;}
h1 {
font-size:42px;
margin-bottom:10px;
}
h3 {
font-size:26px;
}
p {
font-size:17px;
}
}
@media (max-width: 596px) {
#worklist li, #medialist li, #orglist li{ 
margin-bottom:15px!important;
}
}
/* WordPress/Plugins overrides */
/*ajax load more override*/
.blueimp-gallery , #swipebox-overlay {
  background: rgba(0,0,0,0.7);
}
.vidgrid p{
margin:0!important;
}
.arve-wrapper {
margin-bottom: 0!important;
}
button.alm-load-more-btn {
font-family: 'Titillium Web', sans-serif;
text-transform:uppercase;
border-radius:0;
}
.alm-listing li {
background: none;
margin: 0 0 30px;
padding: 0!important;
margin:0!important;
}
.mejs-container {
width:300px!important;
margin:15px auto 30px;
}
.ttw-music-player {
width: 551px!important;
margin:0 auto;
text-align:left;
}
.ttw-music-player .rating {
display:none;
}
.ttw-music-player .progress-wrapper {
width: 355px!important;
margin: 23px 0!important;
}
.ttw-music-player .progress {
height: 14px!important;
padding:0!important;
}
.ttw-music-player .tracklist {
margin-top: 20px;
}
.ttw-music-player .tracklist ol {
overflow-y:scroll!important;
height:400px;
}
.ttw-music-player .player .title {
margin-bottom:5px!important;
font-size: 24px!important;
}
.ttw-music-player .tracklist .title {
width: 80%!important;
}
.ttw-music-player .artist-outer {
font-style: normal!important;
}
.ttw-music-player .artist-outer {
font-size:14px;
}
.ttw-music-player .tracklist {
padding: 5px!important;
box-shadow: none;
-webkit-box-shadow: none;
border-radius: 0!important;
-moz-border-radius: 0!important;
-webkit-border-radius: 0!important;
background: none!important;
color: #000!important;
font-size: 18px!important;
border: 1px solid #ccc;
}
.ttw-music-player .elapsed {
height: 15px!important;
border-radius: 0!important;
-moz-border-radius: 0!important;
-webkit-border-radius: 0!important;
margin: 0!important;
background: rgb(208, 208, 208)!important;
}
.ttw-music-player .tracklist li.track {
padding: 10px;
}
.ttw-music-player .player-controls .main {
width: auto!important;
}
.next, .previous {
display:none;
}
.ttw-music-player .play {
background: transparent url(../images/btn-play.png) no-repeat center center scroll!important;
}
.ttw-music-player .pause {
background: transparent url(../images/btn-pause.png) no-repeat center center scroll!important;
}
.ttw-music-player .play, .ttw-music-player .pause {
width: 125px!important;
height: 40px!important;
margin:0!important;
}
.ttw-music-player li.playing {
background: #000!important;
}
.ttw-music-player .tracklist li:hover {
color: #ed1c24!important;
}
.ttw-music-player .player-controls {
width: 521px!important;
height: 60px!important;
border-radius: 0!important;
-moz-border-radius: 0!important;
-webkit-border-radius: 0!important;
margin: 0!important;
clear: both;
background-color:#ed1c24!important;
}
.ttw-music-player .track-info {
width: 400px!important;
height: 125px;
margin: 0!important;
font-size: 12px;
background: #000;
padding: 5px 25px;
}
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
/* 5 Column Grid */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
}
.col-xs-15 {
width: 20%;
float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
width: 20%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-15 {
width: 20%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-15 {
width: 20%;
float: left;
}
}
/* Animations! */

.delay-2 {
animation-delay: 2s;
-webkit-animation-delay: 2s;
visibility:hidden;
}
.slideDown{
	animation-name: slideDown;
	-webkit-animation-name: slideDown;	

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

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

	visibility: visible !important;						
}

@keyframes slideDown {
	0% {
		transform: translateY(-100%);
	}		
	100% {
		transform: translateY(0%);
	}		
}

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

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


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

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

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

	visibility: visible !important;			
}

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

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

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


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

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

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

	visibility: visible !important;	
}

@keyframes slideLeft {
	0% {
		transform: translateX(150%);
	}
	95%{
		transform: translateX(10%);
	}			
	100% {
		transform: translateX(0%);
	}
}

@-webkit-keyframes slideLeft {
	0% {
		-webkit-transform: translateX(150%);
	}
	95%{
		-webkit-transform: translateX(10%);
	}			
	100% {
		-webkit-transform: translateX(0%);
	}
}

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


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

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

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

	visibility: visible !important;	
}

@keyframes slideRight {
	0% {
		transform: translateX(-150%);
	}
	95%{
		transform: translateX(-10%);
	}			
	100% {
		transform: translateX(0%);
	}	
}

@-webkit-keyframes slideRight {
	0% {
		-webkit-transform: translateX(-150%);
	}
	95%{
		-webkit-transform: translateX(-10%);
	}			
	100% {
		-webkit-transform: translateX(0%);
	}
}

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


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

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

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

	visibility: visible !important;	
}

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

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

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


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

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

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

	visibility: visible !important;	
}

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

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

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

.fadeIn{
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
	
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	animation-duration: 3s;	
	-webkit-animation-duration: 3s;
	
	-webkit-animation-delay: 1s; /* Chrome, Safari, Opera */
    animation-delay: 1s;
	
	opacity:0; 

	visibility: visible !important;	
}

@keyframes fadeIn {
	0% {
		transform: scale(1);
		opacity: 0.0;		
	}
	60% {
		transform: scale(1);	
	}
	80% {
		transform: scale(1);
		opacity: 1;	
	}	
	100% {
		transform: scale(1);
		opacity: 1;	
	}		
}

@-webkit-keyframes fadeIn {
	0% {
		-webkit-transform: scale(1);
		opacity: 0.0;		
	}
	60% {
		-webkit-transform: scale(1);
	}
	80% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}	
	100% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}		
}

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


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

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

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

	visibility: visible !important;	
}

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

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

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


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

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

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

	visibility: visible !important;			
}

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

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

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

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

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

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

	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%; 

	visibility: visible !important;		
}

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

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


/*
==============================================
bounce
==============================================
*/


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

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

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;	
	
	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%; 	
}

@keyframes bounce {
	0% {
		transform: translateY(0%) scaleY(0.6);
	}
	60%{
		transform: translateY(-100%) scaleY(1.1);
	}
	70%{
		transform: translateY(0%) scaleY(0.95) scaleX(1.05);
	}
	80%{
		transform: translateY(0%) scaleY(1.05) scaleX(1);
	}	
	90%{
		transform: translateY(0%) scaleY(0.95) scaleX(1);
	}				
	100%{
		transform: translateY(0%) scaleY(1) scaleX(1);
	}	
}

@-webkit-keyframes bounce {
	0% {
		-webkit-transform: translateY(0%) scaleY(0.6);
	}
	60%{
		-webkit-transform: translateY(-100%) scaleY(1.1);
	}
	70%{
		-webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05);
	}
	80%{
		-webkit-transform: translateY(0%) scaleY(1.05) scaleX(1);
	}	
	90%{
		-webkit-transform: translateY(0%) scaleY(0.95) scaleX(1);
	}				
	100%{
		-webkit-transform: translateY(0%) scaleY(1) scaleX(1);
	}		
}


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

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

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

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes pulse {
	0% {
		transform: scale(0.9);
		opacity: 0.7;		
	}
	50% {
		transform: scale(1);
		opacity: 1;	
	}	
	100% {
		transform: scale(0.9);
		opacity: 0.7;	
	}			
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0.95);
		opacity: 0.7;		
	}
	50% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}	
	100% {
		-webkit-transform: scale(0.95);
		opacity: 0.7;	
	}			
}

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

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

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

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

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

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

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

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

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

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

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

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

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

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

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

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

	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%; 		
}

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

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

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

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

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

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

	transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	-webkit-transform-origin: 50% 0%; 		
}

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

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

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

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

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

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

	transform-origin: 100% 0%;
	-ms-transform-origin: 100% 0%;
	-webkit-transform-origin: 100% 0%; 
}

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

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

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

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

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

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

	transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%; 		
}

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

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