/*

Theme Name: Panhandle Job Fair

Description: Custom WordPress theme for Panhandle Job Fair

Author: Clever Ogre

*/

/* -------------css reset----------------*/



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	vertical-align: top; 

}

img{

	vertical-align: baseline; max-width:100%; height:auto;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}



/*

	Global styles

*/

html {	


	height:100%;

	width:100%;

	overflow-x:hidden;

	font-size:100%;

}

body{

	background:#fff url(images/bg.gif) repeat;

	font-size:15px;

	color:#5f5f5f;

	line-height:1.5em;

	height:100%;

	min-width:300px;

font-family: 'Open Sans', sans-serif;

	-webkit-font-smoothing: antialiased;

	-o-font-smoothing: antialiased;

	-moz-font-smoothing: antialiased;

}



hr {

	border: 0;

    height: 1px;

	margin-bottom: 15px;

    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 

    background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 

    background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 

    background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 

}



/*---------------------------

 type styles ---------------------------*/

h1, h2, h3, h4 ,h5, h6{

	margin:0;

	clear:left;

}

h1{

	text-align: center;

	color:#3f3f3f;

	font-size:30px;

	font-weight:800;

	text-transform:uppercase;

	padding:0;
	
	line-height:30px;

}

h2{

	color:#43bc94;

	font-size:20px;

	font-weight:600;

	font-style: italic;

	padding:15px 0 25px 0;

}



h3{

	color:#43bc94;

	font-size:18px;

	font-weight:600;

	font-style: italic;

	padding:15px 0 5px 0;

}

h4{

	font-size:1.05em;

}

h5{

	font-size:1.05em;

}

h6{

	font-size:1.05em;

}



p{

	padding:20px 0 20px 0;

}

a {

	text-decoration:none;

	color:#43bc94;

}

a:hover{

	text-decoration:underline;

	color:#43bc94;

}



b,strong{

	font-weight:bold;

}

em{

	font-style:italic;

}

.main ul{

	list-style:disc;

	margin:0 0 20px 0;

	padding:0 0 0 20px;

}



a[href^=tel]{

    color:inherit;

    text-decoration:none;

}





/*---------------------------

 image styles---------------------------*/

.img-left{

	float:left;

	margin:0 5px 10px 0;

}

.img-right{

	float:right;

	margin:0 0 15px 10px;

}

.alignleft{

	float:left;

	margin:0 15px 10px 0;

}



.alignright{

	float:right;

	margin:0 0 15px 10px;

}



.aligncenter{

	display:block;

	margin:0 auto;

}



.gallery-item img{

	padding: 10px;

	border: 1px solid #cccccc;

	background: #eeeeee;

}



/*---------------------------

 clear fix---------------------------*/

.cf:before,

.cf:after {

    content: " "; /* 1 */

    display: table; /* 2 */

}



.cf:after {

    clear: both;

  

}



/*---------------------------

 structure ---------------------------*/

 

.container{

	position:relative;

	overflow:hidden;

	min-height: 100%;

	height: auto !important;

	margin: 0 auto -125px; /* the bottom margin is the negative value of the footer's height */

	background:transparent;

}

.wrap{

	margin:0 auto;

	position:relative;

}

.wrap-int{

	width:80%;

	padding: 0 10%;
	
	margin-bottom:100px;

	}


/*fullwidth*/

.main{

	padding:50px 0 50px;

}

.site-content {

	margin: 0;

}



/*--------

	Top section -----------*/

	

		

.top-menu{position:relative; width:80%; padding: 0 10%; height:98px; background:#fff;}



.menu-left{float: left; padding-top: 35px}



.nav li{display: inline-block;}


.social {float:left; padding: 28px 0 0 10px;}

.social li{display: inline-block; }

.header .social .fb,.header .social .tw,.header .social .lin{

	height:33px;

	width:33px;

}

.header .social .fb a,.header .social .tw a,.header .social .lin a{

	background:url(images/social-sprite.png) no-repeat left top;

	height:33px;

	width:33px;

	display:block;

}

.header .social .fb a:hover{

	background:url(images/social-sprite.png) no-repeat left -33px;

}

.header .social .tw a:hover{

	background:url(images/social-sprite.png) no-repeat -33px top;

}

.header .social .tw a{

	background:url(images/social-sprite.png) no-repeat -33px -33px;

}

.header .social .lin a:hover{

	background:url(images/social-sprite.png) no-repeat -66px top;

}

.header .social .lin a{

	background:url(images/social-sprite.png) no-repeat -66px -33px;

}



.logo-right{float: right; text-align: right; padding-top: 20px; }



.green-bar{position: relative; height: 18px; width: 100%; background:#3eaf8a url(images/green-bar.png)repeat-x;}



/* Navigation Menu */

.main-menu{

	height:43px;

	position:relative;

	top:0;

	left:auto;

	margin:0 auto;

	z-index:200;

}

.menu-toggle{

	display:none;

}

.main-navigation {

	margin-top: 0px;

	text-align:left;

	font-family: 'Open Sans', sans-serif;

}



.main-navigation .nav-menu > ul {

	border-bottom: none;

	border-top: none;

	display: inline-block;

	text-align: left;

	width: 100%;

}

.main-navigation ul {

	margin: 0;

	text-indent: 0;

}

	

.main-navigation li {

	margin: 0;

	position: relative;

	font-size:16px;

	padding:0 15px 0;

	display:inline-block;

}

.main-navigation .lifirst {

	padding:0 15px 0 0;

}


.main-navigation li li{

	float:none;

	margin: 0;

	position: relative;

	padding:0;

}

.main-navigation li a {

	text-decoration:none;

	border-bottom: 0;

	color: #43bc94;

	line-height: normal;

	white-space: nowrap;

	display: inline-block;

	font-weight:600;

}

.main-navigation li a:hover {

	color: #5d5d5e;

	text-decoration:none;

}



.main-navigation li ul {

	display: none;

	margin: 0;

	padding: 4px 0;

	position: absolute;

	top: 100%;

	z-index:50;

	width:290px;

	}

.main-navigation li ul ul {

	top: 0;

	left: 100%;

}

.main-navigation ul li:hover > ul {

	border-left: 0;

	display: block;

}

.main-navigation li ul li a {

	border-bottom: 3px solid #f5f5f5;

	font-family: 'Open Sans', sans-serif;

	display: block;

	line-height: 18px;

	padding: 8px 10px 8px 10px;

	font-weight:400;

	text-transform:none;

	text-align:left;

	width: 270px;

	white-space: normal;

}



.main-navigation li ul li {

	background: #fff;

	float: left;

	width: 290px;

	z-index:185;}





.main-navigation li ul li a:hover {

	background: #ededed;

	color: #5d5d5e;

}





.main-navigation .current-menu-item > a,

.main-navigation .current-menu-ancestor > a,

.main-navigation .current_page_item > a,

.main-navigation .current_page_ancestor > a {

	color: #5d5d5e;

	font-weight: 600;

}



.main-navigation li > a:before {

    color: #43bc94;

    content: '+';

}





.main-navigation li > a:hover:before {

    color: #5d5d5e;

    content: '+';

}



.main-navigation li > a:only-child:before {

    content: '';

}



/*----page styling

	---------*/


.contact-f_wrapper input, .contact-f_wrapper .ginput_complex .ginput_right select, .contact-f_wrapper .ginput_complex select, .contact-f_wrapper textarea {
	-webkit-border-radius: 7;
	-moz-border-radius: 7;
	border-radius: 7px;
	color: #3f3f3f;
	font-size: 16px;
	font-weight:700;
	border: solid #43bc94 1px;
	background: #fff;}


.contact-f_wrapper .gform_footer input.button{
	-webkit-border-radius: 7;
	-moz-border-radius: 7;
	border-radius: 7px;
	color: #3f3f3f;
	font-size: 16px;
	font-weight:700;
	padding: 10px 33px 10px 33px;
	border: solid #43bc94 1px;
	background: #fff;
	text-decoration: none;
	}

.contact-f_wrapper .gform_footer input.button:hover{
	background: #43bc94 url(images/bg-green.gif)repeat;
	text-decoration: none;
	color:#fff;
	-webkit-box-shadow: -2px 9px 23px -14px rgba(0,0,0,0.75);
	-moz-box-shadow: -2px 9px 23px -14px rgba(0,0,0,0.75);
	box-shadow: -2px 9px 23px -14px rgba(0,0,0,0.75);
	cursor:pointer;
	}

.gform_wrapper .gform_page_footer .button.gform_next_button:hover {
	cursor: pointer;
	background: #43bc94;
	color: #fff;
	-webkit-box-shadow: -2px 9px 23px -14px rgba(0,0,0,0.75);
	-moz-box-shadow: -2px 9px 23px -14px rgba(0,0,0,0.75);
	box-shadow: -2px 9px 23px -14px rgba(0,0,0,0.75);
	}


a.gform_save_link {
    -webkit-border-radius: 7;
    -moz-border-radius: 7;
    border-radius: 7px;
    color: #3f3f3f;
    font-size: 16px;
    font-weight: 700;
	}

a.gform_save_link:hover {
	color: #43bc94;
	background: #fff;
	-webkit-box-shadow: -2px 9px 23px -14px rgba(0,0,0,0.75);
	-moz-box-shadow: -2px 9px 23px -14px rgba(0,0,0,0.75);
	box-shadow: -2px 9px 23px -14px rgba(0,0,0,0.75);
	text-decoration: none;
	}

.paypal-warn {
	background: #ededed;
	border-radius: 10px;
	padding: 10px !important;
	}

.gfield_description {padding:0 0 10px 0 !important; margin: 0 !important; font-style: italic; color: #790000}


.learn-btn{

	-webkit-border-radius: 7;

	-moz-border-radius: 7;

	border-radius: 7px;

	color: #43bc94;

	font-size: 16px;
	
	font-weight:700;

	padding: 10px 33px 10px 33px;

	border: solid #43bc94 1px;

	background: #fff;

	text-decoration: none;

}





.learn-btn:hover {

	background: #43bc94 url(images/bg-green.gif)repeat;

	text-decoration: none;

	color:#fff;

	-webkit-box-shadow: -2px 9px 23px -14px rgba(0,0,0,0.75);

	-moz-box-shadow: -2px 9px 23px -14px rgba(0,0,0,0.75);

	box-shadow: -2px 9px 23px -14px rgba(0,0,0,0.75);

}


.circles { display: block;
    margin-left: auto;
    margin-right: auto;
	margin-bottom:-85px;
	visibility: hidden;}


.green-area {background: url(images/bg-green.gif) repeat; width:88%; padding:125px 2% 125px 10%; overflow:auto;}



.left-green {width:50%; float:left;  visibility: hidden;}

.left-green h2{color:#3f3f3f; font-weight:700; font-size:26px; font-style:normal; text-transform: uppercase; padding-bottom:5px;
}

.left-green h3{color:#f9f9f9; font-weight:400; font-size:24px; font-style:normal; padding-top:5px;
}

.left-green p{
}

.left-green h4{color:#f9f9f9; font-weight:900; font-size:14px; font-style:italic; padding-bottom:40px;
}

.left-green a{-webkit-border-radius: 7;

	-moz-border-radius: 7;

	border-radius: 7px;

	color: #fff;

	font-size: 16px;
	font-weight:700;

	padding: 10px 33px 10px 33px;

	background: #3f3f3f;

	text-decoration: none;

}

.left-green a:hover{background: #fff;

	text-decoration: none;

	color:#3f3f3f;

	-webkit-box-shadow: -2px 9px 23px -14px rgba(0,0,0,0.75);

	-moz-box-shadow: -2px 9px 23px -14px rgba(0,0,0,0.75);

	box-shadow: -2px 9px 23px -14px rgba(0,0,0,0.75);

}


.right-green {width: 50%; float:right; padding-top:75px; text-align:left; visibility: hidden;}

.right-green img {max-width:100%; height:auto;  }


/*------------
footer -------------*/

.footer{
	position:relative;
	width: 92%;
	padding:0 4% 0 4%;
	height:125px; 
	background: #3e3e3e; 
	color:#a4a4a4;
	font-size:13px;
	line-height:16px;
	font-weight:400;
	}
	
.footer strong { color:#fff; }	

.footer-logo{width:23%; float:left; padding: 26px .2% 0 0;}

.footer-address{width:22.6%; float:left; padding:11px 0 0 0; text-align:right;}

.footer-email{width:20%; float:left; padding:26px 0 0 1.6%; text-align:right;}

.footer-copright{width:32.6%; float:right; padding:26px 0 0 0; text-align:right;}



/*--------------
exhibitors page ------------*/

	

.exhibitor-columns {

	width:100%;

	float:left;

    -moz-column-count: 4;

    -webkit-column-count: 4;

    column-count: 4;
	margin-bottom:100px;

}



.exhibitor-columns .col-int {

    margin: 5px;

    -webkit-column-break-inside: avoid; /* Chrome, Safari */

    page-break-inside: avoid;           /* Theoretically FF 20+ */

    break-inside: avoid-column;         /* IE 11 */

    display:table;                      /* Actually FF 20+ */

}







/*---------------------------

responsive styles  ---------------------------*/





/*-- mobile styles--*/

@media(max-width:767px){

	img.size-full.alignnone{

		max-width:600px;

		width:100%;

		height:auto;

	}

	.img-left{

	float:none;

		margin:10px auto;

	}

	.img-right{

		float:none;

		margin:10px auto;

	}

	.alignleft{

		float:none;

		margin:10px 0;

		clear:both;

		display:block;

	}

	

	.alignright{

		float:none;

		margin:20px 0;

		clear:both;

		display:block;

	}

	

	.aligncenter{

		float:none;

		margin:20px auto;

		display:block;

	}

	.container{

		margin: 0 auto -250px; /* the bottom margin is the negative value of the footer's height */

	}


	.wrap{

	width:90%;
	text-align:center;

	}
	
	.wrap-int{
	width:90%;
	padding: 0 5% 0 5%;
	margin-bottom:225px;
	}

	

	.header{

		height:auto;

	}

	.logo-right{float: none; text-align: center; padding-top: 25px; width:100%; }

	.green-bar {height:10px; }

	.home .top-image{

	background-color: #fff;

	}

	.home .top-image-inner{ display:none;}
	
	.social {z-index:99999; position:fixed; top:-20px; left:10px;}
	.circles { margin-bottom:-39px;}
	
	.green-area {height:auto; width:90%; padding: 55px 5% 100px 5%; }
	
	.left-green {width:100%; text-align:center; padding-bottom:139px;}
	.right-green {display:none;}
	



/*---------------------------

	 footer ---------------------------*/	

	.footer{

		height:auto; 
		background: #3e3e3e; 

	}

	.footer-logo{width:100%; float:left; padding-top:35px; text-align:center;}
	
	.footer-address{width:100%; float:left; padding:0; text-align:center;}
	
	.footer-email{width:100%; float:left; padding:0; text-align:center;}
	
	.footer-copright{width:100%; float:right; padding:0; text-align:center;}



/*--------------

	exhibitors page ------------*/

	

.exhibitor-columns {

	width:100%;

	float:left;

    -moz-column-count: 2;

    -webkit-column-count: 2;

    column-count: 2;
	
		margin-bottom:185px;

}	





}

/* tablet styles

-------------------------------------*/

@media(min-width:992px) and (max-width:1200px){
	
	.logo-right {max-width:215px;}
	.green-area {width:93%; padding:125px 2% 150px 5%;}
	.left-green {width:40%}
	.right-green{width:60%}
	
	.wrap{
	width:90%;
	padding: 0 5% 0 5%;
	}
	
	.wrap-int{
	width:90%;
	padding: 0 5% 0 5%;
	margin-bottom:100px;
	}
	
	.top-menu{position:relative; width:90%; padding: 0 5%;}
	
	.footer-logo{width:23%; float:left; padding: 35px .2% 0 0;}
	
}


@media(min-width:768px) and (max-width:991px){

	img{

		max-width:100%;

		height:auto;

	}

	.container{

		margin:0 auto -125px;

	}


	.wrap{
	width:90%;
	padding: 0 5% 0 5%;
	}
	
	.wrap-int{
	width:90%;
	padding: 0 5% 0 5%;
	margin-bottom:100px;
	}
	
	.top-menu{position:relative; width:90%; padding: 0 5%;}

	.logo-right {max-width:165px; padding-top:30px;}


	.main-navigation li {

		margin: 0;
		font-size:14px;
		padding:0 5px 0;
		display:inline-block;

	}

	.main-navigation .lifirst {	padding:0 5px 0 0; }

	.home .top-image-inner{

		background:url(images/slide1.jpg) no-repeat center top;

		height:0;

		padding:0 0 27%;

		background-size:cover;

	}

	.green-area { padding: 95px 10% 95px 5%;}

	.left-green {width:100%;}
	
	.right-green{width:100%; text-align:left; padding-top:37px;}
	
	.circles { margin-bottom:-65px;}

	.footer .wrap { height: auto; }

	.footer{
		font-size:12px;
		line-height:14px;
	}

	.footer-logo{display:none;}
	
	.footer-address{width:30%; float:left; padding:11px 0 0 0; text-align:left;}
	
	.footer-email{width:30%; float:left; padding:26px 0 0 0; text-align:left;}
	
	.footer-copright{width:40%; float:right; padding:26px 0 0 0; text-align:left;}



/*--------------

	exhibitors page ------------*/

	

.exhibitor-columns {

	width:100%;

	float:left;

    -moz-column-count: 3;

    -webkit-column-count: 3;

    column-count: 3;

}





	

}

@media(min-width:1201px){

	.wrap{

	width:80%;

	padding: 0 10%;

	}

}



@media print {

   * { color: #000 !important; background:transparent none !important;}

   .header,.footer,.right-col,.top-image{ display:none; }

   body { font: 12pt !important; line-height: 1.3 !important;}

   img {max-width:100% !important;}

   h1 {font-size:18pt !important; margin:50px 0 0 0 !important; padding: 5px !important; clear:left;}

   h2, h3, h4, h5 {font-size: 14pt !important; margin:5px 0 !important; padding: 5px !important; clear:left;}

   p { font-size: 11pt !important; margin: 5px !important;}

   @page { margin: 0.5cm;}

}


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

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

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

	visibility: visible !important;						
}

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

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

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


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

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

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

	visibility: visible !important;			
}

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

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

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


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

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

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

	visibility: visible !important;	
}

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

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

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


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

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

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

	visibility: visible !important;	
}

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

@-webkit-keyframes slideRight {
	0% {

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

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


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

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

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

	visibility: visible !important;	
}

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

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

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


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

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

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

	visibility: visible !important;	
}

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

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

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

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

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

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

	visibility: visible !important;	
}

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

@-webkit-keyframes fadeIn {
	0% {
		-webkit-transform: scale(0);
		opacity: 0.0;		
	}
	60% {
		-webkit-transform: scale(1.1);
	}
	80% {
		-webkit-transform: scale(0.9);
		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);
	}		
}


/*---------------------
	mailchimp signup
	----------------------*/
	#mc_embed_signup {
		width:90%;
	text-align:center;
    background: inherit !important;
    clear: left;
    font: inherit !important;
    margin: 0 auto 60px auto;}
    
    #mc_embed_signup .button {
    -webkit-border-radius: 7;
    -moz-border-radius: 7;
    border-radius: 7px;
    height: inherit !important;
    color: #43bc94 !important;
    font-size: 16px !important;
    line-height: 16px !important;
    font-weight: 700 !important;
    padding: 10px 33px 10px 33px !important;
    border: solid #43bc94 1px !important;
    background: #fff !important;
    text-decoration: none;
    transition: all ease .1s !important;}
    
    #mc_embed_signup .button:hover {
	background: #43bc94 url(images/bg-green.gif)repeat !important;
	text-decoration: none!important;
	color:#fff !important;
	-webkit-box-shadow: -2px 9px 23px -14px rgba(0,0,0,0.75) !important;
	-moz-box-shadow: -2px 9px 23px -14px rgba(0,0,0,0.75) !important;
	box-shadow: -2px 9px 23px -14px rgba(0,0,0,0.75) !important;
	}

    
    @media(max-width:768px){
	    #mc_embed_signup {
		margin-bottom: 200px;}
     
    }