/*
Theme Name: Foodeez Lite
Theme URI: https://sketchthemes.com/premium-themes/restaurant-wordpress-theme-for-hotels-and-food-business/
Description: Foodeez Lite is fully responsive wordpress theme, exclusively designed for hotel, restaurant, top cook, chefs, café or coffee bar. Foodeez will amaze your visitors with wonderful display of your recipes, culinary skills and delicious food with an impression. It has full width background image with floating navigation. Interestingly, the parallax section gives your buyers the magical and tempting feel of your cuisines or accommodations on offer. The theme also has reservation form through which your customers can place bookings.
Version: 1.0.6
Author: SketchThemes
Author URI: https://sketchthemes.com/
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: blue, gray, orange, pink, purple, dark, light, one-column, two-columns, right-sidebar, left-sidebar, fixed-layout, fluid-layout, responsive-layout, custom-background, custom-header, custom-colors, custom-menu, editor-style, featured-images, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: foodeez-lite

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
--------------------------------------------------------------
WARNING: (BEFORE YOU MAKE ANY CHANGES)
--------------------------------------------------------------
Please do not edit style.css or any other Theme files or 
Templates directly. If you do, your customizations will be lost 
as soon as you update Biznez Lite.
WordPress and SketchThemes highly recommends Child Theme.
Read More:
- http://codex.wordpress.org/Child_Themes  
--------------------------------------------------------------
*/


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

.clear {
    clear: both;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

body {
    color: #777777;
    font-family: 'Muli', sans-serif;
    font-size: 12px;
    line-height: 22px;
    font-weight: 300;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset,
figure {
    font-weight: 300;
    margin-bottom: 20px;
    line-height: 22px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #555555;
    font-family: 'Dancing Script', cursive;
    font-weight: 500;
    letter-spacing: -0.5px;
}

h2.heading {
    font-size: 26px;
}

pre {
    overflow: auto;
    width: 98%;
}

embed {
    max-width: 100%;
}

ol {
    list-style: decimal outside none;
}

ul {
    list-style-type: disc;
}

li {
    margin-left: 30px;
}

dl {
    margin: 0 0 24px;
    float: left;
}

dt {
    font-weight: 400;
}

dd {
    margin-bottom: 18px;
}

blockquote {
    background-color: #F54336;
    border-radius: 2px;
    font-size: 14px !important;
    padding: 8px 5px 8px 20px;
    margin-right: 10px;
    margin-bottom: 10px;
    color: #FFFFFF;
    quotes: none;
    font-family: 'open_sansitalic';
    line-height: 22px;
}

cite {
    font-weight: 400;
}

blockquote cite a {
    color: #FFFFFF;
}

iframe {
    max-width: 100%;
    width: 100%;
    outline: none;
    border: none;
    overflow: hidden;
    border: none;
}

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

del {
    text-decoration: line-through;
}

blockquote p {
    margin-bottom: 0px;
}


/* tables still need 'cellspacing="0"' in the markup */

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

th {
    color: #000;
    text-align: center;
    font-weight: 400;
}

th,
td {
    padding: 3px 5px;
    border: 1px solid #CCCCCC;
}

a img {
    border: none;
}

a {
    text-decoration: none;
    color: #FFA500;
}

a,
img,
a img,
input[type="text"],
input[type="password"],
input,
textarea {
    outline: none;
}

a:hover {
}


/* =Header
-------------------------------------------------------------- */

body.page-template-template-front-page-php #main {
    margin-top: 0 !important;
}

.front-page .slider-top {
    position: absolute;
    width: 100%;
    padding-top: 20px;
    margin-bottom: 0px;
}

.slider-top {
    margin-bottom: 32px;
    padding-top: 20px;
}

.header-topbar .row-fluid {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 116px;
}

.foodeez-image-post {
    text-align: center;
}

#header {
    padding: 0;
    min-height: 55px;
    position: relative;
    z-index: 9999;
}

#header .row-fluid {
    background: none repeat scroll 0 0 rgba(0, 0, 0, .8);
    min-height: 55px;
}

#skehead {
    line-height: 0;
}

.skehead-headernav {
    left: 0;
    top: 0;
    width: 100%;
    z-index: 200;
}

#header.skehead-headernav.skehead-headernav-shrink {
    position: fixed;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#logo {
    transition: height 0.3s ease 0s, line-height 0.3s ease 0s;
    margin-top: 32px;
    padding-left: 18px;
    margin-bottom: 5px;
    position: relative;
    max-height: 62px;
}

#logo #site-title {
    display: block;
    font-size: 18px;
    margin: 8px 0 11px;
}

.skehead-headernav .logo {
    margin-top: 18px;
}

.skehead-headernav.skehead-headernav-shrink .logo {
    height: 34px;
    margin-top: 3px;
    position: relative;
    top: 3px;
    width: auto;
}

.skehead-headernav.skehead-headernav-shrink #logo #site-title {
    margin: 0 0 2px;
}


/*#logo .logo {height: 70px;max-width: 100%;}*/

#logo #site-title a {
    color: #333333;
    display: inline-block;
    font-family: 'Muli', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 23px;
    margin-top: 5px;
    text-decoration: none;
    text-transform: uppercase;
}

#logo #site-description {
    color: #555;
    font-size: 11px;
    line-height: 15px;
    position: relative;
    left: 1px;
}

.skehead-headernav.skehead-headernav-shrink #logo #site-title a {
    font-size: 15px;
    line-height: 20px;
    margin-top: 6px;
}

.skehead-headernav.skehead-headernav-shrink #logo #site-description {
    font-size: 11px;
    margin-top: 2px;
}

#skehead #skenav {
    margin-top: 0px;
}

.foodeez-image-post img {
    max-width: 100%;
}

.caret {
    background: url("images/Down-arrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 6px;
    margin-left: 6px;
    width: 8px;
}

.children .caret,
.sub-menu .caret {
    background: url("images/Right-arrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 8px;
    margin-left: 6px;
    width: 8px;
}


/* =Navigation
-------------------------------------------------------------- */

#skenav {
    background: none repeat scroll 0 0 transparent;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: medium none;
}

#skehead .sub-menu {
    /*display: none; */
}

#skenav .ske-menu,
ul.menu {
    font-size: 13px;
    margin: 0px;
    display: inline-block;
    width: auto;
    float: none;
    margin: 0 auto;
    display: table;
    table-layout: fixed;
}

#skenav .ske-menu ul.menu {
    list-style: none;
    margin: 0;
}

#skenav .ske-menu .menu li,
ul.menu li {
    float: left;
    position: relative;
    margin-left: 0px;
    list-style: none outside none;
}

#skenav a {
    color: #fff;
    display: block;
    font-size: 13px;
    line-height: 55px;
    padding: 0 22px;
    text-decoration: none;
}

#header.skehead-headernav-shrink #skenav a {
    line-height: 56px;
}

#skenav ul ul {
    position: absolute;
    top: 100%;
    left: 0px;
    float: left;
    width: 200px;
    z-index: 99999;
}

#skenav ul .sub-menu li,
#skenav ul ul li {
    display: block;
    width: 100%;
}

#skenav ul .children li:first-child,
#skenav ul .sub-menu li:first-child {
    border-top: none;
}

#skenav ul ul ul.sub-menu,
#skenav ul ul ul.children {
    left: 100%;
    top: 0px !important;
    border-top: 0 none;
    margin-top: 0;
}

#skenav ul ul a {
    line-height: 1.2em;
    font-size: 13px;
    padding: 10px 15px;
    width: auto;
    height: auto;
    color: #FFFFFF;
}

#header.skehead-headernav-shrink #skenav ul ul a {
    line-height: 1.2em;
}

#skenav ul li:hover {
    z-index: 999999999999;
}

* html #skenav ul li.current_page_item a,
* html #skenav ul li.current-menu-ancestor a,
* html #skenav ul li.current-menu-item a,
* html #skenav ul li.current-menu-parent a,
* html #skenav ul li a:hover {
}

.skehead-headernav-shrink #skehead {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 1) !important;
}

#header.skehead-headernav-shrink .row-fluid {
    background: transparent;
}


/* = Header top
-------------------------------------------------------------- */

.topbar_info {
    float: right;
    margin-top: 50px;
    font-size: 22px;
}

.topbar_info i,
.topbar_info .head-phone-txt {
    color: #ffb73d;
}

.res-button {
    background: none repeat scroll 0 0 #FF0000;
    border-radius: 2px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    line-height: 17px;
    margin-top: 7px;
    padding: 12px 25px;
    text-transform: uppercase;
}

.social_icon {
    float: right;
    margin-top: 45px;
}

.social_icon li {
    float: left;
    list-style-type: none;
    margin-left: 0;
}

.social_icon a {
    background: none repeat scroll 0 0 #222222;
    border-radius: 2px;
    display: inline-block;
    font-size: 16px;
    height: 23px;
    line-height: 23px;
    margin-left: 0;
    margin-right: 16px;
    margin-top: 0;
    padding: 5px;
    text-align: center;
    width: 23px;
    color: #FFFFFF;
}

.social_icon a.search-strip {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid;
    color: #000000;
    height: 21px;
    line-height: 19px;
}

.head-phone i,
.head-mail i {
    margin-right: 6px;
}

.topbar_info i {
    margin-right: 8px;
}

#wrapper.hsearch {
    background-color: #19262B;
}

#wrapper .hsearch .row-fluid {
    background-color: #19262B;
    display: none;
    height: 57px;
    line-height: 57px;
    margin: 0;
    position: absolute;
    width: 100%;
    z-index: 99999;
}

#wrapper .hsearch .container,
#wrapper .hsearch .container .row-fluid .skt-s-form {
    height: inherit;
    position: relative;
}

#wrapper .hsearch form,
#wrapper .hsearch fieldset,
#wrapper .hsearch input {
    height: inherit;
    margin: 0;
    padding: 0;
}

#wrapper .hsearch fieldset {
    border: medium none;
}

#wrapper .hsearch input[type="text"] {
    background-color: rgba(0, 0, 0, 0);
    border: medium none;
    color: #FFFFFF !important;
    font-size: 26px !important;
    padding: 0 0 0 27px;
    text-transform: uppercase;
    transition: none 0s ease 0s;
    width: 100%;
}

#wrapper .hsearch input[type="submit"] {
    display: none;
}

#wrapper .hsearch .hsearch-close {
    background-color: rgba(0, 0, 0, 0);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    height: inherit;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
}

.social_icon li a:hover,
.social_icon li a {
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.social_icon li.linkedin-icon a:hover {
    background: none repeat scroll 0 0 #0280B0;
}

.social_icon li.fb-icon a:hover {
    background: none repeat scroll 0 0 #3a5999;
}

.social_icon li.tw-icon a:hover {
    background: none repeat scroll 0 0 #3aa9de;
}

.social_icon li.flickr-icon a:hover {
    background: none repeat scroll 0 0 #D80068;
}

.social_icon li.gplus-icon a:hover {
    background: none repeat scroll 0 0 #d14836;
}

.social_icon li.youtube-icon a:hover {
    background: none repeat scroll 0 0 #cc332d;
}

.social_icon li.foursquare-icon a:hover {
    background: none repeat scroll 0 0 #0cbadf;
}

.social_icon li.pinterest-icon a:hover {
    background: none repeat scroll 0 0 #cb2028;
}


/* =Content
-------------------------------------------------------------- */

#container {
}

#main {
    padding: 0 0 0px;
}

#content {
    word-wrap: break-word;
    -ms-word-wrap: break-word;
}

.page-content {
    background: #fff;
}

.left-sidebar #content {
    margin-top: 0px;
}

.container.post-wrap {
    padding-top: 60px;
    padding-bottom: 50px;
}

.default-pagetemp #content {
}

#content .post:first-child {
    padding-top: 0px
}

#content .post {
    border-bottom: 0px solid #E1E1E1;
    padding-bottom: 40px;
    padding-top: 40px;
}

#content .post.project-temp4 {
    padding-bottom: 26px;
}

#content .post.project-temp3 {
    padding-bottom: 29px;
}

#content .post.project-temp2 {
    padding-bottom: 26px;
}

#content .post.project-temp4 .navigation {
    margin-bottom: 9px;
    margin-top: 5px;
}

#content .post.project-temp3 .navigation {
    margin-bottom: 6px;
    margin-top: 8px;
}

#content .post.project-temp2 .navigation {
    margin-bottom: 9px;
    margin-top: 5px;
}

.archive #content .post:first-child,
.page-template-template-blog-page-php #content .post:first-child,
.page-template-template-blog-fullwidth-php #content .post:first-child,
.blog #content div.post:first-child,
.page-template-template-blog-left-sidebar-page-php #content .post:first-child {
    padding-top: 0;
}

.blog #content .post,
.archive #content .post,
.page-template-template-blog-page-php #content .post,
.page-template-template-blog-fullwidth-php #content .post,
.page-template-template-blog-left-sidebar-page-php #content .post {
    border-bottom: 1px dotted #DDDDDD;
    padding-bottom: 55px;
    padding-top: 50px;
}

.blog-template #content .post:last-child,
.blog #content .post:last-child {
    border-bottom: 0;
}

.category #content .post:last-child,
.tag #content .post:last-child,
.archive #content .post:last-child,
.search #content .post:last-child {
    border-bottom: 0;
}

.blog-template #content,
.blog #content {
    margin-bottom: 17px;
}

.tag #content,
.category #content,
.archive #content,
.search #content {
    margin-bottom: 15px;
}

.search #content .post {
    border-bottom: 1px solid #E1E1E1;
}

.blog-template .container.post-wrap,
.blog .container.post-wrap {
    padding-top: 60px;
    padding-bottom: 50px;
}

.blog-template .navigation #foodeez-paginate,
.blog .navigation #foodeez-paginate {
    margin-bottom: 38px;
}

.fullwidth-temp .container.post-wrap {
    margin-top: 60px;
}

.fullwidth-temp #content .post {
    padding-bottom: 30px;
}

.sitemap-temp #content {
    margin-bottom: 30px;
}

.left-sidebar #content .post {
    padding-bottom: 50px;
}

.default-pagetemp #content .post {
    padding-bottom: 50px;
}

.entry {
    margin: 10px 0 15px;
}

.entry-title a {
    color: #000000;
    text-decoration: none;
}

.post-title {
    margin-bottom: 4px;
}

.post-title a {
    font-family: 'Dancing Script', cursive;
    font-weight: 500;
    font-size: 26px;
    line-height: 30px;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
}

.title {
    font-family: 'Dancing Script', cursive;
    font-weight: 500;
    font-size: 26px;
    line-height: 30px;
}

.skepost-meta {
    border-radius: 2px;
    border: 1px solid rgba(204, 204, 204, 0.2);
    background-color: rgba(204, 204, 204, 0.1);
    color: #999999;
    font-size: 12px;
    margin: 15px 0;
    padding: 10px;
    word-spacing: 2px;
}

.skepost-meta abbr {
    border: none;
}

.skepost-meta abbr:hover {
    border-bottom: 1px dotted #666;
}

.skepost {
    clear: both;
}

.skepost img {
    margin-bottom: 10px;
}

.skepost input {
    margin: 0 0 24px 0;
}

.skepost input.file,
.skepost input.button {
    margin-right: 24px;
}

.skepost label {
    color: #888;
    font-size: 12px;
}

.skepost select {
    margin: 0 0 24px 0;
}

.skepost sup,
.skepost sub {
    font-size: 10px;
}

.skepost blockquote.left {
    float: left;
    margin-left: 0;
    margin-right: 24px;
    text-align: right;
    width: 33%;
}

.skepost blockquote.right {
    float: right;
    margin-left: 24px;
    margin-right: 0;
    text-align: left;
    width: 33%;
}

body.page .edit-link {
    clear: both;
    display: block;
}

.skepost-meta a {
    text-decoration: none;
    font-weight: 400;
    color: #999999;
    display: inline-block;
}

.skepost-meta span {
    padding: 8px;
    margin-right: 1px;
    padding-top: 0;
}

.skepost-meta span i {
    margin-right: 2px;
}

.skepost-meta .category a {
    display: inline-block;
}

.main-box .main-box-mid {
    margin-bottom: 10px;
}

.readmore {
    margin-top: 15px;
}

.readmore a {
    background-color: #444444;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    display: block;
    font-style: italic;
    height: 24px;
    overflow: hidden;
    padding: 0 2px 0 10px;
    text-decoration: none;
    width: 91px;
}

.readmore a:hover {
    background-color: #5F5F5F;
}

#content .continue {
    text-align: left;
}

.continue a {
    background: none repeat scroll 0 0 #7FBF00;
    border-radius: 2px;
    cursor: pointer;
    color: #fff;
    margin-top: 4px;
    display: inline-block;
    font-family: 'Dancing Script', cursive;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 20px;
    margin-bottom: 0;
    padding: 8px 9px;
    position: relative;
    text-transform: uppercase;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
}

.continue a:hover {
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
}

.sticky-post {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    font-family: 'Dancing Script', cursive;
    font-weight: 500;
    font-size: 20px;
    font-weight: 300;
    padding-bottom: 10px;
    padding-top: 35px;
    text-transform: uppercase;
    width: 120px;
}

.sticky-post:first-child {
    padding-top: 0;
    margin-top: -5px;
}

#content .post.sticky {
    padding-top: 15px;
}

.single #content .title {
    margin-bottom: 4px;
}

#content.blogsidebar {
    margin-top: 0px;
}

#front-content-box .container p {
    margin: 0;
}


/* = page title css
-------------------------------------------------------------- */

.inner-header-bg {
    position: relative;
}

.bread-title-holder {
    display: block;
    height: 90px;
    position: relative;
    text-align: center;
    width: 100%;
}

.bread-title-holder .container {
    display: table;
    height: 100%;
    position: relative;
}

.bread-title-holder .container .row-fluid {
    display: table-cell;
    vertical-align: middle;
}

.bread-title-holder .cont_nav {
    display: block;
    margin-top: 0px;
    position: relative;
    float: right;
    top: 5px;
}

.bread-title-holder .cont_nav_inner p {
    margin: 0;
    color: #fff;
}

.container_inner {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    padding: 10px 18px;
}


/* = front css
-------------------------------------------------------------- */

#featured-box {
    margin-top: 95px;
}

.skt-section {
    margin-top: 65px;
}

.skt-iconbox.iconbox-top {
    text-align: center;
}

.skt-iconbox.iconbox-top p {
    margin: 0;
}

.skt-iconbox.iconbox-top .iconbox-icon {
    height: auto;
    position: relative;
    text-align: center;
}

.iconbox-content {
    line-height: 22px;
    margin-top: 45px;
}

.skt-animated.skt-viewport.small-to-large {
    animation: skt_zoom 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s normal none 1;
    -webkit-animation: skt_zoom 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s normal none 1;
    -moz-animation: skt_zoom 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s normal none 1;
    -o-animation: skt_zoom 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s normal none 1;
    opacity: 1;
}

@keyframes skt_zoom {
    0% {
        transform: scale(.3);
        opacity: .1
    }
    100% {
        transform: scale(1);
        opacity: 1
    }
}

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

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

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

.iconbox-icon i {
    color: #fff;
    font-size: 34px;
    line-height: 54px;
    text-align: center;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
}

.skt-iconbox.iconbox-top .iconbox-icon img {
    top: 0;
    position: relative;
    top: 0;
    height: 150px;
    position: relative;
    width: 270px;
    border-radius: 2%;
    margin-bottom: 0px;
    transition-duration: 0.5s;
    transition-timing-function: ease;
    transition-delay: 0s;
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: ease;
    -moz-transition-delay: 0s;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    -o-transition-duration: 0.5s;
    -o-transition-timing-function: ease;
    -o-transition-delay: 0s;
}

a.skt-featured-icons {
    background: none repeat scroll 0 0 #FFA500;
    display: inline-block;
    height: 51px;
    position: relative;
    width: 88px;
}

.iconbox-icon a.skt-featured-icons i {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}

a.skt-featured-icons:before {
    border-bottom: 25px solid #FFA500;
    border-left: 44px solid rgba(0, 0, 0, 0);
    border-right: 44px solid rgba(0, 0, 0, 0);
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: -25px;
    width: 0;
}

a.skt-featured-icons:after {
    border-left: 44px solid rgba(0, 0, 0, 0);
    border-right: 44px solid rgba(0, 0, 0, 0);
    border-top: 25px solid #FFA500;
    bottom: -25px;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    width: 0;
}

.skt-featured-images {
    display: block;
    line-height: 0;
    position: relative;
    margin: -25px 0;
}

.skt-featured-image-mask {
    background: url("images/foodeez-Hexagonal-Mask.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 150px;
    position: absolute;
    width: 150px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 10;
}

.skt-iconbox.iconbox-top .iconbox-content h4:after {
    background-color: #DFDFDF;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    width: 270px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.skt-iconbox.iconbox-top .iconbox-content h4 {
    margin-bottom: 16px;
    padding-bottom: 18px;
}

.skt-iconbox .iconbox-content h4 {
    font-size: 26px;
    position: relative;
    text-transform: capitalize;
    font-family: 'Dancing Script', cursive;
    font-weight: 500;
}

.skt-parallax-button {
    border: 1px solid #F54336;
    cursor: pointer;
    display: inline-block;
    font-family: 'Muli', sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 20px;
    margin-bottom: 0;
    padding: 8px 25px;
    position: relative;
    text-transform: uppercase;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
}

.skt-parallax-button:hover {
    background: #F54336;
    color: #fff;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
}

.skt-parallax-heading {
    color: #fff;
    font-size: 26px;
}

.skt-parallax-imgwrap {
    margin: 0px auto;
    text-align: center;
}

.skt-parallax-contentwrap {
    color: #fff;
    text-align: center;
    font-size: 13px;
}

.iconbox-content h4 {
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
}

.mid-box-mid .mid-box:hover .iconbox-content h4 {
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
}

#front-content-box {
    margin: 40px 0;
}

.heading.center {
    text-align: center;
}


/* =full content with parallax
-------------------------------------------------------------- */

#main div#full-division-box:first-child {
    margin-top: 0;
}

.bread-title-holder {
    overflow: hidden;
    position: relative;
}

.full-content-box {
    padding: 60px 0 50px;
    position: relative;
}

.full-content-box .span5 > h2 {
    line-height: 28px;
}

.full-bg-image-fixed {
    background-image: url("images/PArallax_Vimeo_bg.jpg");
}

.bread-title-holder h1.title {
    font-size: 25px;
    margin: 0;
    line-height: 30px;
    color: #222;
    float: left;
}

.bread-title-holder .cont_nav_inner a,
.bread-title-holder .cont_nav_inner p {
    font-size: 12px;
}

.bread-title-holder .skt-breadcrumbs-separator {
    color: #666666;
    font-family: 'Trebuchet MS';
    font-size: 10px;
    letter-spacing: -1px;
    margin: 0 3px;
    position: relative;
}

.full-bg-breadimage-fixed {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
}

.full-bg-breadimage-fixed {
    background-size: auto auto;
}

#full-division-box,
#full-static-box {
    background-attachment: fixed;
    background-repeat: repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    height: 100%;
    overflow: hidden;
    width: 100%;
    box-shadow: 0 -2px 3px -1px rgba(0, 0, 0, 0.06) inset;
}

#full-static-box {
    box-shadow: none;
    background-position: center;
}

.para_btn {
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    display: inline-block;
    font-family: 'Muli', sans-serif;
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 21px;
    margin-top: 35px;
    padding: 8px 17px;
    text-transform: uppercase;
    transition: all 0.8s ease 0s;
    -webkit-transition: all 0.8s ease 0s;
    -moz-transition: all 0.8s ease 0s;
    -o-transition: all 0.8s ease 0s;
}

.para_btn:hover {
    background: none repeat scroll 0 0 #FFFFFF;
    transition: all 0.8s ease 0s;
    -webkit-transition: all 0.8s ease 0s;
    -moz-transition: all 0.8s ease 0s;
    -o-transition: all 0.8s ease 0s;
    color: #FFA500;
}

.skt-awesome-section {
    text-align: center;
}

.skt-awesome-title {
    color: #fff;
    font-family: 'Muli', sans-serif;
    font-size: 50px;
    line-height: 50px;
}

.skt-awesome-desp {
    font-size: 18px;
    line-height: 27px;
    margin-top: 10px;
}

#featured-menu-box {
    margin: 30px 0;
}


/* =Comments
-------------------------------------------------------------- */

.comment-box-top {
    background: url("images/comment-box-top.jpg") no-repeat scroll 0 0 transparent;
    height: 6px;
    width: 612px;
}

.comment-box-mid {
    background: url("images/comment-box-mid.jpg") repeat-y scroll 0 0 transparent;
    width: 612px;
    padding: 20px 0 0 25px;
}

.comment-box-btm {
    background: url("images/comment-box-btm.jpg") no-repeat scroll 0 0 transparent;
    height: 6px;
    width: 612px;
}

.leavereply {
    margin-bottom: 20px;
}

.note {
    font-size: 10px;
}

#comments {
    clear: both;
}

#comments .navigation {
    padding: 0 0 18px 0;
}

h3#comments-title,
h3#reply-title {
    color: #333;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 0;
}

h3#comments-title {
    padding: 24px 0;
}

.commentlist {
    list-style: none;
    margin: 0;
}

.commentlist li {
    margin: 0 0 0 25px;
}

.commentlist p {
    margin: 5px 0;
}

.commentlist li.comment {
    line-height: 24px;
    margin: 0 0 10px 0;
    position: relative;
}

.commentlist li:last-child {
    margin-bottom: 0;
}

#comments .comment-body ul,
#comments .comment-body ol {
    margin-bottom: 18px;
}

#comments .comment-body p:last-child {
    margin-bottom: 6px;
}

#comments .comment-body blockquote p:last-child {
    margin-bottom: 24px;
}

.commentlist ol {
    list-style: decimal;
}

#content .commentlist .avatar {
    height: 77px;
    left: -100px;
    margin-right: 5px;
    position: absolute;
    top: 4px;
    width: 77px;
}

.comment-author {
    position: relative;
}

.comment-author cite {
    color: #000;
    font-style: normal;
    font-weight: 400;
}

.comment-author .says {
    font-style: italic;
}

.comment-meta {
    font-size: 12px;
    margin: 0 0 18px 0;
}

.comment-meta a {
    text-decoration: none;
}

.comment-meta a:hover {
    color: #ff4b33;
}

.commentlist .bypostauthor {
}

.reply {
    font-size: 12px;
    padding: 0 0 10px;
    position: absolute;
    right: 0;
    top: 10px;
}

.reply a,
a.comment-edit-link {
    color: #222;
}

.reply a:hover,
a.comment-edit-link:hover {
    color: #ff4b33;
}

.commentlist .children {
    list-style: none;
    margin: 0;
}

.commentlist .children li {
    background: url("images/corner-arrow.png") no-repeat scroll left 0 transparent;
    padding-left: 45px;
}

.comment-body {
    border-bottom: 1px dotted #EEEEEE;
    margin-bottom: 10px;
    padding: 12px 0 12px 100px;
}

.comment-edit-link {
    display: none;
}

.nopassword,
.nocomments {
    display: none;
}

#comments .pingback {
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 18px;
    padding-bottom: 18px;
}

.commentlist li.comment + li.pingback {
    margin-top: -6px;
}

#comments .pingback p {
    color: #888;
    display: block;
    font-size: 12px;
    line-height: 18px;
    margin: 0;
}

#comments .pingback .url {
    font-size: 13px;
    font-style: italic;
}


/* =Comments form
-------------------------------------------------------------- */

input[type=submit] {
    color: #333;
}

#content #respond {
    border: 1px dotted #EEEEEE;
    color: #000000;
    font-size: 20px;
    margin-bottom: 10px;
    padding: 20px;
    position: relative;
    margin-top: 25px;
}

.comments-template {
    border-top: 1px dotted #EEEEEE;
    margin-bottom: 20px;
    margin-top: 20px;
}

.comments-template #commentsbox {
    padding-top: 10px;
}

.comments-template a {
    text-decoration: none;
}

.comments-template .reply a {
    background: none repeat scroll 0 0 #7FBF00;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    font-family: 'Dancing Script', cursive;
    font-weight: 600;
    font-size: 13px !important;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 19px;
    margin-bottom: 0;
    padding: 7px 22px;
    position: relative;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    text-decoration: none;
    color: #FFFFFF;
}

.comments-template .reply a:hover {
    color: #FFFFFF;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
}

#commentsbox {
    border-top: 1px dotted #EEEEEE;
    margin-bottom: 20px;
    margin-top: 20px;
}

#commentsbox a {
    text-decoration: none;
}

#commentsbox .reply a {
    background: none repeat scroll 0 0 #7FBF00
    border: none;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    font-family: 'Dancing Script', cursive;
    font-weight: 500;
    font-size: 14px !important;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 19px;
    margin-bottom: 0;
    padding: 7px 22px;
    position: relative;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    text-decoration: none;
    color: #FFFFFF;
}

#commentsbox .reply a:hover {
    color: #FFFFFF;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
}

#comments {
    color: #333;
    font-size: 18px;
    margin-bottom: 0;
    padding: 10px 0;
}

.commentmetadata {
    margin: 0 0 15px;
    position: relative;
}

.commenttext {
    font-size: 14px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 5px;
}

.postmetadata {
    margin: 7px 0;
    padding: 2px 10px;
}

.postmetadata a {
    color: #404040;
    text-decoration: none;
}

#respond p {
    clear: both;
    height: 40px;
    margin: 0;
}

#respond .comment-notes {
    font-size: 12px;
    margin-bottom: 1em;
    color: #666666;
}

#respond .logged-in-as {
    font-size: 12px;
}

.form-allowed-tags {
    line-height: 1em;
}

.children #respond {
    margin: 0 0px 0 0;
}

h3#reply-title {
    margin: 18px 0;
}

#comments-list #respond {
    margin: 0 0 18px 0;
}

#comments-list ul #respond {
    margin: 0;
}

#cancel-comment-reply-link {
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    color: #888;
    text-decoration: none;
}

#respond .required {
    color: #ff4b33;
    font-size: 16px;
}

#respond label {
    float: left;
    font-size: 13px;
    margin-top: 5px;
    color: #666;
}

#respond input[type="submit"] {
    background: none repeat scroll 0 0 #F54336;
    color: #FFFFFF;
    border: medium none;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    height: auto;
    font-family: 'Muli', sans-serif;
    font-size: 12px !important;
    letter-spacing: 1px;
    margin-bottom: 0;
    padding: 8px 25px;
    position: relative;
    text-transform: uppercase;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
}

#respond input[type="submit"]:hover {
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
}

#respond input,
#respond textarea {
    background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #E1E1E1;
    color: #666666;
    float: right;
    font-family: 'Muli', sans-serif;
    font-size: 12px;
    font-weight: 300;
    height: 30px;
    margin: 0 0 22px;
    padding: 4px;
    width: 78%;
}

#respond .comment-form-comment {
    height: 102px;
}

#commentform .submit {
    float: right;
    width: 175px;
}

#respond textarea {
    height: 182px;
    overflow: auto;
}

.form {
    width: 500px;
}

#commentform .logged-in-comment {
    font-family: Times New Roman;
    font-size: 16px;
    margin-bottom: 15px;
    color: #888888;
}

#commentform .logged-in-comment a {
    color: #111;
    text-decoration: none;
}

#commentform .logged-in-comment a:hover {
    color: #000;
}

#respond #input {
    float: right;
    margin: 0 0 20px;
    width: 420px;
}

#respond .form-allowed-tags {
    clear: both;
    display: none;
}

#respond .form-allowed-tags code {
    font-size: 11px;
}

#respond .form-submit {
    margin: 12px 0 0;
}

#respond .form-submit input {
    font-size: 15px;
    width: auto;
    outline: none;
}

#commentform .left-label {
    float: left;
    margin-bottom: 15px;
    width: 240px;
}

#commentform .right-input {
    float: left;
}

#commentform .input {
    float: right;
    margin-top: 15px;
    width: 380px;
}

#commentform .input input[type="submit"] {
    float: left;
}

.cancel-comment-reply {
    float: right;
    margin-bottom: 15px;
}


/* =404 Page
-------------------------------------------------------------- */

.skepost._404-page {
    text-align: center;
}

._404-page form {
    display: inline-block;
}

._404-page form input {
    margin-bottom: 0;
}

.error-txt-first {
    font-size: 150px;
    line-height: 150px;
    margin-top: 32px;
}

.error-txt {
    font-size: 180px;
    line-height: 220px;
}

._404-page p {
    font-size: 18px;
    line-height: 28px;
    margin-top: 40px;
    margin-bottom: 40px;
}


/* =Widget Areas
-------------------------------------------------------------- */

.ske_widget ul {
    list-style: none;
    margin-left: 0;
}

.ske_widget ul.menu {
    font-size: 12px;
    float: none;
    width: 100%;
}

.ske_widget ul.menu li {
    float: none;
}

.ske_widget ul.menu li a {
    margin-left: 3px;
}

.ske_widget ul ul {
    list-style: none;
    margin-left: 0px;
}

.ske_search #s {
    width: 60%;
}

.ske_search label {
    display: none;
}

.error404 #searchform input[type="text"],
.search #searchform input[type="text"],
#sidebar #searchform input[type="text"],
#footer #searchform input[type="text"] {
    border-radius: 2px 0 0 2px;
    border: 1px solid #DDDDDD;
    color: #666;
    font-family: 'Muli', sans-serif;
    height: 25px;
    padding-left: 5px;
    width: 166px;
    border-right: 0;
    font-size: 12px;
    font-weight: 300;
}

#sidebar #searchform input[type="submit"] {
    padding: 4px 10px;
}

#searchform input[type="submit"] {
    height: 29px;
    border-style: none;
    border-radius: 0 2px 2px 0;
    color: #FFFFFF;
    display: block;
    font-family: 'Muli', sans-serif;
    overflow: hidden;
    padding: 4px 11px;
    text-decoration: none;
    width: auto;
    cursor: pointer;
    font-size: 12px;
    font-weight: 300;
    margin: 0;
    -webkit-padding-before: 5px;
    -webkit-padding-after: 5px;
    -webkit-padding-start: 14px;
    -webkit-padding-end: 14px;
}

#searchform input[type="submit"] {
    height: 29px;
    border-style: none;
    border-radius: 0 2px 2px 0;
    color: #FFFFFF;
    display: block;
    font-family: 'Muli', sans-serif;
    overflow: hidden;
    padding: 4px 11px;
    text-decoration: none;
    width: auto;
    cursor: pointer;
    font-size: 12px;
    font-weight: 300;
    margin: 0;
    -webkit-padding-before: 5px;
    -webkit-padding-after: 5px;
    -webkit-padding-start: 14px;
    -webkit-padding-end: 14px;
}

#footer #searchform input[type="text"] {
    border: 0;
    height: 27px;
}

.ske-container {
    margin: 0 0 40px;
}

.widget_search .ske-title {
    border-bottom: none;
}

.ske-title {
    font-size: 16px;
    font-weight: bold;
    line-height: 23px;
    margin-bottom: 10px;
    font-size: 24px;
}

.ske-container img,
.ske-container select {
    height: auto;
    max-width: 100%;
}

.ske_widget a:link,
.ske_widget a:visited {
    text-decoration: none;
    color: #666666;
}

.ske_widget a:active,
.ske_widget a:hover {
    text-decoration: none;
    color: #000;
}

.ske_widget a.image:hover {
    padding: 0;
}

#wp_tag_cloud div {
    line-height: 1.6em;
}

#wp-calendar {
    background: none repeat scroll 0 0 #F54336;
    color: #FFFFFF;
    padding: 2px;
    width: 100%;
}

#wp-calendar caption {
    color: #525252;
    font-size: 13px;
    font-weight: normal;
    padding-bottom: 4px;
    text-align: left;
}

#wp-calendar thead {
    font-size: 11px;
}

#wp-calendar thead th {
    border: medium none;
    color: #FFFFFF;
    font-family: 'Muli', sans-serif;
    font-size: 12px;
    padding: 9px 5px;
    text-align: center;
}

#wp-calendar tbody {
    color: #aaa;
}

#wp-calendar tbody td {
    border: medium none;
    padding: 3px 0 2px;
    text-align: center;
    color: #f2f2f2;
    font-size: 12px;
}

#wp-calendar a {
    color: #FFFFFF;
    font-family: 'Muli', sans-serif;
    font-size: 13px;
    font-weight: 400;
}

#wp-calendar tbody a {
    background: none repeat scroll 0 0 #F0F0F0;
    color: #333333;
    display: block;
    font-weight: 400;
    height: 23px;
    line-height: 24px;
    margin: 0 auto;
    text-align: center;
    width: 25px;
}

#wp-calendar a:hover {
    color: #000;
}

tfoot td {
    padding: 9px 5px;
}

#wp-calendar td {
    border: medium none;
}

#wp-calendar tbody .pad {
    background: none;
}

#wp-calendar tfoot #next {
    text-align: right;
}

#sidebar div.follow-icons li a {
    background: none repeat scroll 0 0 #eee;
}

#sidebar div.follow-icons .social li a:before {
    color: #333;
}

#sidebar div.follow-icons .social li a:hover:before {
    color: #fff;
}

#sidebar select {
    border: 1px solid #DDDDDD;
    color: #666666;
    font-family: 'Muli', sans-serif;
    font-size: 12px;
    padding: 4px;
    width: 100%;
}

.ske_widget .widget_tag_cloud a,
.ske_widget .tagcloud a {
    background: none repeat scroll 0 0 #EEEEEE;
    color: #333333;
    display: inline-block;
    font-size: 12px !important;
    margin-bottom: 5px;
    padding: 6px 10px;
    transition: all 1s ease 0s;
}

.ske_widget .widget_tag_cloud a:hover,
.ske_widget .tagcloud a:hover {
    color: #333333;
}

.ske_widget .widget_tag_cloud a,
.ske-container .tagcloud a {
    border-radius: 2px;
    color: #333333;
    font-weight: 400;
    line-height: 20px;
    margin-right: 2px;
    text-transform: capitalize;
}

.ske-footer-container ul.sub-menu li {
    border: medium none;
    margin: 0 0 0 10px;
}

.ske-footer-container ul.sub-menu {
    margin-bottom: 0;
}


/*--- opening hours widget ---*/

ul.opening-hours-list li {
    background-image: none;
    padding: 8px 0px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    list-style-type: none;
}

ul.opening-hours-list li span.head {
    width: 90px;
    display: block;
    float: left;
    line-height: 16px;
}

ul.opening-hours-list li span.close,
ul.opening-hours-list li span.time {
    overflow: hidden;
    padding-left: 22px;
    line-height: 16px;
    display: block;
    background-position: 0px 0px;
    background-repeat: no-repeat;
}


/* =Search
-------------------------------------------------------------- */

#search {
    float: right;
    height: 55px;
}

#search input[type="text"] {
    background: none repeat scroll 0 0 #545454;
    border: 0 solid #CCCCCC;
    padding: 3px;
    color: #D7D7D7;
    float: left;
    margin-right: 10px;
}

#search input[type="submit"] {
    background-color: #393939;
    border: 0 none;
    color: #D7D7D7;
    height: 20px;
    width: 60px;
}


/* =Main Sidebars
-------------------------------------------------------------- */

#sidebar {
    border-left: 1px solid rgba(127, 127, 127, 0.2);
    float: right;
    margin-left: 30px;
    padding-left: 30px;
}

#sidebar .skeside {
    width: 100%;
    float: left;
    margin-bottom: 25px;
}

.front-page #sidebar {
    padding-left: 0;
}

#main .ske_widget ul {
    margin-left: 0;
}

#main .ske_widget ul ul.children {
    margin: 0;
    padding: 0;
}

#main .ske_widget ul ul.children li,
#main .ske_widget ul ul.sub-menu li {
    border-bottom: none;
    padding-bottom: 0;
}

.ske_widget ul ul li:before,
.widget_nav_menu ul li:before,
.widget_pages ul li:before,
.widget_categories ul li:before,
.wpb_taxonomy ul li:before,
.widget_recent_entries ul li:before,
.widget_recent_comments ul li:before,
.widget_archive ul li:before,
.widget_meta ul li:before {
    margin-right: 5px;
    color: #636363;
    /*content: "\f0da";*/
    font-size: 12px;
    font-family: 'FontAwesome';
}

#main .ske_widget ul ul li {
    border-bottom: 1px dotted #eee;
    line-height: normal;
    margin: 0;
    padding: 9px 0;
    display: block;
    width: 100%;
}

#sidebar_1 {
}

#sidebar_1 .ske-container img {
    border: 3px solid #CCCCCC;
    margin: 0 4px 8px;
    padding: 2px;
}

#sidebar_1 .ske-container img:hover {
    border: 3px solid #898989;
}

.ske_widget ul.social {
    margin-bottom: 0;
}

#sidebar .ske_widget div.follow-icons ul.social li:before {
    margin-right: 0px;
}

#sidebar .ske_widget div.follow-icons ul.social li {
    margin-top: 0;
    margin-bottom: 10px;
}

#sidebar .ske-title,
#footer .sitename {
    font-family: 'Dancing Script', cursive;
    font-weight: 500;
    font-size: 26px;
    letter-spacing: 2px;
    margin-bottom: 15px;
}

#footer #wp-calendar {
    background: #2C2D2E;
}

#footer #wp-calendar thead th {
    color: #ddd;
}

#footer #wp-calendar caption {
    color: #ccc;
}

#footer .tagcloud a {
    background: none repeat scroll 0 0 #EEEEEE;
    border-radius: 2px;
    display: inline-block;
    font-size: 12px !important;
    margin-bottom: 5px;
    padding: 6px 10px;
    transition: all 1s ease 0s;
}

#footer select {
    width: 100%;
    padding: 5px;
    font-family: 'Muli', sans-serif;
    font-size: 12px;
    border: 0;
    color: #666;
}


/* =Left Sidebars
-------------------------------------------------------------- */

.left-sidebar #sidebar {
    border-left: 0 none;
    border-right: 1px solid rgba(127, 127, 127, 0.2);
    float: left;
    margin-left: 0;
    padding-left: 0;
    padding-right: 30px;
}

.left-sidebar #content {
    float: right;
}


/* =Contact
-------------------------------------------------------------- */

.contact-page-content {
    padding: 48px 0 32px;
}

.contact_detail .contact-right {
    line-height: 29px;
}

.contact_detail .contact-right ul {
    margin: 0;
}

.contact_detail .contact-right li {
    border-bottom: 1px dotted #E1E1E1;
    list-style: none outside none;
    margin: 0;
    padding: 7px 0;
}

.google-map {
    display: block;
    height: 470px;
    width: 100%;
}

#content .contact-left .fill {
    height: 22px;
    margin-bottom: 34px;
    margin-top: 20px;
    font-size: 22px;
}

#content .contact-left form .wpcf7-form-control.wpcf7-not-valid {
    border: 1px solid red;
}

.wpcf7-quiz-label {
    display: block;
}

#content .contact-left form input[type="text"],
#content .contact-left form input[type="email"],
#content .contact-left form input[type="url"],
#content .contact-left form input[type="tel"],
#content .contact-left form input[type="number"],
#content .contact-left form input[type="range"],
#content .contact-left form input[type="date"],
#content .contact-left form input[type="file"] {
    background: #f9f9f9;
    border: 1px solid #e1e1e1;
    color: #666666;
    font-family: 'Muli', sans-serif;
    font-size: 12px;
    height: 30px;
    margin: 5px 0 0;
    padding: 4px;
    width: 97.5%;
}

#content .contact-left form select {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #e1e1e1;
    height: 30px;
    padding: 4px;
    margin: 5px 0 0;
    width: 97.5%;
}

#content .contact-left form input[type="text"]:focus,
#content .contact-left form input[type="email"]:focus,
#content .contact-left form input[type="url"]:focus,
#content .contact-left form input[type="tel"]:focus,
#content .contact-left form input[type="number"]:focus,
#content .contact-left form input[type="range"]:focus,
#content .contact-left form input[type="date"]:focus,
#content .contact-left form input[type="file"]:focus {
    border: 1px solid #F54336;
}

#content .contact-left form textarea {
    background: #f9f9f9;
    border: 1px solid #e1e1e1;
    height: 150px;
    padding: 4px;
    margin-top: 4px;
    width: 98.8%;
    color: #666666;
    font-family: 'Muli', sans-serif;
    font-size: 12px;
    margin-bottom: 0px;
}

#content .contact-left form textarea:focus {
    border: 1px solid #F54336;
}

#content .contact-left form input[type="submit"] {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #F54336;
    cursor: pointer;
    display: inline-block;
    display: inline-block;
    font-family: 'Muli', sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    margin-bottom: 0;
    padding: 8px 25px;
    position: relative;
    float: right;
    text-transform: uppercase;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
}

#content .contact-left form input[type="submit"]:hover {
    background: none repeat scroll 0 0 #F54336;
    color: #FFFFFF;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
}

#map .gm-style img {
    max-width: inherit;
}

span.wpcf7-not-valid-tip {
    color: #FF0000;
    display: block;
    font-family: 'Muli', sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    margin-top: 3px;
}

div.wpcf7-validation-errors {
    border: 1px solid #F7E700;
    font-size: 13px;
    font-weight: 400;
    margin-left: 0;
    margin-right: 0;
    font-family: 'Muli', sans-serif;
}

div.wpcf7-mail-sent-ng {
    border: 1px solid #FF0000;
    font-size: 13px;
    font-weight: 400;
    margin-left: 0;
    margin-right: 0;
    font-family: 'Muli', sans-serif;
}

div.wpcf7-mail-sent-ok {
    border: 1px solid #398F14;
    font-size: 13px;
    font-weight: 400;
    margin-left: 0;
    margin-right: 0;
    font-family: 'Muli', sans-serif;
}

div.wpcf7 img.ajax-loader {
    margin-top: 12px !important;
}

.contactsidetemp div.wpcf7 img.ajax-loader {
    margin-left: 5px !important;
}

#contactform label {
    font-family: 'Open Sans', sans-serif;
}

div.m-style-iw {
    width: 300px !important;
    height: auto !important;
}


/* =Footer
-------------------------------------------------------------- */

#footer {
    background-color: #303132;
    border-top: 0 solid #30B7FF;
    color: #747474;
    margin-bottom: 0
}

#footer .first_wrapper {
    margin: 0 auto;
    height: 64px;
    color: #858585;
}

#footer .first_wrapper .siteinfo {
    float: left;
    height: auto;
    margin-left: 20px;
    padding: 10px 0;
}

.footer-seperator {
    height: 1px;
    margin-bottom: 5px;
}

.siteinfo .sitename {
    margin-bottom: 5px;
}

.siteinfo .sitename a {
    color: #FFFFFF;
    font-size: 20px;
    text-decoration: none;
}

.siteinfo .sitedescription {
    color: #858585;
    font-size: 12px;
}

#footer .second_wrapper {
}

#footer .third_wrapper {
    background-color: #2D2E2F;
    color: #777777;
    font-family: 'Muli', sans-serif;
    margin: 0 auto;
    padding: 15px 0;
}

#footer .ske-footer-container {
    float: left;
    padding-top: 41px;
    margin-bottom: 41px;
}

#footer li.ske-footer-container {
    list-style: none outside none;
}

.ske-title.ske-footer-title {
    color: #777777;
    font-family: 'Dancing Script', cursive;
    font-weight: bold;
    font-size: 22px;
    letter-spacing: 2px;
    margin-bottom: 20px;
    padding-bottom: 5px;
}

.ske-footer-container ul li a,
.ske_widget a {
    height: 20px;
    margin-bottom: 5px;
    transition: all .5s linear 0s;
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
}

.ske-footer-container ul li a:hover,
.ske_widget a:hover {
    transition: all .5s linear 0s;
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
}

.ske-footer-container ul li {
    list-style: none outside none;
    margin-bottom: 7px;
    margin-left: 0;
    padding-bottom: 7px;
    padding-left: 1px;
}

.ske-footer-container p,
.ske-footer-container ul li a {
    color: #ccc;
    line-height: 18px;
}

#footer .third_wrapper .copyright {
    line-height: 20px;
    min-height: inherit;
    font-size: 12px;
}

#footer .third_wrapper .copyright p {
    margin: 0;
}

#footer .third_wrapper .owner {
    line-height: 20px;
    text-align: right;
    float: right;
    min-height: inherit;
    font-size: 12px;
}

#footer .third_wrapper a {
    color: #969595;
    text-decoration: none;
    font-size: 12px;
}

#footer .third_wrapper a:hover {
    color: #F54336;
}

a#backtop:before {
    color: #FFFFFF;
    content: "\f106";
    display: block;
    font-family: 'FontAwesome';
    font-size: 14px;
    margin-top: 9px;
    text-align: center;
}

a#backtop {
    background: none no-repeat scroll 0 0 #F54336;
    bottom: 7px;
    height: 35px;
    line-height: 16px;
    position: fixed;
    right: 30px;
    text-decoration: none;
    width: 35px;
    z-index: 9999;
    border-radius: 2px;
}

.ske-footer-container ul li:before {
    content: none;
}

.ske-footer-container .menu li {
    display: block;
    float: none;
}

.ske-footer-container .menu {
    float: none;
    width: 100%;
}


/* =Slider ends
-------------------------------------------------------------- */

.featured-image {
    display: block;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
}

.featured-image-shadow-box {
    overflow: hidden;
    margin-bottom: 22px;
}

.featured_image_shadow {
    margin-top: -25px;
    position: relative;
    z-index: 0;
}

.portfolio-items {
    font-weight: bold;
    padding: 10px 4px 0;
}

ul.childpages {
    list-style-type: disc;
    margin-left: 20px;
}

.childpages li a {
    text-decoration: none;
}

.childpages li a:hover {
    padding: 0 2px;
}


/* =Pagination
-------------------------------------------------------------- */

#foodeez-paginate {
    display: inline-block;
    font-size: 13px;
    margin: 20px 0;
    position: relative;
    text-align: center;
    width: 100%;
}

#foodeez-paginate a {
    border: 1px solid #E0DEDE;
    display: inline-block;
    height: 32px;
    line-height: 31px;
    padding: 0;
    width: 32px;
    transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
}

#foodeez-paginate a:hover {
    background: none repeat scroll 0 0 #F54336;
    color: #FFFFFF;
    transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
}

#foodeez-paginate .foodeez-prev {
    float: left;
    left: 0;
    margin: 0 3px 6px 0;
    position: absolute;
}

#foodeez-paginate .foodeez-next {
    float: right;
    margin: 0 0 6px 3px;
    position: absolute;
    right: 0;
}

#foodeez-paginate .foodeez-page {
    margin: 0 3px 6px;
}

#foodeez-paginate .icon-angle-right,
#foodeez-paginate .icon-angle-left {
    font-size: 24px;
    line-height: 30px;
}

#foodeez-paginate .foodeez-current {
    background: none repeat scroll 0 0 #F54336;
    color: #FFFFFF;
    border: 1px solid #E0DEDE;
    display: inline-block;
    height: 32px;
    line-height: 31px;
    padding: 0;
    width: 32px;
    transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
}

.navigation {
    color: #888888;
    font-size: 13px;
    line-height: 18px;
    margin: 10px 0 0;
    overflow: hidden;
}

.navigation.blog-navigation {
    margin-top: 35px;
}

.category .blog-navigation,
.tag .blog-navigation,
.archive .blog-navigation,
.search .blog-navigation {
    margin-bottom: 35px;
}

.nav-previous {
    float: left;
    width: 50%;
}

.nav-next {
    float: right;
    text-align: right;
    width: 50%;
}


/* =Search
-------------------------------------------------------------- */

#searchform .searchleft {
    float: left;
}

#searchform .searchright {
    float: left;
}


/* =Error 404
-------------------------------------------------------------- */

#error-404 {
    margin-top: 20px;
}


/* =Theme Check Include Classes
-------------------------------------------------------------- */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
    display: block;
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.wp-caption {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #F0F0F0;
    padding: 5px 3px;
    text-align: center;
    border: 1px solid #EEEEEE;
    max-width: 100%;
}

.wp-caption-text {
    margin-bottom: 5px;
    margin-top: 5px;
    font-size: 11px;
}

.sticky {
}

.gallery-caption {
}

.gallery-item dd {
    float: none;
}

.alignright {
    float: right;
    margin: 5px 0px 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto;
}

.alignnone.size-full {
    max-width: 100%;
}

#content .alignright {
    float: right;
    margin: 5px 0px 20px 20px;
}

#content .alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

#content .aligncenter {
    display: block;
    margin: 5px auto;
}

#content .alignnone.size-full {
    max-width: 100%;
}

#content img,
#sider-bar img {
    height: auto;
    margin: 0;
    max-width: 100%;
}

#content table {
    border: 1px solid #E7E7E7;
    margin: 0;
    text-align: left;
    width: 99%;
    margin: 0 0 10px;
}

#content tr td {
    border: 1px solid #CCCCCC;
    padding: 6px 24px;
    text-align: center;
}

.bypostauthor {
}


/*=  mobile menu
-------------------------------------------------------------- */

#menu-icon {
    display: none;
}

.responsive-nav-button {
    background-color: #D6D6D6;
    border-radius: 3px 3px 3px 3px;
    display: none;
    font-family: "FontAwesome";
    font-size: 21px;
    font-style: normal;
    font-weight: normal;
    height: 35px;
    line-height: 37px;
    text-align: center;
    vertical-align: middle;
    width: 35px;
}

#mini-menu {
    background: url("images/menuulbg.png") repeat scroll 0 0 transparent;
    display: none;
    position: absolute;
    width: 470px;
    z-index: 99999999;
}


/* =gallery
-------------------------------------------------------------- */

.gallery ul li a img {
    border: none;
}

.gallery ul li {
    position: relative;
    z-index: 1;
}

.gallery_2columns {
    list-style: none;
    margin: 0 0 0 -20px;
    width: 700px;
}

.gallery_2columns li {
    display: inline;
    float: left;
    width: 330px;
    height: 220px;
    margin: 0 0 20px 20px;
    position: relative;
}

.gallery a span {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    cursor: pointer;
}

.gallery a span.image_hover {
    background: url("../images/hover_image_big.png") no-repeat scroll center center #000000;
}

.single .thumb-wrap span.image_hover {
    background: url("../images/hover_image_big.png") no-repeat scroll center center #000000;
}

.single .thumb-wrap a span {
    cursor: pointer;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

.gallery a span.video_hover {
    background: black url(images/hover_video_big.png) no-repeat center center;
}


/* =Contact form 7
-------------------------------------------------------------- */

span.wpcf7-form-control-wrap {
    width: 100%;
}

form .wpcf7-form-control.wpcf7-not-valid {
    border: 1px solid red;
}

.wpcf7-quiz-label {
    display: block;
}

form.wpcf7-form input[type="text"],
form.wpcf7-form input[type="email"],
form.wpcf7-form input[type="url"],
form.wpcf7-form input[type="tel"],
form.wpcf7-form input[type="number"],
form.wpcf7-form input[type="range"],
form.wpcf7-form input[type="date"],
form.wpcf7-form input[type="file"] {
    background: #f9f9f9;
    border: 1px solid #e1e1e1;
    color: #666666;
    font-family: 'Muli', sans-serif;
    font-size: 12px;
    height: 30px;
    margin: 5px 0 0;
    padding: 4px;
    width: 97.5%;
}

form.wpcf7-form select {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #e1e1e1;
    height: 30px;
    padding: 4px;
    margin: 5px 0 0;
    width: 97.5%;
}

form.wpcf7-form input[type="text"]:focus,
form.wpcf7-form input[type="email"]:focus,
form.wpcf7-form input[type="url"]:focus,
form.wpcf7-form input[type="tel"]:focus,
form.wpcf7-form input[type="number"]:focus,
form.wpcf7-form input[type="range"]:focus,
form.wpcf7-form input[type="date"]:focus,
form.wpcf7-form input[type="file"]:focus {
    border: 1px solid #F54336;
}

form.wpcf7-form textarea {
    background: #f9f9f9;
    border: 1px solid #e1e1e1;
    height: 150px;
    padding: 4px;
    margin-top: 4px;
    width: 98.8%;
    color: #666666;
    font-family: 'Muli', sans-serif;
    font-size: 12px;
    margin-bottom: 0px;
}

form.wpcf7-form textarea:focus {
    border: 1px solid #F54336;
}

form.wpcf7-form input[type="submit"] {
    background: none repeat scroll 0 0 #7fbf00;
    border: none;
    cursor: pointer;
    display: inline-block;
    display: inline-block;
    font-family: 'Dancing Script', cursive;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    margin-bottom: 0;
    padding: 10px 30px;
    position: relative;
    float: right;
    border-radius: 2px;
    text-transform: uppercase;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
}

form.wpcf7-form input[type="submit"] {
    color: #FFFFFF;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
}

#map .gm-style img {
    max-width: inherit;
}

span.wpcf7-not-valid-tip {
    color: #FF0000;
    display: block;
    font-family: 'Muli', sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    margin-top: 3px;
}

div.wpcf7-validation-errors {
    border: 1px solid #F7E700;
    font-size: 13px;
    font-weight: 400;
    margin-left: 0;
    margin-right: 0;
    font-family: 'Muli', sans-serif;
}

div.wpcf7-mail-sent-ng {
    border: 1px solid #FF0000;
    font-size: 13px;
    font-weight: 400;
    margin-left: 0;
    margin-right: 0;
    font-family: 'Muli', sans-serif;
}

div.wpcf7-mail-sent-ok {
    border: 1px solid #398F14;
    font-size: 13px;
    font-weight: 400;
    margin-left: 0;
    margin-right: 0;
    font-family: 'Muli', sans-serif;
}

div.wpcf7 img.ajax-loader {
    margin-top: 12px !important;
}


/* =Team Member
-------------------------------------------------------------- */

.teamsocial {
    margin-bottom: 0px;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    text-align: center;
    padding-bottom: 20px;
}

.teamsocial li:first-child {
}

.teamsocial li {
    float: none;
    display: inline-block;
    font-size: 26px;
    list-style-type: none;
    margin: 0 0 -5px 1px;
    text-align: center;
}

.teamsocial li a {
    display: block;
    height: 36px;
    width: 36px;
    transition: all 0.6s linear 0s;
    -webkit-transition: all 0.6s linear 0s;
    -moz-transition: all 0.6s linear 0s;
    -o-transition: all 0.6s linear 0s;
}


/* =#Sketch Like-Dislike
================================================================*/

#ske-like-dislike {
    width: 264px;
    height: 48px;
    background: url('images/like-dislike-sec.png') no-repeat;
    margin: 15px auto 15px;
    padding-top: 13px;
}

#ske-like-dislike .ske-ldc-wrap {
    background: url('images/ldc-divider.png') center no-repeat;
    width: 99%;
    height: 33px;
    margin-left: 2px;
    -webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}

#ske-like-dislike .ske-ul-counts {
    width: 130px;
}

#ske-like-dislike .ul_cont {
    color: #000000;
    display: block;
    font-family: pt sans;
    font-size: 14px;
    height: 25px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 8px;
    position: relative;
    cursor: pointer;
}

#ske-like-dislike .ul_cont span {
    font-size: 13px;
    margin: 1px;
}

#ske-like-dislike .ske-like {
    float: left;
}

#ske-like-dislike .ske-dislike {
    float: right;
}

#ske-like-dislike .like_img,
#ske-like-dislike .dislike_img {
    width: 13px;
    height: 14px;
    background: url('images/like-img.png') no-repeat;
    display: inline-block;
    top: 2px;
    right: 8px;
    position: absolute;
}

#ske-like-dislike .dislike_img {
    background: url('images/dislike-img.png') no-repeat;
    left: 8px;
}

#ske-like-dislike .alert-msg {
    font-size: 10px;
    display: block;
    background: red;
    border-radius: 5px;
    width: 85%;
    margin: 0 auto;
    line-height: 22px;
    margin-top: 8px;
    text-shadow: none;
    box-shadow: 0px 0px 2px 0px #000;
}

#ske-like-dislike .ldc_img.normal {
    -webkit-transform: rotate(0deg) translate3d(0, 0, 0);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -o-transition: 1s;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;
}

#ske-like-dislike .ldc_img.rotate {
    -webkit-transform: rotate(360deg) translate3d(0, 0, 0);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    -o-transition: 1s;
    -ms-transition: 1s;
    -moz-transition: .5s;
    -webkit-transition: 1s;
    transition: 1s;
}


/*#wrapper {
    background: url("/wp-content/uploads/2016/04/cropped-casa_en_alquiler_libertador_esquina_helades_pinamar_3160133458166842564-2.jpg") no-repeat scroll 0 0 transparent !important;
    -webkit-background-size: contain !important;
    -moz-background-size: contain !important;
    -o-background-size: contain !important;
    background-size: contain !important;
    /*background-position: center center !important;
}*/

.front-page #wrapper {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}


/*formulario de inscripcion*/

#inscripcion {
    padding-left: 60px;
    padding-right: 20px;
}

#inscripcion h2 {
    font-size: 20px !important;
    font-family: 'baron', cursive;
    margin-bottom: 30px;
}

#inscripcion legend {
    font-size: 20px !important;
    font-family: 'baron', cursive;
    margin-bottom: 30px;
}

#inscripcion h3 {
    font-size: 20px !important;
    font-family: 'baron', cursive;
}

.btn-primary {
    color: #fff !important;
    background-color: #3A7BCB;
    border-color: #3A7BCB;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 15px;
    margin-top: 10px;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #3A7BCB;
    border-color: #3A7BCB;
}

#inscripcion input[type="text"],
#inscripcion input[type="email"],
#inscripcion input[type="url"],
#inscripcion input[type="password"],
#inscripcion input[type="search"] {
    border: 1px solid #212121 !important;
}

#inscripcion label.error {
    color: red !important;
    font-weight: 100 !important;
}

#inscripcion .aviso {
    color: red !important;
}

#inscripcion input {
    margin: 0 0 0px 0;
}

#inscripcion label {
    color: #888;
    font-size: 15px;
}

#checkLOPD {
    margin-left: -20px !important;
}

#checkLOPD {
    -webkit-appearance: checkbox !important;
}

input[type="radio"] {
    -webkit-appearance: radio !important;
}

input[type="checkbox"] {
    -webkit-appearance: checkbox !important;
}

#inscripcion .radio input {
    margin: 0 0 0px 0;
    margin-left: -20px;
    margin-top: 5px;
}

#inscripcion span.error {
    color: red !important;
    font-weight: 100 !important;
}

span.mensaje {
    color: green !important;
    font-size: 20px !important;
}


/*formulario de inscripcion*/

.ms-thumb-list {
    margin-top: 5px;
    position: relative;
    height: 80px;
    padding-bottom: 5px !important;
}

#full-division-box {
    margin-top: -1px !important;
}

.ms-container {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: 65px !important;
}

#front-content-box {
    margin: 0px 0 !important;
}

.social_icon {
    float: right;
    margin-top: 15px !important;
}

.qtranxs_image {
    background: none repeat scroll 0 0 #FFFFFF !important;
    border-radius: 2px;
    display: inline-block;
    font-size: 16px;
    height: 23px;
    line-height: 23px;
    margin-left: 0;
    margin-right: 16px;
    margin-top: 0;
    padding: 5px;
    text-align: center;
    width: 23px;
    color: #FFFFFF;
}

.idioma {
    float: right;
}

#qtranslate-chooser li {
    margin-left: -8px;
}

.header-topbar .row-fluid {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 116px;
    background-image: url(https://www.doctaforum-events.org/2025/cursocp2025/wp-content/themes/foodeez-lite/images/head.jpg);
}

#logo .logo {
    height: 116px !important;
    /*max-width: 100%;*/
    width: 450px !important;
    margin: -35px !important;
    margin-left: 0px !important;
}

#footer .ske-footer-container {
    float: left;
    padding-top: 41px;
    margin-bottom: 0px;
}

#skenav ul li.current_page_item > a,
#skenav ul li.current-menu-ancestor > a,
#skenav ul li.current-menu-item > a,
#skenav ul li.current-menu-parent > a,
#skenav ul li.current_page_ancestor > a {
    background-color: #3A7BCB !important;
    color: #fff !important;
}

.footer-top-border {
    border: 2px solid #3A7BCB !important;
}

a#backtop,
#respond input[type="submit"],
.skt-ctabox div.skt-ctabox-button a:hover,
.widget_tag_cloud a:hover,
.continue a,
blockquote,
.skt-quote,
#foodeez-paginate .foodeez-current,
#foodeez-paginate a:hover,
.postformat-gallerydirection-nav li a:hover,
#wp-calendar,
.comments-template .reply a,
#commentsbox .reply a,
#content .contact-left form input[type="submit"]:hover,
.skt-parallax-button:hover,
.sktmenu-toggle,
#footer .tagcloud a:hover,
form.wpcf7-form input[type="submit"] {
    background-color: #3A7BCB !important;
}

.bread-title-holder h1.title,
.cont_nav_inner span,
.bread-title-holder .cont_nav_inner p {
    color: #3A7BCB !important;
}

a,
.ske-footer-container ul li:hover::before,
.ske-footer-container ul li:hover > a,
.ske_widget ul ul li:hover::before,
.ske_widget ul ul li:hover,
.ske_widget ul ul li:hover a,
.title a,
.skepost-meta a:hover,
.post-tags a:hover,
.entry-title a:hover,
.readmore a:hover,
#Site-map .sitemap-rows ul li a:hover,
.childpages li a,
#Site-map .sitemap-rows .title,
.ske_widget a,
.ske_widget a:hover,
#Site-map .sitemap-rows ul li:hover,
#footer .third_wrapper a:hover,
.ske-title,
#content .contact-left form input[type="submit"],
.filter a,
span.team_name,
.reply a,
a.comment-edit-link,
.skt_price_table .price_in_table .value,
.teammember strong .team_name,
#content .skt-service-page .one_third:hover .service-box-text h3,
.ad-service:hover .service-box-text h3,
.mid-box-mid .mid-box:hover .iconbox-content h4,
.error-txt,
.skt-ctabox .skt-ctabox-content h2,
.reply a:hover,
a.comment-edit-link:hover,
.skepost-meta i,
.topbar_info i,
.topbar_info .head-phone-txt {
    color: #3A7BCB !important;
    text-decoration: none;
}

#skenav a {
    color: #fff;
    display: block;
    font-size: 14px;
    line-height: 55px;
    padding: 0 17px;
    text-decoration: none;
    /*color: #FFF !important;*/
    color: #3A7BCB !important;
}

body {
    color: #777777;
    font-family: 'avenir', sans-serif;
    font-size: 15px;
    line-height: 22px;
    font-weight: 300;
}

@font-face {
    font-family: 'baron';
    src: url('fonts/Baron Neue-webfont.eot');
    src: url('fonts/Baron Neue-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Baron Neue_3.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'caviar';
    src: url('fonts/avenir-light-webfont.eot');
    src: url('fonts/avenir-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/CaviarDreams_6.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'avenir';
    src: url('fonts/avenir-light-webfont.eot');
    src: url('fonts/avenir-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/LTe50338_6.ttf');
    font-weight: normal;
    font-style: normal;
}

#content table {
    border: 1px solid #E7E7E7;
    margin: 0;
    text-align: left;
    width: 98%;
    margin: 0 0 10px;
    margin-left: 1% !important;
}

#content tr td {
    border: 1px solid #CCCCCC;
    padding: 8px;
    text-align: left;
}

.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 0px solid #ddd;
}

.panel-body {
    padding: 0px;
}

.panel-default > .panel-heading {
    color: #333;
    background-color: transparent;
    border-color: #ddd;
}

#content tr td:first-child {
    border: 1px solid #CCCCCC;
    padding: 8px;
    text-align: center;
    color: #3A7BCB;
    font-weight: bold;
    width: 120px;
    vertical-align: middle !important;
}

.panel-title a {
    color: #17206B !important;
}

#content table {
    margin: 10px 0 10px;
}

.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 0px solid #ddd;
    padding-top: 10px;
}

.bread-title-holder h1.title,
.cont_nav_inner span,
.bread-title-holder .cont_nav_inner p {
    color: #3A7BCB !important;
}

.title {
    font-family: 'baron', cursive;
    font-weight: 500;
    font-size: 26px;
    line-height: 30px;
    color: #B2657C !important;
}

.panel-title a {
    font-family: 'avenir';
    font-weight: bold;
}

.clase1 {
    font-family: 'caviar', cursive;
    font-weight: bold;
    color: #3A7BCB;
}

.clase2 {
    font-family: 'avenir', cursive;
    font-weight: normal !important;
    color: #777777 !important;
    /*color: #3A7BCB;*/
}

.clase3 {
    font-family: 'avenir', cursive;
    font-style: italic;
    font-size: 12px;
    font-weight: normal !important;
    color: #777777 !important;
}

.clase4 {
    font-family: 'avenir', cursive;
    color: #3A7BCB;
}

.botonpdf {
    /*margin-bottom: 15px;*/
}

.ske-container img,
.ske-container select {
    height: auto;
    max-width: 48%;
}

#wrapper {
    /*background: rgba(112,163,184,0.7) !important;*/
    background: url("https://www.doctaforum-events.org/2025/cursocp2025/wp-content/themes/foodeez-lite/images/background.webp") no-repeat scroll 0 0 transparent !important;
    -webkit-background-size: contain !important;
    -moz-background-size: contain !important;
    -o-background-size: contain !important;
    background-size: 109% !important;
    /* background-position: 100% !important; */
}

#extra-footer {
    background: #000000;
    color: #ffffff;
    padding: 10px;
}

#extra-footer a {
    /*color: #FFF;*/
    color: rgb(130, 26, 108);
    padding: 10px;
}

#modalcookie1 .modal-title {
    color: #FFF;
    font-size: 24px;
    text-align: center;
    font-family: 'avenir', sans-serif;
}

#text-7 {
    margin-top: 5px;
}

#modalcookie1 .modal-body .row {
    background: #FFF;
    color: #444444;
    text-align: justify;
    padding: 32px;
    margin: 0;
}

#modalcookie2 .modal-title {
    color: #FFF;
    font-size: 24px;
    text-align: center;
    font-family: 'avenir', sans-serif;
}

#modalcookie2 .modal-body .row {
    background: #FFF;
    color: #444444;
    text-align: justify;
    padding: 32px;
    margin: 0;
}

#modalcookie3 .modal-title {
    color: #FFF;
    font-size: 24px;
    text-align: center;
    font-family: 'avenir', sans-serif;
}

#modalcookie3 .modal-body .row {
    background: #FFF;
    color: #444444;
    text-align: justify;
    padding: 32px;
    margin: 0;
}

#modalcookie4 .modal-title {
    color: #FFF;
    font-size: 24px;
    text-align: center;
    font-family: 'avenir', sans-serif;
}

#modalcookie4 .modal-body .row {
    background: #FFF;
    color: #444444;
    text-align: justify;
    padding: 32px;
    margin: 0;
}

#copy {
    color: #FFFFFF !important;
}

#copy:hover {
    color: #FFFFFF !important;
}

.modal-dialog {
    width: 83%;
    margin: 30px auto;
    top: 10px;
}

.modal-body {
    position: relative;
    padding: 0;
}

.modal-header .close {
    margin-top: -25px;
    color: #404040;
    opacity: 1;
}

#centrar {
    float: none;
    margin: 0 auto;
    display: table;
    table-layout: fixed;
}

h3.modal-title {
    margin-right: 15px;
    color: #FFF;
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42857143px;
    background-color: #3A7BCB;
    border-radius: 6px 6px 0 0;
    color: #FFF;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 9999;
}

.modal-dialog u {
    font-family: 'avenir', sans-serif;
    font-size: 18px;
}

.header-topbar .row-fluid {
    background: transparent;
    height: 116px;
    /*background-image: url(https://www.doctaforum-events.org/2025/cursocp2025/wp-content/themes/foodeez-lite/images/head.png);*/
    /*opacity: 0.85;*/
}

#header .row-fluid {
    /*background: none repeat scroll 0 0 rgba(153,50,81, 0.8);*/
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8) !important;
    min-height: 55px;
}

#skenav li a:hover,
#skenav .sfHover {
    color: #FFFFFF !important;
    background: none repeat scroll 0 0 #3A7BCB !important;
}

#skenav li a:active,
#skenav .sfHover {
    color: #FFFFFF !important;
    background: none repeat scroll 0 0 #3A7BCB !important;
}

#skenav ul ul li {
    background: none repeat scroll 0 0 #FFF !important;
    color: #FFFFFF;
}

#oscitas-restabs-1-patrocinios-y-auspicios-46012 li a {
    background-color: #3A7BCB;
    color: #FFF !important;
}

.panel-group {
    margin-bottom: 20px;
    margin-top: 15px;
}

#proximamente {
    margin-top: -68px;
}

.imginscr:hover {
    opacity: 0.6
}

.anade {
    margin: 0 !important;
    text-align: center;
    font-family: 'caviar', cursive;
    font-size: 13px;
    color: #FFF;
    /*font-weight: bold;*/
}

.calendario2 .calendarriobarcelona span.addtocalendar a:hover {
    opacity: 0.8;
    color: #FFF !important;
}

.calendario2 .calendarriomadrid span.addtocalendar a:hover {
    opacity: 0.8;
}

.proximamenteimg {
    display: block;
    margin-top: -33px !important;
}

#main_countedown_1 .time_left {
    font-family: 'avenir', cursive !important;
    font-size: 17px !important;
    padding-right: 0px !important;
}

#main_countedown_1 .time_description {
    font-family: 'avenir', cursive !important;
    /*text-transform: uppercase !important;*/
    font-size: 17px !important;
    margin-top: 0px;
}

.avenir {
    font-family: 'avenir', cursive;
    color: #FFF;
    margin-bottom: 5px;
    font-size: 14px;
}

#footer .ske-footer-container {
    float: left;
    padding-top: 15px;
    margin-bottom: 0px;
    width: 48%;
}

#main_countedown_1 .element_conteiner + .element_conteiner {
    display: none;
}

.element_conteiner {
    text-align: center;
    display: inline-block;
    min-width: 85px !important;
}

.countdown {
    /*width: 79% !important;*/
    /*margin-top: 38px !important;*/
}

#main_countedown_1 .time_left {
    background-color: #3A7BCB !important;
    color: #FFF !important;
}

#main_countedown_1 .time_description {
    color: #AD5A73 !important;
}

.imgcalendar {
    width: 55px;
    /*float: right;*/
    margin-top: 28px;
    margin-left: 23%;
}

.imglogoderecha {
    /* width: 100px;*/
    /*float: right;*/
    margin-top: 0px;
    margin-left: 7px;
}

.content_countdown {
    clear: both;
    /*width: 20% !important;*/
    float: left !important;
    /*display: none;*/
}

#main_countedown_1 .time_left {
    color: #FFF !important;
    background: transparent !important;
}

#main_countedown_1 .time_left {
    color: #2C3679 !important;
    padding-left: 9px !important;
}

#main_countedown_1 .time_description {
    color: #2C3679 !important;
}

.countdown .element_conteiner {
    margin-top: 18px !important;
    padding-left: 1px !important;
}

.countdown .element_conteiner span {
    float: left !important;
    font-size: 16px !important;
    padding: 5px !important;
}

#cuadriculadere {
    margin-top: 8px;
}

.content_countdown {
    clear: both;
    background: transparent !important;
    background-image: url(https://www.doctaforum-events.org/2025/cursocp2025/wp-content/themes/foodeez-lite/images/fondo-cuenta-atras.webp) !important;
    background-repeat: no-repeat !important;
    /*width: 100%;*/
    width: auto;
    /*display: none;*/
}

#consentimiento1,
#consentimiento2 {
    margin-left: -20px !important;
    margin-top: 4px !important;
}

.atc-style-blue .atcb-list,
.atc-style-blue .atcb-item {
    background: #fff;
    color: #000;
    z-index: 99999 !important;
}

.calendario2 {
    padding: 0px;
}

.calendario2 .calendarriomadrid span.addtocalendar a {
    background: transparent !important;
    background-image: url(https://www.doctaforum-events.org/2025/cursocp2025/wp-content/themes/foodeez-lite/images/calendario.webp) !important;
    background-repeat: no-repeat !important;
}

.calendario2 .calendarriomadrid span.addtocalendar ul li a {
    background: transparent !important;
}

.calendario2 .calendarriobarcelona span.addtocalendar a {
    background: transparent !important;
    background-image: url(https://www.doctaforum-events.org/2025/cursocp2025/wp-content/themes/foodeez-lite/images/calendario.webp) !important;
    background-repeat: no-repeat !important;
}

.calendario2 .calendarriobarcelona span.addtocalendar ul li a {
    background: transparent !important;
}

.calendarriomadrid {
    float: left;
}

.calendarriobarcelona {
    float: left;
    /*margin-left: 3px;*/
}


/*.calendario2 span + span a{
	background: transparent !important;
    background-image: url(https://www.doctaforum-events.org/2025/cursocp2025/wp-content/themes/foodeez-lite/images/csdalendario_bcn.png) !important;
}*/


/*formato para calendario*/

.addtocalendar var {
    display: none;
}

.addtocalendar {
    position: relative;
    display: inline-block;
    background: transparent !important;
    width: 135px;
}

.addtocalendarbcn var {
    display: none;
}

.addtocalendarbcn {
    position: relative;
    display: inline-block;
    background: transparent !important;
}

.atcb-link {
    display: block;
    outline: none !important;
    cursor: pointer;
}

.atcb-link:focus ~ ul,
.atcb-link:active ~ ul,
.atcb-link:hover ~ ul,
.atcb-list:hover {
    visibility: visible;
}

.atcb-list {
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    width: 170px;
    z-index: 900;
}

.atcb-list,
.atcb-item {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #fff;
}

.atcb-item {
    float: none;
    text-align: left;
}

.atcb-item-link {
    text-decoration: none;
    outline: none;
    display: block;
}

.atcb-item.hover,
.atcb-item:hover {
    position: relative;
    z-index: 900;
    cursor: pointer;
    text-decoration: none;
    outline: none;
}


/* Blue */

.atc-style-blue .atcb-link,
.atc-style-blue .atcb-link:hover,
.atc-style-blue .atcb-link:active,
.atc-style-blue .atcb-link:focus {
    margin: 0;
    color: #fff;
    font-family: "Verdana";
    font-size: 14px;
    text-decoration: none;
    outline: none;
    line-height: 20px;
    vertical-align: middle;
    background: rgb(66, 129, 244);
    /* box-shadow: 0 0 40px rgba(0, 0, 0, .13) inset;
    border-radius: 4px;*/
    zoom: 1;
    padding: 7px 18px !important;
    height: 68px !important;
}

.atc-style-blue .atcb-list {
    width: 170px;
    border: 1px solid rgb(186, 186, 186);
    border-radius: 2px;
    box-shadow: 0 0 5px #AAA;
}

.atc-style-blue .atcb-list,
.atc-style-blue .atcb-item {
    background: #fff;
    color: #000;
}

.atc-style-blue .atcb-item,
.atc-style-blue .atcb-item-link {
    line-height: 1.3em;
    vertical-align: middle;
    zoom: 1;
}

.atc-style-blue .atcb-item-link,
.atc-style-blue .atcb-item-link:hover,
.atc-style-blue .atcb-item-link:active,
.atc-style-blue .atcb-item-link:focus {
    color: #000;
    font-family: "Verdana";
    font-size: 14px;
    text-decoration: none;
    outline: none;
    padding: 5px 15px;
}

.atc-style-blue .atcb-item-link:hover,
.atc-style-blue .atcb-item-link:active,
.atc-style-blue .atcb-item-link:focus {
    color: #fff;
}

.atc-style-blue .atcb-item.hover,
.atc-style-blue .atcb-item:hover {
    background: rgb(3, 135, 179);
}


/*formato para calendario*/

.ske-footer-container ul li {
    margin-bottom: 0px;
    padding-bottom: 1px;
}

.ske-footer-container ul li {
    font-size: 12px;
}

#text-4 .textwidget {
    float: right;
}

#header {
    top: 0px;
}

#logocentrado {
    float: none;
    margin: 0 auto;
    display: table;
    table-layout: fixed;
    margin-top: 3px;
}

.topboton {
    /*margin-top: 20px;*/
}

.oculto {
    display: none;
}

#skenav ul.skt-mob-menu .children li:first-child,
#skenav ul.skt-mob-menu .sub-menu li:first-child {
    border-top: 0px solid rgba(0, 0, 0, 0.15) !important;
}

.Skt-header-image {
    background-image: url(https://www.doctaforum-events.org/2025/cursocp2025/wp-content/themes/foodeez-lite/images/principal.jpg) !important;
}

.espacioinicio {
    height: 815px;
}

#skehead .container-fluid {
    padding: 0px;
}

#tablepress-15 thead .column-1 {
    text-align: center;
    background-color: #3A7BCB;
    color: #FFF;
    font-size: 18px;
}

#tablepress-15 tbody .column-1 {
    text-align: center !important;
    color: #777777 !important;
    width: auto !important;
}

#tablepress-15 tbody .column-2 {
    text-align: center !important;
    color: #777777 !important;
    width: auto !important;
}

#tablepress-16 thead .column-1,
#tablepress-36 thead .column-1 {
    text-align: center;
    background-color: #3A7BCB;
    color: #FFF;
    font-size: 18px;
}

.colorgris {
    /*background-color: #696969 !important;*/
}

#tablepress-16 tbody .column-1,
#tablepress-36 tbody .column-1 {
    text-align: center !important;
    color: #777777 !important;
    width: auto !important;
}

#tablepress-16 tbody .column-2 {
    text-align: center !important;
    color: #777777 !important;
    width: auto !important;
}

#tablepress-16 tbody .column-3 {
    text-align: center !important;
    color: #777777 !important;
    width: auto !important;
}

#tablepress-16 tbody .row-2.even .column-2 {
    font-weight: bold !important;
}

#tablepress-16 tbody .row-2.even .column-3 {
    font-weight: bold !important;
}

#tablepress-17 thead .column-1 {
    text-align: center;
    background-color: #3A7BCB;
    color: #FFF;
    font-size: 18px;
}

#tablepress-17 tbody .column-1 {
    text-align: left !important;
    color: #777777 !important;
    width: auto !important;
    font-weight: inherit !important;
}

.pdf {
    margin-top: 6px !important;
    margin-left: 5px;
}

#tablepress-26 tbody .column-1,
#tablepress-27 tbody .column-1,
#tablepress-28 tbody .column-1,
#tablepress-29 tbody .column-1,
#tablepress-30 tbody .column-1,
#tablepress-31 tbody .column-1,
#tablepress-32 tbody .column-1,
#tablepress-33 tbody .column-1,
#tablepress-34 tbody .column-1,
#tablepress-35 tbody .column-1,
#tablepress-63 tbody .column-1 {
    width: 75px !important;
}

#tablepress-26 tbody .column-2,
#tablepress-27 tbody .column-2,
#tablepress-28 tbody .column-2,
#tablepress-29 tbody .column-2,
#tablepress-30 tbody .column-2,
#tablepress-31 tbody .column-2,
#tablepress-32 tbody .column-2,
#tablepress-33 tbody .column-2,
#tablepress-34 tbody .column-2,
#tablepress-35 tbody .column-2 {
    width: auto !important;
    padding-left: 12px;
}

form.post-password-form {
    margin-bottom: 125px;
}

form.post-password-form p {
    width: auto;
    float: none;
    margin: 0 auto;
    margin-top: 0px;
    display: table;
    table-layout: fixed;
    margin-top: 25px;
    color: #3C67A2;
    font-size: 16px;
    text-align: center;
}

form.post-password-form p + p {
    background: rgb(215, 238, 246);
    padding: 100px !important;
}

form.post-password-form label {
    font-size: 15px;
}

.skepost label {
    color: #888;
    font-size: 12px;
}

input[name="post_password"] {
    font-size: 17px;
    height: 34px;
    margin-left: 5px;
}

form.post-password-form input[type="submit"] {
    font-size: 17px;
    height: 34px;
    color: #fff !important;
    background-color: #3C67A2;
    border-color: #3C67A2;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 15px;
    margin-top: 10px;
    border-radius: 7px;
}

.menu-item:target,
.menu-item:active {
    color: #fff !important;
}

.menu-item a:target,
.menu-item a:active,
.menu-item a:visited {
    color: #fff !important;
}

#skenav .sfHover a:active,
#skenav .sfHover a:target {
    color: #fff !important;
}


.colaboradores img {
    margin: 12px 30px !important;
}

/*
#menu-item-1210, #menu-item-1039, #menu-item-2284 {
    display: none;
}
 */

#menu-item-2284 {
    display: none !important;
}

@media only screen and (min-width: 310px) and (max-width: 499px) {
    #menu-main {
        max-height: none !important;
        overflow-y: hidden !important;
    }
}

/*animated*/


/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated {
    -webkit-animation-duration: 1s !important;
    animation-duration: 1s !important;
    -webkit-animation-fill-mode: both !important;
    animation-fill-mode: both !important;
    z-index: 99999 !important;
    position: relative;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    animation-duration: 3s !important;
}

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

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

@-webkit-keyframes bounce {
    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

@keyframes bounce {
    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

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

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

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}


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

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

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

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

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

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

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

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

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}


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

@-webkit-keyframes wobble {
    from {
        -webkit-transform: none !important;
        transform: none !important;
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes wobble {
    from {
        -webkit-transform: none !important;
        transform: none !important;
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

.wobble {
    -webkit-animation-name: wobble !important;
    animation-name: wobble !important;
}

@-webkit-keyframes jello {
    from,
    11.1%,
    to {
        -webkit-transform: none;
        transform: none;
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

@keyframes jello {
    from,
    11.1%,
    to {
        -webkit-transform: none;
        transform: none;
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInDown {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInLeft {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInRight {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInUp {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

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

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: 17s !important;
    animation-duration: 17s !important;
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

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

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

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

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

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

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

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

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-duration: 15s !important;
    animation-duration: 15s !important;
}

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

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

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}


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

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}


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

@-webkit-keyframes rollOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

@keyframes rollOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

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

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    to {
        opacity: 0;
    }
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    to {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}


/*animated*/

.flotandomedioimg {
    width: auto;
    float: none;
    margin: 0 auto;
    display: table;
    table-layout: fixed;
    margin-top: 260px;
}

#tablepress-15 tr td:first-child,
#tablepress-16 tr td:first-child,
#tablepress-36 tr td:first-child {
    border: 1px solid #CCCCCC;
    padding: 8px;
    text-align: left !important;
    color: #00ACD2;
    font-weight: inherit;
}

.sponsors img {
    margin: 12px 30px !important;
}

/*media query*/

@media (min-width: 1200px) {
    form.post-password-form p + p {
        background: rgb(215, 238, 246);
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media (max-width: 1199px) {
    #qtranslate-chooser li {
        margin-left: 2px;
    }

    #cuadriculadere {
        margin-top: 8px;
        padding: 0;
    }
}

@media (max-width: 1024px) {
    .anade {
        margin: 0 !important;
        text-align: left;
        padding-left: 13px;
    }

    #calendariooculto {
        display: none;
    }

    .content_countdown {
        width: auto;
    }

    #cuadriculadere {
        width: auto !important;
        float: right !important;
    }

    #columncentro {
        display: none;
    }

    #logocentrado {
        margin-top: 13px;
    }

    .logo {
        width: 100%;
        margin-top: 15px;
        margin-left: 13px;
    }

    #logo .logo {
        width: 351px !important;
        height: 91px !important;
        margin: -15px !important;
    }

    .row-fluid .span5 {
        width: 43.171% !important;
        float: right !important;
        margin-right: 35px !important;
    }

    .imgcalendar {
        margin-left: 12%;
    }

    .span4 {
        display: none !important;
    }

    .imglogoderecha {
        margin-top: 17px;
        margin-left: 3px;
    }

    #main_countedown_1 .countdown {
        margin-left: 5px;
    }

    #skenav a {
        color: #fff;
        display: block;
        font-size: 14px;
        line-height: 55px;
        padding: 0 17px;
        text-decoration: none;
        color: #3A7BCB !important;
    }

    #header .row-fluid {
        /*background: none repeat scroll 0 0 rgba(0,0,0,.8);*/
        min-height: 55px;
    }

    #skenav li a,
    #skenav .sfHover {
        background: none repeat scroll 0 0 #FFF;
        color: rgb(3, 135, 179) !important;
        background: none repeat scroll 0 0 #FFF;
    }

    .skehead-headernav.clearfix.skehead-headernav-shrink {
        top: 0px !important;
        display: block;
    }
}

@media (max-width: 767px) {
    .anade {
        color: #3A7BCB;
    }

    #skehead .container-fluid {
        padding-left: 2%;
        padding-right: 2%;
    }

    #wrapper {
        background-size: inherit !important;
        height: 100%;
    }

    .countdown .element_conteiner {
        margin-top: -2px !important;
    }

    #text-7 {
        padding-top: 81px !important;
    }

    .imglogoderecha {
        margin-top: 18px;
        margin-left: 3px;
    }

    .header-topbar .container .span5 {
        width: 100% !important;
        margin-top: 45px;
        margin-bottom: 60px;
        padding-left: 83px;
    }

    .countdown {
        margin-top: 32px !important;
    }

    #footer .ske-footer-container {
        float: left;
        padding-top: 41px;
        margin-bottom: 0px;
        width: auto;
    }

    #proximamente {
        margin-top: 0px;
    }

    #modalcookie1 .modal-title {
        color: #FFF;
        font-size: 18px;
        text-align: center;
        font-family: 'avenir', sans-serif;
    }

    #modalcookie2 .modal-title {
        color: #FFF;
        font-size: 18px;
        text-align: center;
        font-family: 'avenir', sans-serif;
    }

    #modalcookie3 .modal-title {
        color: #FFF;
        font-size: 18px;
        text-align: center;
        font-family: 'avenir', sans-serif;
    }

    #modalcookie4 .modal-title {
        color: #FFF;
        font-size: 18px;
        text-align: center;
        font-family: 'avenir', sans-serif;
    }

    .slider-top {
        margin-bottom: 0px;
        padding-top: 20px;
    }

    .container.post-wrap {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .idioma {
        float: none;
    }

    #logo .logo {
        height: auto !important;
        max-width: 100%;
        width: 445px !important;
        margin: 0px !important;
        margin-left: -0px !important;
    }

    #header {
        top: 0px;
    }

    #skenav a {
        color: #fff;
        display: block;
        font-size: 14px;
        line-height: 55px;
        padding: 0 17px;
        text-decoration: none;
        color: #3A7BCB !important;
    }

    #header .row-fluid {
        /*background: none repeat scroll 0 0 rgba(0,0,0,.8);*/
        min-height: 55px;
    }

    #skenav li a,
    #skenav .sfHover {
        color: rgb(3, 135, 179) !important;
        background: none repeat scroll 0 0 #FFF;
    }

    .skehead-headernav.clearfix.skehead-headernav-shrink {
        top: 0px !important;
        display: block;
    }
}

@media (max-width: 766px) {
    .container {
        width: 96% !important;
        padding-left: 0px;
        padding-right: 0px;
    }

    .ske-container img,
    .ske-container select {
        height: auto;
        max-width: 40%;
    }

    #text-7 {
        margin-top: -85px;
    }
}

@media (max-width: 648px) {

    .sponsors img {
        margin: 0 !important;
        padding: 12px 10px !important;
    }

    .flotandomedioimg {
        width: 100%;
    }

    .colaboradores img {
        margin: 0 !important;
        padding: 12px 10px !important;
    }
}

@media (max-width: 500px) {
    .espacioinicio {
        height: 650px !important;
    }

    #columnizq {
        width: 40%;
    }

    #cuadriculadere {
        width: 60%;
    }

    .Skt-header-image {
        margin-bottom: 0%;
    }

    .imglogoderecha {
        /*display: none;*/
    }

    .header-topbar .container .span5 {
        margin-top: -8px;
    }

    .header-topbar .container .span5 {
        padding-left: 50px;
    }

    .imgcalendar {
        margin-left: 27px !important;
    }
}

@media (max-width: 469px) {
    .mid-box {
        margin: 100px auto 0 !important;
    }
}

@media (max-width: 420px) {
    .flotandomedioimg {
        margin-top: 345px;
    }
}

@media (min-width: 1200px) {
    .row-fluid .span10 {
        width: 100% !important;
    }
}

@media (max-width: 420px) {
    #columnizq {
        width: auto;
        float: none;
        margin: 0 auto;
        display: table;
        table-layout: fixed;
    }

    #cuadriculadere {
        width: 60%;
        width: auto !important;
        float: none !important;
        margin: 0 auto;
        display: table;
        table-layout: fixed;
        padding-left: 30px;
    }

    .header-topbar .row-fluid {
        height: 245px;
    }
}


/*media query*/

.modal-dialog a {
    padding: 0px !important;
}

.cdp-cookies-alerta {
    display: none;
    width: 100%;
    color: #bbbbbb;
    background-color: #444444;
    z-index: 1049 !important;
}

.clasebio {
    font-weight: lighter;
    color: #3A7BCB;
    font-family: 'avenir', sans-serif;
    font-size: 15px;
}

/*
#tablepress-37 tr.row-1 td.column-1,
#tablepress-38 tr.row-1 td.column-1,
#tablepress-39 tr.row-1 td.column-1,
#tablepress-40 tr.row-1 td.column-1,
#tablepress-41 tr.row-1 td.column-1,
#tablepress-42 tr.row-1 td.column-1,
#tablepress-43 tr.row-1 td.column-1,
#tablepress-44 tr.row-1 td.column-1,
#tablepress-45 tr.row-1 td.column-1,
#tablepress-46 tr.row-1 td.column-1,
#tablepress-47 tr.row-1 td.column-1,
#tablepress-48 tr.row-1 td.column-1,
#tablepress-49 tr.row-1 td.column-1,
#tablepress-50 tr.row-1 td.column-1,
#tablepress-51 tr.row-1 td.column-1,
#tablepress-52 tr.row-1 td.column-1,
#tablepress-53 tr.row-1 td.column-1,
#tablepress-54 tr.row-1 td.column-1,
#tablepress-55 tr.row-1 td.column-1,
#tablepress-56 tr.row-1 td.column-1,
#tablepress-57 tr.row-1 td.column-1,
#tablepress-58 tr.row-1 td.column-1,
#tablepress-59 tr.row-1 td.column-1,
#tablepress-60 tr.row-1 td.column-1,
#tablepress-61 tr.row-1 td.column-1,
#tablepress-62 tr.row-1 td.column-1 {
    text-align: center !important;
    color: #FFF;
    background: #3A7BCB;
} */

/*
.tablepress tr.row-1 td.column-1 {
    text-align: center !important;
    color: #FFF !important;
    background: #3A7BCB !important;
} */


.panel-heading {
    padding: 0 !important;
}

.panel-heading > h4.panel-title {
    text-align: left !important;
    background: #3A7BCB !important;
}

.panel-heading > h4.panel-title a {
    color: #FFF !important;
}

.panel-heading h4.panel-title {
    padding: 10px 20px;
}

/*
#tablepress-37 tr td:first-child,
#tablepress-38 tr td:first-child,
#tablepress-39 tr td:first-child,
#tablepress-40 tr td:first-child,
#tablepress-41 tr td:first-child,
#tablepress-42 tr td:first-child,
#tablepress-43 tr td:first-child,
#tablepress-44 tr td:first-child,
#tablepress-45 tr td:first-child,
#tablepress-46 tr td:first-child,
#tablepress-47 tr td:first-child,
#tablepress-48 tr td:first-child,
#tablepress-49 tr td:first-child,
#tablepress-50 tr td:first-child,
#tablepress-51 tr td:first-child,
#tablepress-52 tr td:first-child,
#tablepress-53 tr td:first-child,
#tablepress-54 tr td:first-child,
#tablepress-55 tr td:first-child,
#tablepress-56 tr td:first-child,
#tablepress-57 tr td:first-child,
#tablepress-58 tr td:first-child,
#tablepress-59 tr td:first-child,
#tablepress-60 tr td:first-child,
#tablepress-61 tr td:first-child,
#tablepress-62 tr td:first-child {
    padding: 5px;
    text-align: left;
} */

.tablepress tr td:first-child {
    padding: 5px !important;
    text-align: left !important;
}

.modal-body iframe {
    background: #FFFFFF;
    width: 100%;
    height: 750px;
}

div#inscripcion div#altaempresa form#frmALTEMP.form-horizontal fieldset div.form-group div.col-md-9 div.checkbox label input#consentimiento6 {
    margin-left: -20px !important;
    margin-top: 4px !important;
}

.panel-default > .panel-heading {
    border-bottom: 1px solid #ddd;
}

.nav-pills > li.active > a {
    color: #fff !important;
}

.casos-clinicos li {
    line-height: 30px;
}

.swal2-popup * {
    font-family: 'Muli', sans-serif !important;
}

.swal2-container {
    z-index: 999999 !important;
}

.swal2-title {
    font-size: 26px !important;
}

.swal2-html-container {
    font-size: 18px !important;
}

.swal2-confirm {
    font-size: 16px !important;
}

@media (min-width: 1200px) {
    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
        width: 1400px !important;
    }
}

/*
.swal2-popup {
    width: 40em !important;
    padding: 3em !important;
}*/