/**
 * prettyphoto
 */
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(../img/prettyPhoto/default/sprite.png) -78px -93px no-repeat;
}

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

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

/* Top right corner */

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

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

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

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

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

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

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

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

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

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

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

/* Close button */
div.pp_default #pp_full_res .pp_inline {
    color: #000;
}

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

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

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(../img/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 .pp_details {
    position: relative;
}

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

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

/* The next arrow in the bottom nav */
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;
    margin: 0;
    padding:0 0 0 10px;
    position: absolute;
    top: 2px;
}

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: bold;
    line-height: 14px;
    margin: 5px 50px 5px 0;
}

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

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

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

/* Bottom right corner */

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

/* Loader icon */

/* ----------------------------------
Light Rounded Theme
----------------------------------- */

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

/* Top left corner */
div.light_rounded .pp_top .pp_middle {
    background: #fff;
}

/* Top pattern/color */
div.light_rounded .pp_top .pp_right {
    background: url(../img/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat;
}

/* Top right corner */

div.light_rounded .pp_content .ppt {
    color: #000;
}

div.light_rounded .pp_content_container .pp_left,
div.light_rounded .pp_content_container .pp_right {
    background: #fff;
}

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

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

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

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

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

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

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

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

/* Close button */
div.light_rounded .pp_details {
    position: relative;
}

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

div.light_rounded #pp_full_res .pp_inline {
    color: #000;
}

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

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

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

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

/* The previous arrow in the bottom nav */
div.light_rounded .pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default;
}

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

/* The next arrow in the bottom nav */
div.light_rounded .pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default;
}

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

/* Bottom left corner */
div.light_rounded .pp_bottom .pp_middle {
    background: #fff;
}

/* Bottom pattern/color */
div.light_rounded .pp_bottom .pp_right {
    background: url(../img/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat;
}

/* Bottom right corner */

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

/* Loader icon */

/* ----------------------------------
Dark Rounded Theme
----------------------------------- */

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

/* Top left corner */
div.dark_rounded .pp_top .pp_middle {
    background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
}

/* Top pattern/color */
div.dark_rounded .pp_top .pp_right {
    background: url(../img/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat;
}

/* Top right corner */

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

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

/* Right Content background */
div.dark_rounded .pp_content {
    background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
}

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

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

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

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

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

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

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

/* Close button */
div.dark_rounded .pp_details {
    position: relative;
}

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

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

div.dark_rounded .pp_description {
    color: #fff;
}

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

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

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

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

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

/* The previous arrow in the bottom nav */
div.dark_rounded .pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default;
}

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

/* The next arrow in the bottom nav */
div.dark_rounded .pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default;
}

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

/* Bottom left corner */
div.dark_rounded .pp_bottom .pp_middle {
    background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
}

/* Bottom pattern/color */
div.dark_rounded .pp_bottom .pp_right {
    background: url(../img/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat;
}

/* Bottom right corner */

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

/* Loader icon */

/* ----------------------------------
Dark Square Theme
----------------------------------- */

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 .currentTextHolder {
    color: #c4c4c4;
}

div.dark_square .pp_description {
    color: #fff;
}

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

/* Loader icon */

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

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

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

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

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

/* Close button */
div.dark_square .pp_details {
    position: relative;
}

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

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

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

div.dark_square .pp_nav {
    clear: none;
}

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

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

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

/* The previous arrow in the bottom nav */
div.dark_square .pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default;
}

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

/* The next arrow in the bottom nav */
div.dark_square .pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default;
}

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

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

/* Previous button */

/* ----------------------------------
Light Square Theme
----------------------------------- */

div.light_square .pp_left,
div.light_square .pp_middle,
div.light_square .pp_right,
div.light_square .pp_content {
    background: #fff;
}

div.light_square .pp_content .ppt {
    color: #000;
}

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

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

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

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

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

/* Close button */
div.light_square .pp_details {
    position: relative;
}

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

div.light_square #pp_full_res .pp_inline {
    color: #000;
}

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

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

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

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

/* The previous arrow in the bottom nav */
div.light_square .pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default;
}

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

/* The next arrow in the bottom nav */
div.light_square .pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default;
}

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

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

/* Previous button */

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

/* Loader icon */

/* ----------------------------------
Facebook style Theme
----------------------------------- */

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

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

/* Top pattern/color */
div.facebook .pp_top .pp_right {
    background: url(../img/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat;
}

/* Top right corner */

div.facebook .pp_content .ppt {
    color: #000;
}

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

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

/* Content background */
div.facebook .pp_content {
    background: #fff;
}

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

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

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

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

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

/* Close button */
div.facebook .pp_details {
    position: relative;
}

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

div.facebook #pp_full_res .pp_inline {
    color: #000;
}

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

/* Loader icon */

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

/* The previous arrow in the bottom nav */
div.facebook .pp_arrow_previous.disabled {
    background-position: 0 -96px;
    cursor: default;
}

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

/* The next arrow in the bottom nav */
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(../img/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;
    height: 22px;
    width: 22px;
}

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

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

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

/* Previous button */

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

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

/* Bottom pattern/color */
div.facebook .pp_bottom .pp_right {
    background: url(../img/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat;
}

/* Bottom right corner */

/* ------------------------------------------------------------------------
DO NOT CHANGE
------------------------------------------------------------------------- */

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: 9999;
}

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

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

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

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

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

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

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

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

* html .pp_content {
    width: 40px;
}

.pp_fade {
    display: none;
}

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

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

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

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

.pp_social .twitter {
    float: left;
}

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

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

.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;
    margin: 0 0 0 5px;
    padding:0;
    position: relative;
    white-space: nowrap;
}

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

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

.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(../img/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
    display: block;
    height: 33px;
    width: 50px;
}

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

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

a.pp_next {
    background: url(../img/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(../img/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_bottom {
    height: 20px;
    position: relative;
}

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

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

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

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

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

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

#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 0;
}

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

/* pretty print */
.pln {
    color: #bada55 !important;
}

pre .str {
    color: #F16863 !important;
}

pre .kwd {
    color: #4bb1b1 !important;
}

pre .com {
    color: #999999 !important;
}

pre .typ {
    color: #ef7c61 !important;
}

pre .lit {
    color: #bcd42a !important;
}

pre .pun,
pre .opn,
pre .clo {
    color: #ffffff !important;
}

pre .tag {
    color: #4bb1b1 !important;
}

pre .atn {
    color: #ef7c61 !important;
}

pre .atv {
    color: #bcd42a !important;
}

pre .dec,
pre .var {
    color: #660066 !important;
}

pre .fun {
    color: #ff0000 !important;
}

pre.prettyprint {
    background: #222222 !important;
    border: none !important;
    display: block;
    overflow: hidden;
    padding:25px !important;
    margin-top: 25px;
    margin-bottom: 25px;
    border-radius: 2px;
    white-space: pre-wrap;
    word-wrap: break-word;
    font-family: monospace;
}

pre.prettyprint span {
    font-size: 13px !important;
    font-family: monospace !important;
    font-weight: 600 !important;
}

/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
    margin-top: 0;
    margin-bottom: 0;
    color: #AEAEAE;
}

/* IE indents via margin-left */
li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 {
    list-style-type: none
}

/* Alternate shading for lines */
li.L1, li.L3, li.L5, li.L7, li.L9 {
}
/**
 | ---------------------------------------------------------------
 | Workless by @iKreativ is a CSS base framework to get your 
 | project of the ground as fast as possible.
 | 
 | It is split into a number of seperate CSS files which allows
 | you to use as much, or as little as you please.
 |
 | You'll notice that this file contains the Base styles only 
 | then all other CSS is loaded seperately. This is not 
 | recommended. Once you've decided which parts of Workless you 
 | are going to use, then simply copy/paste them all into a 
 | single CSS file to reduce HTTP requests!
 | ---------------------------------------------------------------
 */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/**
 * HTML5 display definitions
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
    margin: 0 auto;
}

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

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

[hidden] {
    display: none;
}

figure {
    margin: 0;
}

/* @end HTML5 display definitions */

/**
 * Base
 */
html,
body {
    margin: 0;
    padding:0;
}

body {
    width: 100%;
    overflow-x: hidden;
}

/* @end Base */

/**
 * Embedded Content
 */
img {
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
    border: 0;
    outline: 0;
    -webkit-transition: 250ms linear all;
    -moz-transition: 250ms linear all;
    transition: 250ms linear all;
}

/*img:hover {
    filter: alpha(opacity=75);
    -khtml-opacity: 0.75;
    -moz-opacity: 0.75;
    opacity: 0.75;
}
*/
/* correct overflow not hidden in IE9 */
svg:not(:root) {
    overflow: hidden;
}

/* @end Embedded content *//**
 * Typography
 */
html {
    font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
}

body {
    line-height: 1.231;
    text-rendering: optimizeLegibility;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

a {
    font-weight: inherit;
    font-size: inherit;
    text-decoration: none;
    -webkit-transition: 250ms linear all;
    -moz-transition: 250ms linear all;
    transition: 250ms linear all;
}

a:focus {
    outline: 0;
}

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

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

b,
strong {
    color: inherit;
    font-weight: 600 !important;
}

blockquote,
blockquote p {
    width: 100%;
    background: #f3f3f3;
    font-size: 18px;
    font-weight: 500;
    position: relative;
    z-index: 5;
    float: left;
    margin: 10px 0 25px 0;
    padding:25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

span.fancyamp {
    font-family: Baskerville, Palatino, "Book Antiqua", serif;
    font-style: italic;
    color: inherit;
    font-size: inherit;
}

dfn {
    font-style: italic;
}

hr {
    display: inline-block;
    height: 0px;
    width: 100%;
    border: 0;
    border-bottom:1px solid #f3f3f3;
    padding:0;
    margin: 15px 0 40px 0;
}

ins {
    background: #ffffe0;
    text-decoration: none;
}

mark {
    background: #ffffe0;
    font-style: italic;
    font-weight: bold;
}

address {
    display: block;
    line-height: 18px;
    margin-bottom: 18px;
}

pre,
code,
kbd,
samp {
    font-family: monospace;
}

code {
    background: #f9f9f9;
    border: 1px solid #eeeeee;
    padding:3px 5px;
    border-radius: 3px;
    font-size: 12px;
}

pre {
    display: block;
    overflow: hidden;
    padding:10px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 2px;
    white-space: pre-wrap;
    word-wrap: break-word;
    font-family: monospace;
    font-size: 13px;
}

q {
    quotes: none;
}

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

small {
    font-size: 0.5em;
}

/**
 * Position subscript and superscript 
 * content without affecting line-height. 
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/**
 * Give paragraphs some default styling. 
 */
p {
    line-height: 12px;
    margin: 0 0 1em 0;
}

p.snippet {
    font-size: 18px;
    line-height: 12px;
    color: #888888;
}

p.snippet:after {
    display: block;
    height: 2px;
    background-color: #aaaaaa;
    content: " ";
    width: 35px;
    margin-top: 25px;
}

/**
 * Lists
 */
ul,
ol {
    margin: 0 0 15px 0;
    padding:0;
}

ul ul,
ul ol,
ol ol,
ol ul {
    margin-bottom: 0;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

ol.roman {
    list-style: upper-roman;
}

li {
    line-height: 28px;
}

dl {
    margin-bottom: 15px;
}

dl dt {
    font-weight: bold;
}

dl dd {
    margin-left: 9px;
}

ul, ol {
    margin: 0 0 10px 20px;
    padding:0;
}

dd {
    margin: 0 0 0 20px;
}

/**
 * Set heading styles 
 */
h1, h2, h3, h4, h5, h6 {
    font-weight: 800;
    margin: 0 0 1em 0;
    line-height: 1.2em;
}

h1 {
    font-size: 180%;
}

h2 {
    font-size: 160%;
}

h3 {
    font-size: 140%;
}

h4 {
    font-size: 120%;
}

h5 {
    font-size: 110%;
}

h6 {
    font-size: 12px;
}

.small-title {
    text-align: center;
    margin-bottom: 50px;
    font-weight: 600;
}

.small-title:after {
    display: block;
    height: 2px;
    background-color: #555555;
    content: " ";
    margin-left: auto;
    margin-right: auto;
    width: 50px;
    margin-top: 15px;
}

.small-title i {
    line-height: 50px;
    font-size: 28px;
}

/**
 * We probably don't want list-styles if it's in a navigation. 
 */
nav ul,
nav ol,
#nav ul,
#nav ol,
#navigation ul,
#navigation ol,
.nav {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding:0;
}/**
 * Forms
 */
form {
    margin: 0;
}

form ul {
    margin: 5px 0 5px 0;
    padding:0;
}

form ul li {
    list-style: none;
}

fieldset {
    margin: 5px 0 15px 0;
    padding:25px;
}

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

fieldset ul li {
    list-style: none;
}

/**
 * Indicate that 'label' will shift focus 
 * to the associated form element 
 */
label {
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
}

legend {
    border: 0;
    padding:0;
    font-size: 14px;
    font-weight: bold;
}

button,
input,
select,
textarea {
    vertical-align: baseline;
    *vertical-align: middle;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

button,
input[type="reset"],
input[type="submit"],
input[type="button"] {
    width: auto;
    background: #111111;
    border: none;
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    padding:15px 25px;
    margin-bottom: 1.5em;
    color: #ffffff;
    text-decoration: none;
    position: relative;
    z-index: 999;
    cursor: pointer;
    border-radius: 0px;
    -webkit-transition: 250ms linear all;
    -moz-transition: 250ms linear all;
    transition: 250ms linear all;
}

/*button:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
    background: #111111 !important;
    color: #ffffff !important;
}*/

button:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
    background: #111111 !important;
    color: #ffffff !important;
}

input[type="text"],
input[type="number"],
input[type="password"],
input[type="email"],
input[type="number"],
textarea {
    width: 100%;
    background: #f1f1f1;
    font-size: 14px;
    /*padding:15px;*/
    border: none;
    border-radius: 3px;
}

select {
    background: transparent;
    height: 50px;
    font-size: 15px;
    padding:5px 15px;
    margin-bottom: 20px;
    color: #111111;
    border: 1px solid #111111;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
}

input[type="file"] {
    padding:5px;
    border: 1px solid #111111;
}

textarea {
    min-height: 100px;
    margin-bottom: 10px;
}

input.blue,
textarea.blue {
    border: 1px solid #2daebf;
}

input.orange,
textarea.orange {
    border: 1px solid #ff5c00;
}

input.red,
textarea.red {
    border: 1px solid #ff2b25;
}

input.green,
textarea.green {
    border: 1px solid #91bd09;
}

label.blue,
label.orange,
label.red,
label.green {
    width: 100%;
    font-size: 12px;
    font-weight: normal;
    float: left;
    margin: 0 0 5px 2px;
}

label.blue {
    color: #2daebf;
}

label.orange {
    color: #ff5c00;
}

label.red {
    color: #ff2b25;
}

label.green {
    color: #91bd09;
}

/** 
 * Colors for form validity 
 */
label.error {
    color: #D34047;
    width: 100%;
    display: block;
    font-size: 13px;
    font-weight: 400;
    margin-top: 5px;
    margin-bottom: 15px;
    margin-left: 5px;
    text-align: left;
    float: left;
}

input.error {
    border: 2px solid #FBE3E3;
}

input[type="text"].error,
input[type="password"].error,
input[type="numbers"].error,
textarea.error {
    border: 1px solid #FBE3E3;
}

label span.required {
    color: #FBE3E3;
}

label span.info {
    filter: alpha(opacity=50);
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
}/**
 * Tables
 */
table {
    background: #ffffff;
    width: 100%;
    margin-bottom: 18px;
    padding:0;
    border-collapse: separate;
    font-size: 13px;
}

table thead {
    background: #111111;
    color: #ffffff;
    border: none;
}

table th,
table td {
    padding:15px;
    line-height: 13.5px;
    text-align: left;
    vertical-align: middle;
    border-top: 1px solid #eeeeee;
}

table th {
    font-weight: bold;
    border-top: none;
}

.table-striped tbody tr:nth-child(odd) td {
    background-color: #f9f9f9;
}

.table-striped tbody tr:hover td {
    background-color: #f5f5f5;
}/**
 * Buttons
 */
.button {
    width: auto;
    background: #ffffff;
    border: none;
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    padding:15px 20px;
    margin-bottom: 1.5em;
    color: #ffffff !important;
    text-decoration: none;
    position: relative;
    z-index: 999;
    cursor: pointer;
    border-radius: 0px;
    -webkit-transition: 250ms linear all;
    -moz-transition: 250ms linear all;
    transition: 250ms linear all;
}

a.button {
    color: #ffffff !important;
}

.small.button {
    font-size: 13px;
}

.medium.button {
    font-size: 14px;
    line-height: 1;
}

.large.button {
    font-size: 15px;
    padding:15px 30px;
}

.rounded.button {
    border-radius: 25px;
}

/**
 * Pink
 */
.pink.button {
    border-color: #fe57a1 !important;
    color: #fe57a1 !important;
}

/**
 * Green
 */
.green.button {
    border-color: #60bfb1 !important;
    color: #60bfb1 !important;
}

/**
 * Blue
 */
.blue.button {
    border-color: #2daebf !important;
    color: #2daebf !important;
}

/**
 * Red
 */
.red.button {
    border-color: #ff0000 !important;
    color: #ff0000 !important;
}

/**
 * Magenta
 */
.magenta.button {
    border-color: #a9014b !important;
    color: #a9014b !important;
}

/**
 * Orange
 */
.orange.button {
    border-color: #F16863 !important;
    color: #F16863 !important;
}

/**
 * Yellow
 */
.yellow.button {
    border-color: #ffb515 !important;
    color: #ffb515 !important;
}

/* states */
.button:hover {
    background: #111111 !important;
    color: #ffffff !important;
}

.button:active {
    top: 1px;
}/**
 * Repeatable backgrounds
 */
.bg-axiom {
    background: url("../img/backgrounds/bg_axiom.png") repeat;
}

.bg-azsubtle {
    background: url("../img/backgrounds/bg_azsubtle.png") repeat;
}

.bg-backpattern {
    background: url("../img/backgrounds/bg_backpattern.png") repeat;
}

.bg-bedgegrunge {
    background: url("../img/backgrounds/bg_bedgegrunge.png") repeat;
}

.bg-birds {
    background: url("../img/backgrounds/bg_birds.png") repeat;
}

.bg-blackthread {
    background: url("../img/backgrounds/bg_blackthread.png") repeat;
}

.bg-brightsquares {
    background: url("../img/backgrounds/bg_brightsquares.png") repeat;
}

.bg-bullseyes {
    background: url("../img/backgrounds/bg_bullseyes.png") repeat;
}

.bg-cartographer {
    background: url("../img/backgrounds/bg_cartographer.png") repeat;
}

.bg-circles {
    background: url("../img/backgrounds/bg_circles.png") repeat;
}

.bg-classyfabric {
    background: url("../img/backgrounds/bg_classyfabric.png") repeat;
}

.bg-crackle {
    background: url("../img/backgrounds/bg_crackle.png") repeat;
}

.bg-crisscross {
    background: url("../img/backgrounds/bg_crisscross.png") repeat;
}

.bg-debutdark {
    background: url("../img/backgrounds/bg_debutdark.png") repeat;
}

.bg-debutlight {
    background: url("../img/backgrounds/bg_debutlight.png") repeat;
}

.bg-decalees {
    background: url("../img/backgrounds/bg_decalees.png") repeat;
}

.bg-diagonalstriped {
    background: url("../img/backgrounds/bg_diagonalstriped.png") repeat;
}

.bg-diagonalwaves {
    background: url("../img/backgrounds/bg_diagonalwaves.png") repeat;
}

.bg-diamond {
    background: url("../img/backgrounds/bg_diamond.png") repeat;
}

.bg-escheresque {
    background: url("../img/backgrounds/bg_escheresque.png") repeat;
}

.bg-geometric {
    background: url("../img/backgrounds/bg_geometric.png") repeat;
}

.bg-gplay {
    background: url("../img/backgrounds/bg_gplay.png") repeat;
}

.bg-grayjean {
    background: url("../img/backgrounds/bg_grayjean.png") repeat;
}

.bg-grey {
    background: url("../img/backgrounds/bg_grey.png") repeat;
}

.bg-hexabump {
    background: url("../img/backgrounds/bg_hexabump.png") repeat;
}

.bg-illusion {
    background: url("../img/backgrounds/bg_illusion.png") repeat;
}

.bg-leather {
    background: url("../img/backgrounds/bg_leather.png") repeat;
}

.bg-lens {
    background: url("../img/backgrounds/bg_lens.png") repeat;
}

.bg-linedpaper {
    background: url("../img/backgrounds/bg_linedpaper.png") repeat;
}

.bg-nistri {
    background: url("../img/backgrounds/bg_nistri.png") repeat;
}

.bg-none {
    background: url("../img/backgrounds/bg_none.png") repeat;
}

.bg-norwegian {
    background: url("../img/backgrounds/bg_norwegian.png") repeat;
}

.bg-oliva {
    background: url("../img/backgrounds/bg_oliva.png") repeat;
}

.bg-psychedelic {
    background: url("../img/backgrounds/bg_psychedelic.png") repeat;
}

.bg-px {
    background: url("../img/backgrounds/bg_px.png") repeat;
}

.bg-retinawood {
    background: url("../img/backgrounds/bg_retinawood.png") repeat;
}

.bg-ricepaper {
    background: url("../img/backgrounds/bg_ricepaper.png") repeat;
}

.bg-robots {
    background: url("../img/backgrounds/bg_robots.png") repeat;
}

.bg-shattered {
    background: url("../img/backgrounds/bg_shattered.png") repeat;
}

.bg-straws {
    background: url("../img/backgrounds/bg_straws.png") repeat;
}

.bg-subtledots {
    background: url("../img/backgrounds/bg_subtledots.png") repeat;
}

.bg-swirl {
    background: url("../img/backgrounds/bg_swirl.png") repeat;
}

.bg-tactile {
    background: url("../img/backgrounds/bg_tactile.png") repeat;
}

.bg-tasky {
    background: url("../img/backgrounds/bg_tasky.png") repeat;
}

.bg-tinygrid {
    background: url("../img/backgrounds/bg_tinygrid.png") repeat;
}

.bg-tire {
    background: url("../img/backgrounds/bg_tire.png") repeat;
}

.bg-type {
    background: url("../img/backgrounds/bg_type.png") repeat;
}

.bg-vichy {
    background: url("../img/backgrounds/bg_vichy.png") repeat;
}

.bg-wavecut {
    background: url("../img/backgrounds/bg_wavecut.png") repeat;
}

.bg-weave {
    background: url("../img/backgrounds/bg_weave.png") repeat;
}

.bg-whitediamond {
    background: url("../img/backgrounds/bg_whitediamond.png") repeat;
}

.bg-whitewall {
    background: url("../img/backgrounds/bg_whitewall.png") repeat;
}

.bg-wood {
    background: url("../img/backgrounds/bg_wood.png") repeat;
}

.bg-worndots {
    background: url("../img/backgrounds/bg_worndots.png") repeat;
}

.bg-woven {
    background: url("../img/backgrounds/bg_woven.png") repeat;
}

.bg-xv {
    background: url("../img/backgrounds/bg_xv.png") repeat;
}

/* @end Repeatable backgrounds *//** 
 * Alerts 
 */
.alert {
    text-align: center;
    width: 100%;
    font-size: 14px;
    background-color: #e6e6e6;
    margin-top: 25px;
    margin-bottom: 25px;
    padding:10px 15px;
    color: #5A6C7F;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.alert p {
    color: #5A6C7F;
    margin-bottom: 0;
    font-size: 14px;
}

.alert-info {
    background: #E4F4FD;
    color: #407EA1;
}

.alert-success {
    background: #E6F4D8;
    color: #61801B;
}

.alert-warning {
    background: #F9F9D5;
    color: #7C7548;
}

.alert-error {
    background: #FBE3E3;
    color: #D34047;
}

.close {
    float: right;
    margin-top: -6px;
    color: inherit;
    font-size: 20px;
    font-weight: bold;
    text-shadow: 0 1px 0 #ffffff;
    filter: alpha(opacity=20);
    -khtml-opacity: 0.2;
    -moz-opacity: 0.2;
    opacity: 0.2;
}

.close:hover {
    text-decoration: none;
    filter: alpha(opacity=40);
    -khtml-opacity: 0.4;
    -moz-opacity: 0.4;
    opacity: 0.4;
}

/* @end Alerts *//**
 * Pagination 
*/
.pagination {
    margin: 0;
    float: left;
    width: 100%;
}

.pagination ul {
    float: left;
    margin: 0;
    padding:0;
}

.pagination ul li {
    list-style: none;
    float: left;
    margin-right: 3px;
}

.pagination ul li a {
    background: #dddddd;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
    background-image: -moz-linear-gradient(#ffffff, #dddddd);
    background-image: -ms-linear-gradient(#ffffff, #dddddd);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
    background-image: -webkit-linear-gradient(#ffffff, #dddddd);
    background-image: -o-linear-gradient(#ffffff, #dddddd);
    background-image: linear-gradient(#ffffff, #dddddd);
    border: 1px solid;
    border-color: #dddddd #bbbbbb #999999;
    cursor: pointer;
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    float: left;
    padding:5px 9px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.pagination ul li a:hover,
.pagination ul li.active a {
    background: #ffffff;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#dddddd), to(#ffffff));
    background-image: -moz-linear-gradient(#dddddd, #ffffff);
    background-image: -ms-linear-gradient(#dddddd, #ffffff);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #ffffff));
    background-image: -webkit-linear-gradient(#dddddd, #ffffff);
    background-image: -o-linear-gradient(#dddddd, #ffffff);
    background-image: linear-gradient(#dddddd, #ffffff);
    border: 1px solid;
    border-color: #999999 #bbbbbb #dddddd;
    font-size: 12px;
    font-weight: bold;
}

.pagination ul li.inactive a {
    background-color: none;
    color: #313131;
}

.pagination ul li.inactive a:hover {
    color: #313131;
}

.pagination ul li.next a {
    border: 0;
}

/* @end Pagination */
/**
 * Breadcrumbs 
*/
.breadcrumbs {
    padding:7px 14px 10px 14px;
    margin: 0 0 18px;
    background-color: #fbfbfb;
    background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));
    background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
    background-image: linear-gradient(top, #ffffff, #f5f5f5);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
}

.breadcrumbs li {
    display: inline;
    font-size: 13px;
    color: #333333;
    text-shadow: 0 1px 0 #ffffff;
}

.breadcrumbs .active a {
    color: #333333;
}

/* @end Breadcrumbs */
@font-face {
    font-family: 'Elusive-Icons';
    src: url('../fonts/Elusive-Icons.eot');
    src: url('../fonts/Elusive-Icons.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Elusive-Icons.ttf') format('truetype'),
    url('../fonts/Elusive-Icons.woff') format('woff'),
    url('../fonts/Elusive-Icons.svg#Elusive-Icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"] {
    font-family: 'Elusive-Icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-zoom-out:before {
    content: "\e600";
}

.icon-zoom-in:before {
    content: "\e601";
}

.icon-youtube:before {
    content: "\e602";
}

.icon-wrench-alt:before {
    content: "\e603";
}

.icon-wrench:before {
    content: "\e604";
}

.icon-wordpress:before {
    content: "\e605";
}

.icon-wheelchair:before {
    content: "\e606";
}

.icon-website-alt:before {
    content: "\e607";
}

.icon-website:before {
    content: "\e608";
}

.icon-warning-sign:before {
    content: "\e609";
}

.icon-w3c:before {
    content: "\e60a";
}

.icon-volume-up:before {
    content: "\e60b";
}

.icon-volume-off:before {
    content: "\e60c";
}

.icon-volume-down:before {
    content: "\e60d";
}

.icon-vkontakte:before {
    content: "\e60e";
}

.icon-vimeo:before {
    content: "\e60f";
}

.icon-view-mode:before {
    content: "\e610";
}

.icon-video-chat:before {
    content: "\e611";
}

.icon-video-alt:before {
    content: "\e612";
}

.icon-video:before {
    content: "\e613";
}

.icon-viadeo:before {
    content: "\e614";
}

.icon-user:before {
    content: "\e615";
}

.icon-usd:before {
    content: "\e616";
}

.icon-upload:before {
    content: "\e617";
}

.icon-unlock-alt:before {
    content: "\e618";
}

.icon-unlock:before {
    content: "\e619";
}

.icon-universal-access:before {
    content: "\e61a";
}

.icon-twitter:before {
    content: "\e61b";
}

.icon-tumblr:before {
    content: "\e61c";
}

.icon-trash-alt:before {
    content: "\e61d";
}

.icon-trash:before {
    content: "\e61e";
}

.icon-torso:before {
    content: "\e61f";
}

.icon-tint:before {
    content: "\e620";
}

.icon-time-alt:before {
    content: "\e621";
}

.icon-time:before {
    content: "\e622";
}

.icon-thumbs-up:before {
    content: "\e623";
}

.icon-thumbs-down:before {
    content: "\e624";
}

.icon-th-list:before {
    content: "\e625";
}

.icon-th-large:before {
    content: "\e626";
}

.icon-th:before {
    content: "\e627";
}

.icon-text-width:before {
    content: "\e628";
}

.icon-text-height:before {
    content: "\e629";
}

.icon-tasks:before {
    content: "\e62a";
}

.icon-tags:before {
    content: "\e62b";
}

.icon-tag:before {
    content: "\e62c";
}

.icon-stumbleupon:before {
    content: "\e62d";
}

.icon-stop-alt:before {
    content: "\e62e";
}

.icon-stop:before {
    content: "\e62f";
}

.icon-step-forward:before {
    content: "\e630";
}

.icon-step-backward:before {
    content: "\e631";
}

.icon-star-empty:before {
    content: "\e632";
}

.icon-star-alt:before {
    content: "\e633";
}

.icon-star:before {
    content: "\e634";
}

.icon-stackoverflow:before {
    content: "\e635";
}

.icon-spotify:before {
    content: "\e636";
}

.icon-speaker:before {
    content: "\e637";
}

.icon-soundcloud:before {
    content: "\e638";
}

.icon-smiley-alt:before {
    content: "\e639";
}

.icon-smiley:before {
    content: "\e63a";
}

.icon-slideshare:before {
    content: "\e63b";
}

.icon-skype:before {
    content: "\e63c";
}

.icon-signal:before {
    content: "\e63d";
}

.icon-shopping-cart-sign:before {
    content: "\e63e";
}

.icon-shopping-cart:before {
    content: "\e63f";
}

.icon-share-alt:before {
    content: "\e640";
}

.icon-share:before {
    content: "\e641";
}

.icon-search-alt:before {
    content: "\e642";
}

.icon-search:before {
    content: "\e643";
}

.icon-screenshot:before {
    content: "\e644";
}

.icon-screen-alt:before {
    content: "\e645";
}

.icon-screen:before {
    content: "\e646";
}

.icon-scissors:before {
    content: "\e647";
}

.icon-rss:before {
    content: "\e648";
}

.icon-road:before {
    content: "\e649";
}

.icon-reverse-alt:before {
    content: "\e64a";
}

.icon-retweet:before {
    content: "\e64b";
}

.icon-return-key:before {
    content: "\e64c";
}

.icon-resize-vertical:before {
    content: "\e64d";
}

.icon-resize-small:before {
    content: "\e64e";
}

.icon-resize-horizontal:before {
    content: "\e64f";
}

.icon-resize-full:before {
    content: "\e650";
}

.icon-repeat-alt:before {
    content: "\e651";
}

.icon-repeat:before {
    content: "\e652";
}

.icon-remove-sign:before {
    content: "\e653";
}

.icon-remove-circle:before {
    content: "\e654";
}

.icon-remove:before {
    content: "\e655";
}

.icon-refresh:before {
    content: "\e656";
}

.icon-reddit:before {
    content: "\e657";
}

.icon-record:before {
    content: "\e658";
}

.icon-random:before {
    content: "\e659";
}

.icon-quotes-alt:before {
    content: "\e65a";
}

.icon-quotes:before {
    content: "\e65b";
}

.icon-question-sign:before {
    content: "\e65c";
}

.icon-question:before {
    content: "\e65d";
}

.icon-qrcode:before {
    content: "\e65e";
}

.icon-puzzle:before {
    content: "\e65f";
}

.icon-print:before {
    content: "\e660";
}

.icon-podcast:before {
    content: "\e661";
}

.icon-plus-sign:before {
    content: "\e662";
}

.icon-plus:before {
    content: "\e663";
}

.icon-play-circle:before {
    content: "\e664";
}

.icon-play-alt:before {
    content: "\e665";
}

.icon-play:before {
    content: "\e666";
}

.icon-plane:before {
    content: "\e667";
}

.icon-pinterest:before {
    content: "\e668";
}

.icon-picture:before {
    content: "\e669";
}

.icon-picasa:before {
    content: "\e66a";
}

.icon-photo-alt:before {
    content: "\e66b";
}

.icon-photo:before {
    content: "\e66c";
}

.icon-phone-alt:before {
    content: "\e66d";
}

.icon-phone:before {
    content: "\e66e";
}

.icon-person:before {
    content: "\e66f";
}

.icon-pencil-alt:before {
    content: "\e670";
}

.icon-pencil:before {
    content: "\e671";
}

.icon-pause-alt:before {
    content: "\e672";
}

.icon-pause:before {
    content: "\e673";
}

.icon-path:before {
    content: "\e674";
}

.icon-paper-clip-alt:before {
    content: "\e675";
}

.icon-paper-clip:before {
    content: "\e676";
}

.icon-opensource:before {
    content: "\e677";
}

.icon-ok-sign:before {
    content: "\e678";
}

.icon-ok-circle:before {
    content: "\e679";
}

.icon-ok:before {
    content: "\e67a";
}

.icon-off:before {
    content: "\e67b";
}

.icon-network:before {
    content: "\e67c";
}

.icon-myspace:before {
    content: "\e67d";
}

.icon-music:before {
    content: "\e67e";
}

.icon-move:before {
    content: "\e67f";
}

.icon-minus-sign:before {
    content: "\e680";
}

.icon-minus:before {
    content: "\e681";
}

.icon-mic-alt:before {
    content: "\e682";
}

.icon-mic:before {
    content: "\e683";
}

.icon-map-marker-alt:before {
    content: "\e684";
}

.icon-map-marker:before {
    content: "\e685";
}

.icon-male:before {
    content: "\e686";
}

.icon-magnet:before {
    content: "\e687";
}

.icon-magic:before {
    content: "\e688";
}

.icon-lock-alt:before {
    content: "\e689";
}

.icon-lock:before {
    content: "\e68a";
}

.icon-livejournal:before {
    content: "\e68b";
}

.icon-list-alt:before {
    content: "\e68c";
}

.icon-list:before {
    content: "\e68d";
}

.icon-linkedin:before {
    content: "\e68e";
}

.icon-link:before {
    content: "\e68f";
}

.icon-lines:before {
    content: "\e690";
}

.icon-leaf:before {
    content: "\e691";
}

.icon-lastfm:before {
    content: "\e692";
}

.icon-laptop-alt:before {
    content: "\e693";
}

.icon-laptop:before {
    content: "\e694";
}

.icon-key:before {
    content: "\e695";
}

.icon-italic:before {
    content: "\e696";
}

.icon-iphone-home:before {
    content: "\e697";
}

.icon-instagram:before {
    content: "\e698";
}

.icon-info-sign:before {
    content: "\e699";
}

.icon-indent-right:before {
    content: "\e69a";
}

.icon-indent-left:before {
    content: "\e69b";
}

.icon-inbox-box:before {
    content: "\e69c";
}

.icon-inbox-alt:before {
    content: "\e69d";
}

.icon-inbox:before {
    content: "\e69e";
}

.icon-idea-alt:before {
    content: "\e69f";
}

.icon-idea:before {
    content: "\e6a0";
}

.icon-hourglass:before {
    content: "\e6a1";
}

.icon-home-alt:before {
    content: "\e6a2";
}

.icon-home:before {
    content: "\e6a3";
}

.icon-heart-empty:before {
    content: "\e6a4";
}

.icon-heart-alt:before {
    content: "\e6a5";
}

.icon-heart:before {
    content: "\e6a6";
}

.icon-hearing-impaired:before {
    content: "\e6a7";
}

.icon-headphones:before {
    content: "\e6a8";
}

.icon-hdd:before {
    content: "\e6a9";
}

.icon-hand-up:before {
    content: "\e6aa";
}

.icon-hand-right:before {
    content: "\e6ab";
}

.icon-hand-left:before {
    content: "\e6ac";
}

.icon-hand-down:before {
    content: "\e6ad";
}

.icon-guidedog:before {
    content: "\e6ae";
}

.icon-group-alt:before {
    content: "\e6af";
}

.icon-group:before {
    content: "\e6b0";
}

.icon-graph-alt:before {
    content: "\e6b1";
}

.icon-graph:before {
    content: "\e6b2";
}

.icon-googleplus:before {
    content: "\e6b3";
}

.icon-globe-alt:before {
    content: "\e6b4";
}

.icon-globe:before {
    content: "\e6b5";
}

.icon-glasses:before {
    content: "\e6b6";
}

.icon-glass:before {
    content: "\e6b7";
}

.icon-github-text:before {
    content: "\e6b8";
}

.icon-github:before {
    content: "\e6b9";
}

.icon-gift:before {
    content: "\e6ba";
}

.icon-gbp:before {
    content: "\e6bb";
}

.icon-fullscreen:before {
    content: "\e6bc";
}

.icon-friendfeed-rect:before {
    content: "\e6bd";
}

.icon-friendfeed:before {
    content: "\e6be";
}

.icon-foursquare:before {
    content: "\e6bf";
}

.icon-forward-alt:before {
    content: "\e6c0";
}

.icon-forward:before {
    content: "\e6c1";
}

.icon-fork:before {
    content: "\e6c2";
}

.icon-fontsize:before {
    content: "\e6c3";
}

.icon-font:before {
    content: "\e6c4";
}

.icon-folder-sign:before {
    content: "\e6c5";
}

.icon-folder-open:before {
    content: "\e6c6";
}

.icon-folder-close:before {
    content: "\e6c7";
}

.icon-folder:before {
    content: "\e6c8";
}

.icon-flickr:before {
    content: "\e6c9";
}

.icon-flag-alt:before {
    content: "\e6ca";
}

.icon-flag:before {
    content: "\e6cb";
}

.icon-fire:before {
    content: "\e6cc";
}

.icon-filter:before {
    content: "\e6cd";
}

.icon-film:before {
    content: "\e6ce";
}

.icon-file-new-alt:before {
    content: "\e6cf";
}

.icon-file-new:before {
    content: "\e6d0";
}

.icon-file-edit-alt:before {
    content: "\e6d1";
}

.icon-file-edit:before {
    content: "\e6d2";
}

.icon-file-alt:before {
    content: "\e6d3";
}

.icon-file:before {
    content: "\e6d4";
}

.icon-female:before {
    content: "\e6d5";
}

.icon-fast-forward:before {
    content: "\e6d6";
}

.icon-fast-backward:before {
    content: "\e6d7";
}

.icon-facetime-video:before {
    content: "\e6d8";
}

.icon-facebook:before {
    content: "\e6d9";
}

.icon-eye-open:before {
    content: "\e6da";
}

.icon-eye-close:before {
    content: "\e6db";
}

.icon-exclamation-sign:before {
    content: "\e6dc";
}

.icon-eur:before {
    content: "\e6dd";
}

.icon-error-alt:before {
    content: "\e6de";
}

.icon-error:before {
    content: "\e6df";
}

.icon-envelope-alt:before {
    content: "\e6e0";
}

.icon-envelope:before {
    content: "\e6e1";
}

.icon-eject:before {
    content: "\e6e2";
}

.icon-edit:before {
    content: "\e6e3";
}

.icon-dribbble:before {
    content: "\e6e4";
}

.icon-download-alt:before {
    content: "\e6e5";
}

.icon-download:before {
    content: "\e6e6";
}

.icon-digg:before {
    content: "\e6e7";
}

.icon-deviantart:before {
    content: "\e6e8";
}

.icon-delicious:before {
    content: "\e6e9";
}

.icon-dashboard:before {
    content: "\e6ea";
}

.icon-css:before {
    content: "\e6eb";
}

.icon-credit-card:before {
    content: "\e6ec";
}

.icon-compass-alt:before {
    content: "\e6ed";
}

.icon-compass:before {
    content: "\e6ee";
}

.icon-comment-alt:before {
    content: "\e6ef";
}

.icon-comment:before {
    content: "\e6f0";
}

.icon-cogs:before {
    content: "\e6f1";
}

.icon-cog-alt:before {
    content: "\e6f2";
}

.icon-cog:before {
    content: "\e6f3";
}

.icon-cloud-alt:before {
    content: "\e6f4";
}

.icon-cloud:before {
    content: "\e6f5";
}

.icon-circle-arrow-up:before {
    content: "\e6f6";
}

.icon-circle-arrow-right:before {
    content: "\e6f7";
}

.icon-circle-arrow-left:before {
    content: "\e6f8";
}

.icon-circle-arrow-down:before {
    content: "\e6f9";
}

.icon-child:before {
    content: "\e6fa";
}

.icon-chevron-up:before {
    content: "\e6fb";
}

.icon-chevron-right:before {
    content: "\e6fc";
}

.icon-chevron-left:before {
    content: "\e6fd";
}

.icon-chevron-down:before {
    content: "\e6fe";
}

.icon-check-empty:before {
    content: "\e6ff";
}

.icon-check:before {
    content: "\e700";
}

.icon-certificate:before {
    content: "\e701";
}

.icon-cc:before {
    content: "\e702";
}

.icon-caret-up:before {
    content: "\e703";
}

.icon-caret-right:before {
    content: "\e704";
}

.icon-caret-left:before {
    content: "\e705";
}

.icon-caret-down:before {
    content: "\e706";
}

.icon-car:before {
    content: "\e707";
}

.icon-camera:before {
    content: "\e708";
}

.icon-calendar-sign:before {
    content: "\e709";
}

.icon-calendar:before {
    content: "\e70a";
}

.icon-bullhorn:before {
    content: "\e70b";
}

.icon-bulb:before {
    content: "\e70c";
}

.icon-brush:before {
    content: "\e70d";
}

.icon-broom:before {
    content: "\e70e";
}

.icon-briefcase:before {
    content: "\e70f";
}

.icon-braille:before {
    content: "\e710";
}

.icon-bookmark-empty:before {
    content: "\e711";
}

.icon-bookmark:before {
    content: "\e712";
}

.icon-book:before {
    content: "\e713";
}

.icon-bold:before {
    content: "\e714";
}

.icon-blogger:before {
    content: "\e715";
}

.icon-blind:before {
    content: "\e716";
}

.icon-bell:before {
    content: "\e717";
}

.icon-behance:before {
    content: "\e718";
}

.icon-barcode:before {
    content: "\e719";
}

.icon-ban-circle:before {
    content: "\e71a";
}

.icon-backward:before {
    content: "\e71b";
}

.icon-asl:before {
    content: "\e71c";
}

.icon-arrow-up:before {
    content: "\e71d";
}

.icon-arrow-right:before {
    content: "\e71e";
}

.icon-arrow-left:before {
    content: "\e71f";
}

.icon-arrow-down:before {
    content: "\e720";
}

.icon-align-right:before {
    content: "\e721";
}

.icon-align-left:before {
    content: "\e722";
}

.icon-align-justify:before {
    content: "\e723";
}

.icon-align-center:before {
    content: "\e724";
}

.icon-adult:before {
    content: "\e725";
}

.icon-adjust-alt:before {
    content: "\e726";
}

.icon-adjust:before {
    content: "\e727";
}

.icon-address-book-alt:before {
    content: "\e728";
}

.icon-address-book:before {
    content: "\e729";
}

.icon-asterisk:before {
    content: "\e72a";
}
/**
 * Labels and notifications
 */
.notification {
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    line-height: 14px;
    color: #ffffff;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #999999;
    padding:5px 8px 4px 8px;
    border-radius: 25px;
}

.notification.red {
    background-color: #ff2b25;
}

.notification.orange {
    background-color: #F16863;
}

.notification.green {
    background-color: #91bd09;
}

.notification.blue {
    background-color: #2daebf;
}

.notification.pink {
    background-color: #fe57a1;
}

.notification.magenta {
    background-color: #a9014b;
}

.notification.yellow {
    background-color: #ffb515;
}

.notification.flat {
    border-bottom:none;
    box-shadow: none;
}

/**
 * Box shadows 
 */
.box_shadow {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

/**
 * Highlight
 */
.highlight {
    background: #FFF7A8;
    color: #444444;
}

/**
 * Cancel list styles
 */
.nolist {
    list-style: none;
    margin: 0;
    padding:0;
}

/**
 * Cancel margins 
 */
.ntm {
    margin-top: 0;
}

.nbm {
    margin-bottom: 0;
}

.nlm {
    margin-left: 0;
}

.nrm {
    margin-right: 0;
}

/**
 * Cancel borders
 */
.nb {
    border: none;
}

.ntb {
    border: none;
}

.nbb {
    border: none;
}

.nlb {
    border: none;
}

.nrb {
    border: none;
}

/**
 * Colors 
 */
.muted {
    color: #888888;
}

/**
 * Positioning 
 */
.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.aligncenter {
    float: none !important;
    margin: 0 auto;
    text-align: center;
}

.textleft {
    text-align: left;
}

.textright {
    text-align: right;
}

.textcenter {
    text-align: center;
}

.inline {
    display: inline;
}

/**
 * Hide from screenreaders and browsers. 
 */
.hidden {
    display: none !important;
    visibility: hidden;
}

/**
 * Hide only visually, but have it available 
 * for screenreaders. 
 */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding:0;
    position: absolute;
    width: 1px;
}

/**
 * Extends the .visuallyhidden class to allow 
 * the element to be focusable when navigated 
 * to via the keyboard. 
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/**
 * Hide visually and from screenreaders, but 
 * maintain layout 
 */
.invisible {
    visibility: hidden;
}

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

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

/**
 * Misc
 */
.help-text {
    font-size: 12px;
}

.overflowhidden {
    overflow: hidden;
}/**
 * Scaffolding
 */
.boxed {
    width: 60%;
    max-width: 1140px;
    margin: 0 auto;
    padding:0;
    position: relative;
}

.one_full {
    width: 100%;
    margin: 0;
    float: left;
}

.one_half,
.one_third,
.two_third,
.one_quarter,
.one_fifth {
    margin: 0;
    padding-right: 25px;
    padding-bottom: 15px;
    float: left;
}

.one_full {
    width: 100%;
}

.one_half {
    width: 50%;
}

.one_third {
    width: 33.33333%;
}

.two_third {
    width: 66.66666%;
}

.one_quarter {
    width: 25%;
}

.one_fifth {
    width: 20%;
}

/* @end Scaffolding *//**
 * Print styles
 */
@media print {
    * {
        background: transparent !important;
        color: black !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

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

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

}

/* @end Print styles */
/**
 * Zoom hover
 */
.zoomy {
    -webkit-transition: 250ms linear all;
    -moz-transition: 250ms linear all;
    transition: 250ms linear all;
}

.zoomy:hover {
    -webkit-transform: scale(1.8) rotate(-5deg);
    -moz-transform: scale(1.8) rotate(-5deg);
    transform: scale(1.8) rotate(-5deg);
}

/**
 * Animations
 */
body {
    -webkit-backface-visibility: hidden;
}

.animated {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
}

@-webkit-keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}

@-moz-keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}

@-o-keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}

.animated.flash {
    -webkit-animation-name: flash;
    -moz-animation-name: flash;
    -o-animation-name: flash;
    animation-name: flash;
}

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
    }
}

@-moz-keyframes shake {
    0%, 100% {
        -moz-transform: translateX(0);
    }
    10%, 30%, 50%, 70%, 90% {
        -moz-transform: translateX(-10px);
    }
    20%, 40%, 60%, 80% {
        -moz-transform: translateX(10px);
    }
}

@-o-keyframes shake {
    0%, 100% {
        -o-transform: translateX(0);
    }
    10%, 30%, 50%, 70%, 90% {
        -o-transform: translateX(-10px);
    }
    20%, 40%, 60%, 80% {
        -o-transform: translateX(10px);
    }
}

@keyframes shake {
    0%, 100% {
        transform: translateX(0);
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translateX(-10px);
    }
    20%, 40%, 60%, 80% {
        transform: translateX(10px);
    }
}

.animated.shake {
    -webkit-animation-name: shake;
    -moz-animation-name: shake;
    -o-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
    }
}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-30px);
    }
    60% {
        -moz-transform: translateY(-15px);
    }
}

@-o-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -o-transform: translateY(0);
    }
    40% {
        -o-transform: translateY(-30px);
    }
    60% {
        -o-transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-30px);
    }
    60% {
        transform: translateY(-15px);
    }
}

.animated.bounce {
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    -o-animation-name: bounce;
    animation-name: bounce;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
    }
    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
    }
    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
    }
}

@-moz-keyframes tada {
    0% {
        -moz-transform: scale(1);
    }
    10%, 20% {
        -moz-transform: scale(0.9) rotate(-3deg);
    }
    30%, 50%, 70%, 90% {
        -moz-transform: scale(1.1) rotate(3deg);
    }
    40%, 60%, 80% {
        -moz-transform: scale(1.1) rotate(-3deg);
    }
    100% {
        -moz-transform: scale(1) rotate(0);
    }
}

@-o-keyframes tada {
    0% {
        -o-transform: scale(1);
    }
    10%, 20% {
        -o-transform: scale(0.9) rotate(-3deg);
    }
    30%, 50%, 70%, 90% {
        -o-transform: scale(1.1) rotate(3deg);
    }
    40%, 60%, 80% {
        -o-transform: scale(1.1) rotate(-3deg);
    }
    100% {
        -o-transform: scale(1) rotate(0);
    }
}

@keyframes tada {
    0% {
        transform: scale(1);
    }
    10%, 20% {
        transform: scale(0.9) rotate(-3deg);
    }
    30%, 50%, 70%, 90% {
        transform: scale(1.1) rotate(3deg);
    }
    40%, 60%, 80% {
        transform: scale(1.1) rotate(-3deg);
    }
    100% {
        transform: scale(1) rotate(0);
    }
}

.animated.tada {
    -webkit-animation-name: tada;
    -moz-animation-name: tada;
    -o-animation-name: tada;
    animation-name: tada;
}

@-webkit-keyframes swing {
    20%, 40%, 60%, 80%, 100% {
        -webkit-transform-origin: top center;
    }
    20% {
        -webkit-transform: rotate(15deg);
    }
    40% {
        -webkit-transform: rotate(-10deg);
    }
    60% {
        -webkit-transform: rotate(5deg);
    }
    80% {
        -webkit-transform: rotate(-5deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
    }
}

@-moz-keyframes swing {
    20% {
        -moz-transform: rotate(15deg);
    }
    40% {
        -moz-transform: rotate(-10deg);
    }
    60% {
        -moz-transform: rotate(5deg);
    }
    80% {
        -moz-transform: rotate(-5deg);
    }
    100% {
        -moz-transform: rotate(0deg);
    }
}

@-o-keyframes swing {
    20% {
        -o-transform: rotate(15deg);
    }
    40% {
        -o-transform: rotate(-10deg);
    }
    60% {
        -o-transform: rotate(5deg);
    }
    80% {
        -o-transform: rotate(-5deg);
    }
    100% {
        -o-transform: rotate(0deg);
    }
}

@keyframes swing {
    20% {
        transform: rotate(15deg);
    }
    40% {
        transform: rotate(-10deg);
    }
    60% {
        transform: rotate(5deg);
    }
    80% {
        transform: rotate(-5deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

.animated.swing {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    -moz-animation-name: swing;
    -o-animation-name: swing;
    animation-name: swing;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

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

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

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

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

.animated.wobble {
    -webkit-animation-name: wobble;
    -moz-animation-name: wobble;
    -o-animation-name: wobble;
    animation-name: wobble;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

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

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

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

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

.animated.pulse {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -o-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
    }
}

@-moz-keyframes flip {
    0% {
        -moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -moz-animation-timing-function: ease-out;
    }
    40% {
        -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -moz-animation-timing-function: ease-out;
    }
    50% {
        -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -moz-animation-timing-function: ease-in;
    }
    80% {
        -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -moz-animation-timing-function: ease-in;
    }
    100% {
        -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -moz-animation-timing-function: ease-in;
    }
}

@-o-keyframes flip {
    0% {
        -o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -o-animation-timing-function: ease-out;
    }
    40% {
        -o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -o-animation-timing-function: ease-out;
    }
    50% {
        -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -o-animation-timing-function: ease-in;
    }
    80% {
        -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -o-animation-timing-function: ease-in;
    }
    100% {
        -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -o-animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        animation-timing-function: ease-out;
    }
    40% {
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        animation-timing-function: ease-out;
    }
    50% {
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function: ease-in;
    }
    80% {
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        animation-timing-function: ease-in;
    }
    100% {
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flip;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flip;
    -o-backface-visibility: visible !important;
    -o-animation-name: flip;
    backface-visibility: visible !important;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@-moz-keyframes flipInX {
    0% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -moz-transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -moz-transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@-o-keyframes flipInX {
    0% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -o-transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -o-transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.animated.flipInX {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flipInX;
    -o-backface-visibility: visible !important;
    -o-animation-name: flipInX;
    backface-visibility: visible !important;
    animation-name: flipInX;
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@-moz-keyframes flipOutX {
    0% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
    100% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@-o-keyframes flipOutX {
    0% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
    100% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
    100% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.animated.flipOutX {
    -webkit-animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    -moz-animation-name: flipOutX;
    -moz-backface-visibility: visible !important;
    -o-animation-name: flipOutX;
    -o-backface-visibility: visible !important;
    animation-name: flipOutX;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

@-moz-keyframes flipInY {
    0% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -moz-transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -moz-transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

@-o-keyframes flipInY {
    0% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -o-transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -o-transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

.animated.flipInY {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flipInY;
    -o-backface-visibility: visible !important;
    -o-animation-name: flipInY;
    backface-visibility: visible !important;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

@-moz-keyframes flipOutY {
    0% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
    100% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

@-o-keyframes flipOutY {
    0% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
    100% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
    100% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

.animated.flipOutY {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flipOutY;
    -o-backface-visibility: visible !important;
    -o-animation-name: flipOutY;
    backface-visibility: visible !important;
    animation-name: flipOutY;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.animated.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }

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

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

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

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

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

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

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

.animated.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }

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

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

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

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

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

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

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

.animated.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
    }

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

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

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

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

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

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px);
    }

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

.animated.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
    }

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

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

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

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

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

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px);
    }

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

.animated.fadeInRight {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

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

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

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

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

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

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

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

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

.animated.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    -moz-animation-name: fadeInUpBig;
    -o-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

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

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

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

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

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

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

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

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

.animated.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    -moz-animation-name: fadeInDownBig;
    -o-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

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

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

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

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

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

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

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

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

.animated.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    -moz-animation-name: fadeInLeftBig;
    -o-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

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

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

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

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

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

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

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

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

.animated.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    -moz-animation-name: fadeInRightBig;
    -o-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-o-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.animated.fadeOut {
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    -o-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }

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

@-moz-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }

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

@-o-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -o-transform: translateY(0);
    }

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

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(-20px);
    }
}

.animated.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    -moz-animation-name: fadeOutUp;
    -o-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }

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

@-moz-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }

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

@-o-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -o-transform: translateY(0);
    }

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

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

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

.animated.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    -moz-animation-name: fadeOutDown;
    -o-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }

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

@-moz-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -moz-transform: translateX(0);
    }

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

@-o-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -o-transform: translateX(0);
    }

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

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(-20px);
    }
}

.animated.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    -moz-animation-name: fadeOutLeft;
    -o-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }

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

@-moz-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -moz-transform: translateX(0);
    }

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

@-o-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -o-transform: translateX(0);
    }

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

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

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

.animated.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    -moz-animation-name: fadeOutRight;
    -o-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }

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

@-moz-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }

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

@-o-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -o-transform: translateY(0);
    }

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

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(-2000px);
    }
}

.animated.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    -moz-animation-name: fadeOutUpBig;
    -o-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }

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

@-moz-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }

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

@-o-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -o-transform: translateY(0);
    }

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

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

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

.animated.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    -moz-animation-name: fadeOutDownBig;
    -o-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }

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

@-moz-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -moz-transform: translateX(0);
    }

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

@-o-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -o-transform: translateX(0);
    }

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

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(-2000px);
    }
}

.animated.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    -moz-animation-name: fadeOutLeftBig;
    -o-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }

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

@-moz-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -moz-transform: translateX(0);
    }

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

@-o-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -o-transform: translateX(0);
    }

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

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

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

.animated.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    -moz-animation-name: fadeOutRightBig;
    -o-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
    }

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

@-moz-keyframes slideOutLeft {
    0% {
        -moz-transform: translateX(0);
    }

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

@-o-keyframes slideOutLeft {
    0% {
        -o-transform: translateX(0);
    }

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

@keyframes slideOutLeft {
    0% {
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(-2000px);
    }
}

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

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
    }

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

@-moz-keyframes slideOutRight {
    0% {
        -moz-transform: translateX(0);
    }

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

@-o-keyframes slideOutRight {
    0% {
        -o-transform: translateX(0);
    }

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

@keyframes slideOutRight {
    0% {
        transform: translateX(0);
    }

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

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

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

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

@-moz-keyframes slideOutUp {
    0% {
        -moz-transform: translateY(0);
    }

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

@-o-keyframes slideOutUp {
    0% {
        -o-transform: translateY(0);
    }

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

@keyframes slideOutUp {
    0% {
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(-2000px);
    }
}

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

.animated.bounceIn {
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.animated.bounceInUp {
    -webkit-animation-name: bounceInUp;
    -moz-animation-name: bounceInUp;
    -o-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.animated.bounceInDown {
    -webkit-animation-name: bounceInDown;
    -moz-animation-name: bounceInDown;
    -o-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.animated.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    -moz-animation-name: bounceInLeft;
    -o-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.animated.bounceInRight {
    -webkit-animation-name: bounceInRight;
    -moz-animation-name: bounceInRight;
    -o-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.animated.bounceOut {
    -webkit-animation-name: bounceOut;
    -moz-animation-name: bounceOut;
    -o-animation-name: bounceOut;
    animation-name: bounceOut;
}

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

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
    }

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

@-moz-keyframes bounceOutUp {
    0% {
        -moz-transform: translateY(0);
    }

    20% {
        opacity: 1;
        -moz-transform: translateY(20px);
    }

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

@-o-keyframes bounceOutUp {
    0% {
        -o-transform: translateY(0);
    }

    20% {
        opacity: 1;
        -o-transform: translateY(20px);
    }

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

@keyframes bounceOutUp {
    0% {
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        transform: translateY(-2000px);
    }
}

.animated.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    -moz-animation-name: bounceOutUp;
    -o-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

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

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
    }

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

@-moz-keyframes bounceOutDown {
    0% {
        -moz-transform: translateY(0);
    }

    20% {
        opacity: 1;
        -moz-transform: translateY(-20px);
    }

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

@-o-keyframes bounceOutDown {
    0% {
        -o-transform: translateY(0);
    }

    20% {
        opacity: 1;
        -o-transform: translateY(-20px);
    }

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

@keyframes bounceOutDown {
    0% {
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        transform: translateY(-20px);
    }

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

.animated.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    -moz-animation-name: bounceOutDown;
    -o-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
    }

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

@-moz-keyframes bounceOutLeft {
    0% {
        -moz-transform: translateX(0);
    }

    20% {
        opacity: 1;
        -moz-transform: translateX(20px);
    }

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

@-o-keyframes bounceOutLeft {
    0% {
        -o-transform: translateX(0);
    }

    20% {
        opacity: 1;
        -o-transform: translateX(20px);
    }

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

@keyframes bounceOutLeft {
    0% {
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        transform: translateX(-2000px);
    }
}

.animated.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    -moz-animation-name: bounceOutLeft;
    -o-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
    }

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

@-moz-keyframes bounceOutRight {
    0% {
        -moz-transform: translateX(0);
    }

    20% {
        opacity: 1;
        -moz-transform: translateX(-20px);
    }

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

@-o-keyframes bounceOutRight {
    0% {
        -o-transform: translateX(0);
    }

    20% {
        opacity: 1;
        -o-transform: translateX(-20px);
    }

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

@keyframes bounceOutRight {
    0% {
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        transform: translateX(-20px);
    }

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

.animated.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    -moz-animation-name: bounceOutRight;
    -o-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}

@-moz-keyframes rotateIn {
    0% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}

@-o-keyframes rotateIn {
    0% {
        -o-transform-origin: center center;
        -o-transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -o-transform-origin: center center;
        -o-transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateIn {
    0% {
        transform-origin: center center;
        transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1;
    }
}

.animated.rotateIn {
    -webkit-animation-name: rotateIn;
    -moz-animation-name: rotateIn;
    -o-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}

@-moz-keyframes rotateInUpLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}

@-o-keyframes rotateInUpLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

.animated.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    -moz-animation-name: rotateInUpLeft;
    -o-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}

@-moz-keyframes rotateInDownLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}

@-o-keyframes rotateInDownLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

.animated.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    -moz-animation-name: rotateInDownLeft;
    -o-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}

@-moz-keyframes rotateInUpRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}

@-o-keyframes rotateInUpRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

.animated.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    -moz-animation-name: rotateInUpRight;
    -o-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}

@-moz-keyframes rotateInDownRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }
}

@-o-keyframes rotateInDownRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

.animated.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    -moz-animation-name: rotateInDownRight;
    -o-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(200deg);
        opacity: 0;
    }
}

@-moz-keyframes rotateOut {
    0% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(200deg);
        opacity: 0;
    }
}

@-o-keyframes rotateOut {
    0% {
        -o-transform-origin: center center;
        -o-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -o-transform-origin: center center;
        -o-transform: rotate(200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    0% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: center center;
        transform: rotate(200deg);
        opacity: 0;
    }
}

.animated.rotateOut {
    -webkit-animation-name: rotateOut;
    -moz-animation-name: rotateOut;
    -o-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0;
    }
}

@-moz-keyframes rotateOutUpLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0;
    }
}

@-o-keyframes rotateOutUpLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(-90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }
}

.animated.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    -moz-animation-name: rotateOutUpLeft;
    -o-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0;
    }
}

@-moz-keyframes rotateOutDownLeft {
    0% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -moz-transform-origin: left bottom;
        -moz-transform: rotate(90deg);
        opacity: 0;
    }
}

@-o-keyframes rotateOutDownLeft {
    0% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -o-transform-origin: left bottom;
        -o-transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0;
    }
}

.animated.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    -moz-animation-name: rotateOutDownLeft;
    -o-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0;
    }
}

@-moz-keyframes rotateOutUpRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(90deg);
        opacity: 0;
    }
}

@-o-keyframes rotateOutUpRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0;
    }
}

.animated.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    -moz-animation-name: rotateOutUpRight;
    -o-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0;
    }
}

@-moz-keyframes rotateOutDownRight {
    0% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -moz-transform-origin: right bottom;
        -moz-transform: rotate(-90deg);
        opacity: 0;
    }
}

@-o-keyframes rotateOutDownRight {
    0% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -o-transform-origin: right bottom;
        -o-transform: rotate(-90deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }
}

.animated.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    -moz-animation-name: rotateOutDownRight;
    -o-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
    }
    20%, 60% {
        -webkit-transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
    }
    40% {
        -webkit-transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
    }
    100% {
        -webkit-transform: translateY(700px);
        opacity: 0;
    }
}

@-moz-keyframes hinge {
    0% {
        -moz-transform: rotate(0);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out;
    }
    20%, 60% {
        -moz-transform: rotate(80deg);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out;
    }
    40% {
        -moz-transform: rotate(60deg);
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out;
    }
    80% {
        -moz-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -moz-transform-origin: top left;
        -moz-animation-timing-function: ease-in-out;
    }
    100% {
        -moz-transform: translateY(700px);
        opacity: 0;
    }
}

@-o-keyframes hinge {
    0% {
        -o-transform: rotate(0);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out;
    }
    20%, 60% {
        -o-transform: rotate(80deg);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out;
    }
    40% {
        -o-transform: rotate(60deg);
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out;
    }
    80% {
        -o-transform: rotate(60deg) translateY(0);
        opacity: 1;
        -o-transform-origin: top left;
        -o-animation-timing-function: ease-in-out;
    }
    100% {
        -o-transform: translateY(700px);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        transform: rotate(0);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }
    20%, 60% {
        transform: rotate(80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }
    40% {
        transform: rotate(60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }
    80% {
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }
    100% {
        transform: translateY(700px);
        opacity: 0;
    }
}

.animated.hinge {
    -webkit-animation-name: hinge;
    -moz-animation-name: hinge;
    -o-animation-name: hinge;
    animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

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

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

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

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

.animated.rollIn {
    -webkit-animation-name: rollIn;
    -moz-animation-name: rollIn;
    -o-animation-name: rollIn;
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.animated.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    -moz-animation-name: lightSpeedIn;
    -o-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;

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

.animated.lightSpeedIn {
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

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

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

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

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

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

.animated.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    -moz-animation-name: lightSpeedOut;
    -o-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;

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

.animated.lightSpeedOut {
    -webkit-animation-duration: 0.25s;
    -moz-animation-duration: 0.25s;
    -o-animation-duration: 0.25s;
    animation-duration: 0.25s;
}/*
----------------------------------------------------------
----------------------------------------------------------

 _                  _____ _
| |    _____   ____|_   _| |__   ___ _ __ ___   ___  ___
| |   / _ \ \ / / _ \| | | '_ \ / _ \ '_ ` _ \ / _ \/ __|
| |__| (_) \ V /  __/| | | | | |  __/ | | | | |  __/\__ \
|_____\___/ \_/ \___||_| |_| |_|\___|_| |_| |_|\___||___/


 @Author: LoveThemes
 @URL: http://lovethem.es


 This file contains the styling for the actual theme, this
 is the file you need to edit to change the look of the
 theme.

 This files contents are outlined below.


 1.  Default WordPress
 2.  Base Styles
 3.  Header
 4.  Logo
 5.  Primary Navigation
 6.  Content
 7.  Portfolio Module
 9.  Newsletter Module
 10. Twitter Module
 11. Footer
 12. Social Module
 13. Contact Module
 14. 404 Page
 15. Posts
 16. Social Share
 17. Related Posts
 18. Postmeta
 19. Pagination
 20. Postnavi
 21. Sidebar
 22. Comments


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

 Default wordpress

----------------------------------------------------------
----------------------------------------------------------
*/
.attachment .entry-content .entry-caption {
    font-size: 140%;
    margin-top: 24px;
}

.attachment .entry-content .nav-previous a:before {
    content: '\2190\00a0';
}

.attachment .entry-content .nav-next a:after {
    content: '\00a0\2192';
}

#calendar_wrap {
}

table#wp-calendar {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 0 !important;
    border-spacing: 0;
}

#wp-calendar td {
    padding:6px !important;
}

#wp-calendar th {
    padding:3px 0 !important;
    font-weight: bold;
    text-align: center;
}

#wp-calendar {
    font-weight: bold;
    text-align: center;
    padding:10px;
}

.alignleft,
img .alignleft {
    display: inline;
    margin: 0 15px 10px 0;
    float: left;
}

.alignright,
img .alignright {
    display: inline;
    margin: 0 0 10px 15px;
    float: right;
}

.aligncenter,
img .aligncenter {
    clear: both;
    display: block;
    margin: 0 15px 15px 15px;
}

.wp-caption {
    line-height: 18px;
    margin-bottom: 20px;
    max-width: 675px !important;
    padding:5px;
    text-align: center;
}

.wp-caption img {
    margin: 0 10px 10px 0;
}

.wp-caption p.wp-caption-text {
    font-size: 14px;
    color: #aaaaaa;
    margin: 5px;
}

.wp-smiley {
    margin: 0;
}

.sticky {
    float: left;
}

.bypostauthor {

}

.gallery {
    margin: 0 auto 18px;
}

.gallery .gallery-item {
    float: left;
    margin-top: 0;
    text-align: center;
    width: 33%;
}

.gallery-columns-2 .gallery-item {
    width: 50%;
}

.gallery-columns-4 .gallery-item {
    width: 25%;
}

.gallery img {
}

.gallery-columns-2 .attachment-medium {
    max-width: 92%;
    height: auto;
}

.gallery-columns-4 .attachment-thumbnail {
    max-width: 84%;
    height: auto;
}

.gallery .gallery-caption {
    font-size: 12px;
    margin: 0 0 12px;
}

.gallery dl {
    margin: 0;
}

.gallery img {
}

.gallery br + br {
    display: none;
}

#content .attachment img {
    display: block;
    margin: 0 auto;
}

.wp-smiley {
    display: none;
}

.tag {
    color: inherit !important;
}

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

 Base Styles

----------------------------------------------------------
----------------------------------------------------------
*/
/*html,
body {
    height: 100%;
}*/

body {
    background: #fbfbfb;
    color: #111111;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

a {
    color: inherit;
}

a:active {
    color: #111111;
}

::-moz-selection {
    background: #111111;
    color: #ffffff;
    text-shadow: none;
}

::selection {
    background: #000000;
    color: #ffffff;
    text-shadow: none;
}

::-webkit-input-placeholder {
    color: #aaaaaa;
}

:-moz-placeholder {
    color: #aaaaaa;
}

::-moz-placeholder {
    color: #aaaaaa;
}

:-ms-input-placeholder {
    color: #aaaaaa;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

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

 Header

----------------------------------------------------------
----------------------------------------------------------
*/
header#main {
    background: #ffffff;
    width: 100%;
    padding:100px 0;
    margin-bottom: 50px;
    border-bottom:1px solid #eeeeee;
    position: relative;
    z-index: 9995;
    float: left;
}

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

 Logo

----------------------------------------------------------
----------------------------------------------------------
*/
#site-logo {
    -webkit-transition: 250ms linear all;
    -moz-transition: 250ms linear all;
    transition: 250ms linear all;
}

#site-logo h1 {
    margin: 0;
    padding:0;
}

#site-logo p.desc {
    color: #aaaaaa;
}

#site-logo p.desc:after {
    display: block;
    height: 2px;
    background: #cccccc;
    content: " ";
    width: 75px;
    margin-top: 35px;
}

#site-logo img:hover {
    opacity:1;
}

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

 Primary Navigation

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


#primary .navigation {
    display: block;
    position: fixed;
    z-index: 9998;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
}

#primary .navigation li {
    display: inline;
    color: #ffffff;
    font-weight: 600;
}

#primary .navigation li a {
    text-transform: uppercase;
}

#primary .navigation li a:hover {
    filter: alpha(opacity=50);
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
}

#primary .navigation ul li ul {
    display: none;
}

#nav-toggle {
    position: absolute;
    z-index: 9999;
    right: 15px;
}

#nav-toggle {
    cursor: pointer;
    width: 20px;
    height: 50px;
}

#nav-toggle:hover {
    filter: alpha(opacity=50);
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
}

#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
    cursor: pointer;
    height: 7px;
    width: 35px;
    background: #111111;
    position: absolute;
    display: block;
    content: '';
}

#nav-toggle span:before {
    top: -10px;
}

#nav-toggle span:after {
    bottom: -10px;
}

#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
    transition: all 500ms ease-in-out;
}

#nav-toggle.active span {
    background-color: transparent;
}

#nav-toggle.active span:before,
#nav-toggle.active span:after {
    top: 0;
}

#nav-toggle.active span:before {
    transform: rotate(45deg);
}

#nav-toggle.active span:after {
    transform: rotate(-45deg);
}

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

 Content

----------------------------------------------------------
----------------------------------------------------------
*/
#content {
    width: 100%;
    float: left;
    position: relative;
    z-index: 101;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#content a:hover {
    color: #111111;
}

#articles {
    padding:25px 50px 100px 0;
}

#page {
    padding:25px 0 100px 0;
}

#articles p,
#page p {
    line-height: 1.5em;
    margin-top: 0.2em;
    margin-bottom: 1.5em;
}

#articles hr,
#page hr {
    background: #eeeeee;
    display: inline-block;
    height: 3px;
    width: 100%;
    border: 0;
    padding:0;
    margin: 15px 0 35px 0;
}

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

 Portfolio Module

----------------------------------------------------------
----------------------------------------------------------
*/
#folio {
    width: 100%;
    float: left;
    position: relative;
    z-index: 101;
}

body.home #folio {
    margin-bottom: -101px;
}

#folio ul {
    text-align: center;
}

#folio ul li {
    /*background: #ffffff;*/ /* sergio */
    position: relative;
    overflow: hidden;
    float: left;
}

#folio ul li a img {
    width: 100%;
    height: auto;
    margin-right: 1px;
    border: none;
    box-shadow: none;
    padding:0;
    -webkit-transition: 250ms linear all;
    -moz-transition: 250ms linear all;
    transition: 250ms linear all;
}

#folio ul li a:hover img {
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
}
#folio ul li a:hover .caption-content h2 {
    visibility: visible;
    opacity: 1;
    transition: opacity 2s linear;
    transition: all 0.5s ease-in-out;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    filter: blur(0);
    -webkit-filter: blur(0);
    margin: 7px;
}
#folio ul li a:hover .caption-content .sub-titulo {
    /*visibility: visible;
    opacity: 1;
    transition: opacity 2s 0.5s ease*/

    visibility: visible;
    opacity: 1;
    transition: opacity 2s linear;
    transition: all 0.5s ease-in-out;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    filter: blur(0);
    -webkit-filter: blur(0);
}


#folio ul li .caption {  
    /*border:20px solid rgba(255,255,255,1); */
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    text-align: center;
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transition: 150ms linear all;
    -moz-transition: 150ms linear all;
    transition: 150ms linear all;
}

#folio ul li a:hover .caption {    
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

#folio ul li .content_60 {position:relative;top:calc(50% - 60px);}
#folio ul li .content_46 {position:relative;top:calc(50% - 46px);}
#folio ul li .content_50 {position:relative;top:calc(50% - 50px);}
#folio ul li .content_42 {position:relative;top:calc(50% - 42px);}
#folio ul li .content_56 {position:relative;top:calc(50% - 56px);}
#folio ul li .content_54 {position:relative;top:calc(50% - 54px);}
#folio ul li .content_58 {position:relative;top:calc(50% - 58px);}
#folio ul li .content_62 {position:relative;top:calc(50% - 62px);}

#folio ul li .caption-content h2 {visibility: hidden;opacity: 0;transform: translateY(-10px);    -webkit-transform: translateY(-10px);}
#folio ul li .caption-content .sub-titulo {visibility: hidden;opacity: 0;transform: translateY(10px);    -webkit-transform: translateY(10px);}
/*#folio ul li .caption-content .sub-titulo {visibility: hidden;opacity: 0;transform: translateY(10px);    -webkit-transform: translateY(10px);}*/


#folio ul li .caption h6 {
    color: #111111;
    margin-bottom: 5px;
    font-weight: 800;
}

#folio ul li .caption h6:after {
    background: #111111;
}

#folio ul li .caption span {
    color: #111111;
    font-weight: 600;
    font-size: 11px !important;
    /*text-transform: uppercase;*/
}

#folio ul li .caption [class^="icon-"]:before,
#folio ul li .caption [class*=" icon-"]:before {
    color: #111111;
    font-weight: 200;
    font-size: 18px;
    margin-bottom: 15px;
}

#filters {
    padding:15px 0;
    margin-top: -70px;
    width: 100%;
    z-index: 9999;
    float: left;
}

body.home #filters {
    display: none;
}

nav#filter {
    text-align: center;
}

nav#filter ul li {
    display: inline-block;
    padding:0 5px;
}

nav#filter ul li a {
    padding:0 10px;
    color: #111111;
    font-size: 14px;
    font-weight: 400;
}

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

 Newsletter Module

----------------------------------------------------------
----------------------------------------------------------
*/
#newsletter {
    width: 100%;
    margin-top: 15px;
    padding-top: 30px;
    border-top: 1px solid #404040;
    float: left;
    position: relative;
}

#newsletter p {
    margin-bottom: 25px;
}

#newsletter label {
    display: none;
}

#newsletter input[type="text"] {
    background: #ffffff;
    width: 100%;
    float: left;
    position: absolute;
}

#newsletter input[type="submit"] {
    position: relative;
    right: 0;
    margin: 0;
    float: right;
    padding:15px 25px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

@-moz-document url-prefix() {
    #newsletter input[type="submit"] {
        padding:13px 25px;
    }
}

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

 Twitter Module

----------------------------------------------------------
----------------------------------------------------------
*/
#twitter,
#twitter ul {
    margin: 0;
    padding:0;
}

#twitter ul {
    margin-bottom: 25px;
}

#twitter li {
    max-width: 90%;
}

#twitter span {
    width: 100%;
    float: left;
    text-transform: lowercase;
    color: #666666;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.2);
    padding-bottom: 10px;
}

#twitter ul li,
#twitter ul a.twitter-profile {
    list-style: none;
    line-height: 24px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.3);
    min-height: 175px;
}

#twitter li a:hover {
    color: #ffffff;
}

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

 Footer

----------------------------------------------------------
----------------------------------------------------------
*/
footer#footer {
    background: #333333;
    width: 100%;
    padding:25px 0;
    position: relative;
    z-index: 250;
    float: left;
}

footer#footer h6 {
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
}

footer#footer p {
    line-height: 20px;
}

footer#footer p,
footer#footer li,
footer#footer a {
    font-size: 14px;
    font-weight: 500;
    color: #777777;
}

footer#footer [class^="icon-"]:before,
footer#footer [class*=" icon-"]:before {
    color: #777777 !important;
}

footer#footer a:hover {
    color: #ffffff !important;
}

footer#footer li {
    line-height: 20px;
    list-style: none;
}

footer#footer .widget {
    margin-bottom: 25px;
}

footer#footer li {
    line-height: 20px;
    list-style: none;
}

footer#footer .widget li {
    line-height: 32px;
    list-style: none;
    border-bottom:1px solid #404040;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

footer#footer .widget li:last-child {
    border: none;
}

footer#footer table#calendar_wrap {
    width: 100%;
    float: left;
}

footer#footer table#wp-calendar caption {
    color: #ffffff;
}

footer#footer table#wp-calendar,
footer#footer table#wp-calendar td,
footer#footer table#wp-calendar tr {
    color: #777777;
}

footer#footer table#wp-calendar {
    background: transparent;
    width: 100%;
    float: left;
}

footer#footer table#wp-calendar thead {
    background: #313131;
}

footer#footer table#wp-calendar td {
    border-top: 1px solid #313131;
}

#lower-footer {
    background: #313131;
    width: 100%;
    padding:15px 0 0 0;
    float: left;
}

#lower-footer p {
    color: #555555;
    font-size: 13px;
}

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

 Social Module

----------------------------------------------------------
----------------------------------------------------------
*/
#social li {
    display: inline;
    margin: 0 !important;
    margin-left: 10px !important;
}

#social li [class^="icon-"]:before,
#social li [class*=" icon-"]:before {
    font-size: 16px;
    color: #555555;
    -webkit-transition: 150ms linear all;
    -moz-transition: 150ms linear all;
    transition: 150ms linear all;
}

/* facebook */
#social li.facebook:hover [class^="icon-"]:before,
#social li.facebook:hover [class*=" icon-"]:before {
    color: #3b5998;
}

/* twitter */
#social li.twitter:hover [class^="icon-"]:before,
#social li.twitter:hover [class*=" icon-"]:before {
    color: #00aced;
}

/* google+ */
#social li.googleplus:hover [class^="icon-"]:before,
#social li.googleplus:hover [class*=" icon-"]:before {
    color: #dd4b39;
}

/* linkedin */
#social li.linkedin:hover [class^="icon-"]:before,
#social li.linkedin:hover [class*=" icon-"]:before {
    color: #007bb6;
}

/* dribbble */
#social li.dribbble:hover [class^="icon-"]:before,
#social li.dribbble:hover [class*=" icon-"]:before {
    color: #ea4c89;
}

/* pinterest */
#social li.pinterest:hover [class^="icon-"]:before,
#social li.pinterest:hover [class*=" icon-"]:before {
    color: #cb2027;
}

/* youtube */
#social li.youtube:hover [class^="icon-"]:before,
#social li.youtube:hover [class*=" icon-"]:before {
    color: #bb0000;
}

/* vimeo */
#social li.vimeo:hover [class^="icon-"]:before,
#social li.vimeo:hover [class*=" icon-"]:before {
    color: #1ab7ea;
}

/* skype */
#social li.skype:hover [class^="icon-"]:before,
#social li.skype:hover [class*=" icon-"]:before {
    color: #12A5F4;
}

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

 Contact Module

----------------------------------------------------------
----------------------------------------------------------
*/
#contactform #form-messages {
    width: 100%;
    float: left;
}

#contactform input[type="text"],
#contactform input[type="number"],
#contactform textarea {
    width: 100%;
    padding:15px;
    margin-bottom: 15px;
}

#contactform input[type="submit"] {
    padding:15px 20px;
    position: relative;
    z-index: 25;
}

#contact_form textarea {
    min-height: 250px;
}

#gmap {
    background: #ffffff;
    border: 1px solid #eeeeee;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
    padding:5px;
    width: 100%;
    margin-bottom: 25px;
    float: left;
    position: relative;
    z-index: 150;
}

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

 FourOhFour

----------------------------------------------------------
----------------------------------------------------------
*/
body.error404 {
    background: #ffffff !important;
}

body.error404 #content {
    margin: 0;
    padding:0;
}

#fourohfour {
    width: 300px;
    margin: 0 auto;
    margin-top: 18%;
}

#fourohfour h5 {
    margin-top: 50px;
    margin-bottom: 15px;
}

#fourohfour [class^="icon-"]:before,
#fourohfour [class*=" icon-"]:before {
    color: #ffffff !important;
}

#fourohfour .button {
    margin-top: 25px;
    padding-bottom: 15px;
}

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

 Posts

----------------------------------------------------------
----------------------------------------------------------
*/
#articles {
    height: 100%;
    float: left;
    border-right: 1px solid #eaeaea;
    margin-top: -50px;
    padding-top: 50px;
}

.post {
    margin-bottom: 75px;
}

.post h2 a {
    color: #111111 !important;
    margin-bottom: 15px;
}

.post img {
    max-width: 100%;
    height: auto;
    /*margin-top: 3px;
    margin-bottom: 25px;*/
    float: left;
    background: #ffffff;
    /*border: 1px solid #eeeeee;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
    padding:5px;*/
}

.post iframe {
    width: 100%;
    margin-top: 25px;
    margin-bottom: 15px;
    background: #ffffff;
    border: 1px solid #eeeeee;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
    padding:5px;
}

.post .reading-time {
    color: #aaaaaa;
    font-size: 14px;
}

.post .read-more a {
    text-transform: capitalize;
    border-bottom:1px dotted;
}

.single .post {
    margin-bottom: 0;
}

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

 Social Share

----------------------------------------------------------
----------------------------------------------------------
*/
#social-share {
    width: 100%;
    float: left;
    padding-bottom: 25px;
}

#social-share a {
    width: 33.33333%;
    border: none;
    padding:12px 15px 15px 15px;
    float: left;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 400;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#social-share a.social-facebook {
    background: rgba(59, 89, 152, 1);
}

#social-share a:hover.social-facebook {
    background: rgba(59, 89, 152, 0.8);
}

#social-share a.social-twitter {
    background: rgba(0, 172, 237, 1);
}

#social-share a:hover.social-twitter {
    background: rgba(0, 172, 237, 0.8);
}

#social-share a.social-google {
    background: rgba(221, 75, 57, 1);
}

#social-share a:hover.social-google {
    background: rgba(221, 75, 57, 0.8);
}

#social-share [class^="icon-"]:before,
#social-share [class*=" icon-"]:before {
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 200;
    margin-right: 5px;
    margin-top: 4px;
}

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

 Related Posts

----------------------------------------------------------
----------------------------------------------------------
*/
#related-posts li {
    list-style: none;
}

#related-posts li img {
    margin-bottom: 10px;
    margin-right: 10px;
}

#related-posts li p {
    margin-bottom: 0.5em;
    font-size: 14px;
}

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

 Postmeta

----------------------------------------------------------
----------------------------------------------------------
*/
.postmeta {
    width: 100%;
    margin-bottom: 25px;
    color: #aaaaaa;
    float: left;
}

.postmeta:after {
    display: block;
    height: 2px;
    background: #eaeaea;
    content: " ";
    width: 50px;
    margin-top: 35px;
    margin-bottom: -15px;
}

.postmeta,
.postmeta a {
    font-size: 14px;
}

.postmeta a:hover {
    color: #111111 !important;
}

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

 Pagination

----------------------------------------------------------
----------------------------------------------------------
*/
.pagination {
    width: auto;
    margin-top: 5px;
    font-size: 14px !important;
    color: #222222;
}

.pagination .current {
    padding:5px 10px;
    border-radius: 3px;
}

.pagination a.page-numbers {
    font-size: 14px !important;
    padding:5px 10px;
    margin-right: 5px;
    border-radius: 2px;
}

.pagination a:hover {
    color: #ffffff !important;
}

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

 Postnavi

----------------------------------------------------------
----------------------------------------------------------
*/
.postnavi {
    width: 50%;
}

.postnavi ul li {
    margin-right: 5px;
    display: inline;
}

.postnavi ul li a {
    color: #222222 !important;
    font-weight: 600 !important;
}

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

 Sidebar

----------------------------------------------------------
----------------------------------------------------------
*/
#aside {
    border-left: 1px solid #eaeaea;
    margin-left: -1px;
    float: left;
}

aside .widget {
    width: 100%;
    padding:0 0 25px 45px;
    margin-bottom: 30px;
    border-bottom:1px solid #eaeaea;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

aside .widget:last-child {
    border-bottom:none;
}

aside #searchform {
    width: 100%;
    float: left;
    position: relative;
}

aside #searchform label {
    display: none;
}

aside #searchform input[type="text"] {
    position: relative;
}

aside #searchform input[type="submit"] {
    padding:14px 15px 15px 15px;
    font-size: 14px;
    position: absolute;
    right: 0;
    margin-top: -47px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

aside .widget select {
    width: 100%;
    float: left;
    word-wrap: break-word;
}

aside .widget ul {
    list-style: none;
    margin: 0;
    padding:0;
}

aside .widget li {
    font-size: 14px;
    margin-bottom: 5px;
}

aside a:hover {
    color: #111111 !important;
}

.tagcloud a {
    font-size: 12px !important;
    text-transform: capitalize;
    color: #ffffff !important;
    font-weight: 600;
    padding:4px 7px;
    margin: 2px;
    border-radius: 2px;
    float: left;
}

.tagcloud a:hover {
    background: #111111 !important;
}

aside .widget img {
    max-width: 100%;
    height: auto;
    padding:2px;
    margin: 0 6px 6px 0;
    float: left;
    background: #ffffff;
    border: 1px solid #eeeeee;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
    padding:5px;
}

aside .widget .wp-caption {
    display: none;
}

aside p,
aside li,
aside dt,
aside dd,
aside a {
    font-size: 13px;
}

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

 Comments

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

#commentbox {
    width: 100%;
    padding-top: 25px;
    float: left;
}

#commentbox h3 {
    font-size: 24px;
}

ul#comments .comment-body {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom:1px dotted #eaeaea;
}

ul#comments .comment-author {
    width: 90px;
    float: left;
}

ul#comments .comment-meta {
    margin-bottom: 10px;
    font-size: 12px;
}

ul#comments img.avatar {
    margin: 3px 15px 0 0;
    background: #ffffff;
    border: 1px solid #eeeeee;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
    padding:5px;
    float: left;
}

ul#comments .comment-body p {
    font-size: 14px;
}

ul#comments .reply a {
    background: #eaeaea;
    color: #ffffff !important;
    font-size: 12px;
    padding:0 8px;
    margin-top: -15px;
    float: right;
    border-radius: 3px;
}

ul#comments .reply a:hover {
    background: #111111 !important;
}

ul#comments li ul.children {
    list-style: none;
}

#respond label {
    font-size: 13px;
}

#respond input[type="text"],
#respond textarea {
    width: 100%;
    float: left;
}

#respond textarea {
    margin-top: 15px;
}

#respond p.form-allowed-tags,
#respond p.logged-in-as {
    font-size: 14px;
}

#respond code {
    background: none;
    border: none;
    font-size: 13px;
}

p.comment-notes {
    width: 100%;
    font-size: 1em;
    margin-bottom: 35px;
}

.fn,
.says,
.comment-form-comment label {
    display: none;
}/**
 * Mobile
 */
#site-logo h1 {
    font-size: 200%;
}

#site-logo p.desc {
    font-size: 16px;
}

#nav-toggle {
    margin-top: 20px;
}

#primary .navigation {
    border: none;
}

#primary .navigation ul {
    margin-top: 25%;
}

#primary .navigation li {
    font-size: 16px;
    padding:15px 0;
    display: block;
}

#folio ul li {
    width: 100%;
    height: auto;
}

#articles {
    border-right: none;
}

#aside {
    border-left: none;
}

aside .widget {
    padding:0 0 25px 0;
}

.post iframe,
#gmap {
    height: 300px;
}

#social {
    float: left;
}

#social li {
    margin-right: 10px !important;
}

#newsletter input[type="submit"] {
    margin-top: 2px;
}

table {
    display: none;
}

.boxed {
    width: 280px;
}

/*.one_full,
.one_half,
.one_third,
.two_third,
.one_quarter,
.one_fifth {
    width: 100%;
}*/

h1 {
    font-size: 200%;
}

h2 {
    font-size: 180%;
}

h3 {
    font-size: 160%;
}

h4 {
    font-size: 140%;
}

h5 {
    font-size: 120%;
}

h6 {
    font-size: 110%;
}

@media only screen and (min-width: 321px) {
}

/**
 * Tablets
 */
@media only screen and (min-width: 767px) {
    ::-webkit-scrollbar {
        /*width: 5px;
        background: #444444;*/
    }

    #site-logo h1 {
        font-size: 300%;
    }

    #site-logo p.desc {
        font-size: 20px;
    }

    #folio ul li {
        width: 50%;
        height: auto;
    }

    #articles {
        border-right: none;
    }

    #aside {
        border-left: none;
    }

    aside .widget {
        padding:0 0 25px 45px;
    }

    .post iframe,
    #gmap {
        height: 400px;
    }

    #newsletter input[type="submit"] {
        margin-top: 2px;
    }

    table {
        display: inherit;
    }

    .boxed {
        width: 90%;
    }

    /*.one_full,
    .one_half,
    .one_third,
    .two_third,
    .one_quarter,
    .one_fifth {
        width: 100%;
    }*/

    h1 {
        font-size: 240%;
    }

    h2 {
        font-size: 220%;
    }

    h3 {
        font-size: 200%;
    }

    h4 {
        font-size: 180%;
    }

    h5 {
        font-size: 160%;
    }

    h6 {
        font-size: 140%;
    }
}

/**
 * Tablets Landscape
 */
@media only screen and (min-width: 1023px) {
    ::-webkit-scrollbar {
        /*width: 5px;
        background: #444444;*/
    }

    #site-logo h1 {
        font-size: 300%;
    }

    #site-logo p.desc {
        font-size: 20px;
    }

    #primary .navigation ul {
        margin-top: 30%;
    }

    #primary .navigation li {
        font-size: 18px;
        padding:0 25px;
        display: inline;
    }

    #folio ul li {
        width: 50%;
        height: auto;
    }

    #articles {
        border-right: 1px solid #eaeaea;
    }

    #aside {
        border-left: 1px solid #eaeaea;
    }

    aside .widget {
        padding:0 0 25px 45px;
    }

    .post iframe,
    #gmap {
        height: 400px;
    }

    #social {
        float: right;
    }

    #social li {
        margin-left: 10px !important;
    }

    table {
        display: inherit;
    }

    .boxed {
        width: 90%;
    }

    .one_full {
        width: 100%;
    }

    .one_half {
        width: 50%;
    }

    .one_third {
        width: 33.33333%;
    }

    .two_third {
        width: 66.66666%;
    }

    .one_quarter {
        width: 25%;
    }

    .one_fifth {
        width: 20%;
    }

    h1 {
        font-size: 240%;
    }

    h2 {
        font-size: 220%;
    }

    h3 {
        font-size: 200%;
    }

    h4 {
        font-size: 180%;
    }

    h5 {
        font-size: 160%;
    }

    h6 {
        font-size: 140%;
    }
}

/**
 * Small Desktops
 */
@media only screen and (min-width: 1279px) {
    ::-webkit-scrollbar {
        /*width: 5px;
        background: #444444;*/
    }

    #site-logo h1 {
        font-size: 350%;
    }

    #site-logo p.desc {
        font-size: 20px;
    }

    #nav-toggle {
        margin-top: 75px;
    }

    #primary .navigation {
        border: 10px solid #ffffff;
    }

    #primary .navigation ul {
        margin-top: 25%;
    }

    #primary .navigation li {
        font-size: 20px;
        padding:0 25px;
        display: inline;
    }

    #folio ul li {
        width: 50%;
        height: auto;
    }

    #articles {
        border-right: 1px solid #eaeaea;
    }

    #aside {
        border-left: 1px solid #eaeaea;
    }

    aside .widget {
        padding:0 0 25px 45px;
    }

    .post iframe,
    #gmap {
        height: 400px;
    }

    #social {
        float: right;
    }

    #social li {
        margin-left: 10px !important;
    }

    #newsletter input[type="submit"] {
        margin-top: 0;
    }

    table {
        display: inherit;
    }

    .boxed {
        width: 65%;
    }

    .one_full {
        width: 100%;
    }

    .one_half {
        width: 50%;
    }

    .one_third {
        width: 33.33333%;
    }

    .two_third {
        width: 66.66666%;
    }

    .one_quarter {
        width: 25%;
    }

    .one_fifth {
        width: 20%;
    }

    h1 {
        font-size: 240%;
    }

    h2 {
        font-size: 220%;
    }

    h3 {
        font-size: 200%;
    }

    h4 {
        font-size: 180%;
    }

    h5 {
        font-size: 160%;
    }

    h6 {
        font-size: 140%;
    }
}

/**
 * Large Desktops
 */
@media only screen and (min-width: 1599px) {
    ::-webkit-scrollbar {
        /*width: 5px;
        background: #444444;*/
    }

    #site-logo h1 {
        font-size: 400%;
    }

    #site-logo p.desc {
        font-size: 20px;
    }

    #nav-toggle {
        margin-top: 75px;
    }

    #primary .navigation {
        border: 10px solid #ffffff;
    }

    #primary .navigation ul {
        margin-top: 25%;
    }

    #primary .navigation li {
        font-size: 20px;
        padding:0 25px;
        display: inline;
    }

    #folio ul li {
        width: 50%;
        height: auto;
    }

    #articles {
        border-right: 1px solid #eaeaea;
    }

    #aside {
        border-left: 1px solid #eaeaea;
    }

    aside .widget {
        padding:0 0 25px 45px;
    }

    .post iframe,
    #gmap {
        height: 400px;
    }

    #social {
        float: right;
    }

    #social li {
        margin-left: 10px !important;
    }

    #newsletter input[type="submit"] {
        margin-top: 0;
    }

    table {
        display: inherit;
    }

    .boxed {
        width: 65%;
    }

    .one_full {
        width: 100%;
    }

    .one_half {
        width: 50%;
    }

    .one_third {
        width: 33.33333%;
    }

    .two_third {
        width: 66.66666%;
    }

    .one_quarter {
        width: 25%;
    }

    .one_fifth {
        width: 20%;
    }

    h1 {
        font-size: 240%;
    }

    h2 {
        font-size: 220%;
    }

    h3 {
        font-size: 200%;
    }

    h4 {
        font-size: 180%;
    }

    h5 {
        font-size: 160%;
    }

    h6 {
        font-size: 120%;
    }
}

/* Fix IE */
@media screen and (min-width: 0\0
) {
    [class^="icon-"]:before,
    [class*=" icon-"]:before {
        margin-top: -500px !important;
    }

    #primary ul li ul {
        padding-top: 40px;
    }
}