/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */

.omega a {
    text-decoration: none;
}

.omega a:hover {
    text-decoration: none;
}

/*
Custom Facebook Feed Pro - PHP Standalone Version 2.5.3
https://smashballoon.com
*/


/**************/


/*** LAYOUT ***/


/**************/


/* Feed wrapper */

.cff-wrapper:after {
    content: "";
    display: table;
    clear: both;
}


/* Feed container */

#cff {
    float: left;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#cff:after {
    content: "";
    display: table;
    clear: both;
}


/* Individual post item */

#cff .cff-item {
    float: left;
    width: 100%;
    clear: both;
    padding: 20px 0 15px 0;
    margin: 0;
}

#cff .cff-item:first-child {
    padding-top: 0;
}

#cff .cff-item.cff-box,
#cff .cff-item.cff-box:first-child {
    padding: 15px;
    margin: 5px 0;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/* Feed Header */

.cff-header {
    width: 100%;
    margin: 0 0 15px 0;
    padding: 0;
    line-height: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.cff-header .fa {
    float: left;
    margin-right: 10px;
}

.cff-header span {
    /*float: left;*/
    display: table-cell;
    vertical-align: middle;
}


/******************/


/*** TYPOGRAPHY ***/


/******************/


/*See more/less links*/

#cff .cff-less {
    display: none;
}


/* Links */

#cff a {
    text-decoration: none;
}

#cff a:hover,
#cff a:focus {
    text-decoration: underline;
}

#cff .cff-html5-video,
#cff .cff-photo,
#cff .cff-album-cover,
#cff .cff-event-thumb,
#cff .cff-iframe-wrap,
#cff .cff-vidLink {
    text-decoration: none;
    border: none;
}


/* Post titles and body text */

#cff h3,
#cff h4,
#cff h5,
#cff h6,
#cff p {
    float: left;
    width: 100%;
    clear: both;
    padding: 0;
    margin: 5px 0;
    line-height: 1.4;
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -hp-pre-wrap;
    word-wrap: break-word;
}


/* Date */

#cff .cff-date {
    float: left;
    width: 100%;
    min-width: 50px;
    font-size: 11px;
}


/************/


/***AUTHOR***/


/************/

#cff .cff-author {
    float: left;
    clear: both;
    margin: 0 0 15px 0;
    padding: 0;
    line-height: 1.2;
    width: 100%;
}

#cff .cff-author a {
    float: left;
    display: block;
    /*width: 100%;*/
    min-width: 100%\9;
    text-decoration: none;
    border: none;
    color: #000000;
}

#cff .cff-author-img {
    float: left;
    width: 40px;
    margin: 0 0 0 -100% !important;
    display: none;
}

#cff .cff-author img {
    float: left;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

#cff .cff-author .cff-author-text span {
    display: table-cell;
    vertical-align: middle;
    height: 40px;
    margin: 0;
    font-weight: bold;
    /* For when there's no date immediately under author: */
    padding-left: 0px;
    float: none;
}

#cff .cff-author a {
    text-decoration: none;
}


/* Author Date */

#cff .cff-author .cff-author-text {
    float: left;
    width: 100%;
}

#cff .cff-author .cff-author-text * {
    float: left;
    clear: both;
    width: auto;
    margin: 0 0 0 0px !important;
    font-weight: bold;
    line-height: 1.2;
}

#cff .cff-author .cff-date {
    color: #9197a3;
    font-weight: normal;
    font-size: 14px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

#cff .cff-author .cff-page-name.cff-author-date {
    float: left;
    padding: 2px 0 0 0;
    font-size: 18px;
}


/* Description */

#cff .cff-post-desc {
    line-height: 1.3;
}


/*************/


/*** MEDIA ***/


/*************/


/*Content wraper*/

#cff .cff-text-wrapper {
    float: right;
    width: 77%;
    margin: 0;
    padding: 0;
}

#cff .cff-break-word {
    word-break: break-all;
}


/*** PHOTOS ***/

#cff .cff-item img {
    border: none;
}

#cff .cff-byline {
    font-size: 12px;
    display: block;
    margin: -5px 0 10px 0;
}

#cff .cff-photo {
    max-width: 100%;
    float: left;
    display: block;
    position: relative;
    margin: 0;
}

#cff .cff-photo:after {
    border: 1px solid rgba(0, 0, 0, 0.1);
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

#cff .cff-media-above {
    margin-bottom: 7px;
}

#cff .cff-photo img {
    float: left;
    max-width: 100%;
    height: auto;
    margin: 0 !important;
    padding: 0 !important;
}

#cff .cff-album-icon {
    position: absolute;
    bottom: 5px;
    right: 5px;
    height: 22px;
    background: #000 url("../images/cff/cff-album-icon.png") no-repeat 5px 5px;
    background: rgba(0, 0, 0, 0.7) url("../images/cff/cff-album-icon.png") no-repeat 5px 5px;
    color: #fff;
    font-size: 12px;
    margin: 0;
    padding: 0 0 0 26px;
    line-height: 22px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 0 1px 0 rgba(255, 255, 255, 0.8);
    -moz-box-shadow: 0 0 1px 0 rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: 0 0 1px 0 rgba(255, 255, 255, 0.8);
}


/*** ALBUMS ONLY ***/


/*Album*/

#cff .cff-album-item {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0;
    text-align: center;
}


/*2 col*/

#cff .cff-album-item.cff-col-2 {
    width: 47.5%;
    width: 45%\9;
    margin-right: 5%;
}

#cff .cff-album-item.cff-col-2:nth-of-type(2n) {
    margin-right: 0;
}


/*3 col*/

#cff .cff-album-item.cff-col-3 {
    width: 30%;
    width: 28.3%\9;
    margin-right: 5%;
}

#cff .cff-album-item.cff-col-3:nth-of-type(3n) {
    margin-right: 0;
}


/*4 col*/

#cff .cff-album-item.cff-col-4 {
    width: 21.2%;
    width: 20%\9;
    margin-right: 5%;
}

#cff .cff-album-item.cff-col-4:nth-of-type(4n) {
    margin-right: 0;
}


/*Narrow/mobile - force 2 col layout*/

#cff.narrow .cff-album-item.cff-col-3,
#cff.narrow .cff-album-item.cff-col-4 {
    width: 47.5%;
    width: 45%\9;
    margin-right: 5%;
}

#cff.narrow .cff-album-item.cff-col-3:nth-of-type(2n),
#cff.narrow .cff-album-item.cff-col-4:nth-of-type(2n) {
    margin-right: 0;
}


/*Album image container*/

#cff .cff-album-item .cff-album-cover {
    width: 100%;
    height: 200px;
    display: block;
    float: left;
    position: relative;
    border: none;
}


/*Image border*/

#cff .cff-album-item .cff-album-cover:after {
    border: 1px solid rgba(0, 0, 0, 0.1);
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}


/*Album info*/

#cff .cff-album-item .cff-album-info {
    width: 100%;
    height: 70px;
    float: left;
    clear: both;
}


/*Album name*/

#cff .cff-album-item h4 {
    font-size: 14px;
    line-height: 1.2;
    margin: 10px 0 0 0;
    padding: 0;
}


/*Number of photos*/

#cff .cff-album-item p {
    font-size: 12px;
    color: gray;
    margin: 5px 0 0 0;
}


/*** VIDEO ***/


/* Embedded videos */

#cff .cff-embed-wrap {
    float: left;
    width: 100%;
    margin-top: 5px;
}

#cff .cff-iframe-wrap {
    float: left;
    clear: both;
    margin: 5px 0;
    width: 100%;
    position: relative;
    padding-bottom: 62%;
}

#cff iframe {
    border: 0;
}

#cff .cff-iframe-wrap iframe {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
}


/* Soundcloud iframe */

#cff .cff-soundcloud {
    margin: 10px 0 0 0;
}

#cff .cff-desc-wrap {
    float: left;
    width: 100%;
}

#cff .cff-embedded-video .cff-post-text {
    margin: 0 0 15px 0;
}


/* Narrow embedded videos */

#cff.narrow .cff-embedded-video .cff-iframe-wrap,
#cff.narrow .cff-embedded-video .cff-text-wrapper {
    width: 100%;
}

#cff.narrow .cff-embedded-video .cff-iframe-wrap {
    padding-bottom: 62%;
}


/* Link to an external video - Contains screenshot of video and play button */

#cff .cff-html5-video,
#cff video {
    float: left;
    clear: left;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}

#cff .cff-vidLink {
    float: left;
    clear: both;
    position: relative;
    width: 100%;
    max-width: 100%;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
}


/* Video screenshot/poster image */

#cff .cff-vidLink .cff-poster {
    width: 100%;
    height: auto;
    float: left;
}


/* Video play button */

#cff .cff-playbtn {
    position: absolute;
    z-index: 99;
    background: #000;
    background: rgba(0, 0, 0, 0.7);
    top: 50%;
    left: 50%;
    margin-top: -28px;
    margin-left: -28px;
    padding: 13px 16px;
    font-size: 30px;
    color: #fff;
    font-style: normal !important;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* IE7 and under */
    *width: 60px;
    *height: 60px;
    *padding: 0;
    *background: #000 url("../images/cff/play.png") no-repeat center center;
}


/* Play button hover state */

#cff .cff-html5-play:hover .cff-playbtn,
#cff .cff-html5-play:focus .cff-playbtn,
#cff .cff-html5-video .cff-playbtn:hover {
    background: #000;
    cursor: pointer;
    /* IE7 and under */
    *background: #000 url("../images/cff/play.png") no-repeat center center;
}


/* If it's a video with no poster image */

#cff .cff-desc-wrap.cff-no-image {
    float: right;
    width: 86%;
}

#cff .cff-playbtn-solo {
    width: 10%;
    float: left;
    margin-top: 5px;
}

#cff .cff-playbtn.no-poster,
#cff.cff-half-layout .cff-playbtn.no-poster,
#cff.cff-thumb-layout .cff-playbtn.no-poster {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
}


/*HTML5 video play button*/

.cff-html5-play {
    display: block;
    position: absolute;
    z-index: 99;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}


/* Videos only play button */

#cff.cff-thumb-layout .cff-video .cff-playbtn,
#cff.cff-half-layout .cff-video .cff-playbtn {
    margin-top: -22px;
    margin-left: -23px;
    padding: 11px 13px;
    font-size: 24px;
}


/* Link */

#cff .cff-expand {
    display: none;
}

#cff .cff-expand a {
    font-size: 11px;
    font-weight: normal;
}


/*Link image*/

#cff .cff-shared-link {
    float: left;
    clear: both;
    width: 100%;
    padding: 8px;
    margin: 10px 0 5px 0;
    /* IE8 */
    background: #f9f9f9;
    border: 1px solid #d9d9d9;
    background: rgba(0, 0, 0, 0.02);
    border: 1px solid rgba(0, 0, 0, 0.07);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#cff .cff-no-styles {
    background: none;
    border: none;
    padding: 0;
}

#cff .cff-link {
    float: left;
    clear: both;
    border: none;
    max-width: 20%;
    margin-right: 3%;
}

#cff .cff-link:hover,
#cff .cff-link:focus {
    text-decoration: none;
}

#cff .cff-link img {
    width: 100%;
    max-width: 100%;
    float: left;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}


/*Link text*/

#cff .cff-link-title {
    float: left;
    clear: both;
    width: 100%;
    display: block;
    font-weight: bold;
}

#cff p.cff-link-title {
    margin: 0;
}

#cff .cff-text-link {
    float: left;
    clear: none;
    width: 100%;
    padding: 0 0 5px 0;
    width: 72%;
}

#cff .cff-link-caption {
    font-size: 12px;
    margin: 0;
}

#cff .cff-text-link.cff-no-image {
    width: 100%;
}

#cff .cff-shared-link .cff-post-desc {
    margin-bottom: 0;
}


/* Full-size link images - full-width layout */

#cff .cff-full-size .cff-link {
    width: 100%;
    max-width: 100%;
    margin-right: 0%;
    margin-bottom: 5px;
    text-align: center;
}

#cff .cff-full-size .cff-link img {
    width: auto;
    float: none;
}

#cff .cff-full-size .cff-text-link {
    width: 100%;
}


/* Feed events */

#cff .cff-details {
    float: left;
    clear: none;
    width: 77%;
    margin-left: 3%;
    padding: 0 0 10px 0;
}


/* Event date. Uses bold tags so can target in JS */

#cff .cff-timeline-event b,
#cff .cff-event b {
    font-weight: normal;
}


/* Hide end date and show in JS if different then start date */

#cff .cff-timeline-event .cff-end-date k,
#cff .cff-event .cff-end-date k {
    display: none;
}

#cff .cff-timeline-event .cff-post-text {
    padding-bottom: 5px;
}

#cff .cff-event-thumb {
    position: relative;
    width: 20%;
    /*max-width: 80px;*/
    float: left;
    clear: both;
    margin: 5px 0 0 0;
}

#cff .cff-event-thumb img {
    float: left;
    width: 100%;
    height: auto;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}


/* Timeline event which has cover photo */

#cff .cff-event-thumb.cff-has-cover {
    width: 100%;
}

#cff .cff-details.cff-has-cover {
    width: 100%;
    margin: 5px 0 0 0;
}

#cff .cff-details h5 {
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 16px;
}

#cff .cff-details p {
    font-size: 14px;
}

#cff .cff-details .cff-info {
    padding: 10px 0 0 0;
    line-height: 1.2;
}

#cff .cff-details .cff-where,
#cff .cff-details .cff-when {
    /*font-weight: bold;*/
}


/* Events only */

#cff .cff-event .cff-photo {
    margin-top: 5px;
}

#cff .cff-event .cff-photo img {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0;
}

#cff .cff-event .cff-details {
    padding: 0;
}

#cff.cff-half-layout .cff-event .cff-details {
    float: right;
    width: 47%;
}

#cff .cff-event .cff-meta-links {
    float: right;
    clear: both;
    margin: 5px 0 0 0;
}

#cff .cff-event .cff-meta-links a {
    float: left;
    padding: 0 10px;
    border-left: 1px solid #ccc;
}

#cff .cff-event .cff-meta-links a:first-child {
    border: none;
}

#cff .cff-no-events {
    width: 100%;
    text-align: center;
}


/*****************/


/*** POST META ***/


/*****************/


/* Meta container */

#cff .cff-meta-wrap {
    float: left;
    width: 100%;
    margin: 5px 0 0 0;
    padding: 0;
}

#cff .cff-meta {
    float: left;
    clear: both;
    list-style-type: none;
    padding: 10px 0 5px 0 !important;
    margin: 0 !important;
}


/* Meta list items (likes, comments, shares) */

#cff .cff-meta li {
    float: left;
    width: auto;
    display: block;
    list-style-type: none !important;
    margin: 0 10px 0 0 !important;
    padding: 0 !important;
    font-size: 11px;
    line-height: 13px !important;
    background: none !important;
}

#cff .cff-meta li:before {
    content: none !important;
}


/* Icons */

#cff .cff-icon {
    display: block;
    float: left;
    width: 13px;
    height: 14px;
    margin-right: 5px;
    text-indent: -9999px;
    background: url("../images/cff/icons.png") no-repeat;
}

#cff .cff-replace {
    display: none;
}


/*Light icons*/


/* Comments */

#cff .cff-comments .cff-icon {
    width: 12px;
    background-position: 0 -1px;
}

#cff .cff-dark .cff-comments .cff-icon {
    background-position: -17px -1px;
}

#cff .cff-comments-box .cff-comments .cff-icon,
#cff .cff-comments-box .cff-likes .cff-icon {
    margin: 2px 8px 0 0;
}


/* Likes */

#cff .cff-likes .cff-icon {
    background-position: 0 -17px;
}

#cff .cff-dark .cff-likes .cff-icon {
    background-position: -17px -17px;
}


/* Shares */

#cff .cff-shares .cff-icon {
    width: 14px;
    background-position: 0 -33px;
}


/*Dark Inverted icons*/


/* Comments */

#cff .cff-meta.cff-dark li.cff-comments .cff-icon {
    background-position: -17px 0;
}


/* Likes */

#cff .cff-meta.cff-dark li.cff-likes .cff-icon {
    background-position: -17px -17px;
}


/* Shares */

#cff .cff-meta.cff-dark li.cff-shares .cff-icon {
    background-position: -17px -34px;
}


/*Dark icons*/


/* Comments */

#cff .cff-meta.cff-dark-2 li.cff-comments .cff-icon {
    width: 15px;
    height: 15px;
    background-position: -34px 0;
}


/* Likes */

#cff .cff-meta.cff-dark-2 li.cff-likes .cff-icon {
    width: 15px;
    height: 15px;
    background-position: -34px -15px;
}


/* Shares */

#cff .cff-meta.cff-dark-2 li.cff-shares .cff-icon {
    width: 15px;
    height: 15px;
    background-position: -34px -32px;
}


/*Loaders */

.cff-loader {
    float: left;
    width: 16px;
    height: 16px;
    margin: -2px 0 -3px 0;
    /*background: url('../images/cff/loader-light.gif') no-repeat;*/
    background: url("../images/cff/loader.png") no-repeat;
}

.cff-dark .cff-loader {
    /*background: url('../images/cff/loader-dark.gif') no-repeat;*/
    background: url("../images/cff/loader-dark.png") no-repeat;
}


/* Display comments */

#cff .cff-view-comments {
    display: block;
    overflow: hidden;
    outline: none;
    float: left;
    clear: left;
    margin: 5px 12px 5px 0;
    padding: 0 5px 5px 10px;
    background: #edeff4;
    border: none;
    text-decoration: none;
}

#cff .cff-view-comments:hover,
#cff .cff-view-comments:focus {
    background: #ddd;
}

#cff .cff-comments-box {
    display: none;
    float: left;
    clear: both;
    width: 100%;
    max-width: 100%;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* IE7 and below*/
    *width: 95%;
    *margin-top: 5px;
}

#cff .cff-comments-box .cff-likes {
    margin-bottom: 1px;
}

#cff .cff-comments-box p,
#cff .cff-comments-box .cff-comment {
    width: 100%;
    min-width: 100%;
    float: left;
    clear: both;
    font-size: 12px;
    padding: 5px 20px 5px 10px;
    margin: 0 0 1px 0;
    background: #edeff4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#cff .cff-comments-box.cff-no-comments {
    width: auto;
}

#cff .cff-comments-box .cff-comment {
    margin: 0;
}

#cff .cff-comments-box .cff-name {
    padding: 0;
    margin-right: 6px;
    font-weight: bold;
}

#cff .cff-comments-box .cff-comment-likes {
    font-style: normal;
    color: #000000;
}

#cff .cff-comments-box .cff-comment-likes b {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    background: url("../images/cff/icons.png") no-repeat;
    background-position: 0 -50px;
    width: 10px;
    height: 9px;
    margin: 3px 3px 0 3px;
}

#cff .cff-comments-box.cff-dark .cff-comment-likes b {
    background-position: -17px -50px;
}

#cff .cff-comments-box .cff-time {
    float: left;
    clear: both;
    font-size: 11px;
    margin: 2px 0 0 0;
    display: block;
    font-style: italic;
}

#cff .cff-comment-likes {
    margin: 5px 0 10px 0;
    width: 100%;
}


/*Avatars*/

#cff .cff-comment-text-wrapper {
    width: 100%;
    float: left;
}

#cff .cff-comment .cff-comment-img {
    float: left;
    width: 32px;
    margin: 0 0 0 -100% !important;
}

#cff .cff-comment .cff-comment-img img {
    float: left;
    width: 32px;
    margin: 0 10px 0 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

#cff .cff-comment .cff-comment-text {
    margin: 0 0 0 42px;
    line-height: 1.3;
}

#cff .cff-comment .cff-comment-text p {
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1.4;
    background: none !important;
}

#cff .cff-comment-text.cff-no-image {
    margin: 0;
}

#cff .cff-comments-box .cff-comment-on-facebook {
    margin-top: 1px;
}


/* Stops emojis from floating to the left of sentences */

#cff .cff-comment .cff-comment-text img,
#cff img.emoji {
    float: none;
    max-width: 100%;
}

#cff .cff-comment-attachment {
    float: left;
    clear: both;
    width: 120px;
    height: auto;
    margin: 5px 0 0 0;
}

#cff .cff-comment-attachment img {
    float: left;
}


/* Comment replies */

#cff .cff-comment-replies a {
    display: block;
    float: left;
    padding: 3px 0;
    font-size: 11px;
}

#cff .cff-comment-replies-box {
    float: left;
    clear: both;
    border-left: 2px solid #dcdee3;
}

#cff .cff-comments-box .cff-comment-replies-box .cff-comment-reply {
    background: none;
}

#cff .cff-comment-replies-box a {
    color: inherit !important;
}

#cff .cff-comment-replies-box .cff-comment-reply .cff-comment-img img {
    width: 20px;
    height: 20px;
}

#cff .cff-comment-replies-box .cff-comment-reply .cff-comment-text {
    margin: 0 0 0 28px;
}

#cff .cff-comment-replies .cff-replies-icon {
    background: url("../images/cff/icons.png") no-repeat -34px -15px;
    width: 11px;
    height: 8px;
    display: block;
    float: left;
    margin: 5px 5px 0 0;
}

#cff .cff-dark .cff-comment-replies .cff-replies-icon {
    background-position: -34px -2px;
}


/* View on Facebook / View Link text */

#cff .cff-post-links {
    float: right;
    clear: none;
    margin-top: 12px;
    font-size: 14px;
}

#cff .cff-post-links.cff-left {
    float: left;
    margin: 8px 0;
}

#cff .cff-post-links a {
    font-size: 14px;
    color: #000000;
    text-decoration: none;
    /*padding-left: 7px;
  margin-left: 7px;
  border-left: 1px solid #ccc;*/
}

#cff .cff-post-links a:hover {
    color: #ffffff;
}

#cff .cff-post-links a:first-child {
    padding-left: 0;
    margin: 0;
}

#cff .cff-dot {
    padding: 0 5px;
}


/* Share tooltip*/

#cff .cff-share-container {
    position: relative;
    display: inline;
}

#cff .cff-share-tooltip {
    display: none;
    position: absolute;
    z-index: 1000;
    bottom: 22px;
    right: 0;
    width: 135px;
    padding: 5px 5px 4px 5px;
    margin: 0;
    background: #333;
    color: #eee;
    font-size: 12px;
    line-height: 1.3;
    /*-moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;*/
    /*box-shadow: 0 0 10px rgba(0,0,0,0.4);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#cff .cff-share-tooltip .fa-play {
    position: absolute;
    font-size: 8px;
    bottom: -6px;
    right: 10px;
    color: #333;
}

#cff .cff-share-tooltip a .fa {
    font-size: 16px;
    margin: 0;
    padding: 5px;
}

#cff .cff-share-tooltip a#sbi_facebook_icon .fa,
#cff .cff-share-tooltip a#sbi_twitter_icon .fa,
#cff .cff-share-tooltip a#sbi_pinterest_icon .fa {
    padding-top: 4px;
    font-size: 18px;
}

#cff .cff-share-tooltip a {
    display: block;
    float: left;
    margin: 0 !important;
    padding: 0 !important;
    color: #eee !important;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#cff .cff-share-tooltip a:hover {
    color: #fff;
}

#cff .cff-share-tooltip .cff-facebook-icon:hover {
    background: #3b5998;
}

#cff .cff-share-tooltip .cff-twitter-icon:hover {
    background: #00aced;
}

#cff .cff-share-tooltip .cff-google-icon:hover {
    background: #dd4b39;
}

#cff .cff-share-tooltip .cff-linkedin-icon:hover {
    background: #007bb6;
}

#cff .cff-share-tooltip .cff-pinterest-icon:hover {
    background: #cb2027;
}

#cff .cff-share-tooltip .cff-email-icon:hover {
    background: #666;
}


/* Like box */

.cff-likebox {
    float: left;
    width: 100%;
    position: relative;
    margin: 20px 0 0 0;
    display: none;
}

.cff-likebox .fb_iframe_widget {
    width: 100%;
}

.cff-likebox .fb_iframe_widget span {
    width: 100% !important;
}

.cff-likebox iframe {
    margin: 0;
    position: relative;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100%;
}


/*Like box is not inside of #cff*/

.cff-likebox.cff-top.cff-outside {
    margin-bottom: 10px;
}

.cff-likebox.cff-bottom.cff-outside {
    margin-top: 10px;
}


/* Clear fix */


/*.cff-clear:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.cff-clear {
    display: inline-block;
    display: block;
    position: static;
}*/


/*********************/


/*** STYLE OPTIONS ***/


/*********************/

#cff.cff-fixed-height {
    overflow: hidden;
    overflow-y: auto;
    padding: 5px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/* Thumb layout */


/*Media size*/

#cff.cff-thumb-layout .cff-photo,
#cff.cff-thumb-layout .cff-iframe-wrap,
#cff.cff-thumb-layout .cff-html5-video,
#cff.cff-thumb-layout .cff-vidLink {
    width: 20%;
    clear: none;
}

#cff.cff-thumb-layout .cff-html5-video .cff-vidLink {
    width: 100%;
}

#cff.cff-thumb-layout .cff-iframe-wrap {
    margin-top: 0;
    padding-bottom: 16%;
}

#cff.cff-thumb-layout .cff-likebox iframe {
    margin: 0;
}

#cff.cff-thumb-layout .cff-photo img {
    width: 100%;
    height: auto;
}


/* Video play button */

#cff.cff-thumb-layout .cff-playbtn {
    margin-top: -16px;
    margin-left: -16px;
    padding: 8px 10px;
    font-size: 16px;
}


/*Content wraper*/

#cff.cff-thumb-layout .cff-text-wrapper {
    float: right;
    width: 77%;
}

#cff.cff-thumb-layout .cff-link-item .cff-text-wrapper {
    width: 100%;
}

#cff.cff-thumb-layout .cff-audio-post .cff-text-wrapper {
    width: 100%;
}

#cff.cff-thumb-layout .cff-post-text {
    margin-top: 0;
}


/*Date*/

#cff.cff-thumb-layout .cff-date {
    margin-bottom: 10px;
}


/* Lightbox link */

#cff.cff-thumb-layout .cff-photo-hover .fa {
    margin-top: -11px;
    margin-left: -10px;
    font-size: 24px;
}

#cff.cff-thumb-layout .cff-full-size .cff-link {
    width: auto;
    max-width: 20%;
    margin-right: 3%;
    margin-bottom: 0;
    text-align: left;
}

#cff.cff-thumb-layout .cff-full-size .cff-link img {
    float: left;
}

#cff.cff-thumb-layout .cff-full-size .cff-text-link {
    width: 72%;
}


/* Timeline event */

#cff.cff-thumb-layout .cff-event-thumb.cff-has-cover {
    width: 20%;
}

#cff.cff-thumb-layout .cff-details.cff-has-cover {
    width: 77%;
    margin: 0 0 0 3%;
}


/*Half image size */

#cff.cff-half-layout .cff-photo,
#cff.cff-half-layout .cff-iframe-wrap,
#cff.cff-half-layout .cff-html5-video,
#cff.cff-half-layout .cff-vidLink {
    width: 50%;
    clear: none;
}

#cff.cff-half-layout .cff-html5-video .cff-vidLink {
    width: 100%;
}

#cff.cff-half-layout .cff-photo img {
    width: 100%;
    height: auto;
}

#cff.cff-half-layout .cff-iframe-wrap {
    margin-top: 0;
    padding-bottom: 28%;
}

#cff.cff-half-layout .cff-likebox iframe {
    margin: 0;
}

#cff.cff-half-layout .cff-text-wrapper {
    float: right;
    width: 47%;
}

#cff.cff-half-layout .cff-link-item .cff-text-wrapper {
    width: 100%;
}

#cff.cff-half-layout .cff-audio-post .cff-text-wrapper {
    width: 100%;
}

#cff.cff-half-layout .cff-post-text {
    margin-top: 0;
}


/* Lightbox link */

#cff.cff-half-layout .cff-photo-hover .fa {
    margin-top: -16px;
    margin-left: -14px;
    font-size: 32px;
}

#cff.cff-half-layout .cff-full-size .cff-link {
    width: auto;
    max-width: 50%;
    margin-right: 3%;
    margin-bottom: 0;
    text-align: left;
}

#cff.cff-half-layout .cff-full-size .cff-link img {
    float: left;
}

#cff.cff-half-layout .cff-full-size .cff-text-link {
    width: 47%;
}


/* Timeline event */

#cff.cff-half-layout .cff-event-thumb.cff-has-cover {
    width: 50%;
}

#cff.cff-half-layout .cff-details.cff-has-cover {
    width: 47%;
    margin: 0 0 0 3%;
}


/* Narrow width */

#cff.narrow.cff-half-layout .cff-photo,
#cff.narrow.cff-half-layout .cff-iframe-wrap,
#cff.narrow.cff-half-layout .cff-vidLink,
#cff.narrow.cff-half-layout .cff-html5-video,
#cff.narrow.cff-thumb-layout .cff-photo,
#cff.narrow.cff-thumb-layout .cff-iframe-wrap,
#cff.narrow.cff-thumb-layout .cff-vidLink,
#cff.narrow.cff-thumb-layout .cff-html5-video {
    width: 100%;
    clear: both;
}

#cff.narrow.cff-half-layout .cff-text-wrapper,
#cff.narrow.cff-thumb-layout .cff-text-wrapper {
    float: left;
    width: 100%;
}

#cff.narrow .cff-shared-link .cff-link {
    max-width: 100%;
    width: 100%;
    margin: 0 0 5px 0;
    text-align: center;
}

#cff.narrow .cff-shared-link .cff-link img {
    float: none;
    width: auto;
}

#cff.narrow .cff-shared-link .cff-text-link {
    width: 100%;
}


/* Events only mobile layout */

#cff.narrow .cff-event .cff-details {
    width: 100%;
}


/* Timeline event which has cover photo */

#cff.narrow .cff-event-thumb.cff-has-cover {
    width: 100%;
}

#cff.narrow .cff-details.cff-has-cover {
    width: 100%;
    margin: 5px 0 0 0;
}

#cff .cff-error-msg {
    font-size: 12px;
    font-family: sans-serif;
}

#cff #cff-error-reason {
    display: none;
    padding: 5px 0 0 0;
    clear: both;
}


/* Credit link */

#cff .cff-credit {
    font-size: 11px;
}

#cff .cff-credit a {
    text-decoration: none;
}

#cff .cff-credit img {
    float: left;
    margin: -2px 5px 0 0;
}

#cff .cff-credit .fa {
    padding-right: 5px;
    font-size: 13px;
}


/**************/


/***LIGHTBOX***/


/**************/


/* Hover tile */

#cff .cff-lightbox-link {
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 1.1;
    border: none;
}

#cff .cff-photo-hover {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    color: #fff;
    background: #333;
    background: rgba(0, 0, 0, 0.6);
}

#cff .cff-photo-hover .fa {
    display: block;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    margin-top: -19px;
    margin-left: -16px;
    padding: 0;
    font-size: 39px;
    font-style: normal !important;
}


/* Lightbox thumbs */

.cff-lightbox-thumbs {
    display: none;
    float: left;
    width: 100%;
    position: relative;
    /* Set width to 111% so thumbs are wider than the 85% default lightbox details width */
    width: 111%;
    /*min-height: 45px;*/
    margin: 0 0 0 -5px;
    /*padding-top: 10px;*/
}

.cff-lightbox-thumbs-holder {
    float: left;
}

.cff-lightbox-thumbs a {
    width: 60px;
    height: 60px;
    display: block;
    float: left;
    margin: 5px;
    /*-webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;*/
}

.cff-lightbox-thumbs a:hover,
.cff-lightbox-thumbs a:focus {
    width: 64px;
    height: 64px;
    margin: 3px;
}

.cff-lightbox-thumbs img {
    width: 60px;
    height: auto;
}

.cff-lightbox-thumbs .cff-loader {
    position: absolute;
    z-index: 999;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}


/* Preload images */

body:after {
    content: url(../images/cff/close.png) url(../images/cff/loading.gif) url(../images/cff/prev.png) url(../images/cff/next.png);
    display: none;
}

.cff-lightbox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: black;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.9;
    display: none;
}

.cff-lightbox-wrapper {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10000;
    text-align: center;
    line-height: 0;
    font-weight: normal;
}

.cff-lightbox-wrapper .cff-lightbox-image {
    display: block;
    /*height: auto !important;*/
    height: auto;
    max-width: inherit;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.cff-lightbox-wrapper a img {
    border: none;
}

.cff-lightbox-outerContainer {
    position: relative;
    background-color: #000;
    *zoom: 1;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.cff-lightbox-outerContainer:after {
    content: "";
    display: table;
    clear: both;
}

.cff-lightbox-container {
    position: relative;
    padding: 0;
    height: 100%;
}

.cff-lightbox-loader {
    position: absolute;
    top: 43%;
    left: 0;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

.cff-lightbox-cancel {
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 auto;
    background: url(../images/cff/loader-dark.png) no-repeat;
}

#cff-lightbox-wrapper .cff-lightbox-caption-text {
    margin: 0 8px 0 0;
}

#cff-lightbox-wrapper .cff-lightbox-facebook {
    margin: 0;
    padding: 0 0 0 8px;
    border-left: 1px solid #ccc;
    border-bottom: none;
    color: #3b579d;
    text-decoration: none;
}

#cff-lightbox-wrapper .cff-lightbox-caption .cff-dot {
    margin: 0 7px;
}

#cff-lightbox-wrapper .cff-lightbox-caption-text a:link,
#cff-lightbox-wrapper .cff-lightbox-caption-text a:hover,
#cff-lightbox-wrapper .cff-lightbox-caption-text a:active,
#cff-lightbox-wrapper .cff-lightbox-caption-text a:visited,
#cff-lightbox-wrapper .cff-lightbox-facebook:link,
#cff-lightbox-wrapper .cff-lightbox-facebook:hover,
#cff-lightbox-wrapper .cff-lightbox-facebook:active,
#cff-lightbox-wrapper .cff-lightbox-facebook:visited {
    color: #3b579d;
    text-decoration: none;
}

#cff-lightbox-wrapper .cff-lightbox-caption-text a:hover,
#cff-lightbox-wrapper .cff-lightbox-caption-text a:focus,
#cff-lightbox-wrapper .cff-lightbox-facebook:hover,
#cff-lightbox-wrapper .cff-lightbox-facebook:focus {
    text-decoration: underline;
    border-bottom: none;
}

.cff-lightbox-nav {
    /*position: absolute;*/
    top: 0;
    left: 0;
    /* height: 100%; */
    width: 100%;
    z-index: 1000;
}

.cff-lightbox-container > .nav {
    left: 0;
}

.cff-lightbox-nav a {
    outline: none;
    background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
    position: absolute;
    z-index: 1000;
    top: 0;
    bottom: 0;
    height: auto;
}


/* When lightbox contains a iframe video then make controls shorter */

.cff-has-iframe .cff-lightbox-nav a {
    top: 50px;
    bottom: 50px;
}

.cff-has-video .cff-lightbox-nav a {
    top: 35px;
    bottom: 35px;
}

.cff-lightbox-prev,
.cff-lightbox-next {
    height: 100%;
    cursor: pointer;
    display: block;
}

.cff-lightbox-nav a.cff-lightbox-prev {
    width: 25%;
    left: 0;
    float: left;
    background: url(../images/cff/prev.png) left 48% no-repeat;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
}

.cff-lightbox-nav a.cff-lightbox-prev:hover {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

.cff-lightbox-nav a.cff-lightbox-next {
    width: 25%;
    right: 0;
    float: right;
    background: url(../images/cff/next.png) right 48% no-repeat;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
}

.cff-lightbox-nav a.cff-lightbox-next:hover {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

.cff-lightbox-dataContainer {
    margin: 0 auto;
    padding: 0;
    *zoom: 1;
    width: 100%;
    background: #fff;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

.cff-lightbox-dataContainer:after {
    content: "";
    display: table;
    clear: both;
}


/* Lightbox extension */

.cff-lb-dataContainer a {
    color: #ccc;
    text-decoration: underline;
}

.cff-lb-dataContainer a:hover,
.cff-lb-dataContainer a:focus {
    color: #fff;
    text-decoration: underline;
}

.cff-lightbox-data {
    padding: 0 4px;
    color: #444;
}

.cff-lightbox-data .cff-lightbox-details {
    position: relative;
    width: 90%;
    padding: 10px 0 10px 10px;
    float: left;
    text-align: left;
    line-height: 1.1em;
}

.cff-lightbox-data .cff-lightbox-caption {
    padding: 0;
    margin: 0;
    font-size: 14px;
    /*font-weight: bold;*/
    line-height: 1.3;
}

.cff-lightbox-data .cff-lightbox-number {
    /*display: block;*/
    clear: left;
    padding-right: 10px;
    font-size: 12px;
    color: #999999;
}

.cff-lightbox-data .cff-lightbox-close {
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    margin: 0 -5px 0 0;
    color: #333;
    /*background: url(../images/cff/close.png) top right no-repeat;*/
    text-align: center;
    margin-top: 7px;
    outline: none;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.cff-lightbox-data .cff-lightbox-close:hover {
    cursor: pointer;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}


/* LIGHTBOX VIDEO */

.cff-lightbox-video {
    display: none;
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.cff-has-video .cff-lightbox-video {
    display: block;
}

#cff-lightbox-wrapper.cff-has-video .cff-lightbox-image {
    display: none !important;
    /* Show photo in IE7 as doesn't support video */
    *display: block !important;
}


/* Set minimum size for shared videos which have small thumbnails */

.cff-has-video .cff-lightbox-outerContainer {
    min-width: 640px;
    min-height: 360px;
}

.cff-has-video .cff-lightbox-dataContainer {
    min-width: 640px;
}


/* On mobile make the min-width 100% */

@media all and (max-width: 640px) {
    .cff-has-video .cff-lightbox-outerContainer {
        min-width: 100%;
        min-height: auto;
    }
    .cff-has-video .cff-lightbox-dataContainer {
        min-width: 100%;
    }
}


/* Iframe */

#cff-lightbox-wrapper iframe {
    display: none;
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
}

#cff-lightbox-wrapper.cff-has-iframe iframe {
    display: block;
}

#cff-lightbox-wrapper.cff-has-iframe .cff-lightbox-image {
    min-width: 500px;
    display: none !important;
}


/* Overlay used over the top of the video iframes for linking to the Facebook post */

#cff .cff-media-overlay {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100;
}


/** NEWSLETTER **/

.newsletter {
    float: left;
    overflow: hidden;
    margin-left: 20px;
    border: 1px dashed #000000;
}

.newsletter input#email {
    background-color: #ffffff;
    color: #6c6c6c;
    font-size: 12px;
    line-height: 36px;
    border: none;
    float: left;
    width: 65%;
}

.newsletter input.submit {
    display: block;
    border: none;
    font-size: 18px;
    line-height: 42px;
    float: left;
    color: #ffffff;
    background-color: #000000;
    text-transform: uppercase;
    width: 35%;
}

.newsletter input.submit:hover {
    background-color: #ffffff;
}

@media (max-width: 1070px) {
    .newsletter {
        margin-left: 0;
    }
}

@media (max-width: 982px) {
    .newsletter {
        margin-top: 10px;
    }
}

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.rslides li {
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}

.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
}

.rslides .caption {
    position: absolute;
    right: 30px;
    bottom: 60px;
    color: #ffffff;
    width: 30%;
}

.rslides_tabs {
    position: absolute;
    bottom: 0px;
    right: 1%;
    z-index: 99;
    text-align: center;
    width: 5%;
}

.rslides_tabs li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 10%;
}

.rslides_tabs li a {
    text-indent: -69000px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #ffffff;
    display: block;
    width: 12px;
    height: 12px;
}

.rslides_tabs li a:hover {
    background-color: #000000;
}

.rslides_tabs .rslides_here a {
    background-color: #000000;
}

@media all and (max-width: 1000px) {
  .rslides_tabs {
    display: none;
  }
}

/** SOCIAL MEDIA ICONS**/

.socmed {
    clear: both;
    width: 13%;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.socmed h2 {
    font-size: 23px;
}

.socmed h2 a {
    color: #000000;
    text-transform: uppercase;
}

.socmed h2 a:hover {
    color: #ffffff;
}

.socmed p {
    color: #000000;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0;
}

.socmed ul {
    padding: 0;
    margin: 0;
}

.socmed ul li {
    margin: 0;
    padding: 0;
    display: block;
}

.socmed ul li a {
    margin: 0px;
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
}

.socmed ul li a i {
    color: #ffffff;
    background-color: #000000;
    font-size: 20px;
    padding: 15px 18px;
    border-radius: 30px;
    transition: 0.5s all;
}

.socmed ul li a:hover {
    transition: 1s all;
    color: #000000;
}

.socmed ul li a:hover i {
    color: #ffffff;
    background-color: #ffffff;
    transition: 0.5s all;
}

.socmed ul li a.twitter:hover i {
    color: #ffffff;
    background-color: #019fe9;
    transition: 0.5s all;
}

.socmed ul li a.facebook:hover i {
    color: #ffffff;
    background-color: #3b5998;
    transition: 0.5s all;
}

.socmed ul li a.youtube:hover i {
    color: #ffffff;
    background-color: #d22222;
    transition: 0.5s all;
}

.socmed ul li a.instagram:hover i {
    color: #ffffff;
    background-color: #3f729b;
    transition: 0.5s all;
}

.socmed ul li:first-of-type a i {
    border-right: none;
}

@media (max-width: 900px) {
    .socmed {
        width: 49%;
        text-align: center;
        padding-top: 4%;
    }
}

@media (max-width: 500px) {
    .socmed {
        width: 100%;
    }
    .socmed p {
        font-size: 15px;
    }
    .socmed ul li {
        font-size: 15px;
    }
    .socmed ul li a {
        font-size: 15px;
    }
}

@media (max-width: 601px) {
    /*!
    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.
    */
    .animated {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }
    .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }
    .animated.hinge {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
    }
    @-webkit-keyframes bounce {
        0%,
        100%,
        20%,
        50%,
        80% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
        40% {
            -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
        }
        60% {
            -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
        }
    }
    @keyframes bounce {
        0%,
        100%,
        20%,
        50%,
        80% {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
        40% {
            -webkit-transform: translateY(-30px);
            -ms-transform: translateY(-30px);
            transform: translateY(-30px);
        }
        60% {
            -webkit-transform: translateY(-15px);
            -ms-transform: translateY(-15px);
            transform: translateY(-15px);
        }
    }
    .bounce {
        -webkit-animation-name: bounce;
        animation-name: bounce;
    }
    @-webkit-keyframes flash {
        0%,
        100%,
        50% {
            opacity: 1;
        }
        25%,
        75% {
            opacity: 0;
        }
    }
    @keyframes flash {
        0%,
        100%,
        50% {
            opacity: 1;
        }
        25%,
        75% {
            opacity: 0;
        }
    }
    .flash {
        -webkit-animation-name: flash;
        animation-name: flash;
    }
    @-webkit-keyframes pulse {
        0% {
            -webkit-transform: scale(1);
            transform: scale(1);
        }
        50% {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }
        100% {
            -webkit-transform: scale(1);
            transform: scale(1);
        }
    }
    @keyframes pulse {
        0% {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
        }
        50% {
            -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1);
        }
        100% {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
        }
    }
    .pulse {
        -webkit-animation-name: pulse;
        animation-name: pulse;
    }
    @-webkit-keyframes rubberBand {
        0% {
            -webkit-transform: scale(1);
            transform: scale(1);
        }
        30% {
            -webkit-transform: scaleX(1.25) scaleY(0.75);
            transform: scaleX(1.25) scaleY(0.75);
        }
        40% {
            -webkit-transform: scaleX(0.75) scaleY(1.25);
            transform: scaleX(0.75) scaleY(1.25);
        }
        60% {
            -webkit-transform: scaleX(1.15) scaleY(0.85);
            transform: scaleX(1.15) scaleY(0.85);
        }
        100% {
            -webkit-transform: scale(1);
            transform: scale(1);
        }
    }
    @keyframes rubberBand {
        0% {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
        }
        30% {
            -webkit-transform: scaleX(1.25) scaleY(0.75);
            -ms-transform: scaleX(1.25) scaleY(0.75);
            transform: scaleX(1.25) scaleY(0.75);
        }
        40% {
            -webkit-transform: scaleX(0.75) scaleY(1.25);
            -ms-transform: scaleX(0.75) scaleY(1.25);
            transform: scaleX(0.75) scaleY(1.25);
        }
        60% {
            -webkit-transform: scaleX(1.15) scaleY(0.85);
            -ms-transform: scaleX(1.15) scaleY(0.85);
            transform: scaleX(1.15) scaleY(0.85);
        }
        100% {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
        }
    }
    .rubberBand {
        -webkit-animation-name: rubberBand;
        animation-name: rubberBand;
    }
    @-webkit-keyframes shake {
        0%,
        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
        10%,
        30%,
        50%,
        70%,
        90% {
            -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
        }
        20%,
        40%,
        60%,
        80% {
            -webkit-transform: translateX(10px);
            transform: translateX(10px);
        }
    }
    @keyframes shake {
        0%,
        100% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
        10%,
        30%,
        50%,
        70%,
        90% {
            -webkit-transform: translateX(-10px);
            -ms-transform: translateX(-10px);
            transform: translateX(-10px);
        }
        20%,
        40%,
        60%,
        80% {
            -webkit-transform: translateX(10px);
            -ms-transform: translateX(10px);
            transform: translateX(10px);
        }
    }
    .shake {
        -webkit-animation-name: shake;
        animation-name: shake;
    }
    @-webkit-keyframes swing {
        20% {
            -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
        }
        40% {
            -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
        }
        60% {
            -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
        }
        80% {
            -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
        }
        100% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
    }
    @keyframes swing {
        20% {
            -webkit-transform: rotate(15deg);
            -ms-transform: rotate(15deg);
            transform: rotate(15deg);
        }
        40% {
            -webkit-transform: rotate(-10deg);
            -ms-transform: rotate(-10deg);
            transform: rotate(-10deg);
        }
        60% {
            -webkit-transform: rotate(5deg);
            -ms-transform: rotate(5deg);
            transform: rotate(5deg);
        }
        80% {
            -webkit-transform: rotate(-5deg);
            -ms-transform: rotate(-5deg);
            transform: rotate(-5deg);
        }
        100% {
            -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transform: rotate(0deg);
        }
    }
    .swing {
        -webkit-transform-origin: top center;
        -ms-transform-origin: top center;
        transform-origin: top center;
        -webkit-animation-name: swing;
        animation-name: swing;
    }
    @-webkit-keyframes tada {
        0% {
            -webkit-transform: scale(1);
            transform: scale(1);
        }
        10%,
        20% {
            -webkit-transform: scale(0.9) rotate(-3deg);
            transform: scale(0.9) rotate(-3deg);
        }
        30%,
        50%,
        70%,
        90% {
            -webkit-transform: scale(1.1) rotate(3deg);
            transform: scale(1.1) rotate(3deg);
        }
        40%,
        60%,
        80% {
            -webkit-transform: scale(1.1) rotate(-3deg);
            transform: scale(1.1) rotate(-3deg);
        }
        100% {
            -webkit-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0);
        }
    }
    @keyframes tada {
        0% {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
        }
        10%,
        20% {
            -webkit-transform: scale(0.9) rotate(-3deg);
            -ms-transform: scale(0.9) rotate(-3deg);
            transform: scale(0.9) rotate(-3deg);
        }
        30%,
        50%,
        70%,
        90% {
            -webkit-transform: scale(1.1) rotate(3deg);
            -ms-transform: scale(1.1) rotate(3deg);
            transform: scale(1.1) rotate(3deg);
        }
        40%,
        60%,
        80% {
            -webkit-transform: scale(1.1) rotate(-3deg);
            -ms-transform: scale(1.1) rotate(-3deg);
            transform: scale(1.1) rotate(-3deg);
        }
        100% {
            -webkit-transform: scale(1) rotate(0);
            -ms-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0);
        }
    }
    .tada {
        -webkit-animation-name: tada;
        animation-name: tada;
    }
    @-webkit-keyframes wobble {
        0% {
            -webkit-transform: translateX(0%);
            transform: translateX(0%);
        }
        15% {
            -webkit-transform: translateX(-25%) rotate(-5deg);
            transform: translateX(-25%) rotate(-5deg);
        }
        30% {
            -webkit-transform: translateX(20%) rotate(3deg);
            transform: translateX(20%) rotate(3deg);
        }
        45% {
            -webkit-transform: translateX(-15%) rotate(-3deg);
            transform: translateX(-15%) rotate(-3deg);
        }
        60% {
            -webkit-transform: translateX(10%) rotate(2deg);
            transform: translateX(10%) rotate(2deg);
        }
        75% {
            -webkit-transform: translateX(-5%) rotate(-1deg);
            transform: translateX(-5%) rotate(-1deg);
        }
        100% {
            -webkit-transform: translateX(0%);
            transform: translateX(0%);
        }
    }
    @keyframes wobble {
        0% {
            -webkit-transform: translateX(0%);
            -ms-transform: translateX(0%);
            transform: translateX(0%);
        }
        15% {
            -webkit-transform: translateX(-25%) rotate(-5deg);
            -ms-transform: translateX(-25%) rotate(-5deg);
            transform: translateX(-25%) rotate(-5deg);
        }
        30% {
            -webkit-transform: translateX(20%) rotate(3deg);
            -ms-transform: translateX(20%) rotate(3deg);
            transform: translateX(20%) rotate(3deg);
        }
        45% {
            -webkit-transform: translateX(-15%) rotate(-3deg);
            -ms-transform: translateX(-15%) rotate(-3deg);
            transform: translateX(-15%) rotate(-3deg);
        }
        60% {
            -webkit-transform: translateX(10%) rotate(2deg);
            -ms-transform: translateX(10%) rotate(2deg);
            transform: translateX(10%) rotate(2deg);
        }
        75% {
            -webkit-transform: translateX(-5%) rotate(-1deg);
            -ms-transform: translateX(-5%) rotate(-1deg);
            transform: translateX(-5%) rotate(-1deg);
        }
        100% {
            -webkit-transform: translateX(0%);
            -ms-transform: translateX(0%);
            transform: translateX(0%);
        }
    }
    .wobble {
        -webkit-animation-name: wobble;
        animation-name: wobble;
    }
    @-webkit-keyframes bounceIn {
        0% {
            opacity: 0;
            -webkit-transform: scale(0.3);
            transform: scale(0.3);
        }
        50% {
            opacity: 1;
            -webkit-transform: scale(1.05);
            transform: scale(1.05);
        }
        70% {
            -webkit-transform: scale(0.9);
            transform: scale(0.9);
        }
        100% {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }
    }
    @keyframes bounceIn {
        0% {
            opacity: 0;
            -webkit-transform: scale(0.3);
            -ms-transform: scale(0.3);
            transform: scale(0.3);
        }
        50% {
            opacity: 1;
            -webkit-transform: scale(1.05);
            -ms-transform: scale(1.05);
            transform: scale(1.05);
        }
        70% {
            -webkit-transform: scale(0.9);
            -ms-transform: scale(0.9);
            transform: scale(0.9);
        }
        100% {
            opacity: 1;
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
        }
    }
    .bounceIn {
        -webkit-animation-name: bounceIn;
        animation-name: bounceIn;
    }
    @-webkit-keyframes bounceInDown {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-2000px);
            transform: translateY(-2000px);
        }
        60% {
            opacity: 1;
            -webkit-transform: translateY(30px);
            transform: translateY(30px);
        }
        80% {
            -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
        }
        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }
    @keyframes bounceInDown {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-2000px);
            -ms-transform: translateY(-2000px);
            transform: translateY(-2000px);
        }
        60% {
            opacity: 1;
            -webkit-transform: translateY(30px);
            -ms-transform: translateY(30px);
            transform: translateY(30px);
        }
        80% {
            -webkit-transform: translateY(-10px);
            -ms-transform: translateY(-10px);
            transform: translateY(-10px);
        }
        100% {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
    }
    .bounceInDown {
        -webkit-animation-name: bounceInDown;
        animation-name: bounceInDown;
    }
    @-webkit-keyframes bounceInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-2000px);
            transform: translateX(-2000px);
        }
        60% {
            opacity: 1;
            -webkit-transform: translateX(30px);
            transform: translateX(30px);
        }
        80% {
            -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
        }
        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
    }
    @keyframes bounceInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-2000px);
            -ms-transform: translateX(-2000px);
            transform: translateX(-2000px);
        }
        60% {
            opacity: 1;
            -webkit-transform: translateX(30px);
            -ms-transform: translateX(30px);
            transform: translateX(30px);
        }
        80% {
            -webkit-transform: translateX(-10px);
            -ms-transform: translateX(-10px);
            transform: translateX(-10px);
        }
        100% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
    }
    .bounceInLeft {
        -webkit-animation-name: bounceInLeft;
        animation-name: bounceInLeft;
    }
    @-webkit-keyframes bounceInRight {
        0% {
            opacity: 0;
            -webkit-transform: translateX(2000px);
            transform: translateX(2000px);
        }
        60% {
            opacity: 1;
            -webkit-transform: translateX(-30px);
            transform: translateX(-30px);
        }
        80% {
            -webkit-transform: translateX(10px);
            transform: translateX(10px);
        }
        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
    }
    @keyframes bounceInRight {
        0% {
            opacity: 0;
            -webkit-transform: translateX(2000px);
            -ms-transform: translateX(2000px);
            transform: translateX(2000px);
        }
        60% {
            opacity: 1;
            -webkit-transform: translateX(-30px);
            -ms-transform: translateX(-30px);
            transform: translateX(-30px);
        }
        80% {
            -webkit-transform: translateX(10px);
            -ms-transform: translateX(10px);
            transform: translateX(10px);
        }
        100% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
    }
    .bounceInRight {
        -webkit-animation-name: bounceInRight;
        animation-name: bounceInRight;
    }
    @-webkit-keyframes bounceInUp {
        0% {
            opacity: 0;
            -webkit-transform: translateY(2000px);
            transform: translateY(2000px);
        }
        60% {
            opacity: 1;
            -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
        }
        80% {
            -webkit-transform: translateY(10px);
            transform: translateY(10px);
        }
        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }
    @keyframes bounceInUp {
        0% {
            opacity: 0;
            -webkit-transform: translateY(2000px);
            -ms-transform: translateY(2000px);
            transform: translateY(2000px);
        }
        60% {
            opacity: 1;
            -webkit-transform: translateY(-30px);
            -ms-transform: translateY(-30px);
            transform: translateY(-30px);
        }
        80% {
            -webkit-transform: translateY(10px);
            -ms-transform: translateY(10px);
            transform: translateY(10px);
        }
        100% {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
    }
    .bounceInUp {
        -webkit-animation-name: bounceInUp;
        animation-name: bounceInUp;
    }
    @-webkit-keyframes bounceOut {
        0% {
            -webkit-transform: scale(1);
            transform: scale(1);
        }
        25% {
            -webkit-transform: scale(0.95);
            transform: scale(0.95);
        }
        50% {
            opacity: 1;
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }
        100% {
            opacity: 0;
            -webkit-transform: scale(0.3);
            transform: scale(0.3);
        }
    }
    @keyframes bounceOut {
        0% {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
        }
        25% {
            -webkit-transform: scale(0.95);
            -ms-transform: scale(0.95);
            transform: scale(0.95);
        }
        50% {
            opacity: 1;
            -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1);
        }
        100% {
            opacity: 0;
            -webkit-transform: scale(0.3);
            -ms-transform: scale(0.3);
            transform: scale(0.3);
        }
    }
    .bounceOut {
        -webkit-animation-name: bounceOut;
        animation-name: bounceOut;
    }
    @-webkit-keyframes bounceOutDown {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
        20% {
            opacity: 1;
            -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(2000px);
            transform: translateY(2000px);
        }
    }
    @keyframes bounceOutDown {
        0% {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
        20% {
            opacity: 1;
            -webkit-transform: translateY(-20px);
            -ms-transform: translateY(-20px);
            transform: translateY(-20px);
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(2000px);
            -ms-transform: translateY(2000px);
            transform: translateY(2000px);
        }
    }
    .bounceOutDown {
        -webkit-animation-name: bounceOutDown;
        animation-name: bounceOutDown;
    }
    @-webkit-keyframes bounceOutLeft {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
        20% {
            opacity: 1;
            -webkit-transform: translateX(20px);
            transform: translateX(20px);
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(-2000px);
            transform: translateX(-2000px);
        }
    }
    @keyframes bounceOutLeft {
        0% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
        20% {
            opacity: 1;
            -webkit-transform: translateX(20px);
            -ms-transform: translateX(20px);
            transform: translateX(20px);
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(-2000px);
            -ms-transform: translateX(-2000px);
            transform: translateX(-2000px);
        }
    }
    .bounceOutLeft {
        -webkit-animation-name: bounceOutLeft;
        animation-name: bounceOutLeft;
    }
    @-webkit-keyframes bounceOutRight {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
        20% {
            opacity: 1;
            -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(2000px);
            transform: translateX(2000px);
        }
    }
    @keyframes bounceOutRight {
        0% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
        20% {
            opacity: 1;
            -webkit-transform: translateX(-20px);
            -ms-transform: translateX(-20px);
            transform: translateX(-20px);
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(2000px);
            -ms-transform: translateX(2000px);
            transform: translateX(2000px);
        }
    }
    .bounceOutRight {
        -webkit-animation-name: bounceOutRight;
        animation-name: bounceOutRight;
    }
    @-webkit-keyframes bounceOutUp {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
        20% {
            opacity: 1;
            -webkit-transform: translateY(20px);
            transform: translateY(20px);
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(-2000px);
            transform: translateY(-2000px);
        }
    }
    @keyframes bounceOutUp {
        0% {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
        20% {
            opacity: 1;
            -webkit-transform: translateY(20px);
            -ms-transform: translateY(20px);
            transform: translateY(20px);
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(-2000px);
            -ms-transform: translateY(-2000px);
            transform: translateY(-2000px);
        }
    }
    .bounceOutUp {
        -webkit-animation-name: bounceOutUp;
        animation-name: bounceOutUp;
    }
    @-webkit-keyframes fadeIn {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    @keyframes fadeIn {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    .fadeIn {
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
    }
    @-webkit-keyframes fadeInDown {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }
    @keyframes fadeInDown {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-20px);
            -ms-transform: translateY(-20px);
            transform: translateY(-20px);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
    }
    .fadeInDown {
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown;
    }
    @-webkit-keyframes fadeInDownBig {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-2000px);
            transform: translateY(-2000px);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }
    @keyframes fadeInDownBig {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-2000px);
            -ms-transform: translateY(-2000px);
            transform: translateY(-2000px);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
    }
    .fadeInDownBig {
        -webkit-animation-name: fadeInDownBig;
        animation-name: fadeInDownBig;
    }
    @-webkit-keyframes fadeInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
    }
    @keyframes fadeInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-20px);
            -ms-transform: translateX(-20px);
            transform: translateX(-20px);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
    }
    .fadeInLeft {
        -webkit-animation-name: fadeInLeft;
        animation-name: fadeInLeft;
    }
    @-webkit-keyframes fadeInLeftBig {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-2000px);
            transform: translateX(-2000px);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
    }
    @keyframes fadeInLeftBig {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-2000px);
            -ms-transform: translateX(-2000px);
            transform: translateX(-2000px);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
    }
    .fadeInLeftBig {
        -webkit-animation-name: fadeInLeftBig;
        animation-name: fadeInLeftBig;
    }
    @-webkit-keyframes fadeInRight {
        0% {
            opacity: 0;
            -webkit-transform: translateX(20px);
            transform: translateX(20px);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
    }
    @keyframes fadeInRight {
        0% {
            opacity: 0;
            -webkit-transform: translateX(20px);
            -ms-transform: translateX(20px);
            transform: translateX(20px);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
    }
    .fadeInRight {
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight;
    }
    @-webkit-keyframes fadeInRightBig {
        0% {
            opacity: 0;
            -webkit-transform: translateX(2000px);
            transform: translateX(2000px);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
    }
    @keyframes fadeInRightBig {
        0% {
            opacity: 0;
            -webkit-transform: translateX(2000px);
            -ms-transform: translateX(2000px);
            transform: translateX(2000px);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
    }
    .fadeInRightBig {
        -webkit-animation-name: fadeInRightBig;
        animation-name: fadeInRightBig;
    }
    @-webkit-keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translateY(20px);
            transform: translateY(20px);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }
    @keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translateY(20px);
            -ms-transform: translateY(20px);
            transform: translateY(20px);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
    }
    .fadeInUp {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
    }
    @-webkit-keyframes fadeInUpBig {
        0% {
            opacity: 0;
            -webkit-transform: translateY(2000px);
            transform: translateY(2000px);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }
    @keyframes fadeInUpBig {
        0% {
            opacity: 0;
            -webkit-transform: translateY(2000px);
            -ms-transform: translateY(2000px);
            transform: translateY(2000px);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
    }
    .fadeInUpBig {
        -webkit-animation-name: fadeInUpBig;
        animation-name: fadeInUpBig;
    }
    @-webkit-keyframes fadeOut {
        0% {
            opacity: 1;
        }
        100% {
            opacity: 0;
        }
    }
    @keyframes fadeOut {
        0% {
            opacity: 1;
        }
        100% {
            opacity: 0;
        }
    }
    .fadeOut {
        -webkit-animation-name: fadeOut;
        animation-name: fadeOut;
    }
    @-webkit-keyframes fadeOutDown {
        0% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(20px);
            transform: translateY(20px);
        }
    }
    @keyframes fadeOutDown {
        0% {
            opacity: 1;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(20px);
            -ms-transform: translateY(20px);
            transform: translateY(20px);
        }
    }
    .fadeOutDown {
        -webkit-animation-name: fadeOutDown;
        animation-name: fadeOutDown;
    }
    @-webkit-keyframes fadeOutDownBig {
        0% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(2000px);
            transform: translateY(2000px);
        }
    }
    @keyframes fadeOutDownBig {
        0% {
            opacity: 1;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(2000px);
            -ms-transform: translateY(2000px);
            transform: translateY(2000px);
        }
    }
    .fadeOutDownBig {
        -webkit-animation-name: fadeOutDownBig;
        animation-name: fadeOutDownBig;
    }
    @-webkit-keyframes fadeOutLeft {
        0% {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
        }
    }
    @keyframes fadeOutLeft {
        0% {
            opacity: 1;
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(-20px);
            -ms-transform: translateX(-20px);
            transform: translateX(-20px);
        }
    }
    .fadeOutLeft {
        -webkit-animation-name: fadeOutLeft;
        animation-name: fadeOutLeft;
    }
    @-webkit-keyframes fadeOutLeftBig {
        0% {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(-2000px);
            transform: translateX(-2000px);
        }
    }
    @keyframes fadeOutLeftBig {
        0% {
            opacity: 1;
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(-2000px);
            -ms-transform: translateX(-2000px);
            transform: translateX(-2000px);
        }
    }
    .fadeOutLeftBig {
        -webkit-animation-name: fadeOutLeftBig;
        animation-name: fadeOutLeftBig;
    }
    @-webkit-keyframes fadeOutRight {
        0% {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(20px);
            transform: translateX(20px);
        }
    }
    @keyframes fadeOutRight {
        0% {
            opacity: 1;
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(20px);
            -ms-transform: translateX(20px);
            transform: translateX(20px);
        }
    }
    .fadeOutRight {
        -webkit-animation-name: fadeOutRight;
        animation-name: fadeOutRight;
    }
    @-webkit-keyframes fadeOutRightBig {
        0% {
            opacity: 1;
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(2000px);
            transform: translateX(2000px);
        }
    }
    @keyframes fadeOutRightBig {
        0% {
            opacity: 1;
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(2000px);
            -ms-transform: translateX(2000px);
            transform: translateX(2000px);
        }
    }
    .fadeOutRightBig {
        -webkit-animation-name: fadeOutRightBig;
        animation-name: fadeOutRightBig;
    }
    @-webkit-keyframes fadeOutUp {
        0% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
        }
    }
    @keyframes fadeOutUp {
        0% {
            opacity: 1;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(-20px);
            -ms-transform: translateY(-20px);
            transform: translateY(-20px);
        }
    }
    .fadeOutUp {
        -webkit-animation-name: fadeOutUp;
        animation-name: fadeOutUp;
    }
    @-webkit-keyframes fadeOutUpBig {
        0% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(-2000px);
            transform: translateY(-2000px);
        }
    }
    @keyframes fadeOutUpBig {
        0% {
            opacity: 1;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(-2000px);
            -ms-transform: translateY(-2000px);
            transform: translateY(-2000px);
        }
    }
    .fadeOutUpBig {
        -webkit-animation-name: fadeOutUpBig;
        animation-name: fadeOutUpBig;
    }
    @-webkit-keyframes flip {
        0% {
            -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
            transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }
        40% {
            -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
            transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }
        50% {
            -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
            transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
        80% {
            -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
            transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
        100% {
            -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
            transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
    }
    @keyframes flip {
        0% {
            -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
            -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
            transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }
        40% {
            -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
            -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
            transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }
        50% {
            -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
            -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
            transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
        80% {
            -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
            -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
            transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
        100% {
            -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
            -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
            transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
    }
    .animated.flip {
        -webkit-backface-visibility: visible;
        -ms-backface-visibility: visible;
        backface-visibility: visible;
        -webkit-animation-name: flip;
        animation-name: flip;
    }
    @-webkit-keyframes flipInX {
        0% {
            -webkit-transform: perspective(400px) rotateX(90deg);
            transform: perspective(400px) rotateX(90deg);
            opacity: 0;
        }
        40% {
            -webkit-transform: perspective(400px) rotateX(-10deg);
            transform: perspective(400px) rotateX(-10deg);
        }
        70% {
            -webkit-transform: perspective(400px) rotateX(10deg);
            transform: perspective(400px) rotateX(10deg);
        }
        100% {
            -webkit-transform: perspective(400px) rotateX(0deg);
            transform: perspective(400px) rotateX(0deg);
            opacity: 1;
        }
    }
    @keyframes flipInX {
        0% {
            -webkit-transform: perspective(400px) rotateX(90deg);
            -ms-transform: perspective(400px) rotateX(90deg);
            transform: perspective(400px) rotateX(90deg);
            opacity: 0;
        }
        40% {
            -webkit-transform: perspective(400px) rotateX(-10deg);
            -ms-transform: perspective(400px) rotateX(-10deg);
            transform: perspective(400px) rotateX(-10deg);
        }
        70% {
            -webkit-transform: perspective(400px) rotateX(10deg);
            -ms-transform: perspective(400px) rotateX(10deg);
            transform: perspective(400px) rotateX(10deg);
        }
        100% {
            -webkit-transform: perspective(400px) rotateX(0deg);
            -ms-transform: perspective(400px) rotateX(0deg);
            transform: perspective(400px) rotateX(0deg);
            opacity: 1;
        }
    }
    .flipInX {
        -webkit-backface-visibility: visible !important;
        -ms-backface-visibility: visible !important;
        backface-visibility: visible !important;
        -webkit-animation-name: flipInX;
        animation-name: flipInX;
    }
    @-webkit-keyframes flipInY {
        0% {
            -webkit-transform: perspective(400px) rotateY(90deg);
            transform: perspective(400px) rotateY(90deg);
            opacity: 0;
        }
        40% {
            -webkit-transform: perspective(400px) rotateY(-10deg);
            transform: perspective(400px) rotateY(-10deg);
        }
        70% {
            -webkit-transform: perspective(400px) rotateY(10deg);
            transform: perspective(400px) rotateY(10deg);
        }
        100% {
            -webkit-transform: perspective(400px) rotateY(0deg);
            transform: perspective(400px) rotateY(0deg);
            opacity: 1;
        }
    }
    @keyframes flipInY {
        0% {
            -webkit-transform: perspective(400px) rotateY(90deg);
            -ms-transform: perspective(400px) rotateY(90deg);
            transform: perspective(400px) rotateY(90deg);
            opacity: 0;
        }
        40% {
            -webkit-transform: perspective(400px) rotateY(-10deg);
            -ms-transform: perspective(400px) rotateY(-10deg);
            transform: perspective(400px) rotateY(-10deg);
        }
        70% {
            -webkit-transform: perspective(400px) rotateY(10deg);
            -ms-transform: perspective(400px) rotateY(10deg);
            transform: perspective(400px) rotateY(10deg);
        }
        100% {
            -webkit-transform: perspective(400px) rotateY(0deg);
            -ms-transform: perspective(400px) rotateY(0deg);
            transform: perspective(400px) rotateY(0deg);
            opacity: 1;
        }
    }
    .flipInY {
        -webkit-backface-visibility: visible !important;
        -ms-backface-visibility: visible !important;
        backface-visibility: visible !important;
        -webkit-animation-name: flipInY;
        animation-name: flipInY;
    }
    @-webkit-keyframes flipOutX {
        0% {
            -webkit-transform: perspective(400px) rotateX(0deg);
            transform: perspective(400px) rotateX(0deg);
            opacity: 1;
        }
        100% {
            -webkit-transform: perspective(400px) rotateX(90deg);
            transform: perspective(400px) rotateX(90deg);
            opacity: 0;
        }
    }
    @keyframes flipOutX {
        0% {
            -webkit-transform: perspective(400px) rotateX(0deg);
            -ms-transform: perspective(400px) rotateX(0deg);
            transform: perspective(400px) rotateX(0deg);
            opacity: 1;
        }
        100% {
            -webkit-transform: perspective(400px) rotateX(90deg);
            -ms-transform: perspective(400px) rotateX(90deg);
            transform: perspective(400px) rotateX(90deg);
            opacity: 0;
        }
    }
    .flipOutX {
        -webkit-animation-name: flipOutX;
        animation-name: flipOutX;
        -webkit-backface-visibility: visible !important;
        -ms-backface-visibility: visible !important;
        backface-visibility: visible !important;
    }
    @-webkit-keyframes flipOutY {
        0% {
            -webkit-transform: perspective(400px) rotateY(0deg);
            transform: perspective(400px) rotateY(0deg);
            opacity: 1;
        }
        100% {
            -webkit-transform: perspective(400px) rotateY(90deg);
            transform: perspective(400px) rotateY(90deg);
            opacity: 0;
        }
    }
    @keyframes flipOutY {
        0% {
            -webkit-transform: perspective(400px) rotateY(0deg);
            -ms-transform: perspective(400px) rotateY(0deg);
            transform: perspective(400px) rotateY(0deg);
            opacity: 1;
        }
        100% {
            -webkit-transform: perspective(400px) rotateY(90deg);
            -ms-transform: perspective(400px) rotateY(90deg);
            transform: perspective(400px) rotateY(90deg);
            opacity: 0;
        }
    }
    .flipOutY {
        -webkit-backface-visibility: visible !important;
        -ms-backface-visibility: visible !important;
        backface-visibility: visible !important;
        -webkit-animation-name: flipOutY;
        animation-name: flipOutY;
    }
    @-webkit-keyframes lightSpeedIn {
        0% {
            -webkit-transform: translateX(100%) skewX(-30deg);
            transform: translateX(100%) skewX(-30deg);
            opacity: 0;
        }
        60% {
            -webkit-transform: translateX(-20%) skewX(30deg);
            transform: translateX(-20%) skewX(30deg);
            opacity: 1;
        }
        80% {
            -webkit-transform: translateX(0%) skewX(-15deg);
            transform: translateX(0%) skewX(-15deg);
            opacity: 1;
        }
        100% {
            -webkit-transform: translateX(0%) skewX(0deg);
            transform: translateX(0%) skewX(0deg);
            opacity: 1;
        }
    }
    @keyframes lightSpeedIn {
        0% {
            -webkit-transform: translateX(100%) skewX(-30deg);
            -ms-transform: translateX(100%) skewX(-30deg);
            transform: translateX(100%) skewX(-30deg);
            opacity: 0;
        }
        60% {
            -webkit-transform: translateX(-20%) skewX(30deg);
            -ms-transform: translateX(-20%) skewX(30deg);
            transform: translateX(-20%) skewX(30deg);
            opacity: 1;
        }
        80% {
            -webkit-transform: translateX(0%) skewX(-15deg);
            -ms-transform: translateX(0%) skewX(-15deg);
            transform: translateX(0%) skewX(-15deg);
            opacity: 1;
        }
        100% {
            -webkit-transform: translateX(0%) skewX(0deg);
            -ms-transform: translateX(0%) skewX(0deg);
            transform: translateX(0%) skewX(0deg);
            opacity: 1;
        }
    }
    .lightSpeedIn {
        -webkit-animation-name: lightSpeedIn;
        animation-name: lightSpeedIn;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    @-webkit-keyframes lightSpeedOut {
        0% {
            -webkit-transform: translateX(0%) skewX(0deg);
            transform: translateX(0%) skewX(0deg);
            opacity: 1;
        }
        100% {
            -webkit-transform: translateX(100%) skewX(-30deg);
            transform: translateX(100%) skewX(-30deg);
            opacity: 0;
        }
    }
    @keyframes lightSpeedOut {
        0% {
            -webkit-transform: translateX(0%) skewX(0deg);
            -ms-transform: translateX(0%) skewX(0deg);
            transform: translateX(0%) skewX(0deg);
            opacity: 1;
        }
        100% {
            -webkit-transform: translateX(100%) skewX(-30deg);
            -ms-transform: translateX(100%) skewX(-30deg);
            transform: translateX(100%) skewX(-30deg);
            opacity: 0;
        }
    }
    .lightSpeedOut {
        -webkit-animation-name: lightSpeedOut;
        animation-name: lightSpeedOut;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    @-webkit-keyframes rotateIn {
        0% {
            -webkit-transform-origin: center center;
            transform-origin: center center;
            -webkit-transform: rotate(-200deg);
            transform: rotate(-200deg);
            opacity: 0;
        }
        100% {
            -webkit-transform-origin: center center;
            transform-origin: center center;
            -webkit-transform: rotate(0);
            transform: rotate(0);
            opacity: 1;
        }
    }
    @keyframes rotateIn {
        0% {
            -webkit-transform-origin: center center;
            -ms-transform-origin: center center;
            transform-origin: center center;
            -webkit-transform: rotate(-200deg);
            -ms-transform: rotate(-200deg);
            transform: rotate(-200deg);
            opacity: 0;
        }
        100% {
            -webkit-transform-origin: center center;
            -ms-transform-origin: center center;
            transform-origin: center center;
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
            opacity: 1;
        }
    }
    .rotateIn {
        -webkit-animation-name: rotateIn;
        animation-name: rotateIn;
    }
    @-webkit-keyframes rotateInDownLeft {
        0% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
            opacity: 0;
        }
        100% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(0);
            transform: rotate(0);
            opacity: 1;
        }
    }
    @keyframes rotateInDownLeft {
        0% {
            -webkit-transform-origin: left bottom;
            -ms-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
            opacity: 0;
        }
        100% {
            -webkit-transform-origin: left bottom;
            -ms-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
            opacity: 1;
        }
    }
    .rotateInDownLeft {
        -webkit-animation-name: rotateInDownLeft;
        animation-name: rotateInDownLeft;
    }
    @-webkit-keyframes rotateInDownRight {
        0% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            opacity: 0;
        }
        100% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(0);
            transform: rotate(0);
            opacity: 1;
        }
    }
    @keyframes rotateInDownRight {
        0% {
            -webkit-transform-origin: right bottom;
            -ms-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
            opacity: 0;
        }
        100% {
            -webkit-transform-origin: right bottom;
            -ms-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
            opacity: 1;
        }
    }
    .rotateInDownRight {
        -webkit-animation-name: rotateInDownRight;
        animation-name: rotateInDownRight;
    }
    @-webkit-keyframes rotateInUpLeft {
        0% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            opacity: 0;
        }
        100% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(0);
            transform: rotate(0);
            opacity: 1;
        }
    }
    @keyframes rotateInUpLeft {
        0% {
            -webkit-transform-origin: left bottom;
            -ms-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
            opacity: 0;
        }
        100% {
            -webkit-transform-origin: left bottom;
            -ms-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
            opacity: 1;
        }
    }
    .rotateInUpLeft {
        -webkit-animation-name: rotateInUpLeft;
        animation-name: rotateInUpLeft;
    }
    @-webkit-keyframes rotateInUpRight {
        0% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
            opacity: 0;
        }
        100% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(0);
            transform: rotate(0);
            opacity: 1;
        }
    }
    @keyframes rotateInUpRight {
        0% {
            -webkit-transform-origin: right bottom;
            -ms-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
            opacity: 0;
        }
        100% {
            -webkit-transform-origin: right bottom;
            -ms-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
            opacity: 1;
        }
    }
    .rotateInUpRight {
        -webkit-animation-name: rotateInUpRight;
        animation-name: rotateInUpRight;
    }
    @-webkit-keyframes rotateOut {
        0% {
            -webkit-transform-origin: center center;
            transform-origin: center center;
            -webkit-transform: rotate(0);
            transform: rotate(0);
            opacity: 1;
        }
        100% {
            -webkit-transform-origin: center center;
            transform-origin: center center;
            -webkit-transform: rotate(200deg);
            transform: rotate(200deg);
            opacity: 0;
        }
    }
    @keyframes rotateOut {
        0% {
            -webkit-transform-origin: center center;
            -ms-transform-origin: center center;
            transform-origin: center center;
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
            opacity: 1;
        }
        100% {
            -webkit-transform-origin: center center;
            -ms-transform-origin: center center;
            transform-origin: center center;
            -webkit-transform: rotate(200deg);
            -ms-transform: rotate(200deg);
            transform: rotate(200deg);
            opacity: 0;
        }
    }
    .rotateOut {
        -webkit-animation-name: rotateOut;
        animation-name: rotateOut;
    }
    @-webkit-keyframes rotateOutDownLeft {
        0% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(0);
            transform: rotate(0);
            opacity: 1;
        }
        100% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            opacity: 0;
        }
    }
    @keyframes rotateOutDownLeft {
        0% {
            -webkit-transform-origin: left bottom;
            -ms-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
            opacity: 1;
        }
        100% {
            -webkit-transform-origin: left bottom;
            -ms-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
            opacity: 0;
        }
    }
    .rotateOutDownLeft {
        -webkit-animation-name: rotateOutDownLeft;
        animation-name: rotateOutDownLeft;
    }
    @-webkit-keyframes rotateOutDownRight {
        0% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(0);
            transform: rotate(0);
            opacity: 1;
        }
        100% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
            opacity: 0;
        }
    }
    @keyframes rotateOutDownRight {
        0% {
            -webkit-transform-origin: right bottom;
            -ms-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
            opacity: 1;
        }
        100% {
            -webkit-transform-origin: right bottom;
            -ms-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
            opacity: 0;
        }
    }
    .rotateOutDownRight {
        -webkit-animation-name: rotateOutDownRight;
        animation-name: rotateOutDownRight;
    }
    @-webkit-keyframes rotateOutUpLeft {
        0% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(0);
            transform: rotate(0);
            opacity: 1;
        }
        100% {
            -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
            opacity: 0;
        }
    }
    @keyframes rotateOutUpLeft {
        0% {
            -webkit-transform-origin: left bottom;
            -ms-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
            opacity: 1;
        }
        100% {
            -webkit-transform-origin: left bottom;
            -ms-transform-origin: left bottom;
            transform-origin: left bottom;
            -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
            opacity: 0;
        }
    }
    .rotateOutUpLeft {
        -webkit-animation-name: rotateOutUpLeft;
        animation-name: rotateOutUpLeft;
    }
    @-webkit-keyframes rotateOutUpRight {
        0% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(0);
            transform: rotate(0);
            opacity: 1;
        }
        100% {
            -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            opacity: 0;
        }
    }
    @keyframes rotateOutUpRight {
        0% {
            -webkit-transform-origin: right bottom;
            -ms-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
            opacity: 1;
        }
        100% {
            -webkit-transform-origin: right bottom;
            -ms-transform-origin: right bottom;
            transform-origin: right bottom;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
            opacity: 0;
        }
    }
    .rotateOutUpRight {
        -webkit-animation-name: rotateOutUpRight;
        animation-name: rotateOutUpRight;
    }
    @-webkit-keyframes slideInDown {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-2000px);
            transform: translateY(-2000px);
        }
        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }
    @keyframes slideInDown {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-2000px);
            -ms-transform: translateY(-2000px);
            transform: translateY(-2000px);
        }
        100% {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
    }
    .slideInDown {
        -webkit-animation-name: slideInDown;
        animation-name: slideInDown;
    }
    @-webkit-keyframes slideInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-2000px);
            transform: translateX(-2000px);
        }
        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
    }
    @keyframes slideInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-2000px);
            -ms-transform: translateX(-2000px);
            transform: translateX(-2000px);
        }
        100% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
    }
    .slideInLeft {
        -webkit-animation-name: slideInLeft;
        animation-name: slideInLeft;
    }
    @-webkit-keyframes slideInRight {
        0% {
            opacity: 0;
            -webkit-transform: translateX(2000px);
            transform: translateX(2000px);
        }
        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
    }
    @keyframes slideInRight {
        0% {
            opacity: 0;
            -webkit-transform: translateX(2000px);
            -ms-transform: translateX(2000px);
            transform: translateX(2000px);
        }
        100% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
    }
    .slideInRight {
        -webkit-animation-name: slideInRight;
        animation-name: slideInRight;
    }
    @-webkit-keyframes slideOutLeft {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(-2000px);
            transform: translateX(-2000px);
        }
    }
    @keyframes slideOutLeft {
        0% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(-2000px);
            -ms-transform: translateX(-2000px);
            transform: translateX(-2000px);
        }
    }
    .slideOutLeft {
        -webkit-animation-name: slideOutLeft;
        animation-name: slideOutLeft;
    }
    @-webkit-keyframes slideOutRight {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(2000px);
            transform: translateX(2000px);
        }
    }
    @keyframes slideOutRight {
        0% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(2000px);
            -ms-transform: translateX(2000px);
            transform: translateX(2000px);
        }
    }
    .slideOutRight {
        -webkit-animation-name: slideOutRight;
        animation-name: slideOutRight;
    }
    @-webkit-keyframes slideOutUp {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(-2000px);
            transform: translateY(-2000px);
        }
    }
    @keyframes slideOutUp {
        0% {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(-2000px);
            -ms-transform: translateY(-2000px);
            transform: translateY(-2000px);
        }
    }
    .slideOutUp {
        -webkit-animation-name: slideOutUp;
        animation-name: slideOutUp;
    }
    @-webkit-keyframes slideInUp {
        0% {
            -webkit-transform: translateY(2000px);
            transform: translateY(2000px);
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }
    @keyframes slideInUp {
        0% {
            -webkit-transform: translateY(2000px);
            -ms-transform: translateY(2000px);
            transform: translateY(2000px);
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
    }
    .slideInUp {
        -webkit-animation-name: slideInUp;
        animation-name: slideInUp;
    }
    @-webkit-keyframes slideOutDown {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(2000px);
            transform: translateY(2000px);
        }
    }
    @keyframes slideOutDown {
        0% {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
        100% {
            opacity: 0;
            -webkit-transform: translateY(2000px);
            -ms-transform: translateY(2000px);
            transform: translateY(2000px);
        }
    }
    .slideOutDown {
        -webkit-animation-name: slideOutDown;
        animation-name: slideOutDown;
    }
    @-webkit-keyframes hinge {
        0% {
            -webkit-transform: rotate(0);
            transform: rotate(0);
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
        }
        20%,
        60% {
            -webkit-transform: rotate(80deg);
            transform: rotate(80deg);
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
        }
        40% {
            -webkit-transform: rotate(60deg);
            transform: rotate(60deg);
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
        }
        80% {
            -webkit-transform: rotate(60deg) translateY(0);
            transform: rotate(60deg) translateY(0);
            -webkit-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
            opacity: 1;
        }
        100% {
            -webkit-transform: translateY(700px);
            transform: translateY(700px);
            opacity: 0;
        }
    }
    @keyframes hinge {
        0% {
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
            -webkit-transform-origin: top left;
            -ms-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
        }
        20%,
        60% {
            -webkit-transform: rotate(80deg);
            -ms-transform: rotate(80deg);
            transform: rotate(80deg);
            -webkit-transform-origin: top left;
            -ms-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
        }
        40% {
            -webkit-transform: rotate(60deg);
            -ms-transform: rotate(60deg);
            transform: rotate(60deg);
            -webkit-transform-origin: top left;
            -ms-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
        }
        80% {
            -webkit-transform: rotate(60deg) translateY(0);
            -ms-transform: rotate(60deg) translateY(0);
            transform: rotate(60deg) translateY(0);
            -webkit-transform-origin: top left;
            -ms-transform-origin: top left;
            transform-origin: top left;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
            opacity: 1;
        }
        100% {
            -webkit-transform: translateY(700px);
            -ms-transform: translateY(700px);
            transform: translateY(700px);
            opacity: 0;
        }
    }
    .hinge {
        -webkit-animation-name: hinge;
        animation-name: hinge;
    }
    @-webkit-keyframes rollIn {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-100%) rotate(-120deg);
            transform: translateX(-100%) rotate(-120deg);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0px) rotate(0deg);
            transform: translateX(0px) rotate(0deg);
        }
    }
    @keyframes rollIn {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-100%) rotate(-120deg);
            -ms-transform: translateX(-100%) rotate(-120deg);
            transform: translateX(-100%) rotate(-120deg);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0px) rotate(0deg);
            -ms-transform: translateX(0px) rotate(0deg);
            transform: translateX(0px) rotate(0deg);
        }
    }
    .rollIn {
        -webkit-animation-name: rollIn;
        animation-name: rollIn;
    }
    @-webkit-keyframes rollOut {
        0% {
            opacity: 1;
            -webkit-transform: translateX(0px) rotate(0deg);
            transform: translateX(0px) rotate(0deg);
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(100%) rotate(120deg);
            transform: translateX(100%) rotate(120deg);
        }
    }
    @keyframes rollOut {
        0% {
            opacity: 1;
            -webkit-transform: translateX(0px) rotate(0deg);
            -ms-transform: translateX(0px) rotate(0deg);
            transform: translateX(0px) rotate(0deg);
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(100%) rotate(120deg);
            -ms-transform: translateX(100%) rotate(120deg);
            transform: translateX(100%) rotate(120deg);
        }
    }
    .rollOut {
        -webkit-animation-name: rollOut;
        animation-name: rollOut;
    }
}


/* Slider */

.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table;
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

div.pp_default .pp_top,
div.pp_default .pp_top .pp_middle,
div.pp_default .pp_top .pp_left,
div.pp_default .pp_top .pp_right,
div.pp_default .pp_bottom,
div.pp_default .pp_bottom .pp_left,
div.pp_default .pp_bottom .pp_middle,
div.pp_default .pp_bottom .pp_right {
    height: 13px;
}

div.pp_default .pp_top .pp_left {
    background: url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat;
}

div.pp_default .pp_top .pp_middle {
    background: url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x;
}

div.pp_default .pp_top .pp_right {
    background: url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat;
}

div.pp_default .pp_content .ppt {
    color: #f8f8f8;
}

div.pp_default .pp_content_container .pp_left {
    background: url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;
    padding-left: 13px;
}

div.pp_default .pp_content_container .pp_right {
    background: url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;
    padding-right: 13px;
}

div.pp_default .pp_next:hover {
    background: url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;
    cursor: pointer;
}

div.pp_default .pp_previous:hover {
    background: url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;
    cursor: pointer;
}

div.pp_default .pp_expand {
    background: url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;
    cursor: pointer;
    width: 28px;
    height: 28px;
}

div.pp_default .pp_expand:hover {
    background: url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;
    cursor: pointer;
}

div.pp_default .pp_contract {
    background: url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;
    cursor: pointer;
    width: 28px;
    height: 28px;
}

div.pp_default .pp_contract:hover {
    background: url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;
    cursor: pointer;
}

div.pp_default .pp_close {
    width: 30px;
    height: 30px;
    background: url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;
    cursor: pointer;
}

div.pp_default .pp_gallery ul li a {
    background: url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;
    border: 1px solid #aaa;
}

div.pp_default .pp_social {
    margin-top: 7px;
}

div.pp_default .pp_gallery a.pp_arrow_previous,
div.pp_default .pp_gallery a.pp_arrow_next {
    position: static;
    left: auto;
}

div.pp_default .pp_nav .pp_play,
div.pp_default .pp_nav .pp_pause {
    background: url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;
    height: 30px;
    width: 30px;
}

div.pp_default .pp_nav .pp_pause {
    background-position: -51px -29px;
}

div.pp_default a.pp_arrow_previous,
div.pp_default a.pp_arrow_next {
    background: url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;
    height: 20px;
    width: 20px;
    margin: 4px 0 0;
}

div.pp_default a.pp_arrow_next {
    left: 52px;
    background-position: -82px -3px;
}

div.pp_default .pp_content_container .pp_details {
    margin-top: 5px;
}

div.pp_default .pp_nav {
    clear: none;
    height: 30px;
    width: 110px;
    position: relative;
}

div.pp_default .pp_nav .currentTextHolder {
    font-family: Georgia;
    font-style: italic;
    color: #999;
    font-size: 11px;
    left: 75px;
    line-height: 25px;
    position: absolute;
    top: 2px;
    margin: 0;
    padding: 0 0 0 10px;
}

div.pp_default .pp_close:hover,
div.pp_default .pp_nav .pp_play:hover,
div.pp_default .pp_nav .pp_pause:hover,
div.pp_default .pp_arrow_next:hover,
div.pp_default .pp_arrow_previous:hover {
    opacity: 0.7;
}

div.pp_default .pp_description {
    font-size: 11px;
    font-weight: 700;
    line-height: 14px;
    margin: 5px 50px 5px 0;
}

div.pp_default .pp_bottom .pp_left {
    background: url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat;
}

div.pp_default .pp_bottom .pp_middle {
    background: url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x;
}

div.pp_default .pp_bottom .pp_right {
    background: url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat;
}

div.pp_default .pp_loaderIcon {
    background: url(../images/prettyPhoto/default/loader.gif) center center no-repeat;
}

div.light_rounded .pp_top .pp_left {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat;
}

div.light_rounded .pp_top .pp_right {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat;
}

div.light_rounded .pp_next:hover {
    background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;
    cursor: pointer;
}

div.light_rounded .pp_previous:hover {
    background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;
    cursor: pointer;
}

div.light_rounded .pp_expand {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;
    cursor: pointer;
}

div.light_rounded .pp_expand:hover {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;
    cursor: pointer;
}

div.light_rounded .pp_contract {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;
    cursor: pointer;
}

div.light_rounded .pp_contract:hover {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;
    cursor: pointer;
}

div.light_rounded .pp_close {
    width: 75px;
    height: 22px;
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;
    cursor: pointer;
}

div.light_rounded .pp_nav .pp_play {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px;
}

div.light_rounded .pp_nav .pp_pause {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px;
}

div.light_rounded .pp_arrow_previous {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat;
}

div.light_rounded .pp_arrow_next {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat;
}

div.light_rounded .pp_bottom .pp_left {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat;
}

div.light_rounded .pp_bottom .pp_right {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat;
}

div.dark_rounded .pp_top .pp_left {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat;
}

div.dark_rounded .pp_top .pp_right {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat;
}

div.dark_rounded .pp_content_container .pp_left {
    background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;
}

div.dark_rounded .pp_content_container .pp_right {
    background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;
}

div.dark_rounded .pp_next:hover {
    background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;
    cursor: pointer;
}

div.dark_rounded .pp_previous:hover {
    background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;
    cursor: pointer;
}

div.dark_rounded .pp_expand {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;
    cursor: pointer;
}

div.dark_rounded .pp_expand:hover {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;
    cursor: pointer;
}

div.dark_rounded .pp_contract {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;
    cursor: pointer;
}

div.dark_rounded .pp_contract:hover {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;
    cursor: pointer;
}

div.dark_rounded .pp_close {
    width: 75px;
    height: 22px;
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;
    cursor: pointer;
}

div.dark_rounded .pp_description {
    margin-right: 85px;
    color: #fff;
}

div.dark_rounded .pp_nav .pp_play {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px;
}

div.dark_rounded .pp_nav .pp_pause {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px;
}

div.dark_rounded .pp_arrow_previous {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat;
}

div.dark_rounded .pp_arrow_next {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat;
}

div.dark_rounded .pp_bottom .pp_left {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat;
}

div.dark_rounded .pp_bottom .pp_right {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat;
}

div.dark_rounded .pp_loaderIcon {
    background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;
}

div.dark_square .pp_left,
div.dark_square .pp_middle,
div.dark_square .pp_right,
div.dark_square .pp_content {
    background: #000;
}

div.dark_square .pp_description {
    color: #fff;
    margin: 0 85px 0 0;
}

div.dark_square .pp_loaderIcon {
    background: url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat;
}

div.dark_square .pp_expand {
    background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;
    cursor: pointer;
}

div.dark_square .pp_expand:hover {
    background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;
    cursor: pointer;
}

div.dark_square .pp_contract {
    background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;
    cursor: pointer;
}

div.dark_square .pp_contract:hover {
    background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;
    cursor: pointer;
}

div.dark_square .pp_close {
    width: 75px;
    height: 22px;
    background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;
    cursor: pointer;
}

div.dark_square .pp_nav {
    clear: none;
}

div.dark_square .pp_nav .pp_play {
    background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px;
}

div.dark_square .pp_nav .pp_pause {
    background: url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px;
}

div.dark_square .pp_arrow_previous {
    background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat;
}

div.dark_square .pp_arrow_next {
    background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat;
}

div.dark_square .pp_next:hover {
    background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;
    cursor: pointer;
}

div.dark_square .pp_previous:hover {
    background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;
    cursor: pointer;
}

div.light_square .pp_expand {
    background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;
    cursor: pointer;
}

div.light_square .pp_expand:hover {
    background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;
    cursor: pointer;
}

div.light_square .pp_contract {
    background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;
    cursor: pointer;
}

div.light_square .pp_contract:hover {
    background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;
    cursor: pointer;
}

div.light_square .pp_close {
    width: 75px;
    height: 22px;
    background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;
    cursor: pointer;
}

div.light_square .pp_nav .pp_play {
    background: url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px;
}

div.light_square .pp_nav .pp_pause {
    background: url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px;
}

div.light_square .pp_arrow_previous {
    background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;
}

div.light_square .pp_arrow_next {
    background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;
}

div.light_square .pp_next:hover {
    background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;
    cursor: pointer;
}

div.light_square .pp_previous:hover {
    background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;
    cursor: pointer;
}

div.facebook .pp_top .pp_left {
    background: url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat;
}

div.facebook .pp_top .pp_middle {
    background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x;
}

div.facebook .pp_top .pp_right {
    background: url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat;
}

div.facebook .pp_content_container .pp_left {
    background: url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y;
}

div.facebook .pp_content_container .pp_right {
    background: url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y;
}

div.facebook .pp_expand {
    background: url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;
    cursor: pointer;
}

div.facebook .pp_expand:hover {
    background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;
    cursor: pointer;
}

div.facebook .pp_contract {
    background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;
    cursor: pointer;
}

div.facebook .pp_contract:hover {
    background: url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;
    cursor: pointer;
}

div.facebook .pp_close {
    width: 22px;
    height: 22px;
    background: url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;
    cursor: pointer;
}

div.facebook .pp_description {
    margin: 0 37px 0 0;
}

div.facebook .pp_loaderIcon {
    background: url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat;
}

div.facebook .pp_arrow_previous {
    background: url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;
    height: 22px;
    margin-top: 0;
    width: 22px;
}

div.facebook .pp_arrow_previous.disabled {
    background-position: 0 -96px;
    cursor: default;
}

div.facebook .pp_arrow_next {
    background: url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;
    height: 22px;
    margin-top: 0;
    width: 22px;
}

div.facebook .pp_arrow_next.disabled {
    background-position: -32px -96px;
    cursor: default;
}

div.facebook .pp_nav {
    margin-top: 0;
}

div.facebook .pp_nav p {
    font-size: 15px;
    padding: 0 3px 0 4px;
}

div.facebook .pp_nav .pp_play {
    background: url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;
    height: 22px;
    width: 22px;
}

div.facebook .pp_nav .pp_pause {
    background: url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;
    height: 22px;
    width: 22px;
}

div.facebook .pp_next:hover {
    background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;
    cursor: pointer;
}

div.facebook .pp_previous:hover {
    background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;
    cursor: pointer;
}

div.facebook .pp_bottom .pp_left {
    background: url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat;
}

div.facebook .pp_bottom .pp_middle {
    background: url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x;
}

div.facebook .pp_bottom .pp_right {
    background: url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat;
}

div.pp_pic_holder a:focus {
    outline: none;
}

div.pp_overlay {
    background: #000;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9500;
}

div.pp_pic_holder {
    display: none;
    position: absolute;
    width: 100px;
    z-index: 10000;
}

.pp_content {
    height: 40px;
    min-width: 40px;
}

* html .pp_content {
    width: 40px;
}

.pp_content_container {
    position: relative;
    text-align: left;
    width: 100%;
}

.pp_content_container .pp_left {
    padding-left: 20px;
}

.pp_content_container .pp_right {
    padding-right: 20px;
}

.pp_content_container .pp_details {
    float: left;
    margin: 10px 0 2px;
}

.pp_description {
    display: none;
    margin: 0;
}

.pp_social {
    float: left;
    margin: 0;
}

.pp_social .facebook {
    display: none;
    float: left;
    margin-left: 5px;
    width: 55px;
    overflow: hidden;
}

.pp_social .twitter {
    display: none;
    float: left;
}

.pp_nav {
    clear: right;
    float: left;
    margin: 3px 10px 0 0;
}

.pp_nav p {
    float: left;
    white-space: nowrap;
    margin: 2px 4px;
}

.pp_nav .pp_play,
.pp_nav .pp_pause {
    float: left;
    margin-right: 4px;
    text-indent: -10000px;
}

a.pp_arrow_previous,
a.pp_arrow_next {
    display: block;
    float: left;
    height: 15px;
    margin-top: 3px;
    overflow: hidden;
    text-indent: -10000px;
    width: 14px;
}

.pp_hoverContainer {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2000;
}

.pp_gallery {
    display: none;
    left: 50%;
    margin-top: -50px;
    position: absolute;
    z-index: 10000;
}

.pp_gallery div {
    float: left;
    overflow: hidden;
    position: relative;
}

.pp_gallery ul {
    float: left;
    height: 35px;
    position: relative;
    white-space: nowrap;
    margin: 0 0 0 5px;
    padding: 0;
}

.pp_gallery ul a {
    border: 1px rgba(0, 0, 0, 0.5) solid;
    display: block;
    float: left;
    height: 33px;
    overflow: hidden;
}

.pp_gallery ul a img {
    border: 0;
}

.pp_gallery li {
    display: block;
    float: left;
    margin: 0 5px 0 0;
    padding: 0;
}

.pp_gallery li.default a {
    background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
    display: block;
    height: 33px;
    width: 50px;
}

.pp_gallery .pp_arrow_previous,
.pp_gallery .pp_arrow_next {
    margin-top: 7px !important;
}

a.pp_next {
    background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
    display: block;
    float: right;
    height: 100%;
    text-indent: -10000px;
    width: 49%;
}

a.pp_previous {
    background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
    display: block;
    float: left;
    height: 100%;
    text-indent: -10000px;
    width: 49%;
}

a.pp_expand,
a.pp_contract {
    cursor: pointer;
    display: none;
    height: 20px;
    position: absolute;
    right: 30px;
    text-indent: -10000px;
    top: 10px;
    width: 20px;
    z-index: 20000;
}

a.pp_close {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    line-height: 22px;
    text-indent: -10000px;
}

.pp_loaderIcon {
    display: block;
    height: 24px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 24px;
    margin: -12px 0 0 -12px;
}

#pp_full_res {
    line-height: 1 !important;
}

#pp_full_res .pp_inline {
    text-align: left;
}

#pp_full_res .pp_inline p {
    margin: 0 0 15px;
}

div.ppt {
    color: #fff;
    display: none;
    font-size: 17px;
    z-index: 9999;
    margin: 0 0 5px 15px;
}

div.pp_default .pp_content,
div.light_rounded .pp_content {
    background-color: #fff;
}

div.pp_default #pp_full_res .pp_inline,
div.light_rounded .pp_content .ppt,
div.light_rounded #pp_full_res .pp_inline,
div.light_square .pp_content .ppt,
div.light_square #pp_full_res .pp_inline,
div.facebook .pp_content .ppt,
div.facebook #pp_full_res .pp_inline {
    color: #000;
}

div.pp_default .pp_gallery ul li a:hover,
div.pp_default .pp_gallery ul li.selected a,
.pp_gallery ul a:hover,
.pp_gallery li.selected a {
    border-color: #fff;
}

div.pp_default .pp_details,
div.light_rounded .pp_details,
div.dark_rounded .pp_details,
div.dark_square .pp_details,
div.light_square .pp_details,
div.facebook .pp_details {
    position: relative;
}

div.light_rounded .pp_top .pp_middle,
div.light_rounded .pp_content_container .pp_left,
div.light_rounded .pp_content_container .pp_right,
div.light_rounded .pp_bottom .pp_middle,
div.light_square .pp_left,
div.light_square .pp_middle,
div.light_square .pp_right,
div.light_square .pp_content,
div.facebook .pp_content {
    background: #fff;
}

div.light_rounded .pp_description,
div.light_square .pp_description {
    margin-right: 85px;
}

div.light_rounded .pp_gallery a.pp_arrow_previous,
div.light_rounded .pp_gallery a.pp_arrow_next,
div.dark_rounded .pp_gallery a.pp_arrow_previous,
div.dark_rounded .pp_gallery a.pp_arrow_next,
div.dark_square .pp_gallery a.pp_arrow_previous,
div.dark_square .pp_gallery a.pp_arrow_next,
div.light_square .pp_gallery a.pp_arrow_previous,
div.light_square .pp_gallery a.pp_arrow_next {
    margin-top: 12px !important;
}

div.light_rounded .pp_arrow_previous.disabled,
div.dark_rounded .pp_arrow_previous.disabled,
div.dark_square .pp_arrow_previous.disabled,
div.light_square .pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default;
}

div.light_rounded .pp_arrow_next.disabled,
div.dark_rounded .pp_arrow_next.disabled,
div.dark_square .pp_arrow_next.disabled,
div.light_square .pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default;
}

div.light_rounded .pp_loaderIcon,
div.light_square .pp_loaderIcon {
    background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat;
}

div.dark_rounded .pp_top .pp_middle,
div.dark_rounded .pp_content,
div.dark_rounded .pp_bottom .pp_middle {
    background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
}

div.dark_rounded .currentTextHolder,
div.dark_square .currentTextHolder {
    color: #c4c4c4;
}

div.dark_rounded #pp_full_res .pp_inline,
div.dark_square #pp_full_res .pp_inline {
    color: #fff;
}

.pp_top,
.pp_bottom {
    height: 20px;
    position: relative;
}

* html .pp_top,
* html .pp_bottom {
    padding: 0 20px;
}

.pp_top .pp_left,
.pp_bottom .pp_left {
    height: 20px;
    left: 0;
    position: absolute;
    width: 20px;
}

.pp_top .pp_middle,
.pp_bottom .pp_middle {
    height: 20px;
    left: 20px;
    position: absolute;
    right: 20px;
}

* html .pp_top .pp_middle,
* html .pp_bottom .pp_middle {
    left: 0;
    position: static;
}

.pp_top .pp_right,
.pp_bottom .pp_right {
    height: 20px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}

.pp_fade,
.pp_gallery li.default a img {
    display: none;
}

.tab_stuff .left {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    margin-top: 20px;
}

.tab_stuff .left ul.tabs {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.tab_stuff .left ul.tabs li {
    background: none;
    list-style-type: none;
    color: #000000;
    background-color: #ffffff;
    display: inline-block;
    cursor: pointer;
    width: 100%;
    margin-bottom: 20px;
}

.tab_stuff .left ul.tabs li .arrow {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 56.5px 0 56.5px 23px;
    border-color: transparent transparent transparent #000000;
    display: inline-block;
    vertical-align: middle;
}

.tab_stuff .left ul.tabs li.current {
    background: #000000;
    color: #ffffff;
}

.tab_stuff .left ul.tabs li.current .arrow {
    border-color: transparent transparent transparent #ffffff;
}

.tab_stuff .left ul.tabs li p {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    font-size: 1.6vw;
    text-align: right;
    width: 80%;
    font-family: 'Raleway', sans-serif;
    font-weight: 900;
}

.tab_stuff .left ul.tabs li p span {
    font-size: 1.4vw;
    font-weight: 700;
}

.tab_stuff .left ul.tabs li:nth-of-type(2) .arrow {
    border-color: transparent transparent transparent #000000;
}

.tab_stuff .left ul.tabs li:nth-of-type(2).current {
    background-color: rgba(0, 0, 0, 0.5);
}

.tab_stuff .left ul.tabs li:nth-of-type(2).current .arrow {
    border-color: transparent transparent transparent #ffffff;
}

.tab_stuff .left ul.tabs li:nth-of-type(3) .arrow {
    border-color: transparent transparent transparent #000000;
}

.tab_stuff .left ul.tabs li:nth-of-type(3).current {
    background-color: rgba(0, 0, 0, 0.5);
    color: #000000;
}

.tab_stuff .left ul.tabs li:nth-of-type(3).current .arrow {
    border-color: transparent transparent transparent #ffffff;
}

.tab_stuff .left ul.tabs li:nth-of-type(4) .arrow {
    border-color: transparent transparent transparent #000000;
}

.tab_stuff .left ul.tabs li:nth-of-type(4).current {
    background-color: rgba(0, 0, 0, 0.5);
}

.tab_stuff .left ul.tabs li:nth-of-type(4).current .arrow {
    border-color: transparent transparent transparent #ffffff;
}

@media (max-width: 600px) {
    .tab_stuff .left {
        width: 100%;
    }
    .tab_stuff .left ul.tabs li {
        width: 24%;
        margin-bottom: 5px;
        vertical-align: top;
    }
    .tab_stuff .left ul.tabs li .arrow {
        border-width: 30px 0 30px 20px;
    }
    .tab_stuff .left ul.tabs li p {
        font-size: 3vw;
    }
    .tab_stuff .left ul.tabs li p span {
        font-size: 2vw;
    }
}

@media (max-width: 450px) {
    .tab_stuff .left ul.tabs li {
        width: 23%;
    }
    .tab_stuff .left ul.tabs li p {
        width: 65%;
    }
}

.tab_stuff .right {
    display: inline-block;
    width: 75%;
    vertical-align: top;
    overflow: hidden;
}

.tab_stuff .right .tab-content {
    margin: 20px;
    display: none;
    transition: all 1s;
    background-color: rgba(0, 0, 0, 0.3);
}

.tab_stuff .right .tab-content.current {
    display: inherit;
    transition: all 1s;
}

.tab_stuff .right .tab-content ul li {
    margin-bottom: 8px;
}

.tab_stuff .right .tab-content#tab-1 {
    width: 100%;
    background-color: transparent;
}

.tab_stuff .right .tab-content#tab-1 div {
    width: 100%;
}

.tab_stuff .right .tab-content#tab-4 div img {
    margin-top: -15%;
}

.tab_stuff .right .tab-content div {
    width: 34%;
    vertical-align: top;
    position: relative;
    display: inline-block;
}

.tab_stuff .right .tab-content div:first-of-type {
    overflow: hidden;
    width: 65%;
    max-height: 528px;
}

.tab_stuff .right .tab-content div:first-of-type img {
    width: 150%;
    height: auto;
    margin-left: -25%;
    margin-top: -25%;
    display: block;
}

.tab_stuff .right .tab-content div:nth-of-type(2) {
    margin-left: -5px;
}

.tab_stuff .right .tab-content div:nth-of-type(2) .inner {
    height: auto;
    width: auto;
}

@media (max-width: 740px) {
    .tab_stuff .right .tab-content div {
        width: 100%;
    }
    .tab_stuff .right .tab-content div:first-of-type {
        width: 100%;
    }
    .tab_stuff .right .tab-content div:first-of-type img {
        width: 100%;
        height: auto;
        margin-left: 0;
        display: block;
    }
}

@media (max-width: 600px) {
    .tab_stuff .right {
        width: 100%;
    }
    .tab_stuff .right .tab-content {
        width: 100%;
        margin: 0;
        transition: all 1s;
    }
    .tab_stuff .right .tab-content#tab-1 {
        width: 100%;
        background-color: transparent;
    }
    .tab_stuff .right .tab-content#tab-1 div {
        width: 100%;
    }
}

.omega {
    /*
  Max width before this PARTICULAR table gets nasty
  This query will take effect for any screen smaller than 760px
  and also iPads specifically.
  */
    /* Smartphones (portrait and landscape) ----------- */
    /* iPads (portrait and landscape) ----------- */
}

.omega table {
    background-color: #ffffff;
    margin-bottom: 20px;
    font-size: 16px;
    width: 100%;
}

.omega thead {
    background-color: #717171;
    font-size: 18px;
    color: #ffffff;
}

.omega th,
.omega td {
    padding: 5px;
}

@media (min-width: 1100px) {
    .omega thead {
        font-size: 18px;
    }
}

@media (max-width: 860px) {
    .omega table {
        font-size: 16px;
    }
}

@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {
    .omega {
        /* Force table to not be like tables anymore */
        /* Hide table headers (but not display: none;, for accessibility) */
    }
    .omega table,
    .omega thead,
    .omega tbody,
    .omega th,
    .omega td,
    .omega tr {
        display: block;
        font-size: 16px;
    }
    .omega thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .omega tr {
        border: 1px solid #ccc;
    }
    .omega tr:nth-of-type(even) {
        background-color: #717171;
    }
    .omega tr:nth-of-type(even) td {
        border-bottom: 1px solid #717171;
        color: #ffffff;
    }
    .omega td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
    }
    .omega td:before {
        display: inline-block;
        width: 50%;
        padding-right: 10px;
        white-space: nowrap;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .omega body {
        padding: 0;
        margin: 0;
        width: 320px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .omega body {
        width: 495px;
    }
}

.omega {
    width: 100%;
    margin: 0 auto;
}

.omega .alpha {
    width: 100%;
    display: block;
    position: relative;
}

.omega .alpha .logo {
    display: inline-block;
    width: 40%;
    position: relative;
    padding-left: 30px;
}

.omega .alpha .logo a:first-of-type {
    float: left;
    width: 50px;
}

.omega .alpha .logo img {
    width: 100%;
    display: inline-block;
}

.omega .alpha .logo h1 {
    font-family: 'Mr Dafoe', cursive;
    font-size: 50px;
    margin-top: 15px;
}

.omega .alpha .left {
    display: inline-block;
    width: 59%;
    position: relative;
    text-align: center;
}

.omega .alpha .left img {
    width: 50%;
    display: block;
    margin: 0 auto;
}

.omega .alpha .left h1 {
    font-family: 'Comic Neue', cursive;
    font-weight: 700;
    font-style: italic;
    margin-top: 10px;
    font-size: 45px;
}

.omega .beta {
    width: 100%;
    position: relative;
    display: block;
}

.omega .beta .header_image {
    width: 100%;
}

.omega .beta .header_image img {
    display: block;
    width: 100%;
}

.omega .gamma {
    width: 100%;
    position: relative;
    display: block;
    background-image: url("../images/icon_bg-min.jpg");
    background-size: 100%;
}

.omega .gamma .client_callouts {
    background-image: url("../images/icon_bg-min.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}

.omega .gamma .client_callouts ul {
    list-style-type: none;
    margin: 0;
    text-align: center;
    padding: 0;
}

.omega .gamma .client_callouts ul li {
    display: inline-block;
    width: 25%;
    position: relative;
    padding: 1% 0;
    vertical-align: middle;
}

.omega .gamma .client_callouts ul li img {
    width: 40%;
    display: block;
    margin: 0 auto;
}

.omega .gamma .client_callouts ul li:nth-of-type(1) img {
    width: 60%;
}

.omega .gamma .client_callouts ul li:nth-of-type(4) img {
    width: 75%;
}

.omega .gamma .client_callouts p {
    text-align: center;
    width: 100%;
    background-color: #626262;
    color: #b7b7b7;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}

.omega .gamma .client_callouts p a {
    color: #b7b7b7;
}

.omega .gamma .client_callouts p a:hover {
    color: #ffffff;
}

@media (max-width: 900px) {
    .omega .gamma .client_callouts p {
        font-size: 14px;
    }
}

.omega .gamma .service_callouts {
    background-image: url("../images/Ballroom-Audience-min.jpg");
    width: 100%;
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.omega .gamma .service_callouts ul {
    list-style-type: none;
    margin: 0;
    text-align: center;
    padding: 0;
}

.omega .gamma .service_callouts ul li {
    display: inline-block;
    width: 16%;
    position: relative;
    padding: 2% 0;
    vertical-align: top;
}

.omega .gamma .service_callouts ul li img {
    width: 50%;
    display: block;
    margin: 0 auto;
}

.omega .gamma .service_callouts ul li h5 {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
}

@media (max-width: 900px) {
    .omega .gamma .service_callouts ul li h5 {
        font-size: 14px;
        padding-left: 2%;
        padding-right: 2%;
    }
}

@media (max-width: 600px) {
    .omega .gamma .service_callouts ul li {
        width: 30%;
    }
}

@media (max-width: 350px) {
    .omega .gamma .service_callouts ul li {
        width: 45%;
    }
}

.omega .gamma .videos {
    display: block;
    width: 100%;
    position: relative;
    height: 810px;
    background-color: #d0d0d0;
}

.omega .gamma .videos .left {
    width: 25%;
    display: inline-block;
    position: relative;
    vertical-align: top;
    float: left;
}

.omega .gamma .videos .left h1 {
    color: #ffffff;
    background-color: #626262;
    font-weight: 700;
    text-align: center;
    font-size: 50px;
    margin: 0;
    padding: 1%;
    text-transform: uppercase;
}

.omega .gamma .videos .left ul.video_list {
    list-style-type: none;
    padding: 0;
    background-color: #d0d0d0;
    text-align: center;
    height: 730px;
    overflow-y: scroll;
}

.omega .gamma .videos .left ul.video_list li .inner {
    width: 100%;
}

.omega .gamma .videos .left ul.video_list li .inner h3 {
    color: #000000;
    background-color: transparent;
}

.omega .gamma .videos .left ul.video_list li .inner img {
    width: 83%;
    height: auto;
    margin: 0 auto;
}

.omega .gamma .videos .left ul.video_list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.omega .gamma .videos .left ul.video_list::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.omega .gamma .videos .left ul.video_list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #626262;
}

.omega .gamma .videos .video_right {
    width: 75%;
    display: inline-block;
    position: relative;
}

.omega .gamma .videos .video_right img {
    width: 100%;
    display: block;
    height: auto;
    max-height: 725px;
}

.omega .gamma .videos .video_right i {
    position: absolute;
    top: 30%;
    left: 40%;
    color: #ffffff;
    font-size: 300px;
}

.omega .gamma .videos .video_right p {
    position: absolute;
    bottom: 0;
    color: #ffffff;
    right: 0;
    padding: 1% 2%;
    font-size: 20px;
    font-weight: 700;
}

.omega .gamma .videos .video_right p a {
    color: #ffffff;
}

.omega .gamma .videos .video_right p a:hover {
    color: #717171;
}

@media (max-width: 1800px) {
    .omega .gamma .videos {
        height: 750px;
    }
    .omega .gamma .videos .left ul.video_list {
        height: 650px;
    }
}

@media (max-width: 1700px) {
    .omega .gamma .videos {
        height: 710px;
    }
    .omega .gamma .videos .left ul.video_list {
        height: 600px;
    }
}

@media (max-width: 1600px) {
    .omega .gamma .videos {
        height: 665px;
    }
    .omega .gamma .videos .left ul.video_list {
        height: 550px;
    }
}

@media (max-width: 1450px) {
    .omega .gamma .videos {
        height: 605px;
    }
    .omega .gamma .videos .left ul.video_list {
        height: 500px;
    }
}

@media (max-width: 1300px) {
    .omega .gamma .videos {
        height: 540px;
    }
    .omega .gamma .videos .left ul.video_list {
        height: 400px;
    }
}

@media (max-width: 1100px) {
    .omega .gamma .videos {
        height: auto;
    }
    .omega .gamma .videos .left {
        width: 100%;
    }
    .omega .gamma .videos .left h1 {
        font-size: 30px;
    }
    .omega .gamma .videos .left ul.video_list {
        height: 500px;
        width: 70%;
        margin: 0 auto;
    }
    .omega .gamma .videos .left ul.video_list li .inner a h3 {
        font-size: 16px;
    }
    .omega .gamma .videos .left ul.video_list li .inner a img {
        width: 30%;
    }
    .omega .gamma .videos .video_right {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .omega .gamma .videos .left ul.video_list {
        height: 300px;
        width: 80%;
        margin: 0 auto;
    }
    .omega .gamma .videos .left ul.video_list li .inner a h3 {
        font-size: 14px;
    }
    .omega .gamma .videos .left ul.video_list li .inner a img {
        width: 50%;
    }
}

.omega .gamma .events {
    width: 100%;
    display: inline-block;
    position: relative;
    float: left;
}

.omega .gamma .events h1 {
    color: #ffffff;
    background-color: #ed0c18;
    margin: 0;
    padding: 3% 2%;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
}

.omega .gamma .events ul.event_list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.omega .gamma .events ul.event_list li {
    background-color: #d0d0d0;
    padding: 1%;
}

.omega .gamma .events ul.event_list li .inner {
    padding: 1%;
}

.omega .gamma .events ul.event_list li .inner h1 {
    background-color: #e94e56;
    color: #ffffff;
    padding: 3%;
    display: inline-block;
    width: 15%;
    margin: 0;
    font-size: 70px;
    font-family: 'Open Sans', sans-serif;
    vertical-align: top;
}

.omega .gamma .events ul.event_list li .inner h1 span {
    font-size: 25px;
    position: relative;
    float: left;
    text-align: center;
    width: 100%;
}

.omega .gamma .events ul.event_list li .inner .right {
    position: relative;
    display: inline-block;
    width: 80%;
    padding-top: 1%;
    padding-left: 2%;
}

.omega .gamma .events ul.event_list li .inner .right p {
    color: #000000;
    background-color: transparent;
    text-align: left;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 16px;
    padding: 0;
}

.omega .gamma .events ul.event_list li .inner .right h3 {
    color: #626262;
    margin-top: 0;
    font-family: 'Open Sans', sans-serif;
}

.omega .gamma .events ul.event_list li .inner .right h3 a {
    color: #626262;
}

.omega .gamma .events ul.event_list li .inner .right h3 a:hover {
    color: #ffffff;
}

.omega .gamma .events ul.event_list li:nth-of-type(even) {
    background-color: #e7e6e6;
}

.omega .gamma .events p {
    color: #ffffff;
    background-color: #ea151c;
    text-align: center;
    padding: 2%;
    font-size: 22px;
    font-weight: 600;
    width: 100%;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
}

.omega .gamma .events p a {
    color: #ffffff;
    text-decoration: none;
}

.omega .gamma .events p a:hover {
    color: #717171;
}

@media (max-width: 1400px) {
    .omega .gamma .events ul.event_list li .inner h1 {
        font-size: 50px;
    }
}

@media (max-width: 1000px) {
    .omega .gamma .events {
        width: 100%;
    }
}

@media (max-width: 700px) {
    .omega .gamma .events h1 {
        font-size: 25px;
    }
    .omega .gamma .events ul.event_list li .inner h1 {
        font-size: 35px;
        text-align: center;
        width: 12%;
        padding: 2%;
    }
    .omega .gamma .events ul.event_list li .inner .right {
        width: 86%;
    }
    .omega .gamma .events ul.event_list li .inner .right h3 {
        font-size: 20px;
    }
    .omega .gamma .events p {
        font-size: 18px;
    }
}

@media (max-width: 600px) {
  .omega .gamma .events ul.event_list li .inner h1 {
    width: 50%;
    margin: 0 auto;
  }
  .omega .gamma .events ul.event_list {
    text-align: center;
  }
  .omega .gamma .events ul.event-list li .inner .right p {
    text-align: center;
  }
}

@media (max-width: 450px) {
    .omega .gamma .events h1 {
        font-size: 20px;
    }
    .omega .gamma .events ul.event_list li .inner h1 {
        font-size: 25px;
    }
    .omega .gamma .events ul.event_list li .inner .right h3 {
        font-size: 18px;
    }
}

.omega .gamma .social {
    width: 50%;
    display: inline-block;
    position: relative;
    background-color: #d0d0d0;
}

.omega .gamma .social h1 {
    color: #ffffff;
    background-color: #3b5998;
    margin: 0;
    padding: 3% 2%;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
}

.omega .gamma .social h1 i {
    float: right;
    color: #ffffff;
}

.omega .gamma .social h1 i:hover {
    color: #717171;
}

.omega .gamma .social #FeederNinja_d0e9cdced93441be8fa54fd13b083df0 {
    width: 80%;
    margin: 0 auto;
}

.omega .gamma .social p {
    color: #ffffff;
    background-color: #3b5998;
    text-align: center;
    padding: 2%;
    font-size: 22px;
    font-weight: 600;
    width: 100%;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
}

.omega .gamma .social p a {
    color: #ffffff;
    text-decoration: none;
}

.omega .gamma .social p a:hover {
    color: #717171;
}

@media (max-width: 1000px) {
    .omega .gamma .social {
        width: 100%;
    }
}

@media (max-width: 700px) {
    .omega .gamma .social h1 {
        font-size: 25px;
    }
    .omega .gamma .social p {
        font-size: 18px;
    }
}

@media (max-width: 450px) {
    .omega .gamma .social h1 {
        font-size: 20px;
    }
}

.omega .iota {
    display: block;
    position: relative;
    width: 100%;
    background-color: #ffffff;
}

.omega .iota .inner {
    padding: 2% 3%;
}

.omega .footer {
    width: 100%;
    position: relative;
    display: block;
    background-image: url("../images/icon_bg-min.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0 1% 2% 1%;
    clear: both;
}

.omega .footer .schedule {
    width: 100%;
    text-align: center;
    padding-bottom: 30px;
    padding-top: 40px;
}

.omega .footer .schedule h1 {
    font-family: 'Comic Neue', cursive;
    font-weight: 700;
    font-style: italic;
    font-size: 45px;
}

.omega .footer .schedule h1 a {
    color: white;
}

.omega .footer .schedule h1 a:hover {
    color: black;
}

.omega .footer .foot_logo {
    width: 35%;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    padding-left: 20px;
}

.omega .footer .foot_logo a:first-of-type {
    float: left;
    width: 50px;
}

.omega .footer .foot_logo img {
    width: 100%;
    display: block;
}

.omega .footer .foot_logo h1 {
    font-family: 'Mr Dafoe', cursive;
    font-size: 50px;
}

.omega .footer .location {
    width: 30%;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    font-family: 'Josefin Sans', sans-serif;
}

.omega .footer .location p {
    color: #ffffff;
    font-weight: 600;
    line-height: 1.3;
    font-size: 18px;
}

.omega .footer .location h3 {
    color: #ffffff;
    margin-top: 0px;
    margin-bottom: 10px;
    font-family: 'Josefin Sans', sans-serif;
}

.omega .footer .location .phone {
    font-size: 32px;
}

.omega .footer .location a {
    font-size: 18px;
    color: #ffffff;
}

.omega .footer .location p a {
    color: #ffffff;
}

.omega .footer .location p a:hover {
    color: #000000;
}

.omega .footer .mbti_logo {
    width: 10%;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.omega .footer .mbti_logo img {
    width: 45%;
    display: block;
}

.omega .logos {
    width: 100%;
    position: relative;
    display: block;
    background-image: url("../images/icon_bg-min.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 2% 1%;
    clear: both;
}

.omega .logos .logo_callouts {
  width: 100%;
  display: block;
  position: relative;
}

.omega .logos .logo_callouts ul {
  margin: 0;
  list-style-type: none;
  padding: 0;
}

.omega .logos .logo_callouts ul li {
  display: inline-block;
  width: 25%;
  text-align: center;
}

.omega .logos .logo_callouts ul li a img {
  max-width: 200px;
}

@media (max-width: 900px) {
    .omega .logos {
        background-size: 100%;
        background-repeat: repeat;
    }
    .omega .logos .logo_callouts ul li a img {
      width: 35%;
      height: auto;
      padding-top: 5%;
    }
    .omega .footer {
        background-size: 100%;
        background-repeat: repeat;
    }
    .omega .footer .foot_logo {
        width: 50%;
    }
    .omega .footer .foot_logo img {
        margin: 0 auto;
    }
    .omega .footer .location {
        width: 45%;
        padding-top: 3%;
    }
    .omega .footer .mbti_logo {
        width: 30%;
        text-align: center;
        padding-top: 2%;
    }
    .omega .footer .mbti_logo img {
        width: 35%;
        margin: 0 auto;
    }
}

@media (max-width: 500px) {
    .omega .footer .foot_logo {
        width: 100%;
    }
    .omega .footer .foot_logo {
        padding-left: 30px;
    }
    .omega .footer .location {
        width: 100%;
        text-align: center;
    }
    .omega .footer .location p {
        font-size: 15px;
    }
    .omega .footer .mbti_logo {
        width: 100%;
    }
    .omega .footer .mbti_logo img {
        width: 15%;
    }
}

.omega .red_bar {
    background-color: #ea151c;
    padding: 0.5%;
    width: 100%;
    position: relative;
    clear: both;
}

@media (max-width: 900px) {
    .omega .red_bar {
        padding: 1%;
    }
}


/** PRIMARY NAVIGATION **/

.primary_nav {
    position: relative;
    width: 100%;
    background-color: #717171;
    display: block;
}

.primary_nav ul {
    text-align: right;
    margin: 0;
    display: inline-block;
    width: 85%;
}

.primary_nav ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    list-style-type: none;
}

.primary_nav ul li a {
    color: #ffffff;
    text-decoration: none;
    font-weight: normal;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    transition: 1s all;
    font-weight: 700;
    text-transform: uppercase;
}

.primary_nav ul li a:hover {
    transition: 1s all;
    color: #000000;
}

.primary_nav .search {
    position: relative;
    display: inline-block;
    width: 14%;
    text-align: right;
}

@media (max-width: 1430px) {
    .primary_nav .search {
        width: 16%;
    }
    .primary_nav ul {
        width: 83%;
    }
}

@media (max-width: 1250px) {
    .primary_nav .search {
        width: 20%;
    }
    .primary_nav ul {
        width: 79%;
    }
}

@media (max-width: 1015px) {
    .primary_nav .search {
        width: 25%;
    }
    .primary_nav ul {
        width: 74%;
    }
}

@media (max-width: 900px) {
    .primary_nav .search {
        width: 100%;
        text-align: center;
        padding-bottom: 10px;
    }
    .primary_nav ul {
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 675px) {
    .primary_nav ul {
        text-align: center;
    }
    .primary_nav ul li {
        font-size: 14px;
    }
    .primary_nav ul li a {
        padding-left: 10px;
        padding-right: 10px;
    }
}


/** SECONDARY NAVIGATION **/

.secondary_nav {
    position: relative;
    z-index: 11;
    width: 100%;
    padding: 2%;
}

.secondary_nav ul {
    text-align: left;
    margin-right: 0px;
}

.secondary_nav ul li {
    display: block;
    *display: inline;
    *zoom: 1;
    list-style-type: none;
    padding-top: 12px;
    padding-bottom: 12px;
    transition: 1s all;
}

.secondary_nav ul li a {
    color: #ffffff;
    text-decoration: none;
    font-weight: normal;
    text-transform: uppercase;
    padding-left: 25px;
    padding-right: 24px;
    border-bottom: 1px solid #000000;
    transition: 1s all;
    font-weight: 700;
    font-size: 18px;
}

.secondary_nav ul li a:hover {
    color: #000000;
    transition: 1s all;
}

.secondary_nav ul li:last-of-type a {
    border-bottom: none;
}


/** FOOTER NAVIGATION **/

.footer_nav {
    position: relative;
    width: 13%;
    display: inline-block;
    vertical-align: middle;
}

.footer_nav p {
    color: #000000;
    text-transform: uppercase;
    line-height: 1;
    font-size: 20px;
    font-weight: 700;
    margin: 0;
}

.footer_nav ul {
    text-align: left;
    margin: 0;
}

.footer_nav ul li {
    display: block;
    *display: inline;
    *zoom: 1;
    list-style-type: none;
}

.footer_nav ul li a {
    color: #ffffff;
    text-decoration: none;
    font-weight: normal;
    padding-left: 0px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 0px;
    transition: 1s all;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 1;
}

.footer_nav ul li a:hover {
    transition: 1s all;
    color: #000000;
}

@media (max-width: 900px) {
    .footer_nav {
        width: 50%;
        text-align: center;
        padding-top: 4%;
    }
    .footer_nav ul {
        text-align: center;
    }
}

@media (max-width: 500px) {
    .footer_nav {
        width: 100%;
    }
    .footer_nav p {
        font-size: 15px;
    }
    .footer_nav ul li {
        font-size: 15px;
    }
    .footer_nav ul li a {
        font-size: 15px;
    }
}

.container2 {
    float: left;
    width: 100%;
    position: relative;
    right: 45%;
}

@media (max-width: 800px) {
    .container2 {
        right: auto;
    }
}

.container2 .container1 {
    float: left;
    width: 100%;
    background: #626262;
    position: relative;
    right: 35%;
}

@media (max-width: 800px) {
    .container2 .container1 {
        right: auto;
    }
}

.container2 .container1 .col1 {
    position: relative;
    overflow: hidden;
    float: left;
    width: 20%;
    left: 80%;
}

.container2 .container1 .col1 .inner {
    padding: 10px;
}

.container2 .container1 .col1 .inner ul {
    margin-left: 20px;
    padding-left: 0px;
}

.container2 .container1 .col1 .inner ul li {
    display: list-item;
    list-style-type: disc;
    line-height: 1.7;
}

@media (max-width: 800px) {
    .container2 .container1 .col1 {
        width: 100%;
        background-color: #626262;
        padding-bottom: 0px;
        padding-top: 10px;
        left: auto;
    }
}

.container2 .container1 .col2 {
    position: relative;
    overflow: hidden;
    float: left;
    width: 76%;
    left: 82%;
}

.container2 .container1 .col2 .inner {
    padding: 20px 0;
}

.container2 .container1 .col2 .inner ul {
    margin-left: 20px;
    padding-left: 0px;
}

.container2 .container1 .col2 .inner ul li {
    display: list-item;
    list-style-type: disc;
    line-height: 1.7;
    margin-left: 15px;
}

.container2 .container1 .col2 .inner .ccm-block-page-list-pages .ccm-block-page-list-page-entry .ccm-block-page-list-page-entry-text .ccm-block-page-list-title {
    font-size: 16px;
    line-height: 1.7;
    color: #ed0c18;
}

.container2 .container1 .col2 .inner .ccm-block-page-list-pages .ccm-block-page-list-page-entry .ccm-block-page-list-page-entry-text .ccm-block-page-list-title a {
    font-size: 16px;
    line-height: 1.7;
    color: #ed0c18;
}

.container2 .container1 .col2 .inner .ccm-block-page-list-pages .ccm-block-page-list-page-entry .ccm-block-page-list-page-entry-text .ccm-block-page-list-title a:hover {
    color: #717171;
}

@media (max-width: 800px) {
    .container2 .container1 .col2 {
        width: 100%;
        background-color: #ffffff;
        padding: 0;
        padding-top: 10px;
        left: auto;
    }
    .container2 .container1 .col2 h2,
    .container2 .container1 .col2 h4,
    .container2 .container1 .col2 p,
    .container2 .container1 .col2 ul {
        padding: 0 20px;
    }
    .container2 .container1 .col2 .main_body {
        padding-left: 2%;
        padding-right: 2%;
    }
}

html body {
    font-family: 'Raleway', sans-serif;
}

html .red-text {
    color: #ed0c18;
    font-weight: 600;
}

html .italic_headline {
    font-style: italic !important;
}

html h1 {
    font-family: 'Raleway', sans-serif;
    font-size: 35px;
    color: #ed0c18;
    font-weight: 700;
}

html h1 a {
    color: #000000;
}

html h1 a:hover {
    color: #ffffff;
}

html h2 {
    font-family: 'Raleway', sans-serif;
    font-size: 30px;
    color: #626262;
    font-weight: 600;
}

html h2 a {
    color: #ed0c18;
}

html h2 a:hover {
    color: #626262;
}

html h2 em {
    font-style: italic;
}

html h3 {
    font-family: 'Raleway', sans-serif;
    font-size: 26px;
    color: #626262;
    font-weight: 600;
}

html h3 a {
    color: #ed0c18;
}

html h3 a:hover {
    color: #626262;
}

html h4 {
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
    color: #717171;
    font-weight: 500;
}

html h4 a {
    color: #ed0c18;
}

html h4 a:hover {
    color: #626262;
}

html h5 {
    font-family: 'Raleway', sans-serif;
    font-size: 20px;
    color: #ed0c18;
    font-weight: 500;
}

html h5 a {
    color: #ed0c18;
}

html h5 a:hover {
    color: #626262;
}

html p {
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    color: #000000;
    font-weight: 500;
    line-height: 1.7;
}

html p a {
    color: #ed0c18;
}

html p a:hover {
    color: #717171;
}

html ol li {
    color: #000000;
    font-size: 16px;
    font-weight: 500;
}

html ol li a {
    color: #000000;
}

html ol li a:hover {
    color: #ffffff;
}

html ul li {
    font-weight: 500;
    color: #000000;
    font-size: 16px;
    line-height: 1.7;
}

html ul li a {
    color: #ed0c18;
}

html ul li a:hover {
    color: #717171;
}

label {
    font-size: 18px;
}

@media (max-width: 1300px){
    .omega .alpha .logo {
        width: 100%;
    }
    .omega .alpha .left {
        width: 100%;
        padding-right: 50px;
        text-align: right;
    }
}

@media (max-width: 1200px){
    .omega .footer .foot_logo h1 {
        font-size: 48px;
    }
}

@media (max-width: 768px){
    .omega .alpha .left {
        padding-right: 25px;
    }
    .omega .alpha .left h1 {
        font-size: 30px;
    }
}

@media (max-width: 710px){
    .omega .footer .foot_logo h1 {
        
    }
}

@media (max-width: 420px){
    .omega .alpha .logo h1 {
        font-size: 40px;
    }
}

@media (max-width: 375px){
    .omega .footer .foot_logo h1 {
        font-size: 40px;
    }
}