/*! normalize.css v1.1.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Prevent system color scheme's background color being used in Firefox, IE,
 *    and Opera.
 * 2. Prevent system color scheme's text color being used in Firefox, IE, and
 *    Opera.
 * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 4. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    background: #fff; /* 1 */
    color: #000; /* 2 */
    font-size: 100%; /* 3 */
    -webkit-text-size-adjust: 100%; /* 4 */
    -ms-text-size-adjust: 100%; /* 4 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
	margin: 0;
	padding: 0;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

input[type="text"] {
    border  : none;
    margin  : 0;
    background: none;
    border:solid 2px rgb(219, 217, 213);
    font-family: "museo-sans",sans-serif;
    font-size:104%;
    padding-top:5px;
    color:#fff !important;
    margin-top:5px;
	padding-bottom:5px;
    padding-left:5px;
	margin-right:5px;
}

input[type="submit"] {
    background:none;
    border:none;
    color:#9F1319;
    font-size:100%;
    font-weight:bold;
}

.button, input[type="submit"] {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dbd9d5), color-stop(1, #9d9b97) );
	background:-moz-linear-gradient( center top, #dbd9d5 5%, #9d9b97 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbd9d5', endColorstr='#9d9b97');
	background-color:#dbd9d5;
	display:inline-block;
	color:#000;
	font-size:11px;
	font-family: "museo-sans",sans-serif;
	font-weight:bold;
	padding:7px 20px;
	text-decoration:none;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

#wrapper{
	width: 960px;
	margin: 0 auto;
}
#contentWrapper{
	background-image:url(../img/outerwrapper-drop-shadow.png);
	background-repeat:repeat-y;
	margin:0 auto;
	width:960px;
}
#contentWrapperLeadership{
	/* background-image:url(../img/outerwrapper-drop-shadow.png);
	background-repeat:repeat-y; */
	margin:0 auto;
	width:960px;
}
.homeButton{
    position:absolute;
	width:225px;
	height:102px;
}
.studiosButton{
    position:absolute;
	width:140px;
	height:100px;
}
.navigationWrapper{
	font-family: "museo",serif;
	background: url(../img/header-back.jpg) no-repeat;
	width:890px;
	height:125px;
	margin-left:20px;
	z-index:9999;
	padding:13px 0px 0px 30px;
}
/*
.homepageBackgroundRip{
	background-image:url(../img/background-rip.png);
	background-repeat:no-repeat;
	background-position:top center;
	width:100%;
	position: absolute;
	z-index:999;
	top:520px;
	left:0px;
    height:583px;
    margin:0 auto;
	overflow:hidden;
}
*/
.homepageThreeColumnPanel{
	background-image:url(../img/page-curve.png);
	background-repeat:no-repeat;
	width:920px;
	min-height:385px;
	position: relative;
	z-index: 99999;
	margin-left:20px;
	margin-bottom:368px;
	top:390px;
    font-size:12px;
    color:#fff;
}
.homepageThreeColumnPanel h2{
	font-size:14px;
	line-height:14px;
}
.homepageThreeColumnPanel p{
}
.homePackShot{
    position:absolute;
    left:-55px;
    top:45px;
}
.homeColOne{
    width:295px;
    position:absolute;
    left:0px;
    top:80px;
    height:245px;
    font-family: "museo-sans",sans-serif;
	font-size:14px;
/*  background-image:url(../img/home-buy-back.jpg);
    background-repeat:no-repeat;
    background-position:top right;
*/
}
.homeColOne p, .homeColOne h2{
    margin-left:130px;
}
.homeColOne h2, .homeColTwo h2, .homeColThree h2{
	font-family: "museo",serif;
	color:#fff;
}
.homeColOne img.arrowLink{
    position:absolute;
    bottom:0px;
}
.homeColTwo{
    width:260px;
    position:absolute;
    left:322px;
    top:80px;
    height:245px;
    font-family: "museo-sans",sans-serif;
	color:#454731;
}
.homeColTwo img.arrowLink{
    position:absolute;
    bottom:0px;
    left:-19px;
}
.twitPics{
    width:265px;
    height:84px;
    overflow:hidden;
    background-color:#32351e;
    margin:0;
    padding:10px 0px 0px 11px;
}
.twitPics ul{
    margin:0;
    padding:0;
}
.twitPics ul li{
    display:inline;
    list-style-type:none;
    padding:0px 12px 0px 0px;
}
.tweetStream{
	width:240px;
	height:72px;
    margin:0px;
    padding:0px 5px 2px 30px;
	font-size:12px;
    line-height:16px;
    background-image:url(../img/twitter-feed-icon.png);
    background-repeat:no-repeat;
    background-position:top left;
}
.tweetStream a, .blogStream a{
    color:#faa519;
    text-decoration:none;
    font-weight:bold;
}
.blogStream h2 a{
    color:#fff;
    text-decoration:none;
    font-weight:bold;
}
.blogStream h2 a:hover{
    color:#faa519;
}
.linkToTwitter{
    position:absolute;
    top:40px;
	left:0px;
}
.homeColThree{
	width:165px;
	position:absolute;
	left:633px;
	top:80px;
	height:245px;
	font-family: "museo-sans",sans-serif;
	font-size:14px;
}
.homeColThree img.arrowLink{
    position:absolute;
    bottom:0px;
    left:-15px;
}
.homeBlacksmith{
    position:absolute;
    left:106px;
    top:-140px;
	display:none;
}
.homeSeal{
    position:absolute;
    z-index:999;
    left:170px;
    top:240px;
}
.homeReadMoreBtn{
	font-family: "museo",serif;
	color:#FFF;
	background-image: url(../img/home-readmore-btn.png);
	background-repeat: no-repeat;
	width: 250px;
	height: 45px;
	padding: 8px 0px 0px 12px;
	position: absolute;
	top: 210px;
	font-size: 15px;
}
.homeTeamBtn{
	font-family: "museo",serif;
	color:#333;
	background-image: url(../img/home-team-btn.png);
	background-repeat: no-repeat;
	width: 250px;
	height: 45px;
	padding: 8px 0px 0px 12px;
	position: absolute;
	top: 210px;
	margin-left:0px;
	font-size: 15px;
}
.homeReadMoreBtn a{
	text-decoration:none;
	color:#333;
	display:block;
}
.homeTeamBtn a{
	text-decoration:none;
	color:#333;
	display:block;
}
#footer{
    background: url(../img/footer-background.jpg) no-repeat;
    width:920px;
    height:213px;
    position:relative;
    z-index:9999;
    margin:0 auto;
    font-size:12px;
    color:#b6c0a8 ;
    padding:7px 0px 0px 0px;
	font-family: "museo-sans",sans-serif;
    line-height:15px;
}
#footer h3{
    border-bottom:solid #868677 1px;
	font-family: "museo-sans",sans-serif;
margin-bottom: -4px;
}
#footer ul{
    padding:0;
}

.contactColOne ul li
{line-height: 19px !important; 
margin-top: -8px; }

#footer ul li{
    list-style-type:none;
    line-height:8px
}
#footer a{
    color:#b6c0a8;
    text-decoration:none;
}
#footer a:hover{
    text-decoration:underline;
}
.footerSectionOne{
    width:273px;
    margin-left:160px;
}

.careersColOne {margin-top:13px;}



.gamesColOne{
    width:120px;
    position:absolute;
    left:160px;
    top:35px;
}
.gamesColTwo{
    width:120px;
    position:absolute;
    left:310px;
    top:35px;
}
.footerSectionTwo{
    width:120px;
    position:absolute;
    left:445px;
    top:7px;
}
.infoColOne{
    width:120px;
	margin-top:13px;
}
.footerSectionThree{
    width:120px;
    position:absolute;
    left:575px;
    top:7px;
}
.footerSectionFour{
    width:120px;
    position:absolute;
    left:705px;
    top:7px;
}
.footerTeesAndCees{
    position:absolute;
    left:160px;
    top:180px;
	font-size:11px;
}
.creativeUK{
    position:absolute;
    margin-top:83px;
    left:842px;
}

/* homepage banners and backgrounds */

#bg-container{
	display: none;
}
.item-container{
	position: relative;
	width: 100%;
	display: none;
}
.item-content{
	position: absolute;
	top: 0px;
	left: 1px;
    width:939px;
	overflow:hidden;
}
.item-img{
	display: block;
	position: relative;
	z-index: 940;
	margin-top: 40px;
	margin:0px 20px 0px 19px;
	float: left;
}
.img-link{
	display: block;
	z-index: 1003;
	border: none;
/*	float: left; */
}
a.img-link{
    height:0px;
}
.item-title{
	display: inline-block;
	position: relative;
	color: #FFF;
	margin-top: 40px;
	margin-left: 0px;
	width: 380px;
	padding: 12px;
	font-size: 24px;
	float: left;
	/*background: rgb(0, 0, 0) transparent;
	background: rgba(0, 0, 0, 0.6);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";*/
	/*-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;*/
}
.item-desc{
	display: inline-block;
	position: relative;
	font-size: 12px;
	color: #FFF;
	line-height: 160%;
	width: 380px;
	padding: 10px;
	margin-top: 4px;
	margin-left: 0px;
	float: left;
	z-index: 1001;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0) transparent;
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
.alpha60 {
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0) transparent;
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.large-offset{
	margin-top: 120px;
}

.small-offset{
	margin-top: 0px;
}
.left{
	float: left;
}
.right{
	float: right;
}

.arrowButton{
	cursor: pointer;
	width:996px;
	margin:0 auto;
	position:absolute;
	padding-left:10px;
}

.arrowButton .prevArrow{
	background: url(../img/prev.png) no-repeat;
    background-position:0px -3px;
	width: 55px;
	height: 78px;
	position: absolute;
	top: 280px;
    left:0px;
    z-index:4;
	margin-left:-32px;
}
.arrowButton .nextArrow{
	background: url(../img/next.png) no-repeat;
    background-position:0px 0px;
    margin-left:-3px;
	width: 55px;
	height: 78px;
	position: absolute;
	top: 280px;
    right:14px;
    z-index: 4;
}

/*  featured games page */
#featuredGameBannerCurve{
	background-image:url(../img/page-curve-featured-game.png);
	background-repeat:no-repeat;
        position:absolute;
        top:390px;
        margin-left:20px;
        width:920px;
        height:100px;
        z-index:9999;
}
.featuredGamesIntro{
    width:565px;
    margin:0px 0px 0px 40px;
    padding:10px 0px 0px 0px;
	font-size:20px;
	font-family: "museo-sans",sans-serif;
	height:255px;
	overflow:hidden;
color:#fff;
    line-height:22px;
}
.featuredGamesIntro h2{
	font-size:20px;
	font-family: "museo",serif;
  	margin-bottom:-10px;
        color:#faa519;
}
.featuredGamePageTwoColumnPanel{
	width:920px;
	min-height:1430px;
	position: relative;
	z-index: 99999;
	margin-left:20px;
	top:300px;
    font-family: "museo-sans",sans-serif;
    font-size:12px;
    color:#dbd9d5;
    background-color:#3d4029;
	background-image:url("../img/featuredGameIntroDivider.gif");
	background-repeat:no-repeat;
	background-position:40px 220px;
}

.featuredGameRegisterPanel{
    background-image:url(../img/featured-game-register-banner.png);
	background-repeat:no-repeat;
    height:220px;
    width:320px;
    position:absolute;
    top:0px;
    left:640px;
}

.blogSidebarEmailSignupWrap input.emailSub {
    margin:5px 0px 0px 2px;
    width:140px;
}

.blogSidebarEmailSignupWrap input#submit {
    margin:7px 0px 0px 10px;
    height:30px;
    position:absolute;
}
.done, .error2, .error3, .error4, .error5 {
	display: none;
        background-color:#cc0000;
        padding:10px;
        color:#fff;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
}
.featuredGamePageTwoColumnPanel#confirm{
	display:none !important;	
}
.featuredGameLargeVideo{
    position:absolute;
    z-index:9999;
    top:280px;
    left:40px;
}
.featuredGameVideoPlayBtn{
    position:absolute;
    z-index:999999;
    left:420px;
    top:430px;
}
.featuredGameVideoNewsCol{

}
.featuredGameDescriptionCol {
    margin:500px 0 180px 30px;
    position:relative;
    width:400px;
}
.featuredGameDescriptionCol li{
	font-size:14px;
	color:#689d21;
	margin-bottom:20px;
	list-style-image: url(../img/social-mini-arrow.png);
}
.featuredGameDescriptionCol li a{
	color:#fff;
}
.featuredGameRelatedBlogs {
        position:absolute;
        top:775px;
        left:500px;
        width:400px;
}
.featuredGameRelatedBlogs p{
	border-bottom:dotted #faa519 2px;
	padding-bottom:10px;
	font-size:14px;
}
.featuredGameRelatedBlogs a{
  color:#FAA519;
    text-decoration: none;
    font-weight: bold;
}
.featuredGameRelatedBlogs h2{
    font-size:14px;
    padding-bottom:10px;
    border-bottom: dotted #FAA519 2px;
}
.featuredGameFaq{
    margin:0px 0px 0px -30px;
}
.featuredGameFaq ul li{
    list-style-type:none;
    list-style-image:none;
}
.featuredGameQuestion {
    background-image: url("../img/featured-game-accordion-arrows.png");
    background-repeat: no-repeat;
    height: 36px;
    padding: 10px 0 0 10px;
    width: 440px;
    display: block;
    color:#3d4029 !important;
    font-size:17px;
    font-weight:bold;
    text-decoration:none;
}
.featuredGameQuestion a {
    display: block;
}
.featuredGameQuestion li h2{
    margin-bottom: 15px;
}
.featuredGameDescriptionCol .leadershipAnswer{
    margin-bottom:25px;
    font-weight:normal;
    color:#dbd9d5;
    padding-left:10px;
}

/* games pages */
#gameBannerCurve{
	background-image:url(../img/page-curve-games.png);
	background-repeat:no-repeat;
        position:absolute;
        top:530px;
        margin-left:20px;
        width:920px;
        height:40px;
        z-index:9999999999;
}
.gamePageTwoColumnPanel{
	width:920px;
	min-height:385px;
	position: relative;
	z-index: 99999;
	margin-left:20px;
	top:430px;
    font-family: "museo-sans",sans-serif;
    font-size:12px;
    color:#dbd9d5;
    background-color:#435531;
	background-image:url(../img/gameIntroDivider.gif);
	background-repeat:no-repeat;
	background-position:100px 140px;
}
.gamePackShot{
    position:absolute;
    left:-55px;
    top:0px;
}
.gamesIntro{
    width:730px;
    margin:0px 0px 0px 140px;
    padding:25px 0px 0px 0px;
	font-size:16px;
	font-family: "museo-sans",sans-serif;
	height:123px;
	overflow:hidden;
}
.gamesIntro h2{
	font-size:17px;
	font-family: "museo",serif;
  	margin:0;
}
.gamesIntro p{
    margin:0;
	font-family: "museo-sans",sans-serif;
}
.gamesIntro img{
    position:absolute;
    top:170px;
    left:109px;
}
.gameDescriptionCol{
    margin:110px 0px 400px 30px;
    width:400px;
    position:relative;
}
.gameDescriptionCol li{
	font-size:14px;
	color:#689d21;
	margin-bottom:20px;
	list-style-image: url(../img/social-mini-arrow.png);
}
.gameDescriptionCol li a{
	color:#fff;
}

.gameVideoNewsCol{
    position:absolute;
    left:480px;
    top:160px;
    width:400px;
}
.videoPlayBtn{
    position:absolute;
    z-index:99;
    top:110px;
    left:150px;
}
.scroll-pane{
    height:325px;
    overflow:auto;
}
.gameRelatedBlogs p{
	border-bottom:dotted #faa519 2px;
	padding-bottom:10px;
	font-size:14px;
}
.gameRelatedBlogs a{
  color:#FAA519;
    text-decoration: none;
    font-weight: bold;
}
.gameRelatedBlogs h2{
    font-size:14px;
}
/*
#homeCarousel{
    background-color:#31441d;
    width:920px;
    padding:55px 0px 0px 0px;
    margin-left:20px;
    position:relative;
    top:30px;
    z-index:99999;
    overflow:hidden;
}
#homeCarousel h2{
	font-size:17px;
	font-family: "museo-sans",sans-serif;
  	margin:-20px 0px 0px 0px;
	color:#dbd9d5;
	margin-left:20px;
}
*/
#homeCarousel{
    background-color:#31441d;
    width:920px;
    padding:10px 0px 0px 0px;
    margin-left:20px;
    position:relative;
    top:30px;
    z-index:99999;
    overflow:hidden;
}
#homeCarousel h2{
	font-size:17px;
	font-family: "museo-sans",sans-serif;
  	margin:20px 0px 0px 40px;
	color:#dbd9d5;
	position:absolute;
}
.roundabout {
    margin: 10px 0 0 60px;
}
.roundabout-holder {
    height: 620px;
    list-style: none outside none;
    padding: 0;
    width: 480px;
	margin-top:-90px;
}
.roundabout-moveable-item {
    cursor: pointer;
    height: 475px;
    width: 270px;
}
.roundabout-moveable-item img {
    height:475px;
    width:501px;
}


/*games landing page*/

#contentWrappergame{
	/* background-image:url(../img/outerwrapper-drop-shadow.png);
	background-repeat:repeat-y; */
	margin:0 auto;
	height:auto;
	width:960px;
}

#gamelandingcurve{
	background-repeat: no-repeat;
	background-position: 0px -40px;
	position: absolute;
	top: 125px;
	margin-left: 20px;
	width: 920px;
	height: 95px;
	z-index: 999;
	background-color: #435531;
}

.gamelandingPageOneColumnPanel{
	width: 920px;
	height: 1550px;
	position: relative;
	z-index: 999;
	margin-left: 20px;
	margin-bottom: -12px;
	padding-bottom: 10px;
	top: 10px;
	font-family: "museo-sans",sans-serif;
	font-size: 12px;
	color: #40422c;
	background-color: #435531;
	background-repeat: no-repeat;
}

.gameIntro{
    width:425px;
    margin:0px 0px 0px 30px;
    padding:0px 0px 0px 0px;
	font-size:14px;
	font-family: "museo-sans",sans-serif;
	float:left;
}


.gameIntro2{
	width: 425px;
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	font-family: "museo-sans",sans-serif;
	float: left;
	padding: 0px 0px 0px 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-right: 0px;
	margin-top: 0px;

}

.gameIntro3{
	width: 425px;
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	font-family: "museo-sans",sans-serif;
	float: left;
	margin-bottom: 0px;
	margin-left: 30px;
	margin-right: 0px;
	margin-top: 0px;
	position: absolute;
	left: 0px;
	top: 1007px;
	
}

.gameIntro4{
	width: 425px;
	font-size: 14px;
	font-family: "museo-sans",sans-serif;
	float: right;
	margin: 0px 30px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	left: 466px;
	top: 1007px;
}

.othertitle {
	padding: 0px 0px 0px 0px
}




/* Leadership Team */
#leadershipBannerCurve{
	background-image:url(../img/parchment-background.jpg);
	background-repeat: no-repeat;
	background-position: 0px -40px;
	position: absolute;
	top: 125px;
	margin-left: 20px;
	width: 924px;
	height: 95px;
	z-index: 999;
}

.leadershipPostWrap {
    font-size:14px;
    font-family: "museo-sans",sans-serif;
}

#leadershipDescriptionColsWrapper{
	background-image:url(../img/leadership-home-background.jpg);
	background-repeat:no-repeat;
	width:920px;
}
.leadershipPageOneColumnPanel{
	width: 920px;
	min-height: 1110px;
	position: relative;
	z-index: 999;
	margin-left: 20px;
	margin-bottom: -35px;
	padding-bottom:0px;
	top: -13px;
	font-family: "museo-sans",sans-serif;
	font-size: 12px;
	color: #40422c;
	background-color: #dddbd7;
	background-image: url(../img/parchment-background.jpg);
	background-repeat: no-repeat;
}
.leadershipPageOneColumnPanel h1{
    color:#40422c !important;
    border-bottom:dotted #40422c 3px !important;
    margin: 10px 30px 0px 30px;
    float:left;
    width:850px; 
}
.leadershipIntro{
    width:920px;
    min-height:1050px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
	font-size:14px;
	font-family: "museo-sans",sans-serif;
	float:left;
}
img.one {
    top: 60px;
    left: 80px;
    position: absolute;
    z-index: 10;
}
img.two {
    left: 330px;
    position: absolute;
    z-index: 10;
    top:770px;
}
img.three {
    left: 600px;
    position: absolute;
    z-index: 10;
    top:80px;
}
img.four{
    left: 340px;
    top:400px;
    position: absolute;
    z-index: 10;
}
img.six {
    left: 80px;
    position: absolute;
    z-index: 10;
    top:440px;
}
img.five {
    left: 610px;
    top:400px;
    position: absolute;
    z-index: 10;
}
img.seven {
    left: 330px;
    top:61px;
    position: absolute;
    z-index: 10;
}
img.eight {
    left: 350px;
    top:740px;
    position: absolute;
    z-index: 10;
}
img.oneov {
    top:60px;
    left: 80px;
    position: absolute;
    z-index: 20;
}
img.twoov {
    left: 330px;
    position: absolute;
    z-index: 20;
    top:770px;
}
img.threeov {
    left: 600px;
    position: absolute;
    z-index: 20;
    top:80px;
}
img.fourov {
    left: 340px;
    top:400px;
    position: absolute;
    z-index: 20;
}
img.sixov {
    left: 80px;
    position: absolute;
    z-index: 20;
    top:440px;
}
img.fiveov {
    left: 610px;
    top:400px;
    position: absolute;
    z-index: 20;
}
img.sevenov {
    left: 330px;
    top:61px;
    position: absolute;
    z-index: 20;
}
img.eightov {
    left: 350px;
    top:740px;
    position: absolute;
    z-index: 20;
}
.lionBios {
    left: 607px;
    position: absolute;
    top: 770px;
}
.lionGurus{
    position:absolute;
    top:770px;
    left: 70px;
}
.leadershipPageBioPanel{
	width:920px;
	min-height:385px;
	position: relative;
	z-index:999;
	margin-left:20px;
	margin-bottom:-43px;
	padding-bottom:13px;
	top:-13px;
	font-family: "museo-sans",sans-serif;
	font-size:14px;
	color:#40422c;
	background-color:#dddbd7;
    background-image:url(../img/leadership-bio-thumbs.jpg);
	background-repeat:no-repeat;
}
.leadershipPageBioPanel h1{
    color:#40422c;
    border-bottom:dotted #40422c 3px;
    margin: 20px 30px 0px 30px;
    float:left;
    width:850px;
	position:absolute;
}
.leadershipBioPics{
    float:left;
    margin-top:80px;
    padding-bottom:100px;
    width:420px;
	/* single bio pic removed */
	display:none;
	/* ----- */
}
.leadershipBioList {
    width:920px;
    height:290px;
    overflow:hidden;
}
#left-arrow{
    width:52px;
    overflow:hidden;
    position:absolute;
    top:100px;
    left:-52px;
}
#left-arrow:hover{
    width:55px;
    overflow:hidden;
    left:-55px;
}
#right-arrow{
    width:52px;
    position:absolute;
    overflow:hidden;
    top:100px;
    left:920px;
}
#right-arrow img{
    margin-left:-3px;
}
#right-arrow img:hover{
    margin-left:0px;
}
.leadershipBioList ul {
    width:1250px;
    height:300px;
    margin-top:70px;
}
.leadershipBioList li{
    float:left;
    display:inline;
    text-align:center;
}
.leadershipBioList li a{
    color:#40422c;
    text-decoration:none;
	font-weight:bold;
}
.leadershipBioList li a:hover{
    color:#FAA519;
}
.leadershipBioList li.activeBio a{
    color:#FAA519;
}
.leadershipBioCharacter{
   position:absolute;
    left:400px;
    width:400px;
    margin-top:0px;
    z-index:10px;
}
.leadershipBioText{
    float:left;
    z-index:20;
    margin-top:140px;
	margin-bottom:-30px;
    width:453px;
    left:400px;
	padding-left:400px;
}
.leadershipBioText p{
   margin-left:100px;
}
.leadershipBioText h1{
    top:380px;
    width:400px;
    border:0;
    color:#40422c;
    margin:0;
    font-size:40px;
	float:none;
}
p.leadershipBioTitles{
    font-weight:bold;
    margin-left:0px;
    float:left;
    width:100px;
	color:#40422c;
}
p.leadershipBioPara{
    margin-left:90px;
    margin-top:-34px;
    float:left;
    width:360px;
}
.leadershipBioText h2{
   float:left;
    font-size:25px;
    margin-left:90px;
    padding:0px;
    color:#40422c;
    width:362px;
    border-bottom:dotted #40422c 3px;
}
.leadershipFaq{
    margin:0px 0px 50px 53px;
}
.leadershipQuestion{
    background-image:url(../img/featured-game-accordion-arrows.png);
    background-repeat:no-repeat;
    height:33px;
    width:390px;
    padding:10px 0px 0px 10px;
	margin-left:0px;
	background-position: -60px 0px;
	
}

.leadershipBioText ul li{
    list-style-type:none;
}
.leadershipAnswer{
    margin-bottom:25px;
    font-weight:bold;
    padding-left:10px;
}
.leadershipBioText ul li a{
    color:#40422c;
    text-decoration:none;
    font-weight:bold;
}
.leadershipQuestion a{
    display:block;
}
.leadershipQuestion, li, h2 { margin-bottom:15px; }
.leadershipQuestion { display:block; }
.leadershipAnswer { display:none; }


/* Blog styles */
.blogContentWrapper{
	position:relative;
}
.blogPostWrap h1{
	font-family: "museo",serif;
	font-weight:normal;	
}
.blogPageTwoColumnPanel{
	min-height:385px;
float:left;
	z-index: 99;
	width:920px;
margin:-13px 0px 0px 20px;
    font-family: "museo-sans",sans-serif;
    font-size:14px;
    color:#dbd9d5;
    background-color:#dddbd7;
    min-height:770px;
}

.blogDescriptionCol{
    margin:0px 0px 0px 30px;
    width:665px;
float:left;
	padding-top:35px;
}
.blogDescriptionCol li{
	font-size:14px;
	color:#40422c;
	margin-bottom:20px;
	list-style-image: url(../img/social-mini-arrow.png);
}
.blogDescriptionCol h3{
    color:#333;
    padding:0px;
    margin-top:-3px;
}
.blogSidebarCol{
    float:right;
display:inline;
    left:725px;
    top:5px;
    width:170px;
    color:#5E5E5E;
margin-right:20px;
margin-bottom:50px;
margin-top:23px;
}

.blogSidebarCol li{
	list-style-type: none;
	list-style-image: url(none);
	text-indent: 0px;
	text-align: left;
	margin-left:-40px;
	padding: 0;
}
.blogSidebarCol li a{
	color:#40422c;
	text-decoration:none;
}
.blogSidebarCol li a:hover{
	text-decoration:underline;
}

.blogSidebarCol ul {line-height: 9px;}
.blogSidebarCol h2{
    font-weight:bold;
    font-size:14px;
    border-bottom:dotted #333 2px;
    color:#40422c;
    padding-bottom:5px;
}
.blogSidebarEmailSignupWrap{
    width:165px;
    height:43px;
    margin:156px 0px 10px 20px;
}
.blogSidebarEmailSignupWrap form input{
    height:20px;
    border:none;
}
.blogSidebarCol form .emailSub{
font-size:14px;
border:0;
height:20px;
padding:3px;
background-color:#da911a;
margin:9px 0px 0px 9px;
color:#40422c;
}
.emailSubscribeIntro{
	color:#40422c;
}
.blogPostWrap{
    border-bottom:dotted #333 2px;
    padding:10px 0px 10px 0px;
	color:#40422c !important;
	min-height:170px;
	margin-top: -27px;
}
.blogPostWrap img{
    margin:0px 0px 1px 0px;
}
.blogPostWrap a{
    color:#3ba1db;
    text-decoration:none;
}
.blogPostWrap a:hover{
    text-decoration:underline;
}
p.blogMetaTxt{
    margin:0px;
    padding:0;
    font-size:12px;
}
.blogPostWrap h1{
    margin: 10px 0px 5px 0px;
    font-size:20px;
    line-height:25px;
    color:#40422c;
    font-weight:normal;
}
.blogPostWrap p{
    margin:7px 0px;
	color:#40422c !important;
}
.blogReadMore a{
  	color:#3ba1db;
	font-weight:bold;
}
.blogPaging{
	background-image:url(../img/nextPageArrow.png);
	background-repeat:no-repeat;
	height:80px;
	width:665px;
	background-position:0px 15px;
       margin-top:15px;
}
.blogPaging ul{
	padding:33px 0px 0px 27px;
}
.blogPaging li{
	font-size:14px;
	color:#333;
    display:inline;
    margin-left:5px;
}
.blogPaging li a{
	color:#333;
}
.blogPaging li a:active{
	color:#000;
}
.blogPaging li:first-child {
    color:#fff;
    padding-right:0px;
    padding-left:20px;
}
.blogPaging li:last-child {
    color:#fff;
    padding-left:0px;
}
.blogPaging .blogReadMore{
	position:absolute;
	left:280px;
	margin-top:-33px;
	background-image: url(../img/blogPageArrows.gif);
	background-repeat: no-repeat;
    background-position:-27px 2px;
}
.blogPaging .blogReadPrev{
	position:absolute;
	left:67px;
	margin-top:33px;
	background-image: url(../img/blogPageArrows.gif);
	background-repeat: no-repeat;
    background-position:2px 2px;
}
.blogSeal{
    position:relative;
    left:780px;
    bottom:100px;
    z-index:9999;
	width:156px;
}
/* careers pages */
#careersBannerCurve{
	background-image:url(../img/page-curve-light.png);
	background-repeat:no-repeat;
        position:absolute;
        top:370px;
        margin-left:20px;
        width:924px;
        height:60px;
        z-index:999;
}
.careersPageOneColumnPanel{
	width:920px;
	min-height:385px;
	position: relative;
	z-index:999;
	margin-left:20px;
	margin-bottom:256px;
	padding-bottom:10px;
	top:292px;
	font-family: "museo-sans",sans-serif;
	font-size:12px;
	color:#40422c;
	background-color:#dddbd7;
	background-repeat:no-repeat;
	background-position:100px 140px;
}
.careersPageOneColumnPanel ul{
    margin:0;
    padding:0;
}
.careersIntro{
    width:640px;
    margin:0px 0px 0px 30px;
    padding:0px 0px 0px 0px;
	font-size:14px;
	font-family: "museo-sans",sans-serif;
}
.careersIntro p{
    margin:10px 0px;
    padding:10px 0px;
    border-top:dotted #827847 2px;
    border-bottom:dotted #827847 2px;
}
.careersIntro a{
   color:#FAA519;
    text-decoration: none;
    font-weight: bold;
}
.careersIntro h2{
	font-size:20px;
	font-family: "museo",serif;
	margin:0px;
	padding:0px;
    font-weight:normal;
}
.careersIntroChar{
    position:absolute;
    left:630px;
    top:-63px;
}
.careersDescriptionCol{
    margin:-25px 0px 0px 30px;
    width:665px;
    position:relative;
	padding-top:20px;
}
.careersPostWrap {
    font-size:14px;
    font-family: "museo-sans",sans-serif;
}
.careersPostWrap a{
    color:#40422c;
}
.careersPostWrap ul{
	list-style-position: inside;    
}
.careersPostWrap a:hover{
    text-decoration:underline;
}
p.careersMetaTxt{
    margin:0px;
    padding:0;
    font-size:14px;
}
.careersPostWrap h1{
    font-family: "museo",serif;
    margin: 20px 0px 5px 0px;
    font-size:20px;
    line-height:25px;
    color:#40422c;
    font-weight:normal;
}
.careersApplyNow{
     border-bottom:dotted #827847 2px;
    padding:0px 0px 20px 0px;
}

.microsoftCareersBnr{
    background: url(/img/careers-microsoft-banner.jpg) no-repeat;
    height:88px;
    margin-bottom:20px;
    padding:7px 130px 0px 137px;
}
.microsoftCareersBnr a{
    color:#FAA519;
    text-decoration: none;
    font-weight: bold;
}

/* About-Us styles */

.aboutTriviaPanel{
	background-image:url(../img/about-trivia-panel-back.png);
	background-repeat:no-repeat;
    background-position:0px;
	height:50px !important;
	font-size:12px !important;
	font-family: "museo-sans",sans-serif;
	padding:0px 0px 10px 110px;
	width:820px;
	margin-left:-40px;
	color:#40422c !important;
}
.aboutIntro{
    width:850px;
    margin:0px 0px 0px 30px;
    padding:0px 0px 0px 0px;
	font-size:14px;
	font-family: "museo-sans",sans-serif;
}
.aboutIntro p{
    margin:10px 0px;
    padding:10px 0px;
    border-top:dotted #827847 2px;
    border-bottom:dotted #827847 2px;
}
.aboutIntro a{
    color:#40422c;
}
.aboutIntro h2{
	font-size:20px;
	font-family: "museo",serif;
	margin:0px;
	padding:0px;
    font-weight:normal;
}
#aboutCarousel{
	width:851px;
	padding:0px 0px 0px 0px;
	margin-left:40px;
    margin-top:-164px;
	position:relative;
	top:0px;
	z-index:99999;
	overflow:hidden;
}
#aboutCarousel h2{
	font-size:17px;
	font-family: "museo-sans",sans-serif;
  	margin:-20px 0px 0px 0px;
	color:#dbd9d5;
	margin-left:20px;
}
.aboutPostWrap {
    font-size:14px;
    font-family: "museo-sans",sans-serif;
}
.aboutPostWrap a{
    color:#FAA519;
    text-decoration: none;
    font-weight: bold;
}
.aboutPostWrap ul{
	list-style-position: inside;    
}
.aboutPostWrap a:hover{
    text-decoration:none;
}
.aboutPostWrap h1{
    font-family: "museo",serif;
    margin: 20px 0px 5px 0px;
    font-size:20px;
    line-height:25px;
    color:#40422c;
    font-weight:normal;
}

figure {
float:left;
margin-right:10px;
}

.aboutDescriptionColsWrapper{
position:relative;
width:920px;
background-color:#939688;
}

.aboutDescriptionCol{
    margin:-14px 0px 0px 30px;
    width:365px;
    position:absolute;
    padding-top:0px;
    
}
.aboutDescriptionColTwo{
    margin:0px 0px 0px 30px;
    width:365px;
    position:relative;
    padding-top:0px;
    left:450px;
    top:0px;
    min-height:710px;
}
.aboutUsCharacter{
    position:absolute;
    left:205px;
    top:205px;
}

.galleryBtnPrev{
    position:relative;  
    left:-20px;
    z-index:99999;
    width:100px;
    float:left;
    top:-270px;
    height:0px;
    margin:0px;
    padding:0px;
}
.galleryBtnNext{
    position:relative;
    left:880px;
    z-index:99999;
    width:100px;
    float:left;
    top:-270px;
    height:0px;
    margin:0px;
    padding:0px;
}


/* contact page */

#contactDescriptionColsWrapper{
	position:relative;
	width:920px;
	background-image:url(../img/contact-compass-top.png);
	background-repeat:no-repeat;
	background-color:#dddbd7;
	margin-top:5px;
	padding-top:26px;
	min-height:941px;
}
.contactButtonArrows{
	background-image:url(../img/contact-support-btns.png);
	background-repeat:no-repeat;
        background-position:top left;
        padding:11px 10px;
        width:430px;
        font-family: "museo",serif;
        font-size:19px;
        color:#fff;
        margin-left:-40px;
}
.contactButtonArrows a, .contactButtonArrows a:hover{
        color:#fff;
        text-decoration:none;
        display:block;
}
#mapviewer{
    width:600px;
    height:350px;
    overflow:hidden;
    margin-top:-15px;
    padding-top:0px;
}
#mapviewer a{
    top:10px;
    font-size:11px;
}
.aboutDescriptionColTwo input, .aboutDescriptionColTwo textarea{
    padding:5px;
    color:#333;
    width:350px;
    margin:5px 0px;
}
.contactUsCharacter{
    position:absolute;
    left:155px;
    top:432px;
}
#contactBannerCurve{
	background-image:url(../img/page-curve-light.png);
	background-repeat:no-repeat;
        position:absolute;
        top:370px;
        margin-left:19px;
        width:922px;
        height:70px;
        z-index:9999;
}



/* ==========================================================================
   Responsive CSS
   ========================================================================== */

@media (max-width: 960px) {
	#wrapper{
		width: 960px;
	}
	.item-title, .item-desc{
		margin-left: 80px;
	}
	.large-offset{
		margin-top: 120px;
	}
	.small-offset{
		margin-top: 0px;
	}
}


@media (max-width: 480px) {
	
.backstretch{
    background-color:#435531;
}
.backstretch img{
    display:none !important;
}

#wrapper{
		width: 100%;
	}
	.navigationWrapper{
	background: url(../img/header-back-mob.jpg) no-repeat;
    background-position:center top;	
	width:100%;
	height:500px;
    margin-left:0px;
    padding:100px 0px 0px 0px;

}
.item-content{
    margin-top:250px;
    width:100%;
    overflow:visible;
    left: 0px;
}
	.item-title, .item-desc{
		margin-left: 0px;
	}
	.item-img{
	margin:0px;
	padding-left:0px;
	width:100%;
	overflow:hidden;
}
.img-link{
	background-image:none;	
}
	.large-offset{
		margin-top: 120px;
	}
	.small-offset{
		margin-top: 20px;
	}
	#contentWrapper{
	background-image:none;
	background-color:transparent !important;
	width:100%;
}
	.homepageThreeColumnPanel{
	width:100%;
	margin-left:0px;
	margin-bottom:279px;
	top:-39px;
	background-image:none;
	background-color:#3e4028;
}
.homepageBackgroundRip{
	background-image:none !important;
	width:100%;
}
.homePackShot{
    left:-10px;
    top:35px;
}
.arrowButton{
	width:100%;
	padding-left:0px;
	top:180px;
}
.arrowButton .prevArrow{
	margin-left:0px;
        background: url(../img/prev-mobile.png) no-repeat;
        top:290px;
}
.arrowButton .nextArrow{
    right:0px;
    background: url(../img/next-mobile.png) no-repeat;
    top:290px;
}
.homeColOne{
    padding-left:22px;
	top:45px;
	width:90%;
	min-height:275px;
}
.homeColOne p, .homeColOne h2{
    margin-left:146px;
    font-size:90%;
}
.homeColOne img.arrowLink, .homeColTwo img.arrowLink{
    left:0px;
}
.homeColTwo{
    width:95%;
    left:0px;
    padding-left:5%;    
    top:330px;
    background-color:#939688;
}
.homeColThree{
	width:100%;
	left:0px;
	top:575px;
	height:170px;
    background-color:#939688;
}
.homeColThree p, .homeColThree h2{
    width:90%;
    padding:0px 0px 0px 15px;
    font-size:92%;
    line-height:115%;
}
.homeColThree h2{
    font-size:100%;
}
.homeColThree img.arrowLink{
    margin-left:15px;
    margin-bottom:10px;
}
.twitPics{
    width:90%;
    padding:8% 5% 0% 5%;
}
.twitPics ul li{
    padding:3%;
}
.tweetStream{
	width:83%;
    margin:0px 0px 0px 0px;
    padding:0% 7% 0% 9%;
}
.blogStream{
    width:90%;
}
.homeReadMoreBtn{
	margin-left:-22px;
}
.homeTeamBtn{
	top: 110px;
	margin-left:0px;
}
.homeBlacksmith {
/* width:240px;
   overflow:hidden;
   left:120px;
   top:-90px; */
   display:none;
}
.homeSeal{
    display:none;
}
#footer{
    width:100%;
    top:20px;
    margin:0;
    background-color:#2c3f18;
    height:690px;
}
.footerSectionOne{
    width:95%;
    margin-left:10px;
    margin-top:90px;
}
.gamesColOne{
    left:10px;
    top:117px;
}
.gamesColTwo{
    left:190px;
    top:117px;
}
.footerSectionTwo{
    width:95%;
    left:10px;
    top:225px;
}
.footerSectionThree{
    width:95%;
    margin-left:0px;
    left:10px;
    top:338px;
}
.footerSectionFour{
    width:95%;
    margin-left:0px;
    left:10px;
    top:473px;
}
.footerTeesAndCees{
    position:absolute;
    left:10px;
    top:650px;
    width:85%;
}
.creativeUK{
   display:none;
}

/* leadership team pages mobile*/

.leadershipPageOneColumnPanel{
	width: 100%;
	min-height: 1152px;
	margin:-120px 0px -22px 0px;
	padding-bottom:0px;
	top: 20px;
    background-repeat:repeat-y;
}
#leadershipBannerCurve {
    display: none;
}
.leadershipPageOneColumnPanel h1 {
    margin: 10px 0px 10px 20px;
    width: 90%;
}
.leadershipIntro{
    width:100%;
    min-height:2990px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

/* stuart */
img.one {
    top: 60px;
    left: 60px;
}

/* julian */
img.two {
    left: 45px;
    top:2050px;
}

/* gary */
img.three {
    left: 55px;
    top:750px;
}

/* john */
img.four{
    left: 50px;
    top:1360px;
}

/* emmi */
img.six {
    left: 60px;
    top:1060px;
}

/* louise */
img.five {
    left: 50px;
    top:1690px;
}
img.seven {
    left: 45px;
    top:420px;
}

img.oneov {
    top:60px;
    left: 60px;
}
img.twoov {
    left: 45px;
    top:2050px;
}
img.threeov {
    left: 55px;
    top:750px;
}
img.fourov {
    left: 50px;
    top:1360px;
}
img.sixov {
    left: 60px;
    top:1060px;
}
img.fiveov {
    left: 50px;
    top:1690px;
}
img.sevenov {
    left: 45px;
    top:420px;
}
img.eightov {
    left: 60px;
    top:740px;
}
.lionBios {
    left: 50px;
    top: 2670px;
}
.lionGurus{
    top:2370px;
    left: 50px;
}
.leadershipPageBioPanel{
	width:100%;
	margin-left:0px;
	margin-bottom:-43px;
    margin-top:-100px;
	padding-bottom:13px;
	top:0px;
}
.leadershipPageBioPanel h1{
    width:90%;
}
.leadershipBioList {
    width:100%;
}
.leadershipBioList li{
    float:none;
    display:block;
    text-align:left;
    margin:0px;
    padding:0px;
    line-height:15px;
}
.leadershipBioList li img{
    display:none;
}
.leadershipBioList li a{
    color:#40422c;
    text-decoration:none;
	font-weight:normal;
}
.leadershipBioList li a:hover{
    color:#000;
}
.leadershipBioList li.activeBio a{
    color:#000;
	font-weight:bold;
}

#right-arrow{
    display:none;
}

.leadershipBioCharacter{
   position:absolute;
    left:0px;
    width:0px;
    margin-top:0px;
    z-index:10px;
}
.leadershipBioText{
    float:none;
    z-index:20;
    margin-top:130px;
    margin-bottom:-30px;
    width:100%;
    left:0px;
    padding-left:0px;
    padding-top:800px
}
.leadershipBioText p{
   margin-left:100px;
}
.leadershipBioText h1{
    top:380px;
    width:320px;
    margin:0px 0px 0px 40px;
    font-size:30px;
	float:none;
}
p.leadershipBioTitles{
    font-weight:bold;
    margin-left:10px;
    float:left;
    width:100px;
	color:#40422c;
}
p.leadershipBioPara{
    margin-left:90px;
    margin-top:-34px;
    float:left;
    width:60%;
}
.leadershipBioText h2{
   float:left;
    font-size:25px;
    margin-left:10px;
    padding:0px;
    color:#40422c;
    width:90%;
    border-bottom:dotted #40422c 3px;
}
.leadershipFaq{
    margin:0px 0px 50px -50px;
}
.leadershipQuestion{
    background-image:url(../img/featured-game-accordion-arrows.png);
    background-repeat:no-repeat;
    height:33px;
    width:85%;
    padding:10px 0px 0px 10px;
    margin-left:10px;
    background-position: -160px 0px;
}



/* games pages mobile*/

#gameBannerCurve{
	width:100%;
	background-position:-240px 0px;
	margin-left:0px;
}

.gamePageTwoColumnPanel{
	width:100%;
	margin-left:0px;
    margin-bottom:-30px;
    padding-bottom:0px;
	top:-30px;
	background-position:0px 140px;
    float:left;
}

.gamesIntro{
    width:90%;
    margin:0px 0px 0px 20px;
    padding:5px 0px 0px 0px;
	height:136px;
	font-size:12px;
	font-family: "museo-sans",sans-serif;
}
.gamePackShot, .gamesIntro img, #homeCarousel{
    display:none;
}

.gameDescriptionCol{
    margin:30px 0px 0px 0%;
    width:100%;
	overflow:hidden;
	padding-bottom:0px;
	background-color:#435531;
}
.gameDescriptionCol ul{
    width:75%;
    padding-left:55px;
}
.gameVideoNewsCol iframe{
    width:100%;
}

.gameVideoNewsCol{
    left:0px;
    top:0px;
    width:90%;
    padding:0px 13px 30px 20px;
    margin-bottom:-30px;
    background-color:#435531;
    float:left;
    display:block;
    position:relative;
}


/*games landing page*/

#contentWrappergame{
	/* background-image:url(../img/outerwrapper-drop-shadow.png);
	background-repeat:repeat-y; */
	margin:0 auto;
	height:auto;
	width:100%;
}

#gamelandingcurve{
        display:none;
}

.gamelandingPageOneColumnPanel{
	width: 100%;
	margin:0px;
	padding-bottom: 0px;
	margin-top: -153px;
        position:relative;
}

.gameIntro{
    width:100%;
    margin:0px;
    padding:0px;
}

.gameIntro2{
	width: 100%;
	float: left;
	padding:0px;
	margin: 0px;
}

.gameIntro3{
	width: 100%;
	padding: 0px;
	margin: 0px;
	left: 0px;
	top: 0px;
	position:relative;
}

.gameIntro4{
	width: 100%;
	margin: 0px;
	padding: 0px;
	left: 0px;
	top: 0px;
	position:relative;
}

.gameIntro img, .gameIntro2 img, .gameIntro3 img, .gameIntro4 img{
    width:100% !important;
    height:auto !important;
}
.oneov .overlay{
    display:none;
}
.oneov .overlay p a{
    text-decoration:none;
}

.othertitle {
    display:none;
}

/* featured game mobile */
#featuredGameBannerCurve{
    background-position:-190px 0px;
    top:445px;
    margin-left:0px;
    width:100%;
}

.featuredGamesIntro{
    width:85%;
    margin:-20px 0px 0px 20px;
    padding:0px 0px 0px 0px;
	font-size:15px;
}

.featuredGamePageTwoColumnPanel{
	width:100%;
	min-height:1260px;
	margin-left:0px;
	margin-bottom:-110px;
	top:-60px;
    font-size:12px;
	background-position:-40px 230px;
}
.featuredGameRegisterPanel{
    display:none;
}
.featuredGameLargeVideo{
   margin-left:-20px;
}
.featuredGameLargeVideo img{
   width:93%;
}
.featuredGameVideoPlayBtn{
    left:35%;
    top:300px;
}
.featuredGameDescriptionCol {
    margin:220px 0 180px -10px;
    width:100%;
    overflow:hidden;
}
.featuredGameQuestion {
    font-size: 14px;
    padding: 11px 0 0 10px;
    width: 100%;
}
.featuredGameRelatedBlogs {
        position:relative;
        top:-200px;
        left:20px;
        width:80%;
}
.featuredGameRatingInfo img{
	width:100%;	
	height:100%;
}

/*careers pages mobile */
#careersBannerCurve{
    background-position:-240px 0px;
    width:100%;
    margin-left:0px;
    top:442px;
}
.careersPageOneColumnPanel{
	top:-99px;
	margin-left:0px;
	width:100%;
	margin-bottom:-125px;
        position:relative;
        float:left;
}
.careersDescriptionCol{
width:90%;
}
.careersIntro{
    width:90%;
}
.careersIntroChar{
    display:none;
}
.microsoftCareersBnr{
    background: none;
    height:88px;
    margin-bottom:20px;
    padding:7px 0px 0px 0px;
	width:100%;
}


/*blog pages mobile */
.blogPageTwoColumnPanel{
	margin-left:0px;
	top:-200px;
    width:100%;
	margin-top:-190px;
	padding-bottom:250px;
	margin-bottom:-20px;
}
.blogDescriptionCol, .blogPostWrap{
   width:90%;
   overflow:hidden;
}
.blogSidebarCol,.blogSeal{
	display:none;	
}
.blogDescriptionCol{
    margin:-25px 0px -242px 30px;
}
.blogDescriptionCol img{
    width:100%;
    height:100%;
}
.blogReadMore img{
    width:28px;
    height:15px;
}
.blogPaging .blogReadMore{
	left:263px;
}
.blogPaging .blogReadPrev{
	left:45px;
}

/* contact page mobile */

#contactBannerCurve{
    background-position:-240px 0px;
    width:100%;
    margin-left:0px;
    top:442px;
}
#contactDescriptionColsWrapper{
    width:100%;
}
.contactUsCharacter, .aboutUsCharacter{
    display:none;
}
#mapviewer{
    width:95%;
    overflow:hidden;
}
.contactButtonArrows{
        width:96.5%;
        font-family: "museo",serif;
        font-size:17px;
        margin-left:-20px;
		padding-left:30px;
		background-position:20px 0px;
}

/* about-us mobile */
.aboutIntro{
    width:90%;
}
.aboutTriviaPanel{
    display:none;
	/*
	width:75%;
    background-image:url(../img/about-trivia-panel-back-mobile.png);
    background-color:#dda43c;
    padding:7px 2% 3px 36%;
    margin-left:-40px;
    min-height:50px;
    font-size:11px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	*/
}
.fn-navigation{
    display:none;
}

#aboutCarousel {
	display:none;
}
.aboutPostWrap {
	width:90%;
    overflow:hidden;
}
.aboutDescriptionColsWrapper{
	position:relative;
	width:100%;
}
.aboutDescriptionCol{
    margin:-14px 0px 0px 30px;
    width:91%;
    position:relative;
    float:left;
}
.aboutDescriptionColTwo{
    margin:0px 0px 0px 30px;
    width:91%;
    top:0px;
	left:0px;
	min-height:630px;
    position:relative;
    float:left;
}
.aboutUsCharacter{
  display:none;
}
.galleryBtnPrev, .galleryBtnNext{
	display:none;	
}

}

.animate0{
   	-webkit-animation-duration: .6s;
	-webkit-animation-delay: 0s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: 0s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: 0s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: 0s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}

.animate1{
   	-webkit-animation-duration: .6s;
	-webkit-animation-delay: .2s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: .2s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: .2s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: .2s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}

.animate2{
   	-webkit-animation-duration: .6s;
	-webkit-animation-delay: .4s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: .4s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: .4s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: .4s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}

.animate3{
   	-webkit-animation-duration: .6s;
	-webkit-animation-delay: .6s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: .6s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: .6s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: .6s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}

.animate4{
   	-webkit-animation-duration: .6s;
	-webkit-animation-delay: .8s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: .8s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: .8s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: .8s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}

.animate5{
   	-webkit-animation-duration: .6s;
	-webkit-animation-delay: 1s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: 1s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: 1s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: 1s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}
.animate6{
   	-webkit-animation-duration: .6s;
	-webkit-animation-delay: 1.2s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: 1.2s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: 1.2s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: 1.2s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}
.animate7{
   	-webkit-animation-duration: .6s;
	-webkit-animation-delay: 1.4s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: 1.4s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: 1.4s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: 1.4s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}




/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}


.message {
	color: #468847;
	background-color: #dff0d8;
	border-color: #d6e9c6;
	padding: 8px 35px 8px 14px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #fcf8e3;
	text-align: center;
	margin-bottom:-10px;
	font-weight:bold;	
}

#unsub, #confirm {
display:none;
}


.selected
{
    background-color:transparent;    
    color:#faa519 !important;
}


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */

Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
	-webkit-backface-visibility: hidden;
}
.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;}
}

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

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

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

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

.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;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

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

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

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

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

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

@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1); }
	50% { -webkit-transform: scale(1.1); }
    100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulse {
    0% { -moz-transform: scale(1); }
	50% { -moz-transform: scale(1.1); }
    100% { -moz-transform: scale(1); }
}
@-o-keyframes pulse {
    0% { -o-transform: scale(1); }
	50% { -o-transform: scale(1.1); }
    100% { -o-transform: scale(1); }
}
@keyframes pulse {
    0% { transform: scale(1); }
	50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

.pulse {
	-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	-o-animation-name: pulse;
	animation-name: pulse;
}
@-webkit-keyframes flip {
	0% {
		-webkit-transform: perspective(400px) rotateY(0);
		-webkit-animation-timing-function: ease-out;
	}
	40% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-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) rotateY(360deg) scale(.95);
		-webkit-animation-timing-function: ease-in;
	}
	100% {
		-webkit-transform: perspective(400px) scale(1);
		-webkit-animation-timing-function: ease-in;
	}
}
@-moz-keyframes flip {
	0% {
		-moz-transform: perspective(400px) rotateY(0);
		-moz-animation-timing-function: ease-out;
	}
	40% {
		-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-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) rotateY(360deg) scale(.95);
		-moz-animation-timing-function: ease-in;
	}
	100% {
		-moz-transform: perspective(400px) scale(1);
		-moz-animation-timing-function: ease-in;
	}
}
@-o-keyframes flip {
	0% {
		-o-transform: perspective(400px) rotateY(0);
		-o-animation-timing-function: ease-out;
	}
	40% {
		-o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-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) rotateY(360deg) scale(.95);
		-o-animation-timing-function: ease-in;
	}
	100% {
		-o-transform: perspective(400px) scale(1);
		-o-animation-timing-function: ease-in;
	}
}
@keyframes flip {
	0% {
		transform: perspective(400px) rotateY(0);
		animation-timing-function: ease-out;
	}
	40% {
		transform: perspective(400px) translateZ(150px) rotateY(170deg);
		animation-timing-function: ease-out;
	}
	50% {
		transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		animation-timing-function: ease-in;
	}
	80% {
		transform: perspective(400px) rotateY(360deg) scale(.95);
		animation-timing-function: ease-in;
	}
	100% {
		transform: perspective(400px) scale(1);
		animation-timing-function: ease-in;
	}
}

.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;
    }
}

.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;
    }
}

.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;
    }
}

.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;
    }
}

.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;}
}

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

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

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

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

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

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

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

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

.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;}
}

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

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

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

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

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

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

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

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

.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(.3);
	}

	50% {
		-webkit-transform: scale(1.05);
	}

	70% {
		-webkit-transform: scale(.9);
	}

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

@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(.3);
	}

	50% {
		-moz-transform: scale(1.05);
	}

	70% {
		-moz-transform: scale(.9);
	}

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

@-o-keyframes bounceIn {
	0% {
		opacity: 0;
		-o-transform: scale(.3);
	}

	50% {
		-o-transform: scale(1.05);
	}

	70% {
		-o-transform: scale(.9);
	}

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

@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(.3);
	}

	50% {
		transform: scale(1.05);
	}

	70% {
		transform: scale(.9);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}

.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% {
		-webkit-transform: translateY(-30px);
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

.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% {
		-webkit-transform: translateY(30px);
	}

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

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

@-moz-keyframes bounceInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}

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

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

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

@-o-keyframes bounceInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}

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

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

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

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

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

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

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

.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% {
		-webkit-transform: translateX(30px);
	}

	80% {
		-webkit-transform: translateX(-10px);
	}

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

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

	60% {
		-moz-transform: translateX(30px);
	}

	80% {
		-moz-transform: translateX(-10px);
	}

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

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

	60% {
		-o-transform: translateX(30px);
	}

	80% {
		-o-transform: translateX(-10px);
	}

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

@keyframes bounceInLeft {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}

	60% {
		transform: translateX(30px);
	}

	80% {
		transform: translateX(-10px);
	}

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

.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% {
		-webkit-transform: translateX(-30px);
	}

	80% {
		-webkit-transform: translateX(10px);
	}

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

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

	60% {
		-moz-transform: translateX(-30px);
	}

	80% {
		-moz-transform: translateX(10px);
	}

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

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

	60% {
		-o-transform: translateX(-30px);
	}

	80% {
		-o-transform: translateX(10px);
	}

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

@keyframes bounceInRight {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}

	60% {
		transform: translateX(-30px);
	}

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

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

.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(.95);
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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;
	}
}

.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;
	}
}

.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;
	}
}

.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;
	}
}

.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;
	}
}

.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;
	}
}

.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;
	}
}

.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;
	}
}

.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;
	}
}

.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;
	}
}

.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; }
}

.hinge {
	-webkit-animation-name: hinge;
	-moz-animation-name: hinge;
	-o-animation-name: hinge;
	animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

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

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

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

@keyframes rollIn {
	0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
}

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

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

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

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

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

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

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

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

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

.rollOut {
	-webkit-animation-name: rollOut;
	-moz-animation-name: rollOut;
	-o-animation-name: rollOut;
	animation-name: rollOut;
}

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

@-webkit-keyframes lightSpeedIn {
	0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
	60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; }
	80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; }
	100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
}

@-moz-keyframes lightSpeedIn {
	0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
	60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; }
	80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; }
	100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
}

@-o-keyframes lightSpeedIn {
	0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
	60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; }
	80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; }
	100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
}

@keyframes lightSpeedIn {
	0% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
	60% { transform: translateX(-20%) skewX(30deg); opacity: 1; }
	80% { transform: translateX(0%) skewX(-15deg); opacity: 1; }
	100% { transform: translateX(0%) skewX(0deg); opacity: 1; }
}

.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;
}

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

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

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

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

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

.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;
}

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

@-webkit-keyframes wiggle {
    0% { -webkit-transform: skewX(9deg); }
    10% { -webkit-transform: skewX(-8deg); }
    20% { -webkit-transform: skewX(7deg); }
    30% { -webkit-transform: skewX(-6deg); }
    40% { -webkit-transform: skewX(5deg); }
    50% { -webkit-transform: skewX(-4deg); }
    60% { -webkit-transform: skewX(3deg); }
    70% { -webkit-transform: skewX(-2deg); }
    80% { -webkit-transform: skewX(1deg); }
    90% { -webkit-transform: skewX(0deg); }
	100% { -webkit-transform: skewX(0deg); }
}

@-moz-keyframes wiggle {
    0% { -moz-transform: skewX(9deg); }
    10% { -moz-transform: skewX(-8deg); }
    20% { -moz-transform: skewX(7deg); }
    30% { -moz-transform: skewX(-6deg); }
    40% { -moz-transform: skewX(5deg); }
    50% { -moz-transform: skewX(-4deg); }
    60% { -moz-transform: skewX(3deg); }
    70% { -moz-transform: skewX(-2deg); }
    80% { -moz-transform: skewX(1deg); }
    90% { -moz-transform: skewX(0deg); }
	100% { -moz-transform: skewX(0deg); }
}

@-o-keyframes wiggle {
    0% { -o-transform: skewX(9deg); }
    10% { -o-transform: skewX(-8deg); }
    20% { -o-transform: skewX(7deg); }
    30% { -o-transform: skewX(-6deg); }
    40% { -o-transform: skewX(5deg); }
    50% { -o-transform: skewX(-4deg); }
    60% { -o-transform: skewX(3deg); }
    70% { -o-transform: skewX(-2deg); }
    80% { -o-transform: skewX(1deg); }
    90% { -o-transform: skewX(0deg); }
	100% { -o-transform: skewX(0deg); }
}

@keyframes wiggle {
    0% { transform: skewX(9deg); }
    10% { transform: skewX(-8deg); }
    20% { transform: skewX(7deg); }
    30% { transform: skewX(-6deg); }
    40% { transform: skewX(5deg); }
    50% { transform: skewX(-4deg); }
    60% { transform: skewX(3deg); }
    70% { transform: skewX(-2deg); }
    80% { transform: skewX(1deg); }
    90% { transform: skewX(0deg); }
	100% { transform: skewX(0deg); }
}

.wiggle {
    -webkit-animation-name: wiggle;
    -moz-animation-name: wiggle;
    -o-animation-name: wiggle;
    animation-name: wiggle;

    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

.animated.wiggle {
    -webkit-animation-duration: 0.75s;
    -moz-animation-duration: 0.75s;
    -o-animation-duration: 0.75s;
    animation-duration: 0.75s;
}


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */

/*
Item Name : CSS3 Mega Drop Down Menu
Author URI : http://codecanyon.net/user/Pixelworkshop/
Item URI : http://codecanyon.net/item/css3-mega-drop-down-menu/126387
Version : 6.11
*/

/*

TABLE OF CONTENTS

01 MENU BAR
02 DROP DOWN MENU
03 CONTENT STYLING
04 CONTACT FORM
05 VERTICAL MEGA MENU
06 LIGHT THEME
07 DARK THEME
08 COLORS
09 MOBILE DEVICES

*/




.pagecontent{width:960px;margin:30px auto; /*text-shadow:1px 1px 1px #ffffff;*/}
.pagecontent p,.pagecontent li{color:#666;font-size:14px;line-height:18px;}
.pagecontent ul,.pagecontent li{padding-left: 16px}
.pagecontent .pusher{width:100%;height:50px}
.pagecontent a{color:#999;text-decoration:none}
.pagecontent h1,.pagecontent h3{color:#222}
.pagecontentclear {clear: both;}
/* Vertical Menu Demos */
.pagewrapper .pagecontent {width:690px;float: left;margin: 10px 0 0 0;}
.pagewrapper .megamenu_vertical_left {margin-right: 30px;}
.pagewrapper .megamenu_vertical_right {margin-left: 30px;}
@media only screen and (max-width: 1024px) {
	.pagecontent, .pagewrapper{width:95%;}
	.pagewrapper .pagecontent {width:100%;}
	.pagewrapper .megamenu_vertical_left {margin-right: auto;}
	.pagewrapper .megamenu_vertical_right {margin-left: auto;}
}
@media only screen and (max-width:767px) {
	.pagecontent, .pagewrapper{width:420px;}
	.pagewrapper .pagecontent {width:420px;}
}
@media only screen and (max-width:479px) {
	.pagecontent, .pagewrapper{width:300px;}
	.pagewrapper .pagecontent {width:300px;}
}


/*  _______________________________________

	01 MENU BAR
    _______________________________________  */




/* 
	IMPORTANT NOTICE
	If you're using the whole width menu, you should use at least a reset like :
	body {margin:0; padding:0;}
	Otherwise, some browsers may add margins and won't place the menu properly.
	It generally helps to include a CSS reset like : 
	http://meyerweb.com/eric/tools/css/reset/
	Keep in mind that a reset must be placed first, before any other CSS markup.
*/
.megamenu_wrapper,
.megamenu_wrapper_full {
	margin:0 auto;
	display:block;
	position: relative;
	z-index:9999;
	font-family: "adelle",serif;
	font-size:14px;
	line-height:21px;
}
.megamenu_wrapper {
	width: 420px;
	margin-top: 30px;
}
.megamenu_wrapper_full {
	width: 100%;
}
	.megamenu_container {
		width:100%;
		margin:0 auto;
		height:40px;
	}
	.megamenu_wrapper .megamenu_container {
		width:100%;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
	}
	.megamenu_wrapper_full .megamenu_container {
		width: 96%;
		padding: 0 2% 0 2%;
	}
	.megamenu_container .megamenu {
		list-style:none;
		width:960px;
		margin:0 auto;
		padding: 0;
	}
.megamenu > li {
	float:left;
	position:relative;
	margin-right:5px;
	border-right:solid #000 1px;
}
.megamenu > li:last-child {
	border-right:none;	
}
.megamenu li.menuitem_fullwidth {
	position: static !important;
}
.megamenu > li > a {
	outline:0;
	padding: 9px 15px 11px 15px;
	text-decoration:none;
	display:block;
}
.megamenu > li .menuitem_drop {
	padding-right:27px;
}
.megamenu > li.menuitem_nodrop > a {
	padding-bottom:10px;
}

/* Right aligned menu item */

.megamenu > li.menuitem_right {
	float:right;
	right:0;
	margin-right:0;
}

/* Menu Button (Mobiles) */

.megamenu li.megamenu_button {
	display: none;
}
.megamenu li.megamenu_button_active {
	background:#000000 !important;
}



/*  _______________________________________

	02 DROP DOWN MENU
    _______________________________________  */




/* Drop Downs Containers */

.megamenu .dropdown_1column, 
.megamenu .dropdown_2columns, 
.megamenu .dropdown_3columns, 
.megamenu .dropdown_4columns,
.megamenu .dropdown_5columns,
.megamenu .dropdown_fullwidth {
	margin:0;
	display:none;
	position:absolute;
	top:41px;
	left:-1px;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

/* Drop Downs Sizes */

.megamenu .dropdown_1column {width: 135px;padding:15px 14px 15px 15px;}
.megamenu .dropdown_2columns {width: 290px;padding:15px 11px 15px 15px;}
.megamenu .dropdown_3columns {width: 445px;padding:15px 8px 15px 15px;}
.megamenu .dropdown_4columns {width: 600px;padding:15px 5px 15px 15px;}
.megamenu .dropdown_5columns {width: 755px;padding:15px 2px 15px 15px;}
.megamenu .dropdown_fullwidth {
	width: 945px;
	padding:15px 0 15px 15px;
	top:42px;
	left:10px;
    -webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
    border-radius:0 0 5px 5px;
}
.megamenu_wrapper_full .megamenu .dropdown_fullwidth {
	left:50%;
	margin-left:-481px;
}
.megamenu_wrapper .dropdown_right,
.megamenu_wrapper_full .dropdown_right {
	left:auto;
	right:-1px;
}
.megamenu_wrapper .megamenu li.menuitem_right .dropdown_fullwidth {
	left:auto;
	right:8px;
}
.megamenu_wrapper_full .megamenu li.menuitem_right > .dropdown_fullwidth {
	top:41px;
}

/* Showing Drop Down on Mouse Hover 

.megamenu li:hover > div {
	display: block;
}
*/
/* Columns Sizes */

.megamenu .col_one_sixth,
.megamenu .col_one_fifth,
.megamenu .col_one_quarter,
.megamenu .col_one_third,
.megamenu .col_two_fifths,
.megamenu .col_half,
.megamenu .col_three_fifths,
.megamenu .col_two_thirds,
.megamenu .col_three_quarters,
.megamenu .col_four_fifths,
.megamenu .col_five_sixths,
.megamenu .col_full {
	float: left;
	margin-left: 2%;
}
.megamenu .col_one_sixth {width:14.66667%;}
.megamenu .col_one_fifth {width:18%;}
.megamenu .col_one_quarter {width:23%;}
.megamenu .col_one_third {width:31.33333%;}
.megamenu .col_two_fifths {width:38%;}
.megamenu .col_half {width:48%;}
.megamenu .col_three_fifths {width:58%;}
.megamenu .col_two_thirds {width:64.66667%;}
.megamenu .col_three_quarters {width:73%;}
.megamenu .col_four_fifths {width:78%;}
.megamenu .col_five_sixths {width:81.33333%;}
.megamenu .col_full {width:98%;}

/* IMPORTANT */

/* Use the firstcolumn class for the first element of a new row of content */
.megamenu .firstcolumn {
	margin-left: 0;
	clear: left;
}




/*  _______________________________________

	03 CONTENT STYLING
    _______________________________________  */




.megamenu p,
.megamenu ul,
.megamenu li,
.megamenu h2,
.megamenu h3 {
	font-size:14px; 
	font-family: "adelle-sans",sans-serif;
	line-height:21px;
	text-align:left;
}
.megamenu p {
	margin:0;
	margin-bottom:18px;
}
.megamenu .strong {
	font-weight:bold;
}
.megamenu .italic {
	font-style:italic;
}
.megamenu h2, 
.megamenu h3 {
	margin-top:7px;
}
.megamenu h2 {
	font-weight:400;
	font-size:21px;
	margin-bottom:18px;
	padding-bottom:11px;
}
.megamenu h3 {
	font-weight:600;
	font-size:14px;
	margin-bottom:14px;
	padding-bottom:7px;
}
.megamenu li a {
	text-decoration:none;
}
.megamenu .pusher { /* Use this pucher if you want to give more vertical spacing between your rows of content */
	margin-top:18px;
}

/* Icon paragraphs */

.megamenu .help,
.megamenu .favorite,
.megamenu .mail,
.megamenu .print {
	padding-left:36px;
	margin-bottom:18px;
}
.megamenu .help {background:url("../img/help.png") no-repeat 0 2px;}
.megamenu .favorite {background:url("../img/favorite.png") no-repeat 0 2px;}
.megamenu .mail {background:url("../img/mail.png") no-repeat 0 2px;}
.megamenu .print {background:url("../img/print.png") no-repeat 0 2px;}

/* Images styles */

.megamenu .imgshadow_dark,
.megamenu .imgshadow_light {
	padding:4px;
	margin-top:5px;
}
.megamenu .img_left { /* Image sticks to the left */
	float:left;
	margin:5px 15px 5px 0;
}
.megamenu .img_right { /* Image sticks to the right */
	float:right;
	margin:5px 0 5px 15px;
}

/* Box styles */

.megamenu li .black_box,
.megamenu li .dark_grey_box {
	margin: -8px 0 18px 0;
	color: #eeeeee;
	/*text-shadow: 1px 1px 1px #000;*/
	padding:8px 12px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    border-radius: 5px;
}

/* Standard lists styles */

.megamenu li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
}
.megamenu li ul li {
	font-size:14px;
	line-height:24px;
	position:relative;
	/*text-shadow: 1px 1px 1px #000000;*/
	padding:0;
	margin:0;
	float:left;
	text-align:left;
	width:100%;
}
.megamenu li ul li a {
	padding:0;
}

/* Greybox lists styles */

.megamenu li .greybox li {
	margin:0 0 4px 0;
	padding:4px 6% 4px 6%;
	width:88%;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
    border-radius: 3px;
}

/* Other lists styles */

.megamenu li .plus li {
	margin:0 0 4px 0;
	padding:0 0 0 20px;
	float: left;
}

/* Social Icons */

.megamenu li ul.social {
	list-style:none;
	margin:0;
	padding:0;
}
.megamenu li ul.social li {
	padding-top:5px;
	margin:0 12px 12px 0;
	float:left;
	position:relative;
	display:inline;
	width:32px;
}
.megamenu li ul.social li img {
	border:none;
}
.megamenu li ul.social li:hover {
	padding-top:5px;
	margin:-1px 12px 12px 0;
}
.megamenu li ul.social li span {
	display:none;
}

li.socialTwit {
    background:url("../img/social-icons-hdr.png") no-repeat 0px -4px;
    background-color:transparent;
    height:40px;
    width:50px;
    overflow:hidden;
    border:none;
    margin-left:30px;
}
li.socialTwit a:hover{
    background:url("../img/social-icons-hdr.png") no-repeat 0px -47px;
    height:40px;
}
li.socialFace {
    background:url("../img/social-icons-hdr.png") no-repeat -47px -4px;
    background-color:transparent;
    height:40px;
    width:50px;
    overflow:hidden;
    border:none;
    margin-left:0px;
}
li.socialTwit a,li.socialFace a,li.socialTube a{
    height:40px;
	border:0;
}
li.socialFace a:hover{
    background:url("../img/social-icons-hdr.png") no-repeat -47px -47px;
    height:40px;
}
li.socialTube {
    background:url("../img/social-icons-hdr.png") no-repeat -94px -4px;
    background-color:transparent;
    height:40px;
    width:50px;
    overflow:hidden;
    border:none;
    margin-left:0px;
}
li.socialTube a:hover{
    background:url("../img/social-icons-hdr.png") no-repeat -94px -47px;
    height:40px;
}

li.socialTwit a img,li.socialFace a img,li.socialTube a img {
border: 0;
display: none;
}

/* 2-Levels Drop Down */

.megamenu .dropdown_flyout {
	min-width: 120px;
}
.megamenu .levels, 
.megamenu .levels ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.megamenu .levels a {
	display: block;
	width: 10em;
}
.megamenu .levels li {
	float: left;
}
.megamenu .levels li ul {
	position: absolute;
	top:-23px;
	margin:15px 0 0 4px;
	padding:6px 12px;
	left: -999em;
	z-index: 9999;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    border-radius: 5px;
}
.megamenu .levels li:hover > ul {
	left: 96%;
}




/*  _______________________________________

	05 VERTICAL MEGA MENU
    _______________________________________  */




.megamenu_wrapper_vertical {
	width: 160px;
	position: relative;
}
.megamenu_vertical_left {
	float:left;
}
.megamenu_vertical_right {
	float:right;
}
	.megamenu_wrapper_vertical .megamenu_container {
		height:auto;
		float: left;
		padding: 10px 0 10px 0;
	}
	.megamenu_wrapper_vertical .megamenu {
		margin:0;
		float: left;
		width: 100%;
	}
	.megamenu_wrapper_vertical .megamenu > li {
		margin:0;
		width:160px;
		float: left;
		clear: left;
	}
		.megamenu_wrapper_vertical .megamenu li .menuitem_drop {
			padding-right:30px;
		}
		.megamenu_vertical_right .megamenu li .menuitem_drop,
		.megamenu_vertical_right .megamenu li.menuitem_nodrop a {
			padding-right:0;
			padding-left: 35px;
		}
		.megamenu_wrapper_vertical .megamenu li.menuitem_right {
			float:left;
			margin-right:auto;
		}
		.megamenu_wrapper_vertical .megamenu li.menuitem_right a {
			margin-right:auto;
		}

.megamenu_vertical_left .megamenu .dropdown_1column, 
.megamenu_vertical_left .megamenu .dropdown_2columns, 
.megamenu_vertical_left .megamenu .dropdown_3columns, 
.megamenu_vertical_left .megamenu .dropdown_4columns,
.megamenu_vertical_left .megamenu .dropdown_5columns,
.megamenu_vertical_left .megamenu .dropdown_fullwidth,
.megamenu_vertical_left .megamenu .dropdown_right {
	left:160px;
	top:auto;
	right:auto;
	margin:-41px 0 0 0;
	-webkit-border-radius: 0 5px 5px 5px;
	-moz-border-radius: 0 5px 5px 5px;
	border-radius: 0 5px 5px 5px;
}
.megamenu_vertical_right .megamenu .dropdown_1column, 
.megamenu_vertical_right .megamenu .dropdown_2columns, 
.megamenu_vertical_right .megamenu .dropdown_3columns, 
.megamenu_vertical_right .megamenu .dropdown_4columns,
.megamenu_vertical_right .megamenu .dropdown_5columns,
.megamenu_vertical_right .megamenu .dropdown_fullwidth,
.megamenu_vertical_right .megamenu .dropdown_right {
	left:auto;
	top:auto;
	right:160px;
	margin:-42px 0 0 0;
	-webkit-border-radius: 5px 0 5px 5px;
	-moz-border-radius: 5px 0 5px 5px;
	border-radius: 5px 0 5px 5px;
}
.megamenu_vertical_right .megamenu .levels a {
	padding-left: 17px;
}
.megamenu_vertical_right .megamenu .levels li:hover > ul {
	left:auto;
	right: 100%;
}



/*  _______________________________________

	07 DARK THEME
    _______________________________________  */




.megamenu_dark_theme .megamenu_container > ul > li:hover,
.megamenu_dark_theme .megamenu_container .megamenu > li.active,
.megamenu_dark_theme .megamenu_container > ul > li.menuitem_nodrop:hover {
	background-color:transparent;
}
.megamenu_dark_theme .megamenu_container > ul > li > a {
	color:#eee;
	/*text-shadow: 1px 1px 1px #000000;*/
}
.megamenu_dark_theme ul p,
.megamenu_dark_theme ul ul,
.megamenu_dark_theme ul li,
.megamenu_dark_theme ul h2,
.megamenu_dark_theme ul h3,
.megamenu_dark_theme .megamenu_container > ul > li:hover > a {
	color:#ffffff;
}
.megamenu_dark_theme ul li .menuitem_drop,
.megamenu_dark_theme .megamenu li.noactive .menuitem_drop {
	background-image:url("../img/arrow_down2.png");
	background-repeat:no-repeat;
	background-position: right 17px;
}
.megamenu_vertical_left .megamenu_dark_theme ul li .menuitem_drop,
.megamenu_vertical_left .megamenu_dark_theme .megamenu li.noactive .menuitem_drop {
	background-image:url("../img/arrow_right2.png");
	background-position: 90% 15px;
}
.megamenu_vertical_right .megamenu_dark_theme ul li .menuitem_drop,
.megamenu_vertical_right .megamenu_dark_theme .megamenu li.noactive .menuitem_drop {
	background-image:url("../img/arrow_left2.png");
	background-position: 10% 15px;
}
.megamenu_dark_theme .megamenu > li > div,
.megamenu_dark_theme ul .levels li ul {
	background:#161616;
	border:1px solid #000000;
	border-top: none;
}
.megamenu_wrapper_vertical .megamenu_dark_theme .megamenu > li > div,
.megamenu_dark_theme ul .levels li ul {
	border:1px solid #000000;
}
.megamenu_dark_theme ul h2, 
.megamenu_dark_theme ul h3 {
	border-bottom:1px solid #333333;
}
.megamenu_dark_theme ul .imgshadow_dark,
.megamenu_dark_theme ul .imgshadow_light {
	background:#FFFFFF;
	border:1px solid #333333;
	-webkit-box-shadow:0 0 5px #000000;
	-moz-box-shadow:0 0 5px #000000;
	box-shadow:0 0 5px #000000;
}
.megamenu_dark_theme ul .imgshadow_light {
	border:1px solid #777777;
}
.megamenu_dark_theme ul li .black_box,
.megamenu_dark_theme ul li .dark_grey_box {
	background-color:#0A0A0A;
	-webkit-box-shadow:inset 0 0 3px #000000;
	-moz-box-shadow:inset 0 0 3px #000000;
	box-shadow:inset 0 0 3px #000000;
}
.megamenu_dark_theme ul li .greybox li {
	background:#0A0A0A;
	border:1px solid #000000;
}
.megamenu_dark_theme ul li .greybox li:hover {
	background:#141414;
	border:1px solid #111111;
}
.megamenu_dark_theme ul li .plus li {
	background: url("../img/plus_dark.png") left 6px no-repeat;
}
.megamenu_dark_theme ul .levels a.parent, 
.megamenu_dark_theme ul .levels a.parent:hover {
	background: url("../img/arrow_right2.png") right center no-repeat;
}
.megamenu_vertical_right .megamenu_dark_theme ul .levels a.parent, 
.megamenu_vertical_right .megamenu_dark_theme ul .levels a.parent:hover {
	background: url("../img/arrow_left2.png") left center no-repeat;
}
.megamenu_dark_theme ul .contact_form input:focus, 
.megamenu_dark_theme ul .contact_form textarea:focus, 
.megamenu_dark_theme ul .contact_form select:focus {
	box-shadow: rgba(0,0,0, 0.7) 0 0 8px;
	-moz-box-shadow: rgba(0,0,0, 0.7) 0 0 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.7) 0 0 8px;  
	border:1px solid #333333;
}
.megamenu_dark_theme ul .contact_form input:hover, 
.megamenu_dark_theme ul .contact_form textarea:hover, 
.megamenu_dark_theme ul .contact_form select:hover {
	-webkit-box-shadow: rgba(0,0,0, 0.3) 0 0 8px;
	-moz-box-shadow: rgba(0,0,0, 0.3) 0 0 8px;
	box-shadow: rgba(0,0,0, 0.3) 0 0 8px;
}
.megamenu_dark_theme ul .contact_form input, 
.megamenu_dark_theme ul .contact_form textarea, 
.megamenu_dark_theme ul .contact_form select {
	color: #FFFFFF; 
	background-color:#222222;
	border:1px solid #0A0A0A;
}
.megamenu_dark_theme ul .contact_form input.button {
	background-color:#1E1E1E;
	border:1px solid #0A0A0A;
	color:#cccccc;	
}
.megamenu_dark_theme ul .contact_form input.button:hover {
	color:#eeeeee;	
	background-color:#222222;
	border:1px solid #000000;
}




/*  _______________________________________

	08 COLORS
    _______________________________________  */




/* Black */

.megamenu_black {
	background: #333;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#555), to(#2a2a2a));
	background: -webkit-linear-gradient(top, #555, #2a2a2a);
	background: -moz-linear-gradient(top, #555, #2a2a2a);
	background: -o-linear-gradient(top, #555, #2a2a2a);
	background: -ms-linear-gradient(top, #555, #2a2a2a);
	background: linear-gradient(top, #555, #2a2a2a);
	border: 1px solid #222;
	border-top: 1px solid #777;
}
.megamenu_dark_theme .megamenu_black li div a {color:#CCC;}
.megamenu_dark_theme .megamenu_black li div a:hover {color:#EEE;}
.megamenu_dark_theme .megamenu_black li ul li a:hover {color:#EEE;}
.megamenu_light_theme .megamenu_black li div a {color:#444;}
.megamenu_light_theme .megamenu_black li div a:hover {color:#777;}
.megamenu_light_theme .megamenu_black li ul li a:hover {color:#777;}

/* Blue */

.megamenu_blue {
	background: #014464;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#0272a7), to(#013953));
	background: -webkit-linear-gradient(top, #0272a7, #013953);
	background: -moz-linear-gradient(top, #0272a7, #013953);
	background: -o-linear-gradient(top, #0272a7, #013953);
	background: -ms-linear-gradient(top, #0272a7, #013953);
	background: linear-gradient(top, #0272a7, #013953);
	border: 1px solid #015b86;
	border-top: 1px solid #029feb;
}
.megamenu_dark_theme .megamenu_blue li div a {color:#0294da;}
.megamenu_dark_theme .megamenu_blue li div a:hover {color:#33bcfd;}
.megamenu_dark_theme .megamenu_blue li ul li a:hover {color:#33bcfd;}
.megamenu_light_theme .megamenu_blue li div a {color:#015b86;}
.megamenu_light_theme .megamenu_blue li div a:hover {color:#029feb;}
.megamenu_light_theme .megamenu_blue li ul li a:hover {color:#029feb;}

/* Brown */

.megamenu_brown {
	
}
.megamenu_dark_theme .megamenu_brown li div a {color:#dbd9d5;}
.megamenu_dark_theme .megamenu_brown li div a:hover {color:#fff;}
.megamenu_dark_theme .megamenu_brown li ul li a:hover {color:#fff;}
.megamenu_light_theme .megamenu_brown li div a {color:#dbd9d5;}
.megamenu_light_theme .megamenu_brown li div a:hover {color:#fff;}
.megamenu_light_theme .megamenu_brown li ul li a:hover {color:#fff;}
.megamenu li.navSelected a, .megamenu li#navSelected a{color:#f7a218 !important;}
.megamenu li.navSelected ul li a, .megamenu li#navSelected ul li a{color:#dbd9d5 !important;}
.megamenu li.navSelected ul li a:hover, .megamenu li#navSelected ul li a:hover{color:#fff !important;}

/* Green */

.megamenu_green {
	background: #3e5718;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#658c26), to(#354914));
	background: -webkit-linear-gradient(top, #658c26, #354914);
	background: -moz-linear-gradient(top, #658c26, #354914);
	background: -o-linear-gradient(top, #658c26, #354914);
	background: -ms-linear-gradient(top, #658c26, #354914);
	background: linear-gradient(top, #658c26, #354914);
	border: 1px solid #52711f;
	border-top: 1px solid #8bc135;
}
.megamenu_dark_theme .megamenu_green li div a {color:#6f992a;}
.megamenu_dark_theme .megamenu_green li div a:hover {color:#a3d158;}
.megamenu_dark_theme .megamenu_green li ul li a:hover {color:#a3d158;}
.megamenu_light_theme .megamenu_green li div a {color:#52711f;}
.megamenu_light_theme .megamenu_green li div a:hover {color:#8bc135;}
.megamenu_light_theme .megamenu_green li ul li a:hover {color:#8bc135;}

/* Light Blue */

.megamenu_lightblue {
	background: #52786b;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#709e8e), to(#52786b));
	background: -webkit-linear-gradient(top, #709e8e, #52786b);
	background: -moz-linear-gradient(top, #709e8e, #52786b);
	background: -o-linear-gradient(top, #709e8e, #52786b);
	background: -ms-linear-gradient(top, #709e8e, #52786b);
	background: linear-gradient(top, #709e8e, #52786b);
	border: 1px solid #608c7d;
	border-top: 1px solid #99b9ae;
}
.megamenu_dark_theme .megamenu_lightblue li div a {color:#608c7d;}
.megamenu_dark_theme .megamenu_lightblue li div a:hover {color:#99b9ae;}
.megamenu_dark_theme .megamenu_lightblue li ul li a:hover {color:#99b9ae;}
.megamenu_light_theme .megamenu_lightblue li div a {color:#608c7d;}
.megamenu_light_theme .megamenu_lightblue li div a:hover {color:#99b9ae;}
.megamenu_light_theme .megamenu_lightblue li ul li a:hover {color:#99b9ae;}

/* Orange */

.megamenu_orange {
	background: #d24900;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ff6717), to(#c14300));
	background: -webkit-linear-gradient(top, #ff6717, #c14300);
	background: -moz-linear-gradient(top, #ff6717, #c14300);
	background: -o-linear-gradient(top, #ff6717, #c14300);
	background: -ms-linear-gradient(top, #ff6717, #c14300);
	background: linear-gradient(top, #ff6717, #c14300);
	border: 1px solid #f45500;
	border-top: 1px solid #ff945b;
}
.megamenu_dark_theme .megamenu_orange li div a {color:#f45500;}
.megamenu_dark_theme .megamenu_orange li div a:hover {color:#ff945b;}
.megamenu_dark_theme .megamenu_orange li ul li a:hover {color:#ff945b;}
.megamenu_light_theme .megamenu_orange li div a {color:#f45500;}
.megamenu_light_theme .megamenu_orange li div a:hover {color:#ff945b;}
.megamenu_light_theme .megamenu_orange li ul li a:hover {color:#ff945b;}

/* Pink */

.megamenu_pink {
	background: #910045;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d50066), to(#80003d));
	background: -webkit-linear-gradient(top, #d50066, #80003d);
	background: -moz-linear-gradient(top, #d50066, #80003d);
	background: -o-linear-gradient(top, #d50066, #80003d);
	background: -ms-linear-gradient(top, #d50066, #80003d);
	background: linear-gradient(top, #d50066, #80003d);
	border: 1px solid #b30055;
	border-top: 1px solid #ff1a87;
}
.megamenu_dark_theme .megamenu_pink li div a {color:#e6006d;}
.megamenu_dark_theme .megamenu_pink li div a:hover {color:#ff4da1;}
.megamenu_dark_theme .megamenu_pink li ul li a:hover {color:#ff4da1;}
.megamenu_light_theme .megamenu_pink li div a {color:#b30055;}
.megamenu_light_theme .megamenu_pink li div a:hover {color:#ff1a87;}
.megamenu_light_theme .megamenu_pink li ul li a:hover {color:#ff1a87;}

/* Purple */

.megamenu_purple {
	background: #6a5f71;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#8c8094), to(#615867));
	background: -webkit-linear-gradient(top, #8c8094, #615867);
	background: -moz-linear-gradient(top, #8c8094, #615867);
	background: -o-linear-gradient(top, #8c8094, #615867);
	background: -ms-linear-gradient(top, #8c8094, #615867);
	background: linear-gradient(top, #8c8094, #615867);
	border: 1px solid #7b6f83;
	border-top: 1px solid #ada5b3;
}
.megamenu_dark_theme .megamenu_purple li div a {color:#7b6f83;}
.megamenu_dark_theme .megamenu_purple li div a:hover {color:#ada5b3;}
.megamenu_dark_theme .megamenu_purple li ul li a:hover {color:#ada5b3;}
.megamenu_light_theme .megamenu_purple li div a {color:#7b6f83;}
.megamenu_light_theme .megamenu_purple li div a:hover {color:#ada5b3;}
.megamenu_light_theme .megamenu_purple li ul li a:hover {color:#ada5b3;}

/* Red */

.megamenu_red {
	background: #830701;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d70b02), to(#830701));
	background: -webkit-linear-gradient(top, #d70b02, #830701);
	background: -moz-linear-gradient(top, #d70b02, #830701);
	background: -o-linear-gradient(top, #d70b02, #830701);
	background: -ms-linear-gradient(top, #d70b02, #830701);
	background: linear-gradient(top, #d70b02, #830701);
	border: 1px solid #a40802;
	border-top: 1px solid #fd190f;
}
.megamenu_dark_theme .megamenu_red li div a {color:#d60a03;}
.megamenu_dark_theme .megamenu_red li div a:hover {color:#fd5953;}
.megamenu_dark_theme .megamenu_red li ul li a:hover {color:#fd5953;}
.megamenu_light_theme .megamenu_red li div a {color:#a40802;}
.megamenu_light_theme .megamenu_red li div a:hover {color:#fd190f;}
.megamenu_light_theme .megamenu_red li ul li a:hover {color:#fd190f;}

/* No left & right borders if full width menu bar */

.megamenu_wrapper_full .megamenu_container {
	border-left:none;
	border-right:none;
}




/*  _______________________________________

	09 MOBILE DEVICES
    _______________________________________  */




.megamenu_dark_theme .megamenu_container .megamenu > li.noactive,
.megamenu_light_theme .megamenu_container .megamenu > li.noactive {
	background-color:transparent;
	border:none;
}


/*
@media only screen and (max-width: 1023px) {

	
	/* Menu Containers */ /*
	
	.megamenu_wrapper {
		width:95%;
	}
	.megamenu_wrapper_full {
		width:100%;
	}
	.megamenu_wrapper .megamenu_container,
	.megamenu_wrapper_full .megamenu_container {
		width:100%;
		padding: 0;
		margin:0 auto;
		height:auto;
		float:left;
	}
	.megamenu_wrapper .megamenu_container .megamenu,
	.megamenu_wrapper_full .megamenu_container .megamenu {
		width:98%;
		margin:0;
		padding: 0 1% 0 1%;
	}

	/* Menu Items */ /*
	
	.megamenu_wrapper .megamenu > li,
	.megamenu_wrapper_full .megamenu > li {
		height:40px;
		position:static;
		float:left;
		right:auto;
	}
	.megamenu_wrapper .megamenu > li.menuitem_right,
	.megamenu_wrapper_full .megamenu > li.menuitem_right {
		float:right;
	}

	/* Menu Drop Downs */ /*
	
	.megamenu_wrapper .megamenu .dropdown_1column, 
	.megamenu_wrapper .megamenu .dropdown_2columns, 
	.megamenu_wrapper .megamenu .dropdown_3columns, 
	.megamenu_wrapper .megamenu .dropdown_4columns,
	.megamenu_wrapper .megamenu .dropdown_5columns,
	.megamenu_wrapper .megamenu .dropdown_fullwidth,
	.megamenu_wrapper .megamenu .dropdown_right,
	.megamenu_wrapper_full .megamenu .dropdown_1column, 
	.megamenu_wrapper_full .megamenu .dropdown_2columns, 
	.megamenu_wrapper_full .megamenu .dropdown_3columns, 
	.megamenu_wrapper_full .megamenu .dropdown_4columns,
	.megamenu_wrapper_full .megamenu .dropdown_5columns,
	.megamenu_wrapper_full .megamenu .dropdown_fullwidth,
	.megamenu_wrapper_full .megamenu .dropdown_right {
		top:auto;
		right:auto;
		left:auto;
		float:left;
		border-top: none;
		padding:2%;
		margin:-1px 0 0 -1px;
		-webkit-border-radius: 0 0 5px 5px;
		-moz-border-radius: 0 0 5px 5px;
		border-radius: 0 0 5px 5px;
	}
	.megamenu .dropdown_1column  {
		width: 12.6666%;
	}
	.megamenu .dropdown_2columns  {
		width: 29.3333%;
	}
	.megamenu .dropdown_3columns  {
		width: 44%;
	}
	.megamenu .dropdown_4columns  {
		width: 60.6666%;
	}
	.megamenu .dropdown_5columns  {
		width: 79.3333%;
	}
	.megamenu .dropdown_fullwidth  {
		width: 94%;
	}
	.megamenu_wrapper .megamenu .dropdown_right,
	.megamenu_wrapper_full .megamenu .dropdown_right {
		left:auto;
		right:1%;
	}
	.megamenu_wrapper_vertical .megamenu .dropdown_right {
		left:auto;
		right:auto;
	}
	.megamenu_wrapper .megamenu .dropdown_fullwidth,
	.megamenu_wrapper .megamenu li.menuitem_right .dropdown_fullwidth,
	.megamenu_wrapper_full .megamenu .dropdown_fullwidth,
	.megamenu_wrapper_full .megamenu li.menuitem_right .dropdown_fullwidth {
		top:41px;
		right:auto;
		left:1%;
		margin: 0;
	}
	
	/* Menu Contact Form */ /*
	
	.megamenu .contact_form label {
		width:92%;
	}
	.megamenu .contact_form input, 
	.megamenu .contact_form textarea {
		width:92%;
	}   
	.megamenu .contact_form .form_buttons {
		margin:4px 0 0 0;
	}
	
	/* Vertical Menu */ /*
	
	.megamenu_wrapper_vertical {
		width: 100%;
		position: relative;
	}
	.megamenu_vertical_left,
	.megamenu_vertical_right {
		float:none;
	}
	.megamenu_wrapper_vertical .megamenu > li {
		margin:0;
		width:auto;
		float: left;
		clear: none;
	}
		.megamenu_vertical_right .megamenu li.menuitem_nodrop a {
			padding-right:10px;
			padding-left: 15px;
		}
		.megamenu_wrapper_vertical .megamenu li.menuitem_right {
			float:left;
			margin-right:auto;
		}
		.megamenu_wrapper_vertical .megamenu li.menuitem_right a {
			margin-right:auto;
		}
		.megamenu_vertical_right .megamenu .levels a {
			padding-left: 0;
		}
/*		.megamenu_vertical_right .megamenu .levels li:hover > ul {
			left:96%;
			right: auto;
		}
*/ /*		.megamenu_vertical_left .megamenu_light_theme ul li .menuitem_drop,
		.megamenu_vertical_left .megamenu_light_theme .megamenu li.noactive .menuitem_drop,
		.megamenu_vertical_right .megamenu_light_theme ul li .menuitem_drop,
		.megamenu_vertical_right .megamenu_light_theme .megamenu li.noactive .menuitem_drop,
		.megamenu_vertical_left .megamenu_dark_theme ul li .menuitem_drop,
		.megamenu_vertical_left .megamenu_dark_theme .megamenu li.noactive .menuitem_drop,
		.megamenu_vertical_right .megamenu_dark_theme ul li .menuitem_drop,
		.megamenu_vertical_right .megamenu_dark_theme .megamenu li.noactive .menuitem_drop		 {
			padding-right:30px;
			padding-left: 15px;
			background-position: right 17px;
		}

		.megamenu_vertical_left .megamenu_light_theme ul li .menuitem_drop,
		.megamenu_vertical_left .megamenu_light_theme .megamenu li.noactive .menuitem_drop,
		.megamenu_vertical_right .megamenu_light_theme ul li .menuitem_drop,
		.megamenu_vertical_right .megamenu_light_theme .megamenu li.noactive .menuitem_drop {
			background-image:url("../img/arrow_down1.png");
		}
		.megamenu_vertical_left .megamenu_dark_theme ul li .menuitem_drop,
		.megamenu_vertical_left .megamenu_dark_theme .megamenu li.noactive .menuitem_drop,
		.megamenu_vertical_right .megamenu_dark_theme ul li .menuitem_drop,
		.megamenu_vertical_right .megamenu_dark_theme .megamenu li.noactive .menuitem_drop {
			background-image:url("../img/arrow_down2.png");
		}
		.megamenu_wrapper_vertical .megamenu_light_theme .megamenu > li > div,
		.megamenu_wrapper_vertical .megamenu_dark_theme .megamenu > li > div {
			border-top:none;
		}
		.megamenu_vertical_right .megamenu_light_theme ul .levels a.parent, 
		.megamenu_vertical_right .megamenu_light_theme ul .levels a.parent:hover {
			background: url("../img/arrow_right1.png") right center no-repeat;
		}
		.megamenu_vertical_right .megamenu_dark_theme ul .levels a.parent, 
		.megamenu_vertical_right .megamenu_dark_theme ul .levels a.parent:hover {
			background: url("../img/arrow_right2.png") right center no-repeat;
		}


}

*/
@media only screen and (max-width:480px) {


	.megamenu_wrapper,
	.megamenu_wrapper_full {
	width:500px;
	margin: 0 auto;
	float: none;
	text-transform:uppercase;
	}
	.megamenu_vertical_left,
	.megamenu_vertical_right {
		float:none;
	}
	.megamenu_wrapper .megamenu_container,
	.megamenu_wrapper_full .megamenu_container {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.megamenu_wrapper .megamenu_container .megamenu,
	.megamenu_wrapper_full .megamenu_container .megamenu {
		width:100%;
		margin:0;
		padding: 0;
	}
	.megamenu_container .megamenu > li,
	.megamenu_container .megamenu > li:hover,
	.megamenu_container .megamenu > li.menuitem_right,
	.megamenu_container .megamenu > li.menuitem_right:hover {
		float:left;
		width:100%;
		display: block;
		padding-right:0;
		margin-right:0;
		text-align:left;
		font-size:16px;
		background: url("../img/arrow_right2.png") right center no-repeat;
        border-bottom:solid #222 1px;
        border-right:0;
	}
	.megamenu_wrapper_full .megamenu_container .megamenu > li,
	.megamenu_wrapper_full .megamenu_container .megamenu > li:hover,
	.megamenu_wrapper_full .megamenu_container .megamenu > li.menuitem_right,
	.megamenu_wrapper_full .megamenu_container .megamenu > li.menuitem_right:hover {
		width:418px;
		margin:0 1px 0 1px;
	}
	.megamenu_wrapper .megamenu li.menuitem_right .dropdown_fullwidth,
	.megamenu_wrapper_full .megamenu li.menuitem_right > .dropdown_fullwidth {
		top:auto;
		right: auto;
		left: 0;
	}
	.megamenu_container .megamenu .dropdown_1column, 
	.megamenu_container .megamenu .dropdown_2columns, 
	.megamenu_container .megamenu .dropdown_3columns, 
	.megamenu_container .megamenu .dropdown_4columns,
	.megamenu_container .megamenu .dropdown_5columns,
	.megamenu_container .megamenu .dropdown_fullwidth,
	.megamenu_container .megamenu .dropdown_right  {
		left:0;
		top:auto;
		margin: -1px 0 0 0;
		width: 390px;
		padding:0 15px 0 15px;
		z-index:99999;
	}
	.megamenu_wrapper_full .megamenu .dropdown_1column, 
	.megamenu_wrapper_full .megamenu .dropdown_2columns, 
	.megamenu_wrapper_full .megamenu .dropdown_3columns, 
	.megamenu_wrapper_full .megamenu .dropdown_4columns,
	.megamenu_wrapper_full .megamenu .dropdown_5columns,
	.megamenu_wrapper_full .megamenu .dropdown_fullwidth,
	.megamenu_wrapper_full .megamenu .dropdown_right  {
		padding:0 13px 0 15px;
	}
 
	/* Menu Drop Downs Columns */ 
	
	.megamenu .col_one_sixth,
	.megamenu .col_one_fifth,
	.megamenu .col_one_quarter,
	.megamenu .col_one_third,
	.megamenu .col_two_fifths,
	.megamenu .col_half,
	.megamenu .col_three_fifths,
	.megamenu .col_two_thirds,
	.megamenu .col_three_quarters,
	.megamenu .col_four_fifths,
	.megamenu .col_five_sixths,
	.megamenu .col_full {
		margin-left: 0;
		margin-right: 0;
		width: 96%;
		float: left;
		display: block;
	}
	.megamenu > .col_one_sixth,
	.megamenu > .col_one_fifth,
	.megamenu > .col_one_quarter,
	.megamenu > .col_one_third,
	.megamenu > .col_two_fifths,
	.megamenu > .col_half,
	.megamenu > .col_three_fifths,
	.megamenu > .col_two_thirds,
	.megamenu > .col_three_quarters,
	.megamenu > .col_four_fifths,
	.megamenu > .col_five_sixths,
	.megamenu > .col_full {
		margin-left: 2%;
		margin-right: 2%;
	}

	/* Regular Drop Down (turned into a list) */ 

	.megamenu_wrapper .megamenu .levels li ul,
	.megamenu_wrapper_full .megamenu .levels li ul {
		position: relative;
		top:auto;
		margin:0;
		padding:0;
	    -webkit-border-radius: 0;
		-moz-border-radius: 0;
	    border-radius: 0;
		left: auto;
		border:none;
		background:none;
	}
	.megamenu_wrapper .megamenu .levels li,
	.megamenu_wrapper_full .megamenu .levels li {
		float: left;
		width:100%;
	}
	.megamenu_wrapper .megamenu .levels li:hover > ul,
	.megamenu_wrapper_full .megamenu .levels li:hover > ul {
		left: auto;
	}
	.megamenu_dark_theme ul .levels a.parent, 
	.megamenu_dark_theme ul .levels a.parent:hover,
	.megamenu_dark_theme ul .levels li ul,
	.megamenu_light_theme ul .levels a.parent, 
	.megamenu_light_theme ul .levels a.parent:hover,
	.megamenu_light_theme ul .levels li ul,
	.megamenu_wrapper .megamenu_dark_theme ul .levels a.parent, 
	.megamenu_wrapper .megamenu_dark_theme ul .levels a.parent:hover,
	.megamenu_wrapper .megamenu_dark_theme ul .levels li ul,
	.megamenu_wrapper .megamenu_light_theme ul .levels a.parent, 
	.megamenu_wrapper .megamenu_light_theme ul .levels a.parent:hover,
	.megamenu_wrapper .megamenu_light_theme ul .levels li ul {
		background: none;
		border:none;
	}

	.megamenu_wrapper,
	.megamenu_wrapper_full {
		width:300px;
	}
	.megamenu_wrapper_full .megamenu_container .megamenu > li,
	.megamenu_wrapper_full .megamenu_container .megamenu > li:hover,
	.megamenu_wrapper_full .megamenu_container .megamenu > li.menuitem_right,
	.megamenu_wrapper_full .megamenu_container .megamenu > li.menuitem_right:hover {
		width:298px;
	}
	.megamenu_container .megamenu .dropdown_1column, 
	.megamenu_container .megamenu .dropdown_2columns, 
	.megamenu_container .megamenu .dropdown_3columns, 
	.megamenu_container .megamenu .dropdown_4columns,
	.megamenu_container .megamenu .dropdown_5columns,
	.megamenu_container .megamenu .dropdown_fullwidth,
	.megamenu_container .megamenu .dropdown_right  {
		width: 270px;
	}
	
	ul.megamenu ul.levels li a{
    width:450px;
    display:block;
    }

li.socialMenu{
    margin-left:0px !important;
}

li.socialTwit{
    border:none !important;
    background:url("../img/social-icons-hdr.png") no-repeat 0px -47px !important;
    width:50px !important;
height:40px;
    top:-78px;
left:150px !important;
    position:absolute !important;
z-index:99999;
}
li.socialFace{
    border:none !important;
    background:url("../img/social-icons-hdr.png") no-repeat -47px -47px !important;
width:50px !important;
top:-78px;
left:220px !important;
position:absolute !important;
z-index:99999;
}
li.socialTube{
    border:none !important;
    background:url("../img/social-icons-hdr.png") no-repeat -94px -47px !important;
width:50px !important;
top:-78px;
left:261px !important;
position:absolute !important;
z-index:99999;
}
li.socialTwit a img,li.socialFace a img,li.socialTube a img {
display: inline !important;
}

}

/* CUSTOM STYLES */

/* social menu */
ul.socialLinks li{
	font-family: "adelle-sans",sans-serif !important;
    margin:0px 0px 10px 5px !important;
}
ul.socialLinks li img{
    margin-right:8px !important;
}
li.socialMenu{
    background: url(../img/social-nav-back.png) no-repeat;
    background-position:0px 5px;
    width:200px;
    margin-left:30px;
}
li.socialMenu .dropdown_1column{
    margin-top:-7px;
    width:100px;
    overflow:hidden;
}

/* currently selected */
ul.megamenu li.menuTop.selected a{
    color:#faa519;
}

ul.megamenu li.menuTop.selected ul li a{
    color:#fff;
}

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */

/* FancyNews */

/* Reset */
.fn-container div, .fn-container h3, .fn-container h4, .fn-container ul, .fn-container li, .fn-container span, .fn-container a, .fn-container img {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	list-style: none;
	list-style-type: none;
	max-width: 100%;
	outline: none;
        background-color:transparent !important;
}

.fn-container {
	color: #ffffff; /* Set here the color of all text elements */
	font-size: 11px; /* Set here the text size of all text elements */
	font-family: Helvetica, sans-serif; /* Set here the font of all text elements */
	line-height: 18px;
	max-width: 100%;
    height:26px !important;
    overflow:hidden;
	width:820px !important;
}

.fn-news-list {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* the box of the preview */
.fn-news-list .fn-preview {
	width: 100%;
	display: none;
	cursor: pointer;
	overflow: hidden;
}

/* the thumbnail in the previews */
.fn-preview	> img	{
	margin: 10px; /* Set here the margin for every thumbnail */
	border: 0; /* Set here the border color and thickness for every thumbnail */
	float: left;
	max-width: 120px;
}

/* the text box in the previews */
.fn-preview	> div	{
	display: block;
	margin: 10px 0px 0px 110px; /* Set here the padding for the preview text */
}

.fn-preview	> div > p {
	line-height: 17px;
        border:0 !important;
}

/* the title in the previews */
.fn-preview	> div > h3	{
	margin: 0 0 6px; /* Set here the offset between title and date */
	font-size: 14px; /* Set here the size of the title */
	line-height: 14px;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	color: #97B250; /* Set here the color of the title */
}

/* the date in the previews */
.fn-preview	> div > h4	{
	margin-bottom: 3px;  /* Set here the offset between date and text */
	font-size: 10px; /* Set here the size of the date */
	line-height: 10px;
	color: #fff; /* Set here the color of the date */
}

/* the full post */
.fn-full-post	{
	width: 100%;
	display: none;
	position: absolute;
	background:transparent; /* Set here the color of the news view background */
	z-index: 10;
	top: 0;
	left: 0;
}

/* title in the full post */
.fn-full-post > h3	{
	margin: 10px 15px 5px 20px;
	font-size: 14px; /* Set here the size of the title */
	font-family: 'Open Sans';
	font-weight: bold;
	color: #97B250; /* Set here the color of the title */
}

/* the text container in the full post */
.fn-full-post > div	{
	width: 95%;
	margin-left: 15px;
	overflow: auto;
	outline: none;
}

.fn-full-post * {
	max-width: 100%;
}

.fn-full-post a	{
	color: #97B250; /* Set here the color of every link in the full post */
}

/* navigation bar with rounded corners */
.fn-navigation	{
	position: relative;
	max-width: 90px;
	height: 30px; /* Set here the height of the footer bar */
	line-height: 30px; /* Set the line-height to the height, you set above */
	color: #97B250; /* Set here the color of the text in the footer bar */
	font-size: 14px; /* Set here the size of the text in the footer bar */
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px; 
    background-color:transparent !important;
    left:740px;
    top:-33px;
	z-index:999999;
}

.fn-navigation a:focus {
	outline: none;
}

.fn-navigation .fn-post-count {
	margin-left: 10px;
	float: left;
        display:none;
}

.fn-close-button {
	display: none;
	background: url('../img/fancyNews/close.png') no-repeat; /* Set here the path to the close.png */
	    width: 15px; /* Width for the close button */
	    height: 15px; /* Height for the close button */
	margin: 7px 15px 0 0;
	    float: right;
}

.fn-previous-button, .fn-next-button	{
	float: right;
	width: 15px; /* Width for the previous/next buttons */
	height: 10px; /* Height for the previous/next buttons */
	margin: 11px 10px 0 0;
}

.fn-previous-button	{
	background: url('../img/fancyNews/previous.png') no-repeat; /* Set here the path to the previous.png */
}

.fn-next-button	{
	background: url('../img/fancyNews/next.png') no-repeat; /* Set here the path to the next.png */
}

.fn-preloader	{
	position: absolute;
	background: url('../img/fancyNews/preloader.gif') no-repeat; /* Set here the path to the preloader.gif */
	width: 31px; /* Same width as the preloader.gif width */
	height: 31px; /* Same height as the preloader.gif height */
	z-index: 11;
}

/* Vertical Scrolling */

.fn-vertical .fn-news-list .fn-preview {
	position: absolute;
	top: 0;
	height: 100%;
}

.fn-vertical .fn-preview > img {
	float: none;
}

.fn-vertical .fn-previous-button, .fn-vertical .fn-next-button	{
	width: 10px;
	height: 15px;
	margin: 8px 10px 0 0;
}

.fn-vertical .fn-previous-button {
	background: url('../img/fancyNews/previous_vertical.png') no-repeat;
}

.fn-vertical .fn-next-button {
	background: url('../img/fancyNews/next_vertical.png') no-repeat;
}


/* Helper */
.fn-clearfix:before, .fn-clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.fn-clearfix:after { clear: both; }
.fn-clearfix { zoom: 1; }
.fn-clear {clear: both;}
.fn-hidden {display: none;}


/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container{
	width:auto;
	margin-right:20px !important;
	padding-left: 5px !important;
	overflow:hidden;
}
.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
}
.mCS_disabled .mCSB_container.mCS_no_scrollbar,
.mCS_destroyed .mCSB_container.mCS_no_scrollbar{
	margin-right:30px;
}
.mCustomScrollBox .mCSB_scrollTools{
	width:16px;
	height:100%;
	top:0;
	right:0;
}
.mCSB_scrollTools .mCSB_draggerContainer{
	height:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.mCSB_scrollTools .mCSB_buttonUp+.mCSB_draggerContainer{
	padding-bottom:40px;
}
.mCSB_scrollTools .mCSB_draggerRail{
	width:2px;
	height:100%;
	margin:0 auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_scrollTools .mCSB_dragger{
	cursor:pointer;
	width:100%;
	height:30px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:4px;
	height:100%;
	margin:0 auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	text-align:center;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
	height:20px;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{
	bottom:0;
	margin-top:-40px;
}
/* horizontal scrollbar */
.mCSB_horizontal .mCSB_container{
	height:auto;
	margin-right:0;
	margin-bottom:30px;
	overflow:hidden;
}
.mCSB_horizontal .mCSB_container.mCS_no_scrollbar{
	margin-bottom:0;
}
.mCS_disabled .mCSB_horizontal .mCSB_container.mCS_no_scrollbar,
.mCS_destroyed .mCSB_horizontal .mCSB_container.mCS_no_scrollbar{
	margin-right:0;
	margin-bottom:30px;
}
.mCSB_horizontal.mCustomScrollBox .mCSB_scrollTools{
	width:100%;
	height:16px;
	top:auto;
	right:auto;
	bottom:0;
	left:0;
	overflow:hidden;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerContainer{
	height:100%;
	width:auto;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	overflow:hidden;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft+.mCSB_draggerContainer{
	padding-bottom:0;
	padding-right:20px;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:2px;
	margin:7px 0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger{
	width:30px;
	height:100%;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:4px;
	margin:6px auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight{
	width:20px;
	height:100%;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
	float:left;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight{
	right:0;
	bottom:auto;
	margin-left:-40px;
	margin-top:-16px;
	float:right;
}

/* default scrollbar colors and backgrounds */
.mCustomScrollBox .mCSB_scrollTools{
	opacity:0.75;
}
.mCustomScrollBox:hover .mCSB_scrollTools{
	opacity:1;
}
.mCSB_scrollTools .mCSB_draggerRail{
	background:transparent;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background:transparent;
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:transparent;
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:transparent;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
	background:transparent;
}
.mCSB_scrollTools .mCSB_buttonUp{
	background-position:0 0;
	/* 
	sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonDown{
	background-position:0 -20px;
	/* 
	sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:0 -40px;
	/* 
	sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonRight{
	background-position:0 -56px;
	/* 
	sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{
	opacity:0.75;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{
	opacity:0.9;
	filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}

.aboutTriviaPanel div{
    margin-top:-9px;
}

/* scrollpane */
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #71692b;
	position: relative;
}

.jspDrag
{
	background: #faa519;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

/* Fancy Box */
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 214748364720;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 214748364730;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('//cdn.jsdelivr.net/fancybox/2.1.5/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 214748364760;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('//cdn.jsdelivr.net/fancybox/2.1.5/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 214748364740;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('//cdn.jsdelivr.net/fancybox/2.1.5/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 214748364740;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 214748364740;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 214748364710;
	background: url('//cdn.jsdelivr.net/fancybox/2.1.5/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 214748364750;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 214748364750;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('//cdn.jsdelivr.net/fancybox/2.1.5/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('//cdn.jsdelivr.net/fancybox/2.1.5/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}



/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */