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

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

#sb_instagram.sbi_fixed_height {
    overflow: hidden;
    overflow-y: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#sb_instagram #sbi_images {
    width: 100%;
    float: left;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#sb_instagram .sbi_header_link {
    -webkit-box-shadow: none;
    box-shadow: none
}

#sb_instagram .sbi_header_link:hover {
    border: none
}

#sb_instagram #sbi_images .sbi_item {
    display: -moz-inline-stack;
    display: inline-block;
    float: left;
    vertical-align: top;
    zoom: 1;
    max-height: 1000px;
    padding: inherit!important;
    margin: 0!important;
    text-decoration: none;
    opacity: 1;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease
}

#sb_instagram #sbi_images .sbi_item.sbi_transition {
    opacity: 0;
    max-height: 0
}

#sb_instagram.sbi_col_1 #sbi_images .sbi_item {
    width: 100%
}

#sb_instagram.sbi_col_2 #sbi_images .sbi_item {
    width: 50%
}

#sb_instagram.sbi_col_3 #sbi_images .sbi_item {
    width: 33.33%
}

#sb_instagram.sbi_col_4 #sbi_images .sbi_item {
    width: 25%
}

#sb_instagram.sbi_col_5 #sbi_images .sbi_item {
    width: 20%
}

#sb_instagram.sbi_col_6 #sbi_images .sbi_item {
    width: 16.66%
}

#sb_instagram.sbi_col_7 #sbi_images .sbi_item {
    width: 14.28%
}

#sb_instagram.sbi_col_8 #sbi_images .sbi_item {
    width: 12.5%
}

#sb_instagram.sbi_col_9 #sbi_images .sbi_item {
    width: 11.11%
}

#sb_instagram.sbi_col_10 #sbi_images .sbi_item {
    width: 10%
}

#sb_instagram.sbi_col_1.sbi_disable_mobile #sbi_images .sbi_item {
    width: 100%
}

#sb_instagram.sbi_col_2.sbi_disable_mobile #sbi_images .sbi_item {
    width: 50%
}

#sb_instagram.sbi_col_3.sbi_disable_mobile #sbi_images .sbi_item {
    width: 33.33%
}

#sb_instagram.sbi_col_4.sbi_disable_mobile #sbi_images .sbi_item {
    width: 25%
}

#sb_instagram.sbi_col_5.sbi_disable_mobile #sbi_images .sbi_item {
    width: 20%
}

#sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images .sbi_item {
    width: 16.66%
}

#sb_instagram.sbi_col_7.sbi_disable_mobile #sbi_images .sbi_item {
    width: 14.28%
}

#sb_instagram.sbi_col_8.sbi_disable_mobile #sbi_images .sbi_item {
    width: 12.5%
}

#sb_instagram.sbi_col_9.sbi_disable_mobile #sbi_images .sbi_item {
    width: 11.11%
}

#sb_instagram.sbi_col_10.sbi_disable_mobile #sbi_images .sbi_item {
    width: 10%
}

#sb_instagram .sbi_photo_wrap {
    position: relative
}

#sb_instagram .sbi_photo {
    display: block;
    text-decoration: none
}

#sb_instagram .sbi_photo img {
    width: 100%;
    height: auto
}

#sb_instagram .sbi_no_js img {
    display: none
}

#sb_instagram a,
#sb_instagram a:active,
#sb_instagram a:focus,
#sb_instagram a:hover {
    outline: 0
}

#sb_instagram img {
    display: block;
    padding: 0!important;
    margin: 0!important;
    max-width: 100%!important;
    opacity: 1!important
}

#sb_instagram .sbi_link {
    display: none;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    padding: 10px 0;
    background: rgba(0, 0, 0, .5);
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 1.1
}

#sb_instagram .sbi_link a {
    padding: 0 6px;
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    line-height: 1.1;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1
}

#sb_instagram .sbi_link .sbi_lightbox_link {
    padding-bottom: 5px
}

#sb_instagram .sbi_link a:focus,
#sb_instagram .sbi_link a:hover {
    text-decoration: underline
}

#sb_instagram .sbi_photo_wrap:focus .sbi_link,
#sb_instagram .sbi_photo_wrap:hover .sbi_link {
    display: block
}

#sb_instagram svg:not(:root).svg-inline--fa {
    height: 1em;
    display: inline-block
}

#sb_instagram .sbi_type_carousel .sbi_playbtn,
#sb_instagram .sbi_type_carousel .svg-inline--fa.fa-play,
#sb_instagram .sbi_type_video .sbi_playbtn,
#sb_instagram .sbi_type_video .svg-inline--fa.fa-play,
.sbi_type_carousel .fa-clone {
    display: block!important;
    position: absolute;
    z-index: 1;
    color: #fff;
    color: rgba(255, 255, 255, .9);
    font-style: normal!important;
    text-shadow: 0 0 8px rgba(0, 0, 0, .8)
}

#sb_instagram .sbi_type_carousel .sbi_playbtn,
#sb_instagram .sbi_type_video .sbi_playbtn {
    z-index: 2;
    top: 50%;
    left: 50%;
    margin-top: -24px;
    margin-left: -19px;
    padding: 0;
    font-size: 48px
}

#sb_instagram .sbi_type_carousel .fa-clone {
    right: 12px;
    top: 12px;
    font-size: 24px;
    text-shadow: 0 0 8px rgba(0, 0, 0, .3)
}

#sb_instagram .sbi_type_carousel .svg-inline--fa.fa-play,
#sb_instagram .sbi_type_video .svg-inline--fa.fa-play,
.sbi_type_carousel svg.fa-clone {
    -webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, .4));
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, .4))
}

#sb_instagram .sbi_loader {
    width: 20px;
    height: 20px;
    position: relative;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -10px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 100%;
    -webkit-animation: sbi-sk-scaleout 1s infinite ease-in-out;
    animation: sbi-sk-scaleout 1s infinite ease-in-out
}

#sb_instagram br {
    display: none
}

#sbi_load p {
    display: inline;
    padding: 0;
    margin: 0
}

#sb_instagram #sbi_load .sbi_loader {
    position: absolute;
    margin-top: -11px;
    background-color: #fff;
    opacity: 1
}

@-webkit-keyframes sbi-sk-scaleout {
    0% {
        -webkit-transform: scale(0)
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0
    }
}

@keyframes sbi-sk-scaleout {
    0% {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0)
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

#sb_instagram .fa-spin,
#sbi_lightbox .fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

#sb_instagram .fa-pulse,
#sbi_lightbox .fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.sbi-screenreader {
    text-indent: -9999px!important;
    display: block!important;
    width: 0!important;
    height: 0!important;
    line-height: 0!important;
    text-align: left!important
}

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

#sb_instagram .sb_instagram_header a {
    float: left;
    display: block;
    text-decoration: none;
    transition: color .5s ease
}

.sbi_no_avatar .sbi_header_img {
    background: #333;
    color: #fff;
    width: 50px;
    height: 50px;
    position: relative
}

.sbi_no_avatar .sbi_header_hashtag_icon {
    display: block;
    color: #fff;
    opacity: .9;
    -webkit-transition: background .6s linear, color .6s linear;
    -moz-transition: background .6s linear, color .6s linear;
    -ms-transition: background .6s linear, color .6s linear;
    -o-transition: background .6s linear, color .6s linear;
    transition: background .6s linear, color .6s linear
}

.sbi_no_avatar:hover .sbi_header_hashtag_icon {
    display: block;
    opacity: 1;
    -webkit-transition: background .2s linear, color .2s linear;
    -moz-transition: background .2s linear, color .2s linear;
    -ms-transition: background .2s linear, color .2s linear;
    -o-transition: background .2s linear, color .2s linear;
    transition: background .2s linear, color .2s linear
}

@media all and (min-width:480px) {
    #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img {
        width: 80px;
        height: 80px;
        border-radius: 40px
    }
    #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img img {
        width: 80px;
        height: 80px;
        border-radius: 40px
    }
    #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3 {
        font-size: 20px
    }
    #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio,
    #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info {
        font-size: 14px
    }
    #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio,
    #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info,
    #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3 {
        margin-left: 95px!important;
        line-height: 1.4
    }
    #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3 {
        margin-right: -85px!important
    }
    #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info {
        margin-top: 4px!important
    }
    #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text.sbi_no_bio h3 {
        padding-top: 20px!important
    }
    #sb_instagram .sb_instagram_header.sbi_large .sbi_header_img {
        width: 120px;
        height: 120px;
        border-radius: 60px
    }
    #sb_instagram .sb_instagram_header.sbi_large .sbi_header_img img {
        width: 120px;
        height: 120px;
        border-radius: 60px
    }
    #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3 {
        font-size: 28px
    }
    #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio,
    #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info {
        font-size: 16px
    }
    #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio,
    #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info,
    #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3 {
        margin-left: 140px!important;
        line-height: 1.5
    }
    #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3 {
        margin-right: -120px!important
    }
    #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info {
        margin-top: 12px!important
    }
    #sb_instagram .sb_instagram_header.sbi_large .sbi_header_text.sbi_no_bio h3 {
        padding-top: 32px!important
    }
}

#sb_instagram .sb_instagram_header .sbi_header_img {
    float: left;
    position: relative;
    width: 50px;
    margin: 0 0 0 -100%!important;
    overflow: hidden;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px
}

#sb_instagram .sb_instagram_header .sbi_header_img img {
    float: left;
    margin: 0!important;
    padding: 0!important;
    border: none!important;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px
}

#sb_instagram .sb_instagram_header .sbi_header_img_hover {
    opacity: 0;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, .75)
}

#sb_instagram .sb_instagram_header .sbi_header_hashtag_icon .sbi_new_logo,
#sb_instagram .sb_instagram_header .sbi_header_img_hover .sbi_new_logo {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -12px;
    margin-left: -12px;
    width: 24px;
    height: 24px;
    font-size: 24px
}

#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_hashtag_icon .sbi_new_logo,
.sb_instagram_header.sbi_medium .sbi_header_hashtag_icon .sbi_new_logo {
    margin-top: -18px;
    margin-left: -18px;
    width: 36px;
    height: 36px;
    font-size: 36px
}

#sb_instagram .sb_instagram_header.sbi_large .sbi_header_hashtag_icon .sbi_new_logo,
.sb_instagram_header.sbi_large .sbi_header_hashtag_icon .sbi_new_logo {
    margin-top: -24px;
    margin-left: -24px;
    width: 48px;
    height: 48px;
    font-size: 48px
}

#sb_instagram .sb_instagram_header .sbi_header_img_hover i {
    overflow: hidden;
    background: url(../../../plugins/instagram-feed/img/small-logo.png) no-repeat 0 0
}

#sb_instagram .sb_instagram_header .sbi_header_img_hover {
    z-index: 2;
    transition: opacity .4s ease-in-out
}

#sb_instagram .sb_instagram_header .sbi_fade_in {
    opacity: 1;
    transition: opacity .2s ease-in-out
}

#sb_instagram .sb_instagram_header .sbi_header_img_hover {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, .75);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    border-radius: 40px;
    transition: opacity .2s
}

#sb_instagram .sb_instagram_header a:focus .sbi_header_img_hover,
#sb_instagram .sb_instagram_header a:hover .sbi_header_img_hover {
    opacity: 1
}

#sb_instagram .sb_instagram_header .sbi_header_text {
    float: left;
    width: 100%;
    padding-top: 5px
}

#sb_instagram .sb_instagram_header a {
    text-decoration: none
}

#sb_instagram .sb_instagram_header .sbi_header_text .sbi_bio,
#sb_instagram .sb_instagram_header .sbi_header_text h3 {
    float: left;
    clear: both;
    width: auto;
    margin: 0 0 0 60px!important;
    padding: 0!important
}

#sb_instagram .sb_instagram_header h3 {
    font-size: 16px;
    line-height: 1.3
}

#sb_instagram .sb_instagram_header p {
    font-size: 13px;
    line-height: 1.3;
    margin: 0;
    padding: 0
}

#sb_instagram p:empty {
    display: none
}

#sb_instagram .sb_instagram_header .sbi_header_text img.emoji {
    margin-right: 3px!important
}

#sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio h3 {
    padding-top: 9px!important
}

#sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio .sbi_bio_info {
    clear: both
}

#sb_instagram #sbi_load {
    float: left;
    clear: both;
    width: 100%;
    text-align: center
}

#sb_instagram #sbi_load .fa-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -7px;
    font-size: 15px
}

#sb_instagram #sbi_load {
    opacity: 1;
    transition: all .5s ease-in
}

#sb_instagram .sbi_load_btn .sbi_btn_text,
#sb_instagram .sbi_load_btn .sbi_loader {
    opacity: 1;
    transition: all .1s ease-in
}

#sb_instagram .sbi_hidden {
    opacity: 0!important
}

#sb_instagram #sbi_load .sbi_load_btn,
#sb_instagram .sbi_follow_btn a {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    padding: 7px 14px;
    margin: 5px auto 0 auto;
    background: #333;
    color: #eee;
    border: none;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    line-height: 1.5;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#sb_instagram #sbi_load .sbi_load_btn {
    position: relative
}

#sb_instagram .sbi_follow_btn {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    text-align: center
}

#sb_instagram .sbi_follow_btn.sbi_top {
    display: block;
    margin-bottom: 5px
}

#sb_instagram .sbi_follow_btn a {
    background: #408bd1;
    color: #fff
}

#sb_instagram #sbi_load .sbi_load_btn,
#sb_instagram .sbi_follow_btn a {
    transition: all .1s ease-in
}

#sb_instagram #sbi_load .sbi_load_btn:hover {
    outline: 0;
    box-shadow: inset 0 0 20px 20px rgba(255, 255, 255, .25)
}

#sb_instagram .sbi_follow_btn a:focus,
#sb_instagram .sbi_follow_btn a:hover {
    outline: 0;
    box-shadow: inset 0 0 10px 20px #359dff
}

#sb_instagram #sbi_load .sbi_load_btn.sbi_custom:hover,
#sb_instagram .sbi_follow_btn.sbi_custom a:focus,
#sb_instagram .sbi_follow_btn.sbi_custom a:hover {
    box-shadow: inset 0 0 20px 20px rgba(255, 255, 255, .15)
}

#sb_instagram #sbi_load .sbi_load_btn:active,
#sb_instagram .sbi_follow_btn a:active {
    box-shadow: inset 0 0 10px 20px rgba(0, 0, 0, .3)
}

#sb_instagram .sbi_follow_btn .fa,
#sb_instagram .sbi_follow_btn svg {
    margin-bottom: -1px;
    margin-right: 7px;
    font-size: 15px
}

#sb_instagram .sbi_follow_btn svg {
    vertical-align: -.125em
}

#sb_instagram #sbi_load .sbi_follow_btn {
    margin-left: 5px
}

#sb_instagram .sb_instagram_error {
    width: 100%;
    text-align: center;
    line-height: 1.4
}

#sbi_mod_error {
    display: none;
    border: 1px solid #ddd;
    background: #eee;
    color: #333;
    margin: 10px 0 0;
    padding: 10px 15px;
    font-size: 13px;
    text-align: center;
    clear: both;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

#sbi_mod_error br {
    display: initial!important
}

#sbi_mod_error p {
    padding: 5px 0!important;
    margin: 0!important;
    line-height: 1.3!important
}

#sbi_mod_error ol,
#sbi_mod_error ul {
    padding: 5px 0 5px 20px!important;
    margin: 0!important
}

#sbi_mod_error li {
    padding: 1px 0!important;
    margin: 0!important
}

#sbi_mod_error span {
    font-size: 12px
}

#sb_instagram.sbi_medium .sbi_photo_wrap .svg-inline--fa.fa-play,
#sb_instagram.sbi_medium .sbi_playbtn {
    margin-top: -12px;
    margin-left: -9px;
    font-size: 23px
}

#sb_instagram.sbi_medium .sbi_type_carousel .sbi_photo_wrap .fa-clone {
    right: 8px;
    top: 8px;
    font-size: 18px
}

#sb_instagram.sbi_small .sbi_photo_wrap .svg-inline--fa.fa-play,
#sb_instagram.sbi_small .sbi_playbtn {
    margin-top: -9px;
    margin-left: -7px;
    font-size: 18px
}

#sb_instagram.sbi_small .sbi_type_carousel .sbi_photo_wrap .fa-clone {
    right: 5px;
    top: 5px;
    font-size: 12px
}

@media all and (max-width:640px) {
    #sb_instagram.sbi_col_3 #sbi_images .sbi_item,
    #sb_instagram.sbi_col_4 #sbi_images .sbi_item,
    #sb_instagram.sbi_col_5 #sbi_images .sbi_item,
    #sb_instagram.sbi_col_6 #sbi_images .sbi_item {
        width: 50%
    }
    #sb_instagram.sbi_col_10 #sbi_images .sbi_item,
    #sb_instagram.sbi_col_7 #sbi_images .sbi_item,
    #sb_instagram.sbi_col_8 #sbi_images .sbi_item,
    #sb_instagram.sbi_col_9 #sbi_images .sbi_item {
        width: 25%
    }
    #sb_instagram.sbi_width_resp {
        width: 100%!important
    }
}

@media all and (max-width:480px) {
    #sb_instagram.sbi_col_10 #sbi_images .sbi_item,
    #sb_instagram.sbi_col_3 #sbi_images .sbi_item,
    #sb_instagram.sbi_col_4 #sbi_images .sbi_item,
    #sb_instagram.sbi_col_5 #sbi_images .sbi_item,
    #sb_instagram.sbi_col_6 #sbi_images .sbi_item,
    #sb_instagram.sbi_col_7 #sbi_images .sbi_item,
    #sb_instagram.sbi_col_8 #sbi_images .sbi_item,
    #sb_instagram.sbi_col_9 #sbi_images .sbi_item {
        width: 100%
    }
}

#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo_wrap {
    box-sizing: border-box;
    position: relative;
    overflow: hidden
}

#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo_wrap:before {
    content: "";
    display: block;
    padding-top: 100%;
    z-index: -300
}

#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

#sb_instagram.sbi_no_js #sbi_images .sbi_item.sbi_transition {
    opacity: 1;
    max-height: 640px
}

#sb_instagram.sbi_no_js .sbi_load_btn,
#sb_instagram.sbi_no_js .sbi_photo img {
    display: none
}

#sb_instagram #sbi_images .sbi_js_load_disabled .sbi_imgLiquid_ready.sbi_photo {
    padding-bottom: 0!important
}

#sb_instagram #sbi_mod_error .sb_frontend_btn {
    display: inline-block;
    padding: 6px 10px;
    background: #ddd;
    background: rgba(0, 0, 0, .1);
    text-decoration: none;
    border-radius: 5px;
    margin-top: 10px;
    color: #444
}

#sb_instagram #sbi_mod_error .sb_frontend_btn:hover {
    background: #ccc;
    background: rgba(0, 0, 0, .15)
}

#sb_instagram #sbi_mod_error .sb_frontend_btn .fa {
    margin-right: 2px
}

.components-animate__appear {
    animation: components-animate__appear-animation .1s cubic-bezier(0, 0, .2, 1) 0s;
    animation-fill-mode: forwards
}

@media (prefers-reduced-motion:reduce) {
    .components-animate__appear {
        animation-duration: 1ms
    }
}

.components-animate__appear.is-from-top,
.components-animate__appear.is-from-top.is-from-left {
    transform-origin: top left
}

.components-animate__appear.is-from-top.is-from-right {
    transform-origin: top right
}

.components-animate__appear.is-from-bottom,
.components-animate__appear.is-from-bottom.is-from-left {
    transform-origin: bottom left
}

.components-animate__appear.is-from-bottom.is-from-right {
    transform-origin: bottom right
}

@keyframes components-animate__appear-animation {
    0% {
        transform: translateY(-2em) scaleY(0) scaleX(0)
    }
    to {
        transform: translateY(0) scaleY(1) scaleX(1)
    }
}

.components-animate__slide-in {
    animation: components-animate__slide-in-animation .1s cubic-bezier(0, 0, .2, 1);
    animation-fill-mode: forwards
}

@media (prefers-reduced-motion:reduce) {
    .components-animate__slide-in {
        animation-duration: 1ms
    }
}

.components-animate__slide-in.is-from-left {
    transform: translateX(100%)
}

@keyframes components-animate__slide-in-animation {
    to {
        transform: translateX(0)
    }
}

.components-animate__loading {
    animation: components-animate__loading 1.6s ease-in-out infinite
}

@keyframes components-animate__loading {
    0% {
        opacity: .5
    }
    50% {
        opacity: 1
    }
    to {
        opacity: .5
    }
}

.components-angle-picker-control {
    width: 50%
}

.components-angle-picker-control.components-base-control .components-base-control__label {
    display: block
}

.components-angle-picker-control__input-field {
    width: calc(100% - 36px);
    max-width: 100px
}

.components-angle-picker-control__angle-circle {
    width: 28px;
    height: 28px;
    border: 2px solid #555d66;
    border-radius: 50%;
    float: left;
    margin-right: 4px;
    cursor: grab
}

.components-angle-picker-control__angle-circle-indicator-wrapper {
    position: relative;
    width: 100%;
    height: 100%
}

.components-angle-picker-control__angle-circle-indicator {
    width: 1px;
    height: 1px;
    border-radius: 50%;
    border: 3px solid #555d66;
    display: block;
    position: absolute;
    top: -14px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #555d66
}

.components-autocomplete__popover .components-popover__content {
    min-width: 200px
}

.components-autocomplete__popover .components-autocomplete__results {
    padding: 3px;
    display: flex;
    flex-direction: column;
    align-items: stretch
}

.components-autocomplete__popover .components-autocomplete__results:empty {
    display: none
}

.components-autocomplete__result.components-button {
    margin-bottom: 0;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 13px;
    color: #555d66;
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    flex-shrink: 0;
    align-items: center;
    padding: 6px 8px;
    margin-left: -3px;
    margin-right: -3px;
    text-align: left
}

.components-autocomplete__result.components-button.is-selected {
    color: #191e23;
    border: none;
    box-shadow: none;
    outline-offset: -2px;
    outline: 1px dotted #555d66
}

.components-autocomplete__result.components-button:hover {
    color: #191e23;
    border: none;
    box-shadow: none;
    background: #f3f4f5
}

.components-base-control {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 13px
}

.components-base-control .components-base-control__field {
    margin-bottom: 8px
}

.components-panel__row .components-base-control .components-base-control__field {
    margin-bottom: inherit
}

.components-base-control .components-base-control__label {
    display: inline-block;
    margin-bottom: 4px
}

.components-base-control .components-base-control__help {
    margin-top: -8px;
    font-style: italic
}

.components-base-control+.components-base-control {
    margin-bottom: 16px
}

.components-button-group {
    display: inline-block
}

.components-button-group .components-button {
    border-radius: 0;
    display: inline-flex
}

.components-button-group .components-button+.components-button {
    margin-left: -1px
}

.components-button-group .components-button:first-child {
    border-radius: 3px 0 0 3px
}

.components-button-group .components-button:last-child {
    border-radius: 0 3px 3px 0
}

.components-button-group .components-button.is-primary,
.components-button-group .components-button:focus {
    position: relative;
    z-index: 1
}

.components-button-group .components-button.is-primary {
    box-shadow: none
}

.components-button {
    display: inline-flex;
    text-decoration: none;
    font-size: 13px;
    margin: 0;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    background: none;
    transition: box-shadow .1s linear;
    height: 36px;
    align-items: center;
    box-sizing: border-box;
    padding: 0 8px;
    overflow: hidden;
    border-radius: 3px;
    color: #555d66
}

@media (prefers-reduced-motion:reduce) {
    .components-button {
        transition-duration: 0s
    }
}

.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):not(.is-primary):not(.is-tertiary):not(.is-link):hover {
    background-color: #fff;
    color: #191e23;
    box-shadow: inset 0 0 0 1px #555d66, inset 0 0 0 2px #fff
}

.components-button.is-secondary {
    white-space: nowrap;
    color: #0075af;
    border: 1px solid #0075af;
    background: #f3f5f6
}

body.admin-color-sunrise .components-button.is-secondary {
    color: #c47e46;
    border-color: #c47e46
}

body.admin-color-ocean .components-button.is-secondary {
    color: #99ae98;
    border-color: #99ae98
}

body.admin-color-midnight .components-button.is-secondary {
    color: #d4483f;
    border-color: #d4483f
}

body.admin-color-ectoplasm .components-button.is-secondary {
    color: #9dab51;
    border-color: #9dab51
}

body.admin-color-coffee .components-button.is-secondary {
    color: #b69c84;
    border-color: #b69c84
}

body.admin-color-blue .components-button.is-secondary {
    color: #cca154;
    border-color: #cca154
}

body.admin-color-light .components-button.is-secondary {
    color: #007daf;
    border-color: #007daf
}

.components-button.is-secondary:not(:disabled):not([aria-disabled=true]):hover {
    background: #f1f1f1;
    border-color: #005d8c;
    color: #005d8c;
    text-decoration: none
}

body.admin-color-sunrise .components-button.is-secondary:not(:disabled):not([aria-disabled=true]):hover {
    border-color: #9d6538;
    color: #9d6538
}

body.admin-color-ocean .components-button.is-secondary:not(:disabled):not([aria-disabled=true]):hover {
    border-color: #7a8b7a;
    color: #7a8b7a
}

body.admin-color-midnight .components-button.is-secondary:not(:disabled):not([aria-disabled=true]):hover {
    border-color: #a93a32;
    color: #a93a32
}

body.admin-color-ectoplasm .components-button.is-secondary:not(:disabled):not([aria-disabled=true]):hover {
    border-color: #7d8941;
    color: #7d8941
}

body.admin-color-coffee .components-button.is-secondary:not(:disabled):not([aria-disabled=true]):hover {
    border-color: #927d69;
    color: #927d69
}

body.admin-color-blue .components-button.is-secondary:not(:disabled):not([aria-disabled=true]):hover {
    border-color: #a38043;
    color: #a38043
}

body.admin-color-light .components-button.is-secondary:not(:disabled):not([aria-disabled=true]):hover {
    border-color: #00648c;
    color: #00648c
}

.components-button.is-secondary:focus:enabled {
    background: #f3f5f6;
    color: #005d8c;
    border-color: #0076b1;
    box-shadow: 0 0 0 1px #0076b1;
    text-decoration: none
}

body.admin-color-sunrise .components-button.is-secondary:focus:enabled {
    color: #9d6538;
    border-color: #c77f46;
    box-shadow: 0 0 0 1px #c77f46
}

body.admin-color-ocean .components-button.is-secondary:focus:enabled {
    color: #7a8b7a;
    border-color: #9bb09a;
    box-shadow: 0 0 0 1px #9bb09a
}

body.admin-color-midnight .components-button.is-secondary:focus:enabled {
    color: #a93a32;
    border-color: #d64940;
    box-shadow: 0 0 0 1px #d64940
}

body.admin-color-ectoplasm .components-button.is-secondary:focus:enabled {
    color: #7d8941;
    border-color: #9fad52;
    box-shadow: 0 0 0 1px #9fad52
}

body.admin-color-coffee .components-button.is-secondary:focus:enabled {
    color: #927d69;
    border-color: #b89e85;
    box-shadow: 0 0 0 1px #b89e85
}

body.admin-color-blue .components-button.is-secondary:focus:enabled {
    color: #a38043;
    border-color: #cea255;
    box-shadow: 0 0 0 1px #cea255
}

body.admin-color-light .components-button.is-secondary:focus:enabled {
    color: #00648c;
    border-color: #007eb1;
    box-shadow: 0 0 0 1px #007eb1
}

.components-button.is-secondary:not([aria-disabled=true]):active:enabled {
    background: #f3f5f6;
    color: #0076b1;
    border-color: #7e8993;
    box-shadow: none
}

body.admin-color-sunrise .components-button.is-secondary:not([aria-disabled=true]):active:enabled {
    color: #c77f46
}

body.admin-color-ocean .components-button.is-secondary:not([aria-disabled=true]):active:enabled {
    color: #9bb09a
}

body.admin-color-midnight .components-button.is-secondary:not([aria-disabled=true]):active:enabled {
    color: #d64940
}

body.admin-color-ectoplasm .components-button.is-secondary:not([aria-disabled=true]):active:enabled {
    color: #9fad52
}

body.admin-color-coffee .components-button.is-secondary:not([aria-disabled=true]):active:enabled {
    color: #b89e85
}

body.admin-color-blue .components-button.is-secondary:not([aria-disabled=true]):active:enabled {
    color: #cea255
}

body.admin-color-light .components-button.is-secondary:not([aria-disabled=true]):active:enabled {
    color: #007eb1
}

.components-button.is-secondary:disabled,
.components-button.is-secondary[aria-disabled=true] {
    color: #a0a5aa;
    border-color: #ddd;
    background: #f7f7f7;
    text-shadow: 0 1px 0 #fff;
    transform: none;
    opacity: 1
}

.components-button.is-primary {
    white-space: nowrap;
    background: #007cba;
    border: 1px solid #007cba;
    color: #fff;
    text-decoration: none;
    text-shadow: none
}

body.admin-color-sunrise .components-button.is-primary {
    background: #d1864a;
    border-color: #d1864a
}

body.admin-color-ocean .components-button.is-primary {
    background: #a3b9a2;
    border-color: #a3b9a2
}

body.admin-color-midnight .components-button.is-primary {
    background: #e14d43;
    border-color: #e14d43
}

body.admin-color-ectoplasm .components-button.is-primary {
    background: #a7b656;
    border-color: #a7b656
}

body.admin-color-coffee .components-button.is-primary {
    background: #c2a68c;
    border-color: #c2a68c
}

body.admin-color-blue .components-button.is-primary {
    background: #d9ab59;
    border-color: #d9ab59
}

body.admin-color-light .components-button.is-primary {
    background: #0085ba;
    border-color: #0085ba
}

.components-button.is-primary:focus:enabled,
.components-button.is-primary:not(:disabled):not([aria-disabled=true]):hover {
    background: #0070a7;
    border-color: #0070a7;
    color: #fff
}

body.admin-color-sunrise .components-button.is-primary:focus:enabled,
body.admin-color-sunrise .components-button.is-primary:not(:disabled):not([aria-disabled=true]):hover {
    background: #bc7943;
    border-color: #bc7943
}

body.admin-color-ocean .components-button.is-primary:focus:enabled,
body.admin-color-ocean .components-button.is-primary:not(:disabled):not([aria-disabled=true]):hover {
    background: #93a792;
    border-color: #93a792
}

body.admin-color-midnight .components-button.is-primary:focus:enabled,
body.admin-color-midnight .components-button.is-primary:not(:disabled):not([aria-disabled=true]):hover {
    background: #cb453c;
    border-color: #cb453c
}

body.admin-color-ectoplasm .components-button.is-primary:focus:enabled,
body.admin-color-ectoplasm .components-button.is-primary:not(:disabled):not([aria-disabled=true]):hover {
    background: #96a44d;
    border-color: #96a44d
}

body.admin-color-coffee .components-button.is-primary:focus:enabled,
body.admin-color-coffee .components-button.is-primary:not(:disabled):not([aria-disabled=true]):hover {
    background: #af957e;
    border-color: #af957e
}

body.admin-color-blue .components-button.is-primary:focus:enabled,
body.admin-color-blue .components-button.is-primary:not(:disabled):not([aria-disabled=true]):hover {
    background: #c39a50;
    border-color: #c39a50
}

body.admin-color-light .components-button.is-primary:focus:enabled,
body.admin-color-light .components-button.is-primary:not(:disabled):not([aria-disabled=true]):hover {
    background: #0078a7;
    border-color: #0078a7
}

.components-button.is-primary:focus:enabled {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007cba
}

body.admin-color-sunrise .components-button.is-primary:focus:enabled {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #d1864a
}

body.admin-color-ocean .components-button.is-primary:focus:enabled {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b9a2
}

body.admin-color-midnight .components-button.is-primary:focus:enabled {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43
}

body.admin-color-ectoplasm .components-button.is-primary:focus:enabled {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a7b656
}

body.admin-color-coffee .components-button.is-primary:focus:enabled {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c2a68c
}

body.admin-color-blue .components-button.is-primary:focus:enabled {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #d9ab59
}

body.admin-color-light .components-button.is-primary:focus:enabled {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0085ba
}

.components-button.is-primary:not([aria-disabled=true]):active:enabled {
    background: #006395;
    border-color: #006395;
    color: #fff
}

body.admin-color-sunrise .components-button.is-primary:not([aria-disabled=true]):active:enabled {
    background: #a76b3b;
    border-color: #a76b3b
}

body.admin-color-ocean .components-button.is-primary:not([aria-disabled=true]):active:enabled {
    background: #829482;
    border-color: #829482
}

body.admin-color-midnight .components-button.is-primary:not([aria-disabled=true]):active:enabled {
    background: #b43e36;
    border-color: #b43e36
}

body.admin-color-ectoplasm .components-button.is-primary:not([aria-disabled=true]):active:enabled {
    background: #869245;
    border-color: #869245
}

body.admin-color-coffee .components-button.is-primary:not([aria-disabled=true]):active:enabled {
    background: #9b8570;
    border-color: #9b8570
}

body.admin-color-blue .components-button.is-primary:not([aria-disabled=true]):active:enabled {
    background: #ae8947;
    border-color: #ae8947
}

body.admin-color-light .components-button.is-primary:not([aria-disabled=true]):active:enabled {
    background: #006a95;
    border-color: #006a95
}

.components-button.is-primary:disabled,
.components-button.is-primary:disabled:active:enabled,
.components-button.is-primary[aria-disabled=true],
.components-button.is-primary[aria-disabled=true]:active:enabled,
.components-button.is-primary[aria-disabled=true]:enabled {
    color: #66b0d6;
    background: #1989c1;
    border-color: #1989c1;
    opacity: 1
}

body.admin-color-sunrise .components-button.is-primary:disabled,
body.admin-color-sunrise .components-button.is-primary:disabled:active:enabled,
body.admin-color-sunrise .components-button.is-primary[aria-disabled=true],
body.admin-color-sunrise .components-button.is-primary[aria-disabled=true]:active:enabled,
body.admin-color-sunrise .components-button.is-primary[aria-disabled=true]:enabled {
    color: #e3b692;
    background: #d6925c;
    border-color: #d6925c
}

body.admin-color-ocean .components-button.is-primary:disabled,
body.admin-color-ocean .components-button.is-primary:disabled:active:enabled,
body.admin-color-ocean .components-button.is-primary[aria-disabled=true],
body.admin-color-ocean .components-button.is-primary[aria-disabled=true]:active:enabled,
body.admin-color-ocean .components-button.is-primary[aria-disabled=true]:enabled {
    color: #c8d5c7;
    background: #acc0ab;
    border-color: #acc0ab
}

body.admin-color-midnight .components-button.is-primary:disabled,
body.admin-color-midnight .components-button.is-primary:disabled:active:enabled,
body.admin-color-midnight .components-button.is-primary[aria-disabled=true],
body.admin-color-midnight .components-button.is-primary[aria-disabled=true]:active:enabled,
body.admin-color-midnight .components-button.is-primary[aria-disabled=true]:enabled {
    color: #ed948e;
    background: #e45f56;
    border-color: #e45f56
}

body.admin-color-ectoplasm .components-button.is-primary:disabled,
body.admin-color-ectoplasm .components-button.is-primary:disabled:active:enabled,
body.admin-color-ectoplasm .components-button.is-primary[aria-disabled=true],
body.admin-color-ectoplasm .components-button.is-primary[aria-disabled=true]:active:enabled,
body.admin-color-ectoplasm .components-button.is-primary[aria-disabled=true]:enabled {
    color: #cad39a;
    background: #b0bd67;
    border-color: #b0bd67
}

body.admin-color-coffee .components-button.is-primary:disabled,
body.admin-color-coffee .components-button.is-primary:disabled:active:enabled,
body.admin-color-coffee .components-button.is-primary[aria-disabled=true],
body.admin-color-coffee .components-button.is-primary[aria-disabled=true]:active:enabled,
body.admin-color-coffee .components-button.is-primary[aria-disabled=true]:enabled {
    color: #dacaba;
    background: #c8af98;
    border-color: #c8af98
}

body.admin-color-blue .components-button.is-primary:disabled,
body.admin-color-blue .components-button.is-primary:disabled:active:enabled,
body.admin-color-blue .components-button.is-primary[aria-disabled=true],
body.admin-color-blue .components-button.is-primary[aria-disabled=true]:active:enabled,
body.admin-color-blue .components-button.is-primary[aria-disabled=true]:enabled {
    color: #e8cd9b;
    background: #ddb36a;
    border-color: #ddb36a
}

body.admin-color-light .components-button.is-primary:disabled,
body.admin-color-light .components-button.is-primary:disabled:active:enabled,
body.admin-color-light .components-button.is-primary[aria-disabled=true],
body.admin-color-light .components-button.is-primary[aria-disabled=true]:active:enabled,
body.admin-color-light .components-button.is-primary[aria-disabled=true]:enabled {
    color: #66b6d6;
    background: #1991c1;
    border-color: #1991c1
}

.components-button.is-primary:disabled:active:enabled:focus:enabled,
.components-button.is-primary:disabled:focus:enabled,
.components-button.is-primary[aria-disabled=true]:active:enabled:focus:enabled,
.components-button.is-primary[aria-disabled=true]:enabled:focus:enabled,
.components-button.is-primary[aria-disabled=true]:focus:enabled {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007cba
}

body.admin-color-sunrise .components-button.is-primary:disabled:active:enabled:focus:enabled,
body.admin-color-sunrise .components-button.is-primary:disabled:focus:enabled,
body.admin-color-sunrise .components-button.is-primary[aria-disabled=true]:active:enabled:focus:enabled,
body.admin-color-sunrise .components-button.is-primary[aria-disabled=true]:enabled:focus:enabled,
body.admin-color-sunrise .components-button.is-primary[aria-disabled=true]:focus:enabled {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #d1864a
}

body.admin-color-ocean .components-button.is-primary:disabled:active:enabled:focus:enabled,
body.admin-color-ocean .components-button.is-primary:disabled:focus:enabled,
body.admin-color-ocean .components-button.is-primary[aria-disabled=true]:active:enabled:focus:enabled,
body.admin-color-ocean .components-button.is-primary[aria-disabled=true]:enabled:focus:enabled,
body.admin-color-ocean .components-button.is-primary[aria-disabled=true]:focus:enabled {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b9a2
}

body.admin-color-midnight .components-button.is-primary:disabled:active:enabled:focus:enabled,
body.admin-color-midnight .components-button.is-primary:disabled:focus:enabled,
body.admin-color-midnight .components-button.is-primary[aria-disabled=true]:active:enabled:focus:enabled,
body.admin-color-midnight .components-button.is-primary[aria-disabled=true]:enabled:focus:enabled,
body.admin-color-midnight .components-button.is-primary[aria-disabled=true]:focus:enabled {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43
}

body.admin-color-ectoplasm .components-button.is-primary:disabled:active:enabled:focus:enabled,
body.admin-color-ectoplasm .components-button.is-primary:disabled:focus:enabled,
body.admin-color-ectoplasm .components-button.is-primary[aria-disabled=true]:active:enabled:focus:enabled,
body.admin-color-ectoplasm .components-button.is-primary[aria-disabled=true]:enabled:focus:enabled,
body.admin-color-ectoplasm .components-button.is-primary[aria-disabled=true]:focus:enabled {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a7b656
}

body.admin-color-coffee .components-button.is-primary:disabled:active:enabled:focus:enabled,
body.admin-color-coffee .components-button.is-primary:disabled:focus:enabled,
body.admin-color-coffee .components-button.is-primary[aria-disabled=true]:active:enabled:focus:enabled,
body.admin-color-coffee .components-button.is-primary[aria-disabled=true]:enabled:focus:enabled,
body.admin-color-coffee .components-button.is-primary[aria-disabled=true]:focus:enabled {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c2a68c
}

body.admin-color-blue .components-button.is-primary:disabled:active:enabled:focus:enabled,
body.admin-color-blue .components-button.is-primary:disabled:focus:enabled,
body.admin-color-blue .components-button.is-primary[aria-disabled=true]:active:enabled:focus:enabled,
body.admin-color-blue .components-button.is-primary[aria-disabled=true]:enabled:focus:enabled,
body.admin-color-blue .components-button.is-primary[aria-disabled=true]:focus:enabled {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #d9ab59
}

body.admin-color-light .components-button.is-primary:disabled:active:enabled:focus:enabled,
body.admin-color-light .components-button.is-primary:disabled:focus:enabled,
body.admin-color-light .components-button.is-primary[aria-disabled=true]:active:enabled:focus:enabled,
body.admin-color-light .components-button.is-primary[aria-disabled=true]:enabled:focus:enabled,
body.admin-color-light .components-button.is-primary[aria-disabled=true]:focus:enabled {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0085ba
}

.components-button.is-primary.is-busy,
.components-button.is-primary.is-busy:disabled,
.components-button.is-primary.is-busy[aria-disabled=true] {
    color: #fff;
    background-size: 100px 100%;
    background-image: linear-gradient(-45deg, #007cba 28%, #006395 0, #006395 72%, #007cba 0);
    border-color: #007cba
}

body.admin-color-sunrise .components-button.is-primary.is-busy,
body.admin-color-sunrise .components-button.is-primary.is-busy:disabled,
body.admin-color-sunrise .components-button.is-primary.is-busy[aria-disabled=true] {
    background-image: linear-gradient(-45deg, #d1864a 28%, #a76b3b 0, #a76b3b 72%, #d1864a 0);
    border-color: #d1864a
}

body.admin-color-ocean .components-button.is-primary.is-busy,
body.admin-color-ocean .components-button.is-primary.is-busy:disabled,
body.admin-color-ocean .components-button.is-primary.is-busy[aria-disabled=true] {
    background-image: linear-gradient(-45deg, #a3b9a2 28%, #829482 0, #829482 72%, #a3b9a2 0);
    border-color: #a3b9a2
}

body.admin-color-midnight .components-button.is-primary.is-busy,
body.admin-color-midnight .components-button.is-primary.is-busy:disabled,
body.admin-color-midnight .components-button.is-primary.is-busy[aria-disabled=true] {
    background-image: linear-gradient(-45deg, #e14d43 28%, #b43e36 0, #b43e36 72%, #e14d43 0);
    border-color: #e14d43
}

body.admin-color-ectoplasm .components-button.is-primary.is-busy,
body.admin-color-ectoplasm .components-button.is-primary.is-busy:disabled,
body.admin-color-ectoplasm .components-button.is-primary.is-busy[aria-disabled=true] {
    background-image: linear-gradient(-45deg, #a7b656 28%, #869245 0, #869245 72%, #a7b656 0);
    border-color: #a7b656
}

body.admin-color-coffee .components-button.is-primary.is-busy,
body.admin-color-coffee .components-button.is-primary.is-busy:disabled,
body.admin-color-coffee .components-button.is-primary.is-busy[aria-disabled=true] {
    background-image: linear-gradient(-45deg, #c2a68c 28%, #9b8570 0, #9b8570 72%, #c2a68c 0);
    border-color: #c2a68c
}

body.admin-color-blue .components-button.is-primary.is-busy,
body.admin-color-blue .components-button.is-primary.is-busy:disabled,
body.admin-color-blue .components-button.is-primary.is-busy[aria-disabled=true] {
    background-image: linear-gradient(-45deg, #d9ab59 28%, #ae8947 0, #ae8947 72%, #d9ab59 0);
    border-color: #d9ab59
}

body.admin-color-light .components-button.is-primary.is-busy,
body.admin-color-light .components-button.is-primary.is-busy:disabled,
body.admin-color-light .components-button.is-primary.is-busy[aria-disabled=true] {
    background-image: linear-gradient(-45deg, #0085ba 28%, #006a95 0, #006a95 72%, #0085ba 0);
    border-color: #0085ba
}

.components-button.is-link {
    margin: 0;
    padding: 0;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    background: none;
    outline: none;
    text-align: left;
    color: #0073aa;
    text-decoration: underline;
    transition-property: border, background, color;
    transition-duration: .05s;
    transition-timing-function: ease-in-out;
    height: auto
}

@media (prefers-reduced-motion:reduce) {
    .components-button.is-link {
        transition-duration: 0s
    }
}

.components-button.is-link:not(:disabled):not([aria-disabled=true]):hover,
.components-button.is-link:not([aria-disabled=true]):active {
    color: #00a0d2
}

.components-button.is-link:focus {
    color: #124964;
    box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8)
}

.components-button.is-link.is-destructive {
    color: #d94f4f
}

.components-button:not([aria-disabled=true]):active {
    color: inherit
}

.components-button:disabled,
.components-button[aria-disabled=true] {
    cursor: default;
    opacity: .3
}

.components-button:focus:not(:disabled) {
    background-color: #fff;
    color: #191e23;
    box-shadow: inset 0 0 0 1px #6c7781, inset 0 0 0 2px #fff;
    outline: 2px solid transparent
}

.components-button.is-busy,
.components-button.is-secondary.is-busy,
.components-button.is-secondary.is-busy:disabled,
.components-button.is-secondary.is-busy[aria-disabled=true] {
    animation: components-button__busy-animation 2.5s linear infinite;
    background-size: 100px 100%;
    background-image: repeating-linear-gradient(-45deg, #e2e4e7, #fff 11px, #fff 0, #e2e4e7 20px);
    opacity: 1
}

.components-button.is-small {
    height: 24px;
    line-height: 22px;
    padding: 0 8px;
    font-size: 11px
}

.components-button.is-tertiary {
    color: #007cba
}

body.admin-color-sunrise .components-button.is-tertiary {
    color: #837425
}

body.admin-color-ocean .components-button.is-tertiary {
    color: #5e7d5e
}

body.admin-color-midnight .components-button.is-tertiary {
    color: #497b8d
}

body.admin-color-ectoplasm .components-button.is-tertiary {
    color: #523f6d
}

body.admin-color-coffee .components-button.is-tertiary {
    color: #59524c
}

body.admin-color-blue .components-button.is-tertiary {
    color: #417e9b
}

body.admin-color-light .components-button.is-tertiary {
    color: #007cba
}

.components-button.is-tertiary .dashicon {
    display: inline-block;
    flex: 0 0 auto
}

.components-button.is-tertiary:not([aria-disabled=true]):active:focus:enabled {
    box-shadow: none
}

.components-button.is-tertiary:not(:disabled):not([aria-disabled=true]):hover {
    color: #005d8c
}

body.admin-color-sunrise .components-button.is-tertiary:not(:disabled):not([aria-disabled=true]):hover {
    color: #62571c
}

body.admin-color-ocean .components-button.is-tertiary:not(:disabled):not([aria-disabled=true]):hover {
    color: #475e47
}

body.admin-color-midnight .components-button.is-tertiary:not(:disabled):not([aria-disabled=true]):hover {
    color: #375c6a
}

body.admin-color-ectoplasm .components-button.is-tertiary:not(:disabled):not([aria-disabled=true]):hover {
    color: #3e2f52
}

body.admin-color-coffee .components-button.is-tertiary:not(:disabled):not([aria-disabled=true]):hover {
    color: #433e39
}

body.admin-color-blue .components-button.is-tertiary:not(:disabled):not([aria-disabled=true]):hover {
    color: #315f74
}

body.admin-color-light .components-button.is-tertiary:not(:disabled):not([aria-disabled=true]):hover {
    color: #005d8c
}

.components-button.has-icon .dashicon {
    display: inline-block;
    flex: 0 0 auto
}

.components-button.has-icon.has-text svg {
    margin-right: 8px
}

.components-button svg {
    fill: currentColor;
    outline: none
}

.components-button .screen-reader-text {
    height: auto
}

@keyframes components-button__busy-animation {
    0% {
        background-position: 200px 0
    }
}

.components-checkbox-control__input[type=checkbox] {
    border: 1px solid #b4b9be;
    background: #fff;
    color: #555;
    clear: none;
    cursor: pointer;
    display: inline-block;
    line-height: 0;
    margin: 0 4px 0 0;
    outline: 0;
    padding: 0!important;
    text-align: center;
    vertical-align: top;
    width: 25px;
    height: 25px;
    -webkit-appearance: none;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    transition: border-color .05s ease-in-out
}

@media (min-width:600px) {
    .components-checkbox-control__input[type=checkbox] {
        height: 16px;
        width: 16px
    }
}

.components-checkbox-control__input[type=checkbox]:focus {
    border-color: #5b9dd9;
    box-shadow: 0 0 2px rgba(30, 140, 190, .8);
    outline: 2px solid transparent
}

.components-checkbox-control__input[type=checkbox]:checked {
    background: #11a0d2;
    border-color: #11a0d2
}

.components-checkbox-control__input[type=checkbox]:checked::-ms-check {
    opacity: 0
}

.components-checkbox-control__input[type=checkbox]:focus:checked {
    border: none
}

.components-checkbox-control__input[type=checkbox]:checked:before {
    content: none
}

.components-checkbox-control__input-container {
    position: relative;
    display: inline-block;
    margin-right: 12px;
    vertical-align: middle;
    width: 25px;
    height: 25px
}

@media (min-width:600px) {
    .components-checkbox-control__input-container {
        width: 16px;
        height: 16px
    }
}

svg.components-checkbox-control__checked {
    fill: #fff;
    cursor: pointer;
    position: absolute;
    left: -4px;
    top: -2px;
    width: 31px;
    height: 31px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

@media (min-width:600px) {
    svg.components-checkbox-control__checked {
        width: 21px;
        height: 21px;
        left: -3px
    }
}

.components-circular-option-picker {
    display: inline-block;
    margin-top: .6rem;
    width: 100%
}

.components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper {
    display: flex;
    justify-content: flex-end
}

.components-circular-option-picker__option-wrapper {
    display: inline-block;
    height: 28px;
    width: 28px;
    margin-right: 12px;
    margin-bottom: 12px;
    vertical-align: top;
    transform: scale(1);
    transition: transform .1s ease
}

@media (prefers-reduced-motion:reduce) {
    .components-circular-option-picker__option-wrapper {
        transition-duration: 0s
    }
}

.components-circular-option-picker__option-wrapper:hover {
    transform: scale(1.2)
}

.components-circular-option-picker__option-wrapper>div {
    height: 100%;
    width: 100%
}

.components-circular-option-picker__option-wrapper:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    right: 1px;
    border-radius: 50%;
    z-index: -1;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8V6H4v2h2zm2 0V6h2v2H8zm2 8H8v-2h2v2zm2 0v-2h2v2h-2zm0 2v-2h-2v2H8v2h2v-2h2zm2 0v2h-2v-2h2zm2 0h-2v-2h2v2z' fill='%23555D65'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 18h2v-2h-2v-2h2v-2h-2v-2h2V8h-2v2h-2V8h-2v2h2v2h-2v2h2v2h2v2zm-2-4v-2h2v2h-2z' fill='%23555D65'/%3E%3Cpath d='M18 18v2h-2v-2h2z' fill='%23555D65'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 10V8H6v2H4v2h2v2H4v2h2v2H4v2h2v2H4v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2v2h-2V4h-2v2h-2V4h-2v2h-2V4h-2v2h2v2h-2v2H8zm0 2v-2H6v2h2zm2 0v-2h2v2h-2zm0 2v-2H8v2H6v2h2v2H6v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h-2v2h-2V6h-2v2h-2v2h2v2h-2v2h-2z' fill='%23555D65'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0H2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2H8V0H6v2H4V0zm0 4V2H2v2h2zm2 0V2h2v2H6zm0 2V4H4v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2H8v2H6z' fill='%23555D65'/%3E%3C/svg%3E")
}

.components-circular-option-picker__option {
    display: inline-block;
    vertical-align: top;
    height: 100%;
    width: 100%;
    border: none;
    border-radius: 50%;
    background: transparent;
    box-shadow: inset 0 0 0 14px;
    transition: box-shadow .1s ease;
    cursor: pointer
}

@media (prefers-reduced-motion:reduce) {
    .components-circular-option-picker__option {
        transition-duration: 0s
    }
}

.components-circular-option-picker__option:hover {
    box-shadow: inset 0 0 0 14px!important
}

.components-circular-option-picker__option.is-pressed {
    box-shadow: inset 0 0 0 4px;
    position: relative;
    z-index: 1
}

.components-circular-option-picker__option.is-pressed+svg {
    position: absolute;
    left: 2px;
    top: 2px;
    border-radius: 50%;
    z-index: 2;
    background: #fff;
    pointer-events: none
}

.components-circular-option-picker__option:after {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2);
    border: 1px solid transparent
}

.components-circular-option-picker__option:focus:after {
    content: "";
    border: 2px solid #606a73;
    width: 32px;
    height: 32px;
    position: absolute;
    top: -2px;
    left: -2px;
    border-radius: 50%;
    box-shadow: inset 0 0 0 2px #fff
}

.components-circular-option-picker__option.components-button:focus {
    background-color: transparent;
    box-shadow: inset 0 0 0 14px;
    outline: none
}

.components-circular-option-picker__button-action .components-circular-option-picker__option {
    color: #fff;
    background: #fff
}

.components-circular-option-picker__dropdown-link-action {
    margin-right: 16px
}

.components-circular-option-picker__dropdown-link-action .components-button {
    line-height: 22px
}

.component-color-indicator {
    width: 25px;
    height: 16px;
    margin-left: .8rem;
    border: 1px solid #dadada;
    display: inline-block
}

.component-color-indicator+.component-color-indicator {
    margin-left: .5rem
}

.components-color-picker {
    width: 100%;
    overflow: hidden
}

.components-color-picker * {
    box-sizing: border-box
}

.components-color-picker__saturation {
    width: 100%;
    padding-bottom: 55%;
    position: relative
}

.components-color-picker__body {
    padding: 16px 16px 12px
}

.components-color-picker__controls {
    display: flex
}

.components-color-picker__alpha-pointer,
.components-color-picker__hue-pointer,
.components-color-picker__saturation-pointer {
    padding: 0;
    position: absolute;
    cursor: pointer;
    box-shadow: none;
    border: none
}

.components-color-picker__swatch {
    margin-right: 8px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    background-image: linear-gradient(45deg, #ddd 25%, transparent 0), linear-gradient(-45deg, #ddd 25%, transparent 0), linear-gradient(45deg, transparent 75%, #ddd 0), linear-gradient(-45deg, transparent 75%, #ddd 0);
    background-size: 10px 10px;
    background-position: 0 0, 0 5px, 5px -5px, -5px 0
}

.is-alpha-disabled .components-color-picker__swatch {
    width: 12px;
    height: 12px;
    margin-top: 0
}

.components-color-picker__active {
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
    z-index: 2
}

.components-color-picker__active,
.components-color-picker__saturation-black,
.components-color-picker__saturation-color,
.components-color-picker__saturation-white {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.components-color-picker__saturation-color {
    overflow: hidden
}

.components-color-picker__saturation-white {
    background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0))
}

.components-color-picker__saturation-black {
    background: linear-gradient(0deg, #000, transparent)
}

.components-color-picker__saturation-pointer {
    width: 14px;
    height: 14px;
    padding: 0;
    box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, .3), 0 0 1px 2px rgba(0, 0, 0, .4);
    border-radius: 50%;
    background-color: transparent;
    transform: translate(-4px, -4px)
}

.components-color-picker__toggles {
    flex: 1
}

.components-color-picker__alpha {
    background-image: linear-gradient(45deg, #ddd 25%, transparent 0), linear-gradient(-45deg, #ddd 25%, transparent 0), linear-gradient(45deg, transparent 75%, #ddd 0), linear-gradient(-45deg, transparent 75%, #ddd 0);
    background-size: 10px 10px;
    background-position: 0 0, 0 5px, 5px -5px, -5px 0
}

.components-color-picker__alpha-gradient,
.components-color-picker__hue-gradient {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.components-color-picker__alpha,
.components-color-picker__hue {
    height: 12px;
    position: relative
}

.is-alpha-enabled .components-color-picker__hue {
    margin-bottom: 8px
}

.components-color-picker__alpha-bar,
.components-color-picker__hue-bar {
    position: relative;
    margin: 0 3px;
    height: 100%;
    padding: 0 2px
}

.components-color-picker__hue-gradient {
    background: linear-gradient(90deg, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red)
}

.components-color-picker__alpha-pointer,
.components-color-picker__hue-pointer {
    left: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .37);
    background: #fff;
    transform: translate(-7px, -1px)
}

.components-color-picker__hue-pointer,
.components-color-picker__saturation-pointer {
    transition: box-shadow .1s linear
}

@media (prefers-reduced-motion:reduce) {
    .components-color-picker__hue-pointer,
    .components-color-picker__saturation-pointer {
        transition-duration: 0s
    }
}

.components-color-picker__saturation-pointer:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #00a0d2, 0 0 5px 0 #00a0d2, inset 0 0 1px 1px rgba(0, 0, 0, .3), 0 0 1px 2px rgba(0, 0, 0, .4)
}

.components-color-picker__alpha-pointer:focus,
.components-color-picker__hue-pointer:focus {
    border-color: #00a0d2;
    box-shadow: 0 0 0 2px #00a0d2, 0 0 3px 0 #00a0d2;
    outline: 2px solid transparent;
    outline-offset: -2px
}

.components-color-picker__inputs-wrapper {
    margin: 0 -4px;
    padding-top: 16px;
    display: flex;
    align-items: flex-end
}

.components-color-picker__inputs-wrapper fieldset {
    flex: 1;
    border: none;
    margin: 0;
    padding: 0
}

.components-color-picker__inputs-wrapper .components-color-picker__inputs-fields .components-text-control__input[type=number] {
    padding: 6px 8px
}

.components-color-picker__inputs-field {
    width: 100%
}

.components-color-picker__inputs-fields {
    display: flex;
    direction: ltr;
    flex-grow: 1;
    margin-right: 4px
}

.components-color-picker__inputs-fields .components-base-control+.components-base-control {
    margin-bottom: 0
}

.components-color-picker__inputs-fields .components-base-control__field {
    margin: 0 4px
}

.components-color-picker__inputs-toggle {
    height: 30px;
    padding: 0 5px
}

.components-custom-gradient-picker {
    margin-top: 8px
}

.components-custom-gradient-picker__gradient-bar:not(.has-gradient) {
    opacity: .4
}

.components-custom-gradient-picker__gradient-bar {
    width: 100%;
    height: 24px;
    border-radius: 24px;
    margin-bottom: 16px;
    padding-left: 3px;
    padding-right: 21px
}

.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__markers-container {
    position: relative
}

.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point {
    border-radius: 50%;
    background: #fff;
    padding: 2px;
    min-width: 24px;
    width: 24px;
    height: 24px;
    position: relative
}

.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point svg {
    height: 100%;
    width: 100%
}

.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button {
    border: 2px solid #fff;
    border-radius: 50%;
    height: 18px;
    padding: 0;
    position: absolute;
    width: 18px;
    top: 3px
}

.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active {
    background: #fafafa;
    color: #23282d;
    border-color: #999;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007cba
}

.components-custom-gradient-picker__color-picker-popover .components-custom-gradient-picker__remove-control-point {
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 8px
}

.components-custom-gradient-picker__inserter {
    width: 100%
}

.components-custom-gradient-picker__liner-gradient-indicator {
    display: inline-block;
    flex: 0 auto;
    width: 20px;
    height: 20px
}

.components-custom-gradient-picker__ui-line {
    display: flex;
    justify-content: space-between
}

.components-custom-gradient-picker .components-custom-gradient-picker__ui-line .components-base-control.components-angle-picker,
.components-custom-gradient-picker .components-custom-gradient-picker__ui-line .components-base-control.components-custom-gradient-picker__type-picker {
    margin-bottom: 0
}

.components-custom-gradient-picker .components-custom-gradient-picker__toolbar {
    border: none
}

.components-custom-gradient-picker .components-custom-gradient-picker__toolbar>div+div {
    margin-left: 1px
}

.components-custom-gradient-picker .components-custom-gradient-picker__toolbar button.is-pressed>svg {
    background: #fff;
    border: 1px solid #7e8993;
    border-radius: 2px
}

.components-custom-select-control {
    color: #555d66;
    position: relative
}

.components-custom-select-control__label {
    display: block;
    margin-bottom: 5px
}

.components-custom-select-control__button {
    border: 1px solid #7e8993;
    border-radius: 4px;
    color: #555d66;
    display: inline;
    min-height: 30px;
    min-width: 130px;
    position: relative;
    text-align: left
}

.components-custom-select-control__button:focus {
    border-color: #00a0d2
}

.components-custom-select-control__button-icon {
    height: 100%;
    padding: 0 4px;
    position: absolute;
    right: 0;
    top: 0
}

.components-custom-select-control__menu {
    background: #fff;
    max-height: 400px;
    min-width: 100%;
    overflow: auto;
    padding: 0;
    position: absolute;
    z-index: 1000000
}

.components-custom-select-control__item {
    align-items: center;
    display: flex;
    list-style-type: none;
    padding: 10px 5px 10px 25px
}

.components-custom-select-control__item.is-highlighted {
    background: #e2e4e7
}

.components-custom-select-control__item-icon {
    margin-left: -20px;
    margin-right: 0
}

svg.dashicon {
    fill: currentColor;
    outline: none
}

.PresetDateRangePicker_panel {
    padding: 0 22px 11px
}

.PresetDateRangePicker_button {
    position: relative;
    height: 100%;
    text-align: center;
    background: 0 0;
    border: 2px solid #00a699;
    color: #00a699;
    padding: 4px 12px;
    margin-right: 8px;
    font: inherit;
    font-weight: 700;
    line-height: normal;
    overflow: visible;
    box-sizing: border-box;
    cursor: pointer
}

.PresetDateRangePicker_button:active {
    outline: 0
}

.PresetDateRangePicker_button__selected {
    color: #fff;
    background: #00a699
}

.SingleDatePickerInput {
    display: inline-block;
    background-color: #fff
}

.SingleDatePickerInput__withBorder {
    border-radius: 2px;
    border: 1px solid #dbdbdb
}

.SingleDatePickerInput__rtl {
    direction: rtl
}

.SingleDatePickerInput__disabled {
    background-color: #f2f2f2
}

.SingleDatePickerInput__block {
    display: block
}

.SingleDatePickerInput__showClearDate {
    padding-right: 30px
}

.SingleDatePickerInput_clearDate {
    background: 0 0;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    cursor: pointer;
    padding: 10px;
    margin: 0 10px 0 5px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.SingleDatePickerInput_clearDate__default:focus,
.SingleDatePickerInput_clearDate__default:hover {
    background: #dbdbdb;
    border-radius: 50%
}

.SingleDatePickerInput_clearDate__small {
    padding: 6px
}

.SingleDatePickerInput_clearDate__hide {
    visibility: hidden
}

.SingleDatePickerInput_clearDate_svg {
    fill: #82888a;
    height: 12px;
    width: 15px;
    vertical-align: middle
}

.SingleDatePickerInput_clearDate_svg__small {
    height: 9px
}

.SingleDatePickerInput_calendarIcon {
    background: 0 0;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    padding: 10px;
    margin: 0 5px 0 10px
}

.SingleDatePickerInput_calendarIcon_svg {
    fill: #82888a;
    height: 15px;
    width: 14px;
    vertical-align: middle
}

.SingleDatePicker {
    position: relative;
    display: inline-block
}

.SingleDatePicker__block {
    display: block
}

.SingleDatePicker_picker {
    z-index: 1;
    background-color: #fff;
    position: absolute
}

.SingleDatePicker_picker__rtl {
    direction: rtl
}

.SingleDatePicker_picker__directionLeft {
    left: 0
}

.SingleDatePicker_picker__directionRight {
    right: 0
}

.SingleDatePicker_picker__portal {
    background-color: rgba(0, 0, 0, .3);
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.SingleDatePicker_picker__fullScreenPortal {
    background-color: #fff
}

.SingleDatePicker_closeButton {
    background: 0 0;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px;
    z-index: 2
}

.SingleDatePicker_closeButton:focus,
.SingleDatePicker_closeButton:hover {
    color: #b0b3b4;
    text-decoration: none
}

.SingleDatePicker_closeButton_svg {
    height: 15px;
    width: 15px;
    fill: #cacccd
}

.DayPickerKeyboardShortcuts_buttonReset {
    background: 0 0;
    border: 0;
    border-radius: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    cursor: pointer;
    font-size: 14px
}

.DayPickerKeyboardShortcuts_buttonReset:active {
    outline: 0
}

.DayPickerKeyboardShortcuts_show {
    width: 22px;
    position: absolute;
    z-index: 2
}

.DayPickerKeyboardShortcuts_show__bottomRight {
    border-top: 26px solid transparent;
    border-right: 33px solid #00a699;
    bottom: 0;
    right: 0
}

.DayPickerKeyboardShortcuts_show__bottomRight:hover {
    border-right: 33px solid #008489
}

.DayPickerKeyboardShortcuts_show__topRight {
    border-bottom: 26px solid transparent;
    border-right: 33px solid #00a699;
    top: 0;
    right: 0
}

.DayPickerKeyboardShortcuts_show__topRight:hover {
    border-right: 33px solid #008489
}

.DayPickerKeyboardShortcuts_show__topLeft {
    border-bottom: 26px solid transparent;
    border-left: 33px solid #00a699;
    top: 0;
    left: 0
}

.DayPickerKeyboardShortcuts_show__topLeft:hover {
    border-left: 33px solid #008489
}

.DayPickerKeyboardShortcuts_showSpan {
    color: #fff;
    position: absolute
}

.DayPickerKeyboardShortcuts_showSpan__bottomRight {
    bottom: 0;
    right: -28px
}

.DayPickerKeyboardShortcuts_showSpan__topRight {
    top: 1px;
    right: -28px
}

.DayPickerKeyboardShortcuts_showSpan__topLeft {
    top: 1px;
    left: -28px
}

.DayPickerKeyboardShortcuts_panel {
    overflow: auto;
    background: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 2px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 2;
    padding: 22px;
    margin: 33px
}

.DayPickerKeyboardShortcuts_title {
    font-size: 16px;
    font-weight: 700;
    margin: 0
}

.DayPickerKeyboardShortcuts_list {
    list-style: none;
    padding: 0;
    font-size: 14px
}

.DayPickerKeyboardShortcuts_close {
    position: absolute;
    right: 22px;
    top: 22px;
    z-index: 2
}

.DayPickerKeyboardShortcuts_close:active {
    outline: 0
}

.DayPickerKeyboardShortcuts_closeSvg {
    height: 15px;
    width: 15px;
    fill: #cacccd
}

.DayPickerKeyboardShortcuts_closeSvg:focus,
.DayPickerKeyboardShortcuts_closeSvg:hover {
    fill: #82888a
}

.CalendarDay {
    box-sizing: border-box;
    cursor: pointer;
    font-size: 14px;
    text-align: center
}

.CalendarDay:active {
    outline: 0
}

.CalendarDay__defaultCursor {
    cursor: default
}

.CalendarDay__default {
    border: 1px solid #e4e7e7;
    color: #484848;
    background: #fff
}

.CalendarDay__default:hover {
    background: #e4e7e7;
    border: 1px double #e4e7e7;
    color: inherit
}

.CalendarDay__hovered_offset {
    background: #f4f5f5;
    border: 1px double #e4e7e7;
    color: inherit
}

.CalendarDay__outside {
    border: 0;
    background: #fff;
    color: #484848
}

.CalendarDay__outside:hover {
    border: 0
}

.CalendarDay__blocked_minimum_nights {
    background: #fff;
    border: 1px solid #eceeee;
    color: #cacccd
}

.CalendarDay__blocked_minimum_nights:active,
.CalendarDay__blocked_minimum_nights:hover {
    background: #fff;
    color: #cacccd
}

.CalendarDay__highlighted_calendar {
    background: #ffe8bc;
    color: #484848
}

.CalendarDay__highlighted_calendar:active,
.CalendarDay__highlighted_calendar:hover {
    background: #ffce71;
    color: #484848
}

.CalendarDay__selected_span {
    background: #66e2da;
    border: 1px solid #33dacd;
    color: #fff
}

.CalendarDay__selected_span:active,
.CalendarDay__selected_span:hover {
    background: #33dacd;
    border: 1px solid #33dacd;
    color: #fff
}

.CalendarDay__last_in_range {
    border-right: #00a699
}

.CalendarDay__selected,
.CalendarDay__selected:active,
.CalendarDay__selected:hover {
    background: #00a699;
    border: 1px solid #00a699;
    color: #fff
}

.CalendarDay__hovered_span,
.CalendarDay__hovered_span:hover {
    background: #b2f1ec;
    border: 1px solid #80e8e0;
    color: #007a87
}

.CalendarDay__hovered_span:active {
    background: #80e8e0;
    border: 1px solid #80e8e0;
    color: #007a87
}

.CalendarDay__blocked_calendar,
.CalendarDay__blocked_calendar:active,
.CalendarDay__blocked_calendar:hover {
    background: #cacccd;
    border: 1px solid #cacccd;
    color: #82888a
}

.CalendarDay__blocked_out_of_range,
.CalendarDay__blocked_out_of_range:active,
.CalendarDay__blocked_out_of_range:hover {
    background: #fff;
    border: 1px solid #e4e7e7;
    color: #cacccd
}

.CalendarMonth {
    background: #fff;
    text-align: center;
    vertical-align: top;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.CalendarMonth_table {
    border-collapse: collapse;
    border-spacing: 0
}

.CalendarMonth_verticalSpacing {
    border-collapse: separate
}

.CalendarMonth_caption {
    color: #484848;
    font-size: 18px;
    text-align: center;
    padding-top: 22px;
    padding-bottom: 37px;
    caption-side: top
}

.CalendarMonth_caption__verticalScrollable {
    padding-top: 12px;
    padding-bottom: 7px
}

.CalendarMonthGrid {
    background: #fff;
    text-align: left;
    z-index: 0
}

.CalendarMonthGrid__animating {
    z-index: 1
}

.CalendarMonthGrid__horizontal {
    position: absolute;
    left: 9px
}

.CalendarMonthGrid__vertical {
    margin: 0 auto
}

.CalendarMonthGrid__vertical_scrollable {
    margin: 0 auto;
    overflow-y: scroll
}

.CalendarMonthGrid_month__horizontal {
    display: inline-block;
    vertical-align: top;
    min-height: 100%
}

.CalendarMonthGrid_month__hideForAnimation {
    position: absolute;
    z-index: -1;
    opacity: 0;
    pointer-events: none
}

.CalendarMonthGrid_month__hidden {
    visibility: hidden
}

.DayPickerNavigation {
    position: relative;
    z-index: 2
}

.DayPickerNavigation__horizontal {
    height: 0
}

.DayPickerNavigation__verticalDefault {
    position: absolute;
    width: 100%;
    height: 52px;
    bottom: 0;
    left: 0
}

.DayPickerNavigation__verticalScrollableDefault {
    position: relative
}

.DayPickerNavigation_button {
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 0;
    padding: 0;
    margin: 0
}

.DayPickerNavigation_button__default {
    border: 1px solid #e4e7e7;
    background-color: #fff;
    color: #757575
}

.DayPickerNavigation_button__default:focus,
.DayPickerNavigation_button__default:hover {
    border: 1px solid #c4c4c4
}

.DayPickerNavigation_button__default:active {
    background: #f2f2f2
}

.DayPickerNavigation_button__horizontalDefault {
    position: absolute;
    top: 18px;
    line-height: .78;
    border-radius: 3px;
    padding: 6px 9px
}

.DayPickerNavigation_leftButton__horizontalDefault {
    left: 22px
}

.DayPickerNavigation_rightButton__horizontalDefault {
    right: 22px
}

.DayPickerNavigation_button__verticalDefault {
    padding: 5px;
    background: #fff;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .1);
    position: relative;
    display: inline-block;
    height: 100%;
    width: 50%
}

.DayPickerNavigation_nextButton__verticalDefault {
    border-left: 0
}

.DayPickerNavigation_nextButton__verticalScrollableDefault {
    width: 100%
}

.DayPickerNavigation_svg__horizontal {
    height: 19px;
    width: 19px;
    fill: #82888a;
    display: block
}

.DayPickerNavigation_svg__vertical {
    height: 42px;
    width: 42px;
    fill: #484848;
    display: block
}

.DayPicker {
    position: relative;
    text-align: left
}

.DayPicker,
.DayPicker__horizontal {
    background: #fff
}

.DayPicker__verticalScrollable {
    height: 100%
}

.DayPicker__hidden {
    visibility: hidden
}

.DayPicker__withBorder {
    box-shadow: 0 2px 6px rgba(0, 0, 0, .05), 0 0 0 1px rgba(0, 0, 0, .07);
    border-radius: 3px
}

.DayPicker_portal__horizontal {
    box-shadow: none;
    position: absolute;
    left: 50%;
    top: 50%
}

.DayPicker_portal__vertical {
    position: static
}

.DayPicker_focusRegion {
    outline: 0
}

.DayPicker_calendarInfo__horizontal,
.DayPicker_wrapper__horizontal {
    display: inline-block;
    vertical-align: top
}

.DayPicker_weekHeaders {
    position: relative
}

.DayPicker_weekHeaders__horizontal {
    margin-left: 9px
}

.DayPicker_weekHeader {
    color: #757575;
    position: absolute;
    top: 62px;
    z-index: 2;
    text-align: left
}

.DayPicker_weekHeader__vertical {
    left: 50%
}

.DayPicker_weekHeader__verticalScrollable {
    top: 0;
    display: table-row;
    border-bottom: 1px solid #dbdbdb;
    background: #fff;
    margin-left: 0;
    left: 0;
    width: 100%;
    text-align: center
}

.DayPicker_weekHeader_ul {
    list-style: none;
    margin: 1px 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px
}

.DayPicker_weekHeader_li {
    display: inline-block;
    text-align: center
}

.DayPicker_transitionContainer {
    position: relative;
    overflow: hidden;
    border-radius: 3px
}

.DayPicker_transitionContainer__horizontal {
    transition: height .2s ease-in-out
}

.DayPicker_transitionContainer__vertical {
    width: 100%
}

.DayPicker_transitionContainer__verticalScrollable {
    padding-top: 20px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow-y: scroll
}

.DateInput {
    margin: 0;
    padding: 0;
    background: #fff;
    position: relative;
    display: inline-block;
    width: 130px;
    vertical-align: middle
}

.DateInput__small {
    width: 97px
}

.DateInput__block {
    width: 100%
}

.DateInput__disabled {
    background: #f2f2f2;
    color: #dbdbdb
}

.DateInput_input {
    font-weight: 200;
    font-size: 19px;
    line-height: 24px;
    color: #484848;
    background-color: #fff;
    width: 100%;
    padding: 11px 11px 9px;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0
}

.DateInput_input__small {
    font-size: 15px;
    line-height: 18px;
    letter-spacing: .2px;
    padding: 7px 7px 5px
}

.DateInput_input__regular {
    font-weight: auto
}

.DateInput_input__readOnly {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.DateInput_input__focused {
    outline: 0;
    background: #fff;
    border: 0;
    border-bottom: 2px solid #008489
}

.DateInput_input__disabled {
    background: #f2f2f2;
    font-style: italic
}

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

.DateInput_fang {
    position: absolute;
    width: 20px;
    height: 10px;
    left: 22px;
    z-index: 2
}

.DateInput_fangShape {
    fill: #fff
}

.DateInput_fangStroke {
    stroke: #dbdbdb;
    fill: transparent
}

.DateRangePickerInput {
    background-color: #fff;
    display: inline-block
}

.DateRangePickerInput__disabled {
    background: #f2f2f2
}

.DateRangePickerInput__withBorder {
    border-radius: 2px;
    border: 1px solid #dbdbdb
}

.DateRangePickerInput__rtl {
    direction: rtl
}

.DateRangePickerInput__block {
    display: block
}

.DateRangePickerInput__showClearDates {
    padding-right: 30px
}

.DateRangePickerInput_arrow {
    display: inline-block;
    vertical-align: middle;
    color: #484848
}

.DateRangePickerInput_arrow_svg {
    vertical-align: middle;
    fill: #484848;
    height: 24px;
    width: 24px
}

.DateRangePickerInput_clearDates {
    background: 0 0;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    cursor: pointer;
    padding: 10px;
    margin: 0 10px 0 5px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.DateRangePickerInput_clearDates__small {
    padding: 6px
}

.DateRangePickerInput_clearDates_default:focus,
.DateRangePickerInput_clearDates_default:hover {
    background: #dbdbdb;
    border-radius: 50%
}

.DateRangePickerInput_clearDates__hide {
    visibility: hidden
}

.DateRangePickerInput_clearDates_svg {
    fill: #82888a;
    height: 12px;
    width: 15px;
    vertical-align: middle
}

.DateRangePickerInput_clearDates_svg__small {
    height: 9px
}

.DateRangePickerInput_calendarIcon {
    background: 0 0;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    padding: 10px;
    margin: 0 5px 0 10px
}

.DateRangePickerInput_calendarIcon_svg {
    fill: #82888a;
    height: 15px;
    width: 14px;
    vertical-align: middle
}

.DateRangePicker {
    position: relative;
    display: inline-block
}

.DateRangePicker__block {
    display: block
}

.DateRangePicker_picker {
    z-index: 1;
    background-color: #fff;
    position: absolute
}

.DateRangePicker_picker__rtl {
    direction: rtl
}

.DateRangePicker_picker__directionLeft {
    left: 0
}

.DateRangePicker_picker__directionRight {
    right: 0
}

.DateRangePicker_picker__portal {
    background-color: rgba(0, 0, 0, .3);
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.DateRangePicker_picker__fullScreenPortal {
    background-color: #fff
}

.DateRangePicker_closeButton {
    background: 0 0;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px;
    z-index: 2
}

.DateRangePicker_closeButton:focus,
.DateRangePicker_closeButton:hover {
    color: #b0b3b4;
    text-decoration: none
}

.DateRangePicker_closeButton_svg {
    height: 15px;
    width: 15px;
    fill: #cacccd
}

.components-datetime,
.components-datetime .components-datetime__calendar-help {
    padding: 16px
}

.components-datetime .components-datetime__calendar-help h4 {
    margin: 0
}

.components-datetime .components-datetime__date-help-button {
    display: block;
    margin-left: auto
}

.components-datetime fieldset {
    border: 0;
    padding: 0;
    margin: 0
}

.components-datetime input,
.components-datetime select {
    box-shadow: 0 0 0 transparent;
    transition: box-shadow .1s linear;
    border-radius: 4px;
    border: 1px solid #7e8993
}

@media (prefers-reduced-motion:reduce) {
    .components-datetime input,
    .components-datetime select {
        transition-duration: 0s
    }
}

.components-datetime .components-button,
.components-datetime input[type=number],
.components-datetime select {
    height: 30px;
    margin-top: 0;
    margin-bottom: 0
}

.components-datetime__date {
    min-height: 236px;
    border-top: 1px solid #e2e4e7
}

.components-datetime__date .DayPickerNavigation_leftButton__horizontalDefault {
    left: 0
}

.components-datetime__date .CalendarMonth_caption {
    font-size: 13px
}

.components-datetime__date .CalendarDay {
    font-size: 13px;
    border: 1px solid transparent;
    border-radius: 50%;
    text-align: center
}

.components-datetime__date .CalendarDay__selected {
    background: #0085ba
}

body.admin-color-sunrise .components-datetime__date .CalendarDay__selected {
    background: #d1864a
}

body.admin-color-ocean .components-datetime__date .CalendarDay__selected {
    background: #a3b9a2
}

body.admin-color-midnight .components-datetime__date .CalendarDay__selected {
    background: #e14d43
}

body.admin-color-ectoplasm .components-datetime__date .CalendarDay__selected {
    background: #a7b656
}

body.admin-color-coffee .components-datetime__date .CalendarDay__selected {
    background: #c2a68c
}

body.admin-color-blue .components-datetime__date .CalendarDay__selected {
    background: #82b4cb
}

body.admin-color-light .components-datetime__date .CalendarDay__selected {
    background: #0085ba
}

.components-datetime__date .CalendarDay__selected:hover {
    background: #00719e
}

body.admin-color-sunrise .components-datetime__date .CalendarDay__selected:hover {
    background: #b2723f
}

body.admin-color-ocean .components-datetime__date .CalendarDay__selected:hover {
    background: #8b9d8a
}

body.admin-color-midnight .components-datetime__date .CalendarDay__selected:hover {
    background: #bf4139
}

body.admin-color-ectoplasm .components-datetime__date .CalendarDay__selected:hover {
    background: #8e9b49
}

body.admin-color-coffee .components-datetime__date .CalendarDay__selected:hover {
    background: #a58d77
}

body.admin-color-blue .components-datetime__date .CalendarDay__selected:hover {
    background: #6f99ad
}

body.admin-color-light .components-datetime__date .CalendarDay__selected:hover {
    background: #00719e
}

.components-datetime__date .DayPickerNavigation_button__horizontalDefault {
    padding: 2px 8px;
    top: 20px
}

.components-datetime__date .DayPickerNavigation_button__horizontalDefault:focus {
    color: #191e23;
    border-color: #007cba;
    box-shadow: 0 0 0 1px #007cba;
    outline: 2px solid transparent
}

.components-datetime__date .DayPicker_weekHeader {
    top: 50px
}

.components-datetime__date .DayPicker_weekHeader .DayPicker_weekHeader_ul {
    margin: 1px 0;
    padding-left: 0;
    padding-right: 0
}

.components-datetime__date.is-description-visible .components-datetime__date-help-button,
.components-datetime__date.is-description-visible .DayPicker {
    visibility: hidden
}

.components-datetime__time {
    padding-bottom: 16px
}

.components-datetime__time fieldset {
    position: relative;
    margin-bottom: .5em
}

.components-datetime__time fieldset+fieldset {
    margin-bottom: 0
}

.components-datetime__time .components-datetime__time-field-am-pm fieldset {
    margin-top: 0
}

.components-datetime__time .components-datetime__time-wrapper {
    display: flex
}

.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-separator {
    display: inline-block;
    padding: 0 3px 0 0;
    color: #555d66
}

.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-am-button {
    margin-left: 8px;
    margin-right: -1px;
    border-radius: 3px 0 0 3px
}

.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-pm-button {
    margin-left: -1px;
    border-radius: 0 3px 3px 0
}

.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-am-button:focus,
.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-pm-button:focus {
    position: relative;
    z-index: 1
}

.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-am-button.is-pressed,
.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-pm-button.is-pressed {
    background: #edeff0;
    border-color: #8f98a1;
    box-shadow: inset 0 2px 5px -3px #555d66
}

.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-am-button.is-pressed:focus,
.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-pm-button.is-pressed:focus {
    box-shadow: inset 0 2px 5px -3px #555d66, 0 0 0 1px #fff, 0 0 0 3px #007cba
}

.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field-time {
    direction: ltr
}

.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field.am-pm button {
    font-size: 11px;
    font-weight: 600
}

.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field select {
    margin-right: 4px
}

.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field select:focus {
    position: relative;
    z-index: 1
}

.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field input[type=number] {
    padding: 2px;
    margin-right: 4px;
    text-align: center;
    -moz-appearance: textfield
}

.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field input[type=number]:focus {
    position: relative;
    z-index: 1
}

.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.components-datetime__time.is-12-hour .components-datetime__time-field-day input {
    margin: 0 -4px 0 0!important;
    border-radius: 4px 0 0 4px!important
}

.components-datetime__time.is-12-hour .components-datetime__time-field-year input {
    border-radius: 0 4px 4px 0!important
}

.components-datetime__time-legend {
    font-weight: 600;
    margin-top: .5em
}

.components-datetime__time-legend.invisible {
    position: absolute;
    top: -999em;
    left: -999em
}

.components-datetime__time-field-day-input,
.components-datetime__time-field-hours-input,
.components-datetime__time-field-minutes-input {
    width: 35px
}

.components-datetime__time-field-year-input {
    width: 55px
}

.components-datetime__time-field-month-select {
    max-width: 145px
}

.components-popover .components-datetime__date {
    padding-left: 4px
}

.block-editor-dimension-control .components-base-control__field {
    display: flex;
    align-items: center
}

.block-editor-dimension-control .components-base-control__label {
    display: flex;
    align-items: center;
    margin-right: 1em;
    margin-bottom: 0
}

.block-editor-dimension-control .components-base-control__label .dashicon {
    margin-right: .5em
}

.block-editor-dimension-control.is-manual .components-base-control__label {
    width: 10em
}

.components-disabled {
    position: relative;
    pointer-events: none
}

.components-disabled:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.components-disabled * {
    pointer-events: none
}

body.is-dragging-components-draggable {
    cursor: move;
    cursor: grabbing!important
}

.components-draggable__invisible-drag-image {
    position: fixed;
    left: -1000px;
    height: 50px;
    width: 50px
}

.components-draggable__clone {
    position: fixed;
    padding: 20px;
    background: transparent;
    pointer-events: none;
    z-index: 1000000000;
    opacity: .8
}

.components-drop-zone {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 40;
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s, background-color .3s, visibility 0s .3s;
    border: 2px solid #0071a1;
    border-radius: 2px
}

@media (prefers-reduced-motion:reduce) {
    .components-drop-zone {
        transition-duration: 0s
    }
}

.components-drop-zone.is-active {
    opacity: 1;
    visibility: visible;
    transition: opacity .3s, background-color .3s
}

@media (prefers-reduced-motion:reduce) {
    .components-drop-zone.is-active {
        transition-duration: 0s
    }
}

.components-drop-zone.is-dragging-over-element {
    background-color: rgba(0, 113, 161, .8)
}

.components-drop-zone__content {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 50;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    color: #fff;
    transition: transform .2s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .components-drop-zone__content {
        transition-duration: 0s
    }
}

.components-drop-zone.is-dragging-over-element .components-drop-zone__content {
    transform: translateY(-50%) scale(1.05)
}

.components-drop-zone__content-icon,
.components-drop-zone__content-text {
    display: block
}

.components-drop-zone__content-icon {
    margin: 0 auto;
    line-height: 0;
    fill: currentColor
}

.components-drop-zone__content-text {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif
}

.components-drop-zone__provider {
    height: 100%
}

.components-dropdown {
    display: inline-block
}

.components-dropdown-menu__indicator:after {
    content: "";
    pointer-events: none;
    display: block;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 5px solid;
    margin-left: 4px;
    margin-right: 2px
}

.components-dropdown-menu__popover .components-popover__content {
    width: 200px
}

.components-dropdown-menu__menu {
    width: 100%;
    padding: 7px 0;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 13px;
    line-height: 1.4
}

.components-dropdown-menu__menu .components-dropdown-menu__menu-item,
.components-dropdown-menu__menu .components-menu-item {
    width: 100%;
    padding: 6px;
    outline: none;
    cursor: pointer;
    margin-bottom: 4px
}

.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator,
.components-dropdown-menu__menu .components-menu-item.has-separator {
    margin-top: 6px;
    position: relative;
    overflow: visible
}

.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator:before,
.components-dropdown-menu__menu .components-menu-item.has-separator:before {
    display: block;
    content: "";
    box-sizing: content-box;
    background-color: #e2e4e7;
    position: absolute;
    top: -3px;
    left: 0;
    right: 0;
    height: 1px
}

.components-dropdown-menu__menu .components-dropdown-menu__menu-item:focus:not(:disabled):not([aria-disabled=true]):not(.is-secondary),
.components-dropdown-menu__menu .components-menu-item:focus:not(:disabled):not([aria-disabled=true]):not(.is-secondary) {
    color: #191e23;
    border: none;
    box-shadow: none;
    outline-offset: -2px;
    outline: 1px dotted #555d66
}

.components-dropdown-menu__menu .components-dropdown-menu__menu-item:hover,
.components-dropdown-menu__menu .components-dropdown-menu__menu-item:not(:disabled):not([aria-disabled=true]):not(.is-secondary):not(.is-tertiary):not(.is-primary):hover,
.components-dropdown-menu__menu .components-menu-item:hover,
.components-dropdown-menu__menu .components-menu-item:not(:disabled):not([aria-disabled=true]):not(.is-secondary):not(.is-tertiary):not(.is-primary):hover {
    color: #191e23;
    border: none;
    background: #f3f4f5;
    box-shadow: none
}

.components-dropdown-menu__menu .components-dropdown-menu__menu-item>svg,
.components-dropdown-menu__menu .components-menu-item>svg {
    border-radius: 4px;
    padding: 2px;
    width: 24px;
    height: 24px;
    margin: -1px 8px -1px 0
}

.components-dropdown-menu__menu .components-dropdown-menu__menu-item:not(:disabled):not([aria-disabled=true]):not(.is-secondary).is-active>svg,
.components-dropdown-menu__menu .components-menu-item:not(:disabled):not([aria-disabled=true]):not(.is-secondary).is-active>svg {
    outline: none;
    color: #fff;
    box-shadow: none;
    background: #555d66
}

.components-dropdown-menu__menu .components-menu-group:not(:last-child) {
    border-bottom: 1px solid #e2e4e7
}

.components-dropdown-menu__menu .components-menu-item__button,
.components-dropdown-menu__menu .components-menu-item__button.components-button {
    height: auto;
    padding-left: 2rem
}

.components-dropdown-menu__menu .components-menu-item__button.components-button.has-icon,
.components-dropdown-menu__menu .components-menu-item__button.has-icon {
    padding-left: .5rem
}

.components-dropdown-menu__menu .components-menu-item__button.components-button .dashicon,
.components-dropdown-menu__menu .components-menu-item__button .dashicon {
    margin-right: 4px
}

.components-external-link__icon {
    width: 1.4em;
    height: 1.4em;
    margin: -.2em .1em 0;
    vertical-align: middle
}

.components-focal-point-picker-wrapper {
    background-color: transparent;
    border: 1px solid #e2e4e7;
    height: 200px;
    width: 100%;
    padding: 14px
}

.components-focal-point-picker {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%
}

.components-focal-point-picker img {
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.components-focal-point-picker__icon_container {
    background-color: transparent;
    cursor: grab;
    height: 30px;
    opacity: .8;
    position: absolute;
    will-change: transform;
    width: 30px;
    z-index: 10000
}

.components-focal-point-picker__icon_container.is-dragging {
    cursor: grabbing
}

.components-focal-point-picker__icon {
    display: block;
    height: 100%;
    left: -15px;
    position: absolute;
    top: -15px;
    width: 100%
}

.components-focal-point-picker__icon .components-focal-point-picker__icon-outline {
    fill: #fff
}

.components-focal-point-picker__icon .components-focal-point-picker__icon-fill {
    fill: #0085ba
}

body.admin-color-sunrise .components-focal-point-picker__icon .components-focal-point-picker__icon-fill {
    fill: #d1864a
}

body.admin-color-ocean .components-focal-point-picker__icon .components-focal-point-picker__icon-fill {
    fill: #a3b9a2
}

body.admin-color-midnight .components-focal-point-picker__icon .components-focal-point-picker__icon-fill {
    fill: #e14d43
}

body.admin-color-ectoplasm .components-focal-point-picker__icon .components-focal-point-picker__icon-fill {
    fill: #a7b656
}

body.admin-color-coffee .components-focal-point-picker__icon .components-focal-point-picker__icon-fill {
    fill: #c2a68c
}

body.admin-color-blue .components-focal-point-picker__icon .components-focal-point-picker__icon-fill {
    fill: #82b4cb
}

body.admin-color-light .components-focal-point-picker__icon .components-focal-point-picker__icon-fill {
    fill: #0085ba
}

.components-focal-point-picker_position-display-container {
    margin: 1em 0;
    display: flex
}

.components-focal-point-picker_position-display-container .components-base-control__field {
    margin: 0 1em 0 0
}

.components-focal-point-picker_position-display-container input[type=number].components-text-control__input {
    max-width: 4em;
    padding: 6px 4px
}

.components-focal-point-picker_position-display-container span {
    margin: 0 0 0 .2em
}

.components-font-size-picker__controls {
    max-width: 248px;
    display: flex;
    align-items: center;
    margin-bottom: 24px
}

.components-font-size-picker__controls .components-range-control__number {
    height: 30px;
    margin: 5px 8px 0 0
}

.components-font-size-picker__controls .components-range-control__number[value=""]+.components-button {
    cursor: default;
    opacity: .3;
    pointer-events: none
}

.components-font-size-picker__controls .components-range-control__number-container {
    display: flex;
    flex-direction: column
}

.components-font-size-picker__controls .components-font-size-picker__select {
    margin-right: 8px;
    flex-grow: 1
}

.components-font-size-picker__controls .components-color-palette__clear {
    height: 30px;
    margin-top: 23px
}

.components-font-size-picker__custom-input .components-range-control__slider+.dashicon {
    width: 30px;
    height: 30px
}

.components-font-size-picker {
    border: 0;
    padding: 0;
    margin: 0
}

.components-form-toggle {
    position: relative;
    display: inline-block
}

.components-form-toggle .components-form-toggle__off,
.components-form-toggle .components-form-toggle__on {
    position: absolute;
    top: 6px;
    box-sizing: border-box
}

.components-form-toggle .components-form-toggle__off {
    color: #6c7781;
    fill: currentColor;
    right: 6px
}

.components-form-toggle .components-form-toggle__on {
    left: 8px
}

.components-form-toggle .components-form-toggle__track {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    background-color: #fff;
    border: 2px solid #6c7781;
    width: 36px;
    height: 18px;
    border-radius: 9px;
    transition: background .2s ease
}

@media (prefers-reduced-motion:reduce) {
    .components-form-toggle .components-form-toggle__track {
        transition-duration: 0s
    }
}

.components-form-toggle .components-form-toggle__thumb {
    display: block;
    position: absolute;
    box-sizing: border-box;
    top: 4px;
    left: 4px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    transition: transform .1s ease;
    background-color: #6c7781;
    border: 5px solid #6c7781
}

@media (prefers-reduced-motion:reduce) {
    .components-form-toggle .components-form-toggle__thumb {
        transition-duration: 0s
    }
}

.components-form-toggle:hover .components-form-toggle__track {
    border: 2px solid #555d66
}

.components-form-toggle:hover .components-form-toggle__thumb {
    background-color: #555d66;
    border: 5px solid #6c7781
}

.components-form-toggle:hover .components-form-toggle__off {
    color: #555d66
}

.components-form-toggle.is-checked .components-form-toggle__track {
    background-color: #11a0d2;
    border: 9px solid transparent
}

body.admin-color-sunrise .components-form-toggle.is-checked .components-form-toggle__track {
    background-color: #c8b03c;
    border: 2px solid #c8b03c
}

body.admin-color-ocean .components-form-toggle.is-checked .components-form-toggle__track {
    background-color: #a3b9a2;
    border: 2px solid #a3b9a2
}

body.admin-color-midnight .components-form-toggle.is-checked .components-form-toggle__track {
    background-color: #77a6b9;
    border: 2px solid #77a6b9
}

body.admin-color-ectoplasm .components-form-toggle.is-checked .components-form-toggle__track {
    background-color: #a7b656;
    border: 2px solid #a7b656
}

body.admin-color-coffee .components-form-toggle.is-checked .components-form-toggle__track {
    background-color: #c2a68c;
    border: 2px solid #c2a68c
}

body.admin-color-blue .components-form-toggle.is-checked .components-form-toggle__track {
    background-color: #82b4cb;
    border: 2px solid #82b4cb
}

body.admin-color-light .components-form-toggle.is-checked .components-form-toggle__track {
    background-color: #11a0d2;
    border: 2px solid #11a0d2
}

.components-form-toggle__input:focus+.components-form-toggle__track {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px #6c7781;
    outline: 2px solid transparent;
    outline-offset: 2px
}

.components-form-toggle.is-checked .components-form-toggle__thumb {
    background-color: #fff;
    border-width: 0;
    transform: translateX(18px)
}

.components-form-toggle.is-checked:before {
    background-color: #11a0d2;
    border: 2px solid #11a0d2
}

body.admin-color-sunrise .components-form-toggle.is-checked:before {
    background-color: #c8b03c;
    border: 2px solid #c8b03c
}

body.admin-color-ocean .components-form-toggle.is-checked:before {
    background-color: #a3b9a2;
    border: 2px solid #a3b9a2
}

body.admin-color-midnight .components-form-toggle.is-checked:before {
    background-color: #77a6b9;
    border: 2px solid #77a6b9
}

body.admin-color-ectoplasm .components-form-toggle.is-checked:before {
    background-color: #a7b656;
    border: 2px solid #a7b656
}

body.admin-color-coffee .components-form-toggle.is-checked:before {
    background-color: #c2a68c;
    border: 2px solid #c2a68c
}

body.admin-color-blue .components-form-toggle.is-checked:before {
    background-color: #82b4cb;
    border: 2px solid #82b4cb
}

body.admin-color-light .components-form-toggle.is-checked:before {
    background-color: #11a0d2;
    border: 2px solid #11a0d2
}

.components-disabled .components-form-toggle {
    opacity: .3
}

.components-form-toggle input.components-form-toggle__input[type=checkbox] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    margin: 0;
    padding: 0;
    z-index: 1;
    border: none
}

.components-form-toggle input.components-form-toggle__input[type=checkbox]:checked {
    background: none
}

.components-form-toggle input.components-form-toggle__input[type=checkbox]:before {
    content: ""
}

.components-form-toggle .components-form-toggle__on {
    outline: 1px solid transparent;
    outline-offset: -1px;
    border: 1px solid #000;
    filter: invert(100%) contrast(500%)
}

@supports (-ms-high-contrast-adjust:auto) {
    .components-form-toggle .components-form-toggle__on {
        filter: none;
        border: 1px solid #fff
    }
}

.components-form-token-field__input-container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%;
    margin: 0 0 8px;
    padding: 4px;
    background-color: #fff;
    color: #32373c;
    cursor: text;
    box-shadow: 0 0 0 transparent;
    transition: box-shadow .1s linear;
    border-radius: 4px;
    border: 1px solid #7e8993
}

@media (prefers-reduced-motion:reduce) {
    .components-form-token-field__input-container {
        transition-duration: 0s
    }
}

.components-form-token-field__input-container.is-disabled {
    background: #e2e4e7;
    border-color: #ccd0d4
}

.components-form-token-field__input-container.is-active {
    color: #191e23;
    border-color: #007cba;
    box-shadow: 0 0 0 1px #007cba;
    outline: 2px solid transparent
}

.components-form-token-field__input-container input[type=text].components-form-token-field__input {
    display: inline-block;
    width: 100%;
    max-width: 100%;
    margin: 2px 0 2px 8px;
    padding: 0;
    min-height: 24px;
    background: inherit;
    border: 0;
    color: #23282d;
    box-shadow: none
}

.components-form-token-field.is-active .components-form-token-field__input-container input[type=text].components-form-token-field__input,
.components-form-token-field__input-container input[type=text].components-form-token-field__input:focus {
    outline: none;
    box-shadow: none
}

.components-form-token-field__input-container .components-form-token-field__token+input[type=text].components-form-token-field__input {
    width: auto
}

.components-form-token-field__label {
    display: inline-block;
    margin-bottom: 4px
}

.components-form-token-field__help {
    font-style: italic
}

.components-form-token-field__token {
    font-size: 13px;
    display: flex;
    margin: 2px 4px 2px 0;
    color: #32373c;
    overflow: hidden
}

.components-form-token-field__token.is-success .components-form-token-field__remove-token,
.components-form-token-field__token.is-success .components-form-token-field__token-text {
    background: #4ab866
}

.components-form-token-field__token.is-error .components-form-token-field__remove-token,
.components-form-token-field__token.is-error .components-form-token-field__token-text {
    background: #d94f4f
}

.components-form-token-field__token.is-validating .components-form-token-field__remove-token,
.components-form-token-field__token.is-validating .components-form-token-field__token-text {
    color: #555d66
}

.components-form-token-field__token.is-borderless {
    position: relative;
    padding: 0 16px 0 0
}

.components-form-token-field__token.is-borderless .components-form-token-field__token-text {
    background: transparent;
    color: #11a0d2
}

body.admin-color-sunrise .components-form-token-field__token.is-borderless .components-form-token-field__token-text {
    color: #c8b03c
}

body.admin-color-ocean .components-form-token-field__token.is-borderless .components-form-token-field__token-text {
    color: #a89d8a
}

body.admin-color-midnight .components-form-token-field__token.is-borderless .components-form-token-field__token-text {
    color: #77a6b9
}

body.admin-color-ectoplasm .components-form-token-field__token.is-borderless .components-form-token-field__token-text {
    color: #c77430
}

body.admin-color-coffee .components-form-token-field__token.is-borderless .components-form-token-field__token-text {
    color: #9fa47b
}

body.admin-color-blue .components-form-token-field__token.is-borderless .components-form-token-field__token-text {
    color: #d9ab59
}

body.admin-color-light .components-form-token-field__token.is-borderless .components-form-token-field__token-text {
    color: #c75726
}

.components-form-token-field__token.is-borderless .components-form-token-field__remove-token {
    background: transparent;
    color: #555d66;
    position: absolute;
    top: 1px;
    right: 0
}

.components-form-token-field__token.is-borderless.is-success .components-form-token-field__token-text {
    color: #4ab866
}

.components-form-token-field__token.is-borderless.is-error .components-form-token-field__token-text {
    color: #d94f4f;
    border-radius: 4px 0 0 4px;
    padding: 0 4px 0 6px
}

.components-form-token-field__token.is-borderless.is-validating .components-form-token-field__token-text {
    color: #23282d
}

.components-form-token-field__token.is-disabled .components-form-token-field__remove-token {
    cursor: default
}

.components-form-token-field__remove-token.components-button,
.components-form-token-field__token-text {
    display: inline-block;
    line-height: 24px;
    height: auto;
    background: #e2e4e7;
    transition: all .2s cubic-bezier(.4, 1, .4, 1)
}

@media (prefers-reduced-motion:reduce) {
    .components-form-token-field__remove-token.components-button,
    .components-form-token-field__token-text {
        transition-duration: 0s;
        animation-duration: 1ms
    }
}

.components-form-token-field__token-text {
    border-radius: 12px 0 0 12px;
    padding: 0 4px 0 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.components-form-token-field__remove-token.components-button {
    cursor: pointer;
    border-radius: 0 12px 12px 0;
    padding: 0 2px;
    color: #555d66;
    line-height: 10px;
    overflow: initial
}

.components-form-token-field__remove-token.components-button:hover {
    color: #32373c
}

.components-form-token-field__suggestions-list {
    flex: 1 0 100%;
    min-width: 100%;
    max-height: 9em;
    overflow-y: scroll;
    transition: all .15s ease-in-out;
    list-style: none;
    border-top: 1px solid #6c7781;
    margin: 4px -4px -4px;
    padding-top: 3px
}

@media (prefers-reduced-motion:reduce) {
    .components-form-token-field__suggestions-list {
        transition-duration: 0s
    }
}

.components-form-token-field__suggestion {
    color: #555d66;
    display: block;
    font-size: 13px;
    padding: 4px 8px;
    cursor: pointer
}

.components-form-token-field__suggestion.is-selected {
    background: #0071a1;
    color: #fff
}

.components-form-token-field__suggestion-match {
    text-decoration: underline
}

.components-guide .components-modal__header {
    background: none;
    border-bottom: none
}

.components-guide .components-modal__header .components-button {
    align-self: flex-start;
    margin-top: 24px;
    position: static
}

.components-guide__container {
    display: flex;
    flex-direction: column;
    margin-top: -56px;
    min-height: 100%
}

.components-guide__footer {
    align-content: center;
    display: flex;
    height: 30px;
    justify-content: center;
    margin: auto 0 24px;
    position: relative;
    width: 100%
}

@media (min-width:600px) {
    .components-guide__footer {
        margin: 24px 0 0
    }
}

.components-guide__page-control {
    margin: 0
}

.components-guide__page-control li {
    display: inline-block;
    margin: 0 2px
}

.components-guide__page-control .components-button {
    height: 30px
}

@media (max-width:600px) {
    .components-modal__frame.components-guide {
        bottom: 15%;
        left: 24px;
        right: 24px;
        top: 15%
    }
}

.components-button.components-guide__back-button,
.components-button.components-guide__finish-button,
.components-button.components-guide__forward-button {
    height: 30px;
    position: absolute
}

.components-button.components-guide__back-button,
.components-button.components-guide__forward-button {
    font-size: 0;
    padding: 4px 2px
}

.components-button.components-guide__back-button.has-text svg,
.components-button.components-guide__forward-button.has-text svg {
    margin: 0
}

@media (min-width:600px) {
    .components-button.components-guide__back-button,
    .components-button.components-guide__forward-button {
        font-size: 13px
    }
}

.components-button.components-guide__back-button {
    left: 0
}

@media (min-width:600px) {
    .components-button.components-guide__back-button {
        padding: 4px 8px 4px 2px
    }
    .components-button.components-guide__back-button.has-text svg {
        margin-right: 4px
    }
}

.components-button.components-guide__forward-button {
    right: 0
}

@media (min-width:600px) {
    .components-button.components-guide__forward-button {
        padding: 4px 2px 4px 8px
    }
    .components-button.components-guide__forward-button.has-text svg {
        margin-left: 4px;
        order: 1
    }
}

.components-button.components-guide__finish-button {
    display: none;
    right: 0
}

@media (min-width:600px) {
    .components-button.components-guide__finish-button {
        display: block
    }
}

@media (min-width:600px) {
    .components-button.components-guide__inline-finish-button {
        display: none
    }
}

.components-navigate-regions.is-focusing-regions [role=region] {
    position: relative
}

.components-navigate-regions.is-focusing-regions [role=region]:focus:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    outline: 4px solid transparent;
    box-shadow: inset 0 0 0 4px #33b3db
}

@supports (outline-offset:1px) {
    .components-navigate-regions.is-focusing-regions [role=region]:focus:after {
        content: none
    }
    .components-navigate-regions.is-focusing-regions [role=region]:focus {
        outline-style: solid;
        outline-color: #33b3db;
        outline-width: 4px;
        outline-offset: -4px
    }
}

.components-menu-group {
    width: 100%;
    padding: 7px 0
}

.components-menu-group__label {
    margin-bottom: 8px;
    color: #6c7781;
    padding: 0 7px
}

.components-menu-item__button,
.components-menu-item__button.components-button {
    width: 100%;
    padding: 8px 15px;
    text-align: left;
    color: #40464d;
    border: none;
    box-shadow: none
}

.components-menu-item__button.components-button .components-menu-items__item-icon,
.components-menu-item__button.components-button .dashicon,
.components-menu-item__button.components-button>span>svg,
.components-menu-item__button.components-button svg.components-menu-items__item-icon,
.components-menu-item__button .components-menu-items__item-icon,
.components-menu-item__button .dashicon,
.components-menu-item__button>span>svg,
.components-menu-item__button svg.components-menu-items__item-icon {
    margin-right: 4px
}

.components-menu-item__button.components-button .components-menu-items__item-icon,
.components-menu-item__button .components-menu-items__item-icon {
    display: inline-block;
    flex: 0 0 auto
}

.components-menu-item__button.components-button.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):not(.is-tertiary):not(.is-primary):hover,
.components-menu-item__button.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):not(.is-tertiary):not(.is-primary):hover {
    color: #191e23;
    border: none;
    box-shadow: none;
    background: #f3f4f5
}

.components-menu-item__button.components-button.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):not(.is-tertiary):not(.is-primary):hover .components-menu-item__shortcut,
.components-menu-item__button.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):not(.is-tertiary):not(.is-primary):hover .components-menu-item__shortcut {
    color: #40464d
}

.components-menu-item__button.components-button:focus:not(:disabled):not([aria-disabled=true]),
.components-menu-item__button:focus:not(:disabled):not([aria-disabled=true]) {
    color: #191e23;
    border: none;
    box-shadow: none;
    outline-offset: -2px;
    outline: 1px dotted #555d66
}

.components-menu-item__info-wrapper {
    display: flex;
    flex-direction: column
}

.components-menu-item__info {
    margin-top: 4px;
    font-size: 12px;
    color: #6c7781
}

.components-menu-item__shortcut {
    -ms-grid-row-align: center;
    align-self: center;
    color: #6c7781;
    margin-right: 0;
    margin-left: auto;
    padding-left: 8px;
    display: none
}

@media (min-width:480px) {
    .components-menu-item__shortcut {
        display: inline
    }
}

.components-menu-items-choice,
.components-menu-items-choice.components-button {
    padding-left: 2rem
}

.components-menu-items-choice.components-button.has-icon,
.components-menu-items-choice.has-icon {
    padding-left: .5rem
}

.components-modal__screen-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .7);
    z-index: 100000;
    animation: edit-post__fade-in-animation .2s ease-out 0s;
    animation-fill-mode: forwards
}

@media (prefers-reduced-motion:reduce) {
    .components-modal__screen-overlay {
        animation-duration: 1ms
    }
}

.components-modal__frame {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #e2e4e7;
    background: #fff;
    box-shadow: 0 3px 30px rgba(25, 30, 35, .2);
    overflow: auto
}

@media (min-width:600px) {
    .components-modal__frame {
        top: 50%;
        right: auto;
        bottom: auto;
        left: 50%;
        min-width: 360px;
        max-width: calc(100% - 32px);
        max-height: calc(100% - 112px);
        transform: translate(-50%, -50%);
        animation: components-modal__appear-animation .1s ease-out;
        animation-fill-mode: forwards
    }
}

@media (min-width:600px) and (prefers-reduced-motion:reduce) {
    .components-modal__frame {
        animation-duration: 1ms
    }
}

@keyframes components-modal__appear-animation {
    0% {
        margin-top: 32px
    }
    to {
        margin-top: 0
    }
}

.components-modal__header {
    box-sizing: border-box;
    border-bottom: 1px solid #e2e4e7;
    padding: 0 24px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background: #fff;
    align-items: center;
    height: 56px;
    z-index: 10;
    position: relative;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    margin: 0 -24px 24px
}

@supports (-ms-ime-align:auto) {
    .components-modal__header {
        position: fixed;
        width: 100%
    }
}

.components-modal__header .components-modal__header-heading {
    font-size: 1rem;
    font-weight: 600
}

.components-modal__header h1 {
    line-height: 1;
    margin: 0
}

.components-modal__header .components-button {
    position: relative;
    left: 8px
}

.components-modal__header-heading-container {
    align-items: center;
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    justify-content: left
}

.components-modal__header-icon-container {
    display: inline-block
}

.components-modal__header-icon-container svg {
    max-width: 36px;
    max-height: 36px;
    padding: 8px
}

.components-modal__content {
    box-sizing: border-box;
    height: 100%;
    padding: 0 24px 24px
}

@supports (-ms-ime-align:auto) {
    .components-modal__content {
        padding-top: 56px
    }
}

.components-notice {
    display: flex;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 13px;
    background-color: #e5f5fa;
    border-left: 4px solid #00a0d2;
    margin: 5px 15px 2px;
    padding: 8px 12px;
    align-items: center
}

.components-notice.is-dismissible {
    padding-right: 36px;
    position: relative
}

.components-notice.is-success {
    border-left-color: #4ab866;
    background-color: #eff9f1
}

.components-notice.is-warning {
    border-left-color: #f0b849;
    background-color: #fef8ee
}

.components-notice.is-error {
    border-left-color: #d94f4f;
    background-color: #f9e2e2
}

.components-notice__content {
    flex-grow: 1;
    margin: 4px 25px 4px 0
}

.components-notice__action.components-button,
.components-notice__action.components-button.is-link {
    margin-left: 4px
}

.components-notice__action.components-button.is-secondary {
    vertical-align: initial
}

.components-notice__dismiss {
    color: #6c7781;
    align-self: flex-start;
    flex-shrink: 0
}

.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):focus,
.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):active,
.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover {
    color: #191e23;
    background-color: transparent
}

.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover {
    box-shadow: none
}

.components-notice-list {
    max-width: 100vw;
    box-sizing: border-box;
    z-index: 29
}

.components-notice-list .components-notice__content {
    margin-top: 12px;
    margin-bottom: 12px;
    line-height: 1.6
}

.components-notice-list .components-notice__action.components-button {
    margin-top: -2px;
    margin-bottom: -2px
}

.components-panel {
    background: #fff;
    border: 1px solid #e2e4e7
}

.components-panel>.components-panel__body:first-child,
.components-panel>.components-panel__header:first-child {
    margin-top: -1px
}

.components-panel>.components-panel__body:last-child,
.components-panel>.components-panel__header:last-child {
    border-bottom-width: 0
}

.components-panel+.components-panel {
    margin-top: -1px
}

.components-panel__body {
    border-top: 1px solid #e2e4e7;
    border-bottom: 1px solid #e2e4e7
}

.components-panel__body h3 {
    margin: 0 0 .5em
}

.components-panel__body.is-opened {
    padding: 16px
}

.components-panel__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px;
    height: 50px;
    border-top: 1px solid #e2e4e7;
    border-bottom: 1px solid #e2e4e7
}

.components-panel__header h2 {
    margin: 0;
    font-size: inherit;
    color: inherit
}

.components-panel__body+.components-panel__body,
.components-panel__body+.components-panel__header,
.components-panel__header+.components-panel__body,
.components-panel__header+.components-panel__header {
    margin-top: -1px
}

.components-panel__body>.components-panel__body-title {
    display: block;
    padding: 0;
    font-size: inherit;
    margin-top: 0;
    margin-bottom: 0;
    transition: background .1s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .components-panel__body>.components-panel__body-title {
        transition-duration: 0s
    }
}

.components-panel__body.is-opened>.components-panel__body-title {
    margin: -16px -16px 5px
}

.components-panel__body>.components-panel__body-title:hover {
    background: #f3f4f5!important;
    border: none!important
}

.components-panel__body-toggle.components-button {
    position: relative;
    padding: 15px;
    outline: none;
    width: 100%;
    font-weight: 600;
    text-align: left;
    color: #191e23;
    border: none;
    box-shadow: none;
    transition: background .1s ease-in-out;
    height: auto
}

@media (prefers-reduced-motion:reduce) {
    .components-panel__body-toggle.components-button {
        transition-duration: 0s
    }
}

.components-panel__body-toggle.components-button:focus:not(:disabled):not([aria-disabled=true]) {
    color: #191e23;
    border: none;
    box-shadow: none;
    outline-offset: -2px;
    outline: 1px dotted #555d66
}

.components-panel__body-toggle.components-button:hover {
    background: transparent!important;
    border: none!important;
    box-shadow: none!important
}

.components-panel__body-toggle.components-button .components-panel__arrow {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #191e23;
    fill: currentColor;
    transition: color .1s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .components-panel__body-toggle.components-button .components-panel__arrow {
        transition-duration: 0s
    }
}

body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right {
    transform: scaleX(-1);
    -ms-filter: fliph;
    filter: FlipH;
    margin-top: -10px
}

.components-panel__icon {
    color: #555d66;
    margin: -2px 0 -2px 6px
}

.components-panel__body-toggle-icon {
    margin-right: -5px
}

.components-panel__color-title {
    float: left;
    height: 19px
}

.components-panel__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px
}

.components-panel__row select {
    min-width: 0
}

.components-panel__row label {
    margin-right: 10px;
    flex-shrink: 0;
    max-width: 75%
}

.components-panel__row:empty,
.components-panel__row:first-of-type {
    margin-top: 0
}

.components-panel .circle-picker {
    padding-bottom: 20px
}

.components-placeholder.components-placeholder {
    position: relative;
    margin-bottom: 28px;
    padding: 1em;
    min-height: 200px;
    width: 100%;
    text-align: left;
    background: rgba(139, 139, 150, .1)
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
    .components-placeholder.components-placeholder {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start
    }
}

.is-dark-theme .components-placeholder.components-placeholder {
    background: hsla(0, 0%, 100%, .15)
}

.components-placeholder.components-placeholder .components-base-control__label {
    font-size: 13px
}

.components-placeholder__error,
.components-placeholder__fieldset,
.components-placeholder__instructions,
.components-placeholder__label {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 13px
}

.components-placeholder__label {
    display: flex;
    font-weight: 600;
    margin-bottom: 1em
}

.components-placeholder__label .block-editor-block-icon,
.components-placeholder__label .dashicon,
.components-placeholder__label>svg {
    fill: currentColor;
    margin-right: 1ch
}

.components-placeholder__fieldset,
.components-placeholder__fieldset form {
    display: flex;
    flex-direction: row;
    width: 100%;
    flex-wrap: wrap;
    z-index: 1
}

.components-placeholder__fieldset form p,
.components-placeholder__fieldset p {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 13px
}

.components-placeholder__fieldset.is-column-layout,
.components-placeholder__fieldset.is-column-layout form {
    flex-direction: column
}

.components-placeholder__input {
    margin: 0 8px 0 0;
    flex: 1 1 auto
}

.components-placeholder__instructions {
    margin-bottom: 1em
}

.components-placeholder__error {
    margin-top: 1em;
    width: 100%
}

.components-placeholder__preview img {
    margin: 3%;
    width: 50%
}

.components-placeholder__fieldset .components-button {
    margin-right: 8px;
    margin-bottom: 8px
}

.components-placeholder__fieldset .components-button:last-child {
    margin-bottom: 0;
    margin-right: 0
}

.components-placeholder__fieldset .components-button:not(.is-link)~.components-button.is-link {
    margin-left: 10px;
    margin-right: 10px
}

.components-placeholder__fieldset .components-button:not(.is-link)~.components-button.is-link:last-child {
    margin-right: 0
}

.components-placeholder.is-medium .components-placeholder__instructions,
.components-placeholder.is-small .components-placeholder__instructions {
    display: none
}

.components-placeholder.is-medium .components-placeholder__fieldset,
.components-placeholder.is-medium .components-placeholder__fieldset form,
.components-placeholder.is-small .components-placeholder__fieldset,
.components-placeholder.is-small .components-placeholder__fieldset form {
    flex-direction: column
}

.components-placeholder.is-medium .components-placeholder__fieldset .components-button,
.components-placeholder.is-small .components-placeholder__fieldset .components-button {
    margin-right: auto
}

.components-placeholder.is-small .block-editor-block-icon {
    display: none
}

.components-placeholder.is-small .components-button {
    padding: 0 8px 2px
}


/*!rtl:begin:ignore*/

.components-popover {
    position: fixed;
    z-index: 1000000;
    top: 0;
    left: 0;
    opacity: 0
}

.components-popover.is-expanded,
.components-popover[data-x-axis][data-y-axis] {
    opacity: 1
}

.components-popover.is-expanded {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000000!important
}

.components-popover:not(.is-without-arrow) {
    margin-left: 2px
}

.components-popover:not(.is-without-arrow):before {
    border: 8px solid #e2e4e7
}

.components-popover:not(.is-without-arrow):after {
    border: 8px solid #fff
}

.components-popover:not(.is-without-arrow):after,
.components-popover:not(.is-without-arrow):before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    line-height: 0
}

.components-popover:not(.is-without-arrow)[data-y-axis=top] {
    margin-top: -8px
}

.components-popover:not(.is-without-arrow)[data-y-axis=top]:before {
    bottom: -8px
}

.components-popover:not(.is-without-arrow)[data-y-axis=top]:after {
    bottom: -6px
}

.components-popover:not(.is-without-arrow)[data-y-axis=top]:after,
.components-popover:not(.is-without-arrow)[data-y-axis=top]:before {
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-style: solid;
    margin-left: -10px
}

.components-popover:not(.is-without-arrow)[data-y-axis=bottom] {
    margin-top: 8px
}

.components-popover:not(.is-without-arrow)[data-y-axis=bottom]:before {
    top: -8px
}

.components-popover:not(.is-without-arrow)[data-y-axis=bottom]:after {
    top: -6px
}

.components-popover:not(.is-without-arrow)[data-y-axis=bottom]:after,
.components-popover:not(.is-without-arrow)[data-y-axis=bottom]:before {
    border-bottom-style: solid;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top: none;
    margin-left: -10px
}

.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left] {
    margin-left: -8px
}

.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]:before {
    right: -8px
}

.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]:after {
    right: -6px
}

.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]:after,
.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]:before {
    border-bottom-color: transparent;
    border-left-style: solid;
    border-right: none;
    border-top-color: transparent
}

.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right] {
    margin-left: 8px
}

.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]:before {
    left: -8px
}

.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]:after {
    left: -6px
}

.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]:after,
.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]:before {
    border-bottom-color: transparent;
    border-left: none;
    border-right-style: solid;
    border-top-color: transparent
}

.components-popover[data-y-axis=top] {
    bottom: 100%
}

.components-popover[data-y-axis=bottom] {
    top: 100%
}

.components-popover[data-y-axis=middle] {
    align-items: center;
    display: flex
}

.components-popover__content {
    box-shadow: 0 3px 30px rgba(25, 30, 35, .1);
    border: 1px solid #e2e4e7;
    background: #fff;
    height: 100%
}

.components-popover .components-popover__content {
    position: absolute;
    height: auto;
    overflow-y: auto;
    min-width: 260px
}

.components-popover.is-expanded .components-popover__content {
    position: static;
    height: calc(100% - 50px);
    overflow-y: visible;
    min-width: auto;
    border: none;
    border-top: 1px solid #e2e4e7
}

.components-popover[data-y-axis=top] .components-popover__content {
    bottom: 100%
}

.components-popover[data-x-axis=center] .components-popover__content {
    left: 50%;
    transform: translateX(-50%)
}

.components-popover[data-x-axis=right] .components-popover__content {
    position: absolute;
    left: 100%
}

.components-popover:not([data-y-axis=middle])[data-x-axis=right] .components-popover__content {
    margin-left: -24px
}

.components-popover[data-x-axis=left] .components-popover__content {
    position: absolute;
    right: 100%
}

.components-popover:not([data-y-axis=middle])[data-x-axis=left] .components-popover__content {
    margin-right: -24px
}

.components-popover__content>div {
    height: 100%
}

.components-popover__header {
    align-items: center;
    background: #fff;
    display: flex;
    height: 50px;
    justify-content: space-between;
    padding: 0 8px 0 16px
}

.components-popover__header-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.components-popover__close.components-button {
    z-index: 5
}


/*!rtl:end:ignore*/

.components-radio-control {
    display: flex;
    flex-direction: column
}

.components-radio-control .components-base-control__help {
    margin-top: 0
}

.components-radio-control .components-base-control__field {
    margin-bottom: 0
}

.components-radio-control__option:not(:last-child) {
    margin-bottom: 4px
}

.components-radio-control__input[type=radio] {
    margin-top: 0;
    margin-right: 6px
}

.components-range-control .components-base-control__field {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center
}

.components-range-control .dashicon {
    flex-shrink: 0;
    margin-right: 10px
}

.components-range-control .components-base-control__label {
    width: 100%
}

.components-range-control .components-range-control__slider {
    margin-left: 0;
    flex: 1
}

.components-range-control__reset {
    margin-left: 8px
}

.components-range-control__slider {
    width: 100%;
    margin-left: 8px;
    padding: 0;
    -webkit-appearance: none;
    background: transparent
}

.components-range-control__slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    cursor: pointer;
    background: #555d66;
    border: 4px solid transparent;
    background-clip: padding-box;
    box-sizing: border-box;
    margin-top: -7px
}

.components-range-control__slider::-moz-range-thumb {
    height: 18px;
    width: 18px;
    border-radius: 50%;
    cursor: pointer;
    background: #555d66;
    border: 4px solid transparent;
    background-clip: padding-box;
    box-sizing: border-box
}

.components-range-control__slider::-ms-thumb {
    height: 18px;
    width: 18px;
    border-radius: 50%;
    cursor: pointer;
    background: #555d66;
    background-clip: padding-box;
    box-sizing: border-box;
    margin-top: 0;
    height: 14px;
    width: 14px;
    border: 2px solid transparent
}

.components-range-control__slider:focus {
    outline: none
}

.components-range-control__slider:focus::-webkit-slider-thumb {
    background-color: #fff;
    color: #191e23;
    box-shadow: inset 0 0 0 1px #6c7781, inset 0 0 0 2px #fff;
    outline: 2px solid transparent
}

.components-range-control__slider:focus::-moz-range-thumb {
    background-color: #fff;
    color: #191e23;
    box-shadow: inset 0 0 0 1px #6c7781, inset 0 0 0 2px #fff;
    outline: 2px solid transparent
}

.components-range-control__slider:focus::-ms-thumb {
    background-color: #fff;
    color: #191e23;
    box-shadow: inset 0 0 0 1px #6c7781, inset 0 0 0 2px #fff;
    outline: 2px solid transparent
}

.components-range-control__slider::-webkit-slider-runnable-track {
    height: 3px;
    cursor: pointer;
    background: #e2e4e7;
    border-radius: 1.5px;
    margin-top: -4px
}

.components-range-control__slider::-moz-range-track {
    height: 3px;
    cursor: pointer;
    background: #e2e4e7;
    border-radius: 1.5px
}

.components-range-control__slider::-ms-track {
    margin-top: -4px;
    background: transparent;
    border-color: transparent;
    color: transparent;
    height: 3px;
    cursor: pointer;
    background: #e2e4e7;
    border-radius: 1.5px
}

.components-range-control__number {
    display: inline-block;
    margin-left: 8px;
    font-weight: 500;
    width: 54px
}

.components-resizable-box__handle {
    display: none;
    width: 23px;
    height: 23px
}

.components-resizable-box__container.has-show-handle .components-resizable-box__handle,
.components-resizable-box__container.is-selected .components-resizable-box__handle {
    display: block
}

.components-resizable-box__handle:after {
    display: block;
    content: "";
    width: 15px;
    height: 15px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #0085ba;
    cursor: inherit;
    position: absolute;
    top: calc(50% - 8px);
    right: calc(50% - 8px)
}

body.admin-color-sunrise .components-resizable-box__handle:after {
    background: #d1864a
}

body.admin-color-ocean .components-resizable-box__handle:after {
    background: #a3b9a2
}

body.admin-color-midnight .components-resizable-box__handle:after {
    background: #e14d43
}

body.admin-color-ectoplasm .components-resizable-box__handle:after {
    background: #a7b656
}

body.admin-color-coffee .components-resizable-box__handle:after {
    background: #c2a68c
}

body.admin-color-blue .components-resizable-box__handle:after {
    background: #82b4cb
}

body.admin-color-light .components-resizable-box__handle:after {
    background: #0085ba
}

.components-resizable-box__side-handle:before {
    display: block;
    content: "";
    width: 7px;
    height: 7px;
    border: 2px solid #fff;
    background: #0085ba;
    cursor: inherit;
    position: absolute;
    top: calc(50% - 4px);
    right: calc(50% - 4px);
    transition: transform .1s ease-in;
    opacity: 0
}

body.admin-color-sunrise .components-resizable-box__side-handle:before {
    background: #d1864a
}

body.admin-color-ocean .components-resizable-box__side-handle:before {
    background: #a3b9a2
}

body.admin-color-midnight .components-resizable-box__side-handle:before {
    background: #e14d43
}

body.admin-color-ectoplasm .components-resizable-box__side-handle:before {
    background: #a7b656
}

body.admin-color-coffee .components-resizable-box__side-handle:before {
    background: #c2a68c
}

body.admin-color-blue .components-resizable-box__side-handle:before {
    background: #82b4cb
}

body.admin-color-light .components-resizable-box__side-handle:before {
    background: #0085ba
}

@media (prefers-reduced-motion:reduce) {
    .components-resizable-box__side-handle:before {
        transition-duration: 0s
    }
}

.is-dark-theme .components-resizable-box__handle:after,
.is-dark-theme .components-resizable-box__side-handle:before {
    border-color: #d7dade
}

.components-resizable-box__side-handle {
    z-index: 1
}

.components-resizable-box__corner-handle {
    z-index: 2
}

.components-resizable-box__side-handle.components-resizable-box__handle-bottom,
.components-resizable-box__side-handle.components-resizable-box__handle-bottom:before,
.components-resizable-box__side-handle.components-resizable-box__handle-top,
.components-resizable-box__side-handle.components-resizable-box__handle-top:before {
    width: 100%;
    left: 0;
    border-left: 0;
    border-right: 0
}

.components-resizable-box__side-handle.components-resizable-box__handle-left,
.components-resizable-box__side-handle.components-resizable-box__handle-left:before,
.components-resizable-box__side-handle.components-resizable-box__handle-right,
.components-resizable-box__side-handle.components-resizable-box__handle-right:before {
    height: 100%;
    top: 0;
    border-top: 0;
    border-bottom: 0
}

.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before,
.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before,
.components-resizable-box__side-handle.components-resizable-box__handle-top:active:before,
.components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before {
    animation: components-resizable-box__top-bottom-animation .1s ease-out 0s;
    animation-fill-mode: forwards
}

@media (prefers-reduced-motion:reduce) {
    .components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before,
    .components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before,
    .components-resizable-box__side-handle.components-resizable-box__handle-top:active:before,
    .components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before {
        animation-duration: 1ms
    }
}

.components-resizable-box__side-handle.components-resizable-box__handle-left:active:before,
.components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before,
.components-resizable-box__side-handle.components-resizable-box__handle-right:active:before,
.components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before {
    animation: components-resizable-box__left-right-animation .1s ease-out 0s;
    animation-fill-mode: forwards
}

@media (prefers-reduced-motion:reduce) {
    .components-resizable-box__side-handle.components-resizable-box__handle-left:active:before,
    .components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before,
    .components-resizable-box__side-handle.components-resizable-box__handle-right:active:before,
    .components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before {
        animation-duration: 1ms
    }
}

@keyframes components-resizable-box__top-bottom-animation {
    0% {
        transform: scaleX(0);
        opacity: 0
    }
    to {
        transform: scaleX(1);
        opacity: 1
    }
}

@keyframes components-resizable-box__left-right-animation {
    0% {
        transform: scaleY(0);
        opacity: 0
    }
    to {
        transform: scaleY(1);
        opacity: 1
    }
}


/*!rtl:begin:ignore*/

.components-resizable-box__handle-right {
    right: -11.5px
}

.components-resizable-box__handle-left {
    left: -11.5px
}

.components-resizable-box__handle-top {
    top: -11.5px
}

.components-resizable-box__handle-bottom {
    bottom: -11.5px
}


/*!rtl:end:ignore*/

.components-responsive-wrapper {
    position: relative;
    max-width: 100%
}

.components-responsive-wrapper,
.components-responsive-wrapper>span {
    display: block
}

.components-responsive-wrapper__content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: auto
}

.components-sandbox {
    overflow: hidden
}

iframe.components-sandbox {
    width: 100%
}

body.lockscroll,
html.lockscroll {
    overflow: hidden
}

.components-select-control__input {
    background: #fff;
    height: 36px;
    line-height: 36px;
    margin: 1px;
    outline: 0;
    width: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)!important
}

@media (min-width:782px) {
    .components-select-control__input {
        height: 28px;
        line-height: 28px
    }
}

@media (max-width:782px) {
    .components-base-control .components-base-control__field .components-select-control__input {
        font-size: 16px
    }
}

.components-snackbar {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 13px;
    background-color: #32373c;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
    color: #fff;
    padding: 16px 24px;
    width: 100%;
    max-width: 600px;
    box-sizing: border-box;
    cursor: pointer
}

@media (min-width:600px) {
    .components-snackbar {
        width: fit-content
    }
}

.components-snackbar:hover {
    background-color: #191e23
}

.components-snackbar:focus {
    background-color: #191e23;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007cba
}

.components-snackbar__action.components-button {
    margin-left: 32px;
    color: #fff;
    height: auto;
    flex-shrink: 0;
    line-height: 1.4;
    padding: 0
}

.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary) {
    text-decoration: underline;
    background-color: transparent
}

.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):focus {
    color: #fff;
    box-shadow: none;
    outline: 1px dotted #fff
}

.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover {
    color: #33b3db
}

.components-snackbar__content {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    line-height: 1.4
}

.components-snackbar-list {
    position: absolute;
    z-index: 100000;
    width: 100%;
    box-sizing: border-box
}

.components-snackbar-list__notice-container {
    position: relative;
    padding-top: 8px
}

.components-spinner {
    display: inline-block;
    background-color: #7e8993;
    width: 18px;
    height: 18px;
    opacity: .7;
    margin: 5px 11px 0;
    border-radius: 100%;
    position: relative
}

.components-spinner:before {
    content: "";
    position: absolute;
    background-color: #fff;
    top: 3px;
    left: 3px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    transform-origin: 6px 6px;
    animation: components-spinner__animation 1s linear infinite
}

@keyframes components-spinner__animation {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.components-text-control__input,
.components-textarea-control__input {
    width: 100%;
    padding: 6px 8px
}

.components-tip {
    display: flex;
    color: #555d66
}

.components-tip svg {
    -ms-grid-row-align: center;
    align-self: center;
    fill: #f0b849;
    flex-shrink: 0;
    margin-right: 16px
}

.components-tip p {
    margin: 0
}

.components-toggle-control .components-base-control__field {
    display: flex;
    margin-bottom: 12px;
    line-height: normal;
    align-items: center
}

.components-toggle-control .components-base-control__field .components-form-toggle {
    margin-right: 16px
}

.components-toggle-control .components-base-control__field .components-toggle-control__label {
    display: block
}

.components-accessible-toolbar {
    display: inline-flex;
    flex-shrink: 0
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
    .components-accessible-toolbar {
        display: flex
    }
}

.components-tab-button {
    padding: 3px;
    color: #555d66;
    height: 36px;
    font-weight: 500
}

.components-tab-button.is-pressed,
.components-tab-button.is-pressed:hover {
    color: #fff
}

.components-tab-button:disabled {
    cursor: default
}

.components-tab-button>span {
    border: 1px solid transparent;
    padding: 0 6px;
    box-sizing: content-box;
    height: 28px;
    line-height: 28px
}

.components-tab-button:focus>span,
.components-tab-button:hover>span {
    color: #555d66
}

.components-tab-button:not(:disabled).is-pressed>span,
.components-tab-button:not(:disabled):focus>span,
.components-tab-button:not(:disabled):hover>span {
    border: 1px solid #555d66
}

.components-tab-button.is-pressed:hover>span,
.components-tab-button.is-pressed>span {
    background-color: #555d66;
    color: #fff
}

.components-toolbar__control.components-button {
    width: 36px;
    height: 36px
}

.components-toolbar__control.components-button[data-subscript] svg {
    padding: 5px 10px 5px 0
}

.components-toolbar__control.components-button[data-subscript]:after {
    content: attr(data-subscript);
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 12px;
    position: absolute;
    right: 8px;
    bottom: 10px
}

.components-toolbar__control.components-button:not(:disabled).is-pressed[data-subscript]:after {
    color: #fff
}

.components-toolbar__control.components-button.is-pressed {
    padding: 3px;
    outline: none
}

.components-toolbar__control.components-button.is-pressed>svg {
    padding: 5px;
    border-radius: 4px;
    height: 30px;
    width: 30px;
    box-sizing: border-box;
    outline: none;
    color: #fff;
    box-shadow: none;
    background: #555d66
}

.components-toolbar-group {
    border: 1px solid #e2e4e7;
    background-color: #fff;
    display: flex;
    flex-shrink: 0;
    margin-right: -1px;
    line-height: 0
}

.components-toolbar-group .components-toolbar-group {
    border-width: 0;
    margin: 0
}

.components-toolbar {
    margin: 0;
    border: 1px solid #e2e4e7;
    background-color: #fff;
    display: flex;
    flex-shrink: 0
}

div.components-toolbar>div {
    display: block;
    margin: 0
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
    div.components-toolbar>div {
        display: flex
    }
}

div.components-toolbar>div+div {
    margin-left: -3px
}

div.components-toolbar>div+div.has-left-divider {
    margin-left: 6px;
    position: relative;
    overflow: visible
}

div.components-toolbar>div+div.has-left-divider:before {
    display: inline-block;
    content: "";
    box-sizing: content-box;
    background-color: #e2e4e7;
    position: absolute;
    top: 8px;
    left: -3px;
    width: 1px;
    height: 20px
}

.components-tooltip.components-popover {
    z-index: 1000002
}

.components-tooltip.components-popover:before {
    border-color: transparent
}

.components-tooltip.components-popover[data-y-axis=top]:after {
    border-top-color: #191e23
}

.components-tooltip.components-popover[data-y-axis=bottom]:after {
    border-bottom-color: #191e23
}

.components-tooltip.components-popover .components-popover__content {
    min-width: 0
}

.components-tooltip .components-popover__content {
    padding: 4px 12px;
    background: #191e23;
    border-width: 0;
    color: #fff;
    white-space: nowrap;
    text-align: center
}

.components-tooltip__shortcut {
    display: block;
    color: #7e8993
}

.components-visually-hidden {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal!important
}

.components-visually-hidden:focus {
    background-color: #e2e4e7;
    clip: auto!important;
    -webkit-clip-path: none;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

.block-editor-block-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin: 0;
    border-radius: 4px
}

.block-editor-block-icon.has-colors svg {
    fill: currentColor
}

.block-editor-block-icon svg {
    min-width: 20px;
    min-height: 20px;
    max-width: 24px;
    max-height: 24px
}

.block-editor-block-inspector .components-base-control {
    margin-bottom: 24px
}

.block-editor-block-inspector .components-base-control:last-child {
    margin-bottom: 8px
}

.block-editor-block-inspector .components-panel__body {
    border: none;
    border-top: 1px solid #e2e4e7
}

.block-editor-block-inspector .block-editor-block-card {
    padding: 16px
}

.block-editor-block-inspector__no-blocks {
    display: block;
    font-size: 13px;
    background: #fff;
    padding: 32px 16px;
    text-align: center
}

.block-editor-block-list__layout .block-editor-block-list__block.is-selected.is-dragging:before {
    border: none
}

.block-editor-block-list__layout .block-editor-block-list__block.is-selected.is-dragging>* {
    background: #f8f9f9
}

.block-editor-block-list__layout .block-editor-block-list__block.is-selected.is-dragging>*>* {
    visibility: hidden
}

.block-editor-block-list__layout .block-editor-block-list__block.is-selected .reusable-block-edit-panel * {
    z-index: 1
}

.block-editor-block-list__layout {
    padding-left: 14px;
    padding-right: 14px;
    position: relative
}

@media (min-width:600px) {
    .block-editor-block-list__layout {
        padding-left: 58px;
        padding-right: 58px
    }
}

.block-editor-block-list__layout .block-editor-block-list__layout {
    padding-left: 0;
    padding-right: 0
}

.block-editor-block-list__layout .block-editor-block-list__block {
    position: relative;
    overflow-wrap: break-word
}

.block-editor-block-list__layout .block-editor-block-list__block .components-placeholder .components-with-notices-ui {
    margin: -10px 0 12px
}

.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui {
    margin: 0 0 12px;
    width: 100%
}

.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice {
    margin-left: 0;
    margin-right: 0
}

.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice .components-notice__content {
    font-size: 13px
}

.block-editor-block-list__layout .block-editor-block-list__block:before {
    z-index: 0;
    content: "";
    position: absolute;
    border: 1px solid transparent;
    border-left: none;
    box-shadow: none;
    pointer-events: none;
    transition: border-color .1s linear, border-style .1s linear, box-shadow .1s linear;
    outline: 1px solid transparent;
    right: -14px;
    left: -14px;
    top: -14px;
    bottom: -14px
}

@media (prefers-reduced-motion:reduce) {
    .block-editor-block-list__layout .block-editor-block-list__block:before {
        transition-duration: 0s
    }
}

.block-editor-block-list__layout .block-editor-block-list__block.is-selected:before {
    border-color: rgba(66, 88, 99, .4);
    box-shadow: inset 3px 0 0 0 #555d66
}

.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-selected:before {
    border-color: hsla(0, 0%, 100%, .45);
    box-shadow: inset 3px 0 0 0 #d7dade
}

@media (min-width:600px) {
    .block-editor-block-list__layout .block-editor-block-list__block.is-selected:before {
        box-shadow: -3px 0 0 0 #555d66
    }
    .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-selected:before {
        box-shadow: -3px 0 0 0 #d7dade
    }
}

.is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected:before {
    border-color: #007cba;
    box-shadow: inset 3px 0 0 0 #007cba
}

@media (min-width:600px) {
    .is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block.is-selected:before {
        box-shadow: -3px 0 0 0 #007cba
    }
}

.block-editor-block-list__layout .block-editor-block-list__block.is-focus-mode:not(.is-multi-selected) {
    opacity: .5;
    transition: opacity .1s linear
}

@media (prefers-reduced-motion:reduce) {
    .block-editor-block-list__layout .block-editor-block-list__block.is-focus-mode:not(.is-multi-selected) {
        transition-duration: 0s
    }
}

.block-editor-block-list__layout .block-editor-block-list__block.is-focus-mode:not(.is-multi-selected).is-focused,
.block-editor-block-list__layout .block-editor-block-list__block.is-focus-mode:not(.is-multi-selected):not(.is-focused) .block-editor-block-list__block {
    opacity: 1
}

.block-editor-block-list__layout .block-editor-block-list__block.is-drop-target:before {
    border-top: 3px solid #0085ba
}

body.admin-color-sunrise .block-editor-block-list__layout .block-editor-block-list__block.is-drop-target:before {
    border-top: 3px solid #d1864a
}

body.admin-color-ocean .block-editor-block-list__layout .block-editor-block-list__block.is-drop-target:before {
    border-top: 3px solid #a3b9a2
}

body.admin-color-midnight .block-editor-block-list__layout .block-editor-block-list__block.is-drop-target:before {
    border-top: 3px solid #e14d43
}

body.admin-color-ectoplasm .block-editor-block-list__layout .block-editor-block-list__block.is-drop-target:before {
    border-top: 3px solid #a7b656
}

body.admin-color-coffee .block-editor-block-list__layout .block-editor-block-list__block.is-drop-target:before {
    border-top: 3px solid #c2a68c
}

body.admin-color-blue .block-editor-block-list__layout .block-editor-block-list__block.is-drop-target:before {
    border-top: 3px solid #82b4cb
}

body.admin-color-light .block-editor-block-list__layout .block-editor-block-list__block.is-drop-target:before {
    border-top: 3px solid #0085ba
}

.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected .is-block-content,
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-block-collapsed) {
    box-shadow: 0 0 0 2px #007cba;
    border-radius: 1px;
    outline: 2px solid transparent
}

.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected .is-block-content,
.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-block-collapsed) {
    box-shadow: 0 0 0 2px #fff
}

.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected .components-placeholder ::selection {
    background: transparent
}

.block-editor-block-list__layout .block-editor-block-list__block.has-warning {
    min-height: 36px
}

.block-editor-block-list__layout .block-editor-block-list__block.has-warning>* {
    pointer-events: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-warning {
    pointer-events: all
}

.block-editor-block-list__layout .block-editor-block-list__block.has-warning:before {
    border-color: rgba(145, 151, 162, .25);
    border-left: 1px solid rgba(145, 151, 162, .25)
}

.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.has-warning:before {
    border-color: hsla(0, 0%, 100%, .35)
}

.block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-selected:before {
    border-color: rgba(66, 88, 99, .4) rgba(66, 88, 99, .4) rgba(66, 88, 99, .4) transparent
}

.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-selected:before {
    border-color: hsla(0, 0%, 100%, .45)
}

.block-editor-block-list__layout .block-editor-block-list__block.has-warning:after {
    content: "";
    position: absolute;
    background-color: rgba(248, 249, 249, .4);
    top: -14px;
    bottom: -14px;
    right: -14px;
    left: -14px
}

.block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected:after {
    background-color: transparent
}

.block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-selected:after {
    bottom: 22px
}

@media (min-width:600px) {
    .block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-selected:after {
        bottom: -14px
    }
}

.block-editor-block-list__layout .block-editor-block-list__block.is-reusable.is-selected:before {
    border-left: transparent;
    border-width: 1px;
    border-style: dashed
}

.block-editor-block-list__layout .block-editor-block-list__block.is-reusable>.block-editor-inner-blocks.has-overlay:after {
    display: none
}

.block-editor-block-list__layout .block-editor-block-list__block.is-reusable>.block-editor-inner-blocks.has-overlay .block-editor-inner-blocks.has-overlay:after {
    display: block
}

.is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block {
    cursor: default
}

.block-editor-block-list__layout .block-editor-block-list__block[data-align=left],
.block-editor-block-list__layout .block-editor-block-list__block[data-align=right] {
    z-index: 21;
    width: 100%;
    height: 0
}

.block-editor-block-list__layout .block-editor-block-list__block[data-align=left]:before,
.block-editor-block-list__layout .block-editor-block-list__block[data-align=right]:before {
    content: none
}

.block-editor-block-list__layout .block-editor-block-list__block[data-align=left]>.is-block-content {
    /*!rtl:begin:ignore*/
    float: left;
    margin-right: 2em/*!rtl:end:ignore*/
}

.block-editor-block-list__layout .block-editor-block-list__block[data-align=right]>.is-block-content {
    /*!rtl:begin:ignore*/
    float: right;
    margin-left: 2em/*!rtl:end:ignore*/
}

.block-editor-block-list__layout .block-editor-block-list__block[data-align=full],
.block-editor-block-list__layout .block-editor-block-list__block[data-align=wide] {
    clear: both
}

.block-editor-block-list__layout .block-editor-block-list__block[data-align=full] {
    margin-left: -14px;
    margin-right: -14px
}

@media (min-width:600px) {
    .block-editor-block-list__layout .block-editor-block-list__block[data-align=full] {
        margin-left: -58px;
        margin-right: -58px
    }
}

.block-editor-block-list__layout .block-editor-block-list__block[data-align=full]:before {
    left: 0;
    right: 0;
    border-left-width: 0;
    border-right-width: 0
}

.block-editor-block-list__layout .block-editor-block-list__block[data-clear=true] {
    float: none
}

.block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__layout .block-editor-default-block-appender .block-editor-inserter {
    left: auto;
    right: 8px
}

.block-editor-block-list .block-editor-inserter {
    margin: 8px;
    cursor: move;
    cursor: grab
}

.block-editor-block-list__insertion-point {
    position: relative;
    z-index: 6;
    margin-top: -14px
}

.block-editor-block-list__insertion-point-indicator {
    position: absolute;
    top: calc(50% - 1px);
    height: 2px;
    left: 0;
    right: 0;
    background: #0085ba
}

body.admin-color-sunrise .block-editor-block-list__insertion-point-indicator {
    background: #d1864a
}

body.admin-color-ocean .block-editor-block-list__insertion-point-indicator {
    background: #a3b9a2
}

body.admin-color-midnight .block-editor-block-list__insertion-point-indicator {
    background: #e14d43
}

body.admin-color-ectoplasm .block-editor-block-list__insertion-point-indicator {
    background: #a7b656
}

body.admin-color-coffee .block-editor-block-list__insertion-point-indicator {
    background: #c2a68c
}

body.admin-color-blue .block-editor-block-list__insertion-point-indicator {
    background: #82b4cb
}

body.admin-color-light .block-editor-block-list__insertion-point-indicator {
    background: #0085ba
}

.block-editor-block-list__insertion-point-inserter {
    display: none;
    justify-content: center;
    cursor: text
}

@media (min-width:480px) {
    .block-editor-block-list__insertion-point-inserter {
        display: flex
    }
}

.block-editor-block-list__insertion-point-inserter.is-inserter-hidden .block-editor-inserter__toggle {
    opacity: 0;
    pointer-events: none
}

.block-editor-block-list__block-popover-inserter {
    position: absolute;
    top: -9999em;
    margin-bottom: 14px
}

.block-editor-block-list__block-popover-inserter.is-visible {
    position: static
}

.block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle,
.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle {
    border-radius: 50%;
    color: #007cba;
    background: #fff;
    height: 28px;
    width: 28px;
    padding: 0;
    justify-content: center
}

.block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle:not(:disabled):not([aria-disabled=true]):hover,
.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle:not(:disabled):not([aria-disabled=true]):hover {
    box-shadow: none
}

.block-editor-block-list__block>.block-editor-block-list__insertion-point {
    position: absolute;
    top: -16px;
    height: 28px;
    bottom: auto;
    left: 14px;
    right: 14px
}

.block-editor-block-list__block[data-align=full]>.block-editor-block-list__insertion-point {
    left: 0;
    right: 0
}

.block-editor-block-list__block .block-editor-block-list__block-html-textarea {
    display: block;
    margin: 0;
    width: 100%;
    border: none;
    outline: none;
    box-shadow: none;
    resize: none;
    overflow: hidden;
    font-family: Menlo, Consolas, monaco, monospace;
    font-size: 14px;
    line-height: 150%;
    transition: padding .2s linear
}

@media (prefers-reduced-motion:reduce) {
    .block-editor-block-list__block .block-editor-block-list__block-html-textarea {
        transition-duration: 0s
    }
}

.block-editor-block-list__block .block-editor-block-list__block-html-textarea:focus {
    box-shadow: none
}

.block-editor-block-contextual-toolbar .block-editor-block-toolbar {
    width: 100%
}

@media (min-width:600px) {
    .block-editor-block-contextual-toolbar .block-editor-block-toolbar {
        width: auto;
        border-right: none
    }
}

.block-editor-block-list__breadcrumb {
    display: block;
    line-height: 1;
    z-index: 22
}

.block-editor-block-list__breadcrumb .components-toolbar {
    display: flex;
    background: #fff;
    border: 1px solid #007cba;
    border-left: none;
    box-shadow: inset 3px 0 0 0 #007cba;
    height: 38px;
    font-size: 13px;
    line-height: 29px;
    padding-left: 8px;
    padding-right: 8px
}

.block-editor-block-list__breadcrumb .components-toolbar .components-button {
    box-shadow: none
}

.is-dark-theme .block-editor-block-list__breadcrumb .components-toolbar {
    border-color: hsla(0, 0%, 100%, .45)
}

@media (min-width:600px) {
    .block-editor-block-list__breadcrumb .components-toolbar {
        box-shadow: -3px 0 0 0 #007cba
    }
}

.block-editor-block-list__block .block-editor-warning {
    z-index: 5;
    position: relative;
    margin-right: -14px;
    margin-left: -14px;
    margin-bottom: -14px;
    transform: translateY(-14px)
}

.block-editor-block-list__block .block-editor-warning.block-editor-block-list__block-crash-warning {
    margin-bottom: auto
}

.block-editor-block-list__insertion-point-popover {
    z-index: 28
}

.block-editor-block-list__insertion-point-popover .components-popover__content {
    background: none;
    border: none;
    box-shadow: none;
    overflow-y: visible
}

.components-popover.block-editor-block-list__block-popover {
    z-index: 29
}

.components-popover.block-editor-block-list__block-popover .components-popover__content {
    margin: 0!important;
    min-width: auto;
    background: none;
    border: none;
    box-shadow: none;
    overflow-y: visible;
    pointer-events: none
}

.components-popover.block-editor-block-list__block-popover .components-popover__content>* {
    pointer-events: all
}

.components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-contextual-toolbar,
.components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-list__breadcrumb {
    margin-bottom: 13px;
    margin-left: -14px
}

.components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-contextual-toolbar[data-align=full],
.components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-list__breadcrumb[data-align=full] {
    margin-left: 0
}

.is-dragging-components-draggable .components-popover.block-editor-block-list__block-popover {
    opacity: 0
}

.block-editor-block-list__block .block-list-appender {
    margin: 14px 0
}

.has-background .block-editor-block-list__block .block-list-appender {
    margin: 32px 14px
}

.block-list-appender.is-drop-target>div:before {
    content: "";
    position: absolute;
    right: -14px;
    left: -14px;
    top: -14px;
    bottom: -14px;
    border: 3px solid #0085ba
}

body.admin-color-sunrise .block-list-appender.is-drop-target>div:before {
    border: 3px solid #d1864a
}

body.admin-color-ocean .block-list-appender.is-drop-target>div:before {
    border: 3px solid #a3b9a2
}

body.admin-color-midnight .block-list-appender.is-drop-target>div:before {
    border: 3px solid #e14d43
}

body.admin-color-ectoplasm .block-list-appender.is-drop-target>div:before {
    border: 3px solid #a7b656
}

body.admin-color-coffee .block-list-appender.is-drop-target>div:before {
    border: 3px solid #c2a68c
}

body.admin-color-blue .block-list-appender.is-drop-target>div:before {
    border: 3px solid #82b4cb
}

body.admin-color-light .block-list-appender.is-drop-target>div:before {
    border: 3px solid #0085ba
}

.block-list-appender>.block-editor-inserter {
    display: block
}

.block-editor-block-breadcrumb {
    list-style: none;
    padding: 0;
    margin: 0
}

.block-editor-block-breadcrumb li {
    display: inline-block;
    margin: 0
}

.block-editor-block-breadcrumb li:not(:last-child):after {
    content: "\2192"
}

.block-editor-block-breadcrumb__button.components-button {
    height: 24px;
    line-height: 24px;
    padding: 0
}

.block-editor-block-breadcrumb__button.components-button:hover {
    text-decoration: underline
}

.block-editor-block-breadcrumb__button.components-button:focus {
    color: #191e23;
    outline-offset: -1px;
    outline: 1px dotted #555d66;
    outline-offset: -2px;
    box-shadow: none
}

.block-editor-block-breadcrumb__current {
    cursor: default
}

.block-editor-block-breadcrumb__button.components-button,
.block-editor-block-breadcrumb__current {
    color: #555d66;
    padding: 0 8px;
    font-size: inherit
}

.block-editor-block-card {
    display: flex;
    align-items: flex-start
}

.block-editor-block-card__icon {
    border: 1px solid #ccd0d4;
    padding: 7px;
    margin-right: 10px;
    height: 36px;
    width: 36px
}

.block-editor-block-card__content {
    flex-grow: 1
}

.block-editor-block-card__title {
    font-weight: 500;
    margin-bottom: 5px
}

.block-editor-block-card__description {
    font-size: 13px
}

.block-editor-block-card .block-editor-block-icon {
    margin-left: -2px;
    margin-right: 10px;
    padding: 0 3px;
    width: 36px;
    height: 24px
}

.block-editor-block-compare {
    overflow: auto;
    height: auto
}

@media (min-width:600px) {
    .block-editor-block-compare {
        max-height: 70%
    }
}

.block-editor-block-compare__wrapper {
    display: flex;
    padding-bottom: 16px
}

.block-editor-block-compare__wrapper>div {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 50%;
    padding: 0 16px 0 0;
    min-width: 200px
}

.block-editor-block-compare__wrapper>div button {
    float: right
}

.block-editor-block-compare__wrapper .block-editor-block-compare__converted {
    border-left: 1px solid #ddd;
    padding-left: 15px;
    padding-right: 0
}

.block-editor-block-compare__wrapper .block-editor-block-compare__html {
    font-family: Menlo, Consolas, monaco, monospace;
    font-size: 12px;
    color: #23282d;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    line-height: 1.7
}

.block-editor-block-compare__wrapper .block-editor-block-compare__html span {
    background-color: #e6ffed;
    padding-top: 3px;
    padding-bottom: 3px
}

.block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__added {
    background-color: #acf2bd
}

.block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__removed {
    background-color: #d94f4f
}

.block-editor-block-compare__wrapper .block-editor-block-compare__preview {
    padding: 14px 0 0
}

.block-editor-block-compare__wrapper .block-editor-block-compare__preview p {
    font-size: 12px;
    margin-top: 0
}

.block-editor-block-compare__wrapper .block-editor-block-compare__action {
    margin-top: 14px
}

.block-editor-block-compare__wrapper .block-editor-block-compare__heading {
    font-size: 1em;
    font-weight: 400;
    margin: .67em 0
}

.block-editor-block-mobile-toolbar {
    display: flex;
    flex-direction: row;
    border-right: 1px solid #e2e4e7
}

.block-editor-block-mobile-toolbar .block-editor-block-mover__control {
    width: 36px;
    height: 36px;
    border-radius: 4px;
    padding: 3px;
    margin: 0;
    justify-content: center;
    align-items: center
}

.block-editor-block-mobile-toolbar .block-editor-block-mover__control .dashicon {
    margin: auto
}

.block-editor-block-mobile-toolbar .block-editor-block-mover {
    display: flex;
    margin-right: auto
}

.block-editor-block-mobile-toolbar .block-editor-block-mover .block-editor-block-mover__control {
    float: left
}

@media (min-width:600px) {
    .block-editor-block-contextual-toolbar:not([data-align=wide]):not([data-align=full]) .block-editor-block-mover:not(.is-horizontal) {
        display: block;
        position: absolute;
        top: 37px;
        left: -38px;
        opacity: 0;
        background: #fff;
        border: 1px solid rgba(66, 88, 99, .4);
        border-radius: 4px;
        transition: box-shadow .2s ease-out
    }
}

@media (min-width:600px) and (prefers-reduced-motion:reduce) {
    .block-editor-block-contextual-toolbar:not([data-align=wide]):not([data-align=full]) .block-editor-block-mover:not(.is-horizontal) {
        transition-duration: 0s
    }
}

@media (min-width:600px) {
    .block-editor-block-contextual-toolbar:not([data-align=wide]):not([data-align=full]) .block-editor-block-mover:not(.is-horizontal).is-visible {
        animation: edit-post__fade-in-animation .2s ease-out 0s;
        animation-fill-mode: forwards
    }
}

@media (min-width:600px) and (prefers-reduced-motion:reduce) {
    .block-editor-block-contextual-toolbar:not([data-align=wide]):not([data-align=full]) .block-editor-block-mover:not(.is-horizontal).is-visible {
        animation-duration: 1ms
    }
}

@media (min-width:600px) {
    .block-editor-block-contextual-toolbar:not([data-align=wide]):not([data-align=full]) .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__control {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        border: none;
        width: 28px;
        height: 24px;
        color: rgba(14, 28, 46, .62)
    }
    .block-editor-block-contextual-toolbar:not([data-align=wide]):not([data-align=full]) .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__control svg {
        width: 28px;
        height: 24px;
        padding: 2px 5px
    }
    .block-editor-block-contextual-toolbar:not([data-align=wide]):not([data-align=full]) .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__control[aria-disabled=true] {
        cursor: default;
        pointer-events: none;
        color: rgba(14, 28, 46, .62)
    }
    .block-editor-block-contextual-toolbar:not([data-align=wide]):not([data-align=full]) .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__control:focus:not(:disabled) {
        background-color: transparent
    }
}

@media (min-width:600px) {
    .block-editor-block-list__block:not([data-align=wide]):not([data-align=full]) .block-editor-block-mover:not(.is-horizontal) {
        margin-top: 0
    }
}

.block-editor-block-mover__control-drag-handle {
    cursor: move;
    cursor: grab;
    fill: currentColor
}

.block-editor-block-mover__control-drag-handle,
.block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled=true]):not(.is-secondary):active,
.block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled=true]):not(.is-secondary):focus,
.block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover {
    box-shadow: none;
    background: none;
    color: rgba(10, 24, 41, .7)
}

.block-editor-block-mover__control-drag-handle:not(:disabled):not([aria-disabled=true]):not(.is-secondary):active {
    cursor: grabbing
}

.block-editor-block-mover.is-horizontal .block-editor-block-mover__control-drag-handle,
.block-editor-block-mover__description {
    display: none
}

.block-editor-block-navigation__container {
    padding: 7px
}

.block-editor-block-navigation__label {
    margin: 0 0 8px;
    color: #6c7781
}

.block-editor-block-navigation__list,
.block-editor-block-navigation__paragraph {
    padding: 0;
    margin: 0
}

.block-editor-block-navigation__list .block-editor-button-block-appender {
    outline: none;
    background: none;
    padding: 8px;
    margin-left: .8em;
    width: 36px;
    border-radius: 4px
}

.block-editor-block-navigation__list .block-editor-button-block-appender:hover:not(:disabled):not([aria-disabled=true]) {
    color: #191e23;
    border: none;
    box-shadow: none;
    background: #f3f4f5;
    outline: none
}

.block-editor-block-navigation__list .block-editor-button-block-appender:focus:not(:disabled):not([aria-disabled=true]) {
    color: #191e23;
    border: none;
    box-shadow: none;
    outline-offset: -2px;
    outline: 1px dotted #555d66
}

.block-editor-block-navigation__list .block-editor-block-navigation__list {
    margin-top: 2px;
    border-left: 2px solid #a2aab2;
    margin-left: 1em
}

.block-editor-block-navigation__list .block-editor-block-navigation__list .block-editor-block-navigation__list {
    margin-left: 1.5em
}

.block-editor-block-navigation__list .block-editor-block-navigation__list .block-editor-block-navigation__item {
    position: relative
}

.block-editor-block-navigation__list .block-editor-block-navigation__list .block-editor-block-navigation__item:before {
    position: absolute;
    left: 0;
    background: #a2aab2;
    width: .5em;
    height: 2px;
    content: "";
    top: calc(50% - 1px)
}

.block-editor-block-navigation__list .block-editor-block-navigation__list .block-editor-block-navigation__item-button {
    margin-left: .8em;
    width: calc(100% - .8em)
}

.block-editor-block-navigation__list .block-editor-block-navigation__list>li:last-child {
    position: relative
}

.block-editor-block-navigation__list .block-editor-block-navigation__list>li:last-child:after {
    position: absolute;
    content: "";
    background: #fff;
    top: 19px;
    bottom: 0;
    left: -2px;
    width: 2px
}

.block-editor-block-navigation__item-button {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 6px;
    text-align: left;
    color: #40464d;
    border-radius: 4px
}

.block-editor-block-navigation__item-button .block-editor-block-icon {
    margin-right: 6px
}

.block-editor-block-navigation__item-button:hover:not(:disabled):not([aria-disabled=true]) {
    color: #191e23;
    border: none;
    box-shadow: none;
    background: #f3f4f5
}

.block-editor-block-navigation__item-button:focus:not(:disabled):not([aria-disabled=true]) {
    color: #191e23;
    border: none;
    box-shadow: none;
    outline-offset: -2px;
    outline: 1px dotted #555d66
}

.block-editor-block-navigation__item-button.is-selected,
.block-editor-block-navigation__item-button.is-selected:focus {
    color: #32373c;
    background: #edeff0
}

.components-popover.block-editor-block-navigation__popover {
    z-index: 99998
}

.block-editor-block-preview__container {
    position: relative;
    width: 100%;
    overflow: hidden
}

.block-editor-block-preview__container.is-ready {
    overflow: visible
}

.block-editor-block-preview__content {
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: top left;
    text-align: initial;
    margin: 0;
    overflow: visible;
    min-height: auto
}

.block-editor-block-preview__content .block-editor-block-list__block,
.block-editor-block-preview__content .block-editor-block-list__layout {
    padding: 0
}

.block-editor-block-preview__content>div section {
    height: auto
}

.block-editor-block-preview__content .block-editor-block-drop-zone,
.block-editor-block-preview__content .block-editor-block-list__insertion-point,
.block-editor-block-preview__content .block-list-appender,
.block-editor-block-preview__content .reusable-block-indicator {
    display: none
}

.block-editor-block-settings-menu .components-dropdown-menu__toggle svg {
    transform: rotate(90deg)
}

.block-editor-block-settings-menu__popover .components-dropdown-menu__menu {
    padding: 0
}

.block-editor-block-styles {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.block-editor-block-styles__item {
    width: calc(50% - 4px);
    margin: 4px 0;
    flex-shrink: 0;
    cursor: pointer;
    overflow: hidden;
    border-radius: 4px;
    padding: calc(37.5% - 6px) 6px 6px
}

.block-editor-block-styles__item:focus {
    color: #191e23;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #00a0d2;
    outline: 2px solid transparent
}

.block-editor-block-styles__item:hover {
    background: #f3f4f5;
    color: #191e23
}

.block-editor-block-styles__item.is-active {
    color: #191e23;
    box-shadow: inset 0 0 0 2px #555d66;
    outline: 2px solid transparent;
    outline-offset: -2px
}

.block-editor-block-styles__item.is-active:focus {
    color: #191e23;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #00a0d2, inset 0 0 0 2px #555d66;
    outline: 4px solid transparent;
    outline-offset: -4px
}

.block-editor-block-styles__item-preview {
    outline: 1px solid transparent;
    border: 1px solid rgba(25, 30, 35, .2);
    border-radius: 4px;
    display: flex;
    overflow: hidden;
    background: #fff;
    padding: 75% 0 0;
    margin-top: -75%
}

.block-editor-block-styles__item-preview .block-editor-block-preview__container {
    padding-top: 0;
    margin: -75% 0 0
}

.block-editor-block-styles__item-label {
    text-align: center;
    padding: 4px 2px
}

.block-editor-block-switcher {
    position: relative;
    height: 36px
}

.components-button.block-editor-block-switcher__no-switcher-icon,
.components-button.block-editor-block-switcher__toggle {
    margin: 0;
    display: block;
    height: 36px;
    padding: 3px
}

.components-button.block-editor-block-switcher__no-switcher-icon {
    width: 48px
}

.components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon {
    margin-right: auto;
    margin-left: auto
}

.components-button.block-editor-block-switcher__no-switcher-icon:disabled {
    border-radius: 0;
    opacity: .84
}

.components-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors {
    color: #555d66!important;
    background: #f3f4f5!important
}

.components-button.block-editor-block-switcher__toggle {
    width: auto
}

.components-button.block-editor-block-switcher__toggle:active,
.components-button.block-editor-block-switcher__toggle:not(:disabled):not([aria-disabled=true]):hover,
.components-button.block-editor-block-switcher__toggle:not([aria-disabled=true]):focus {
    outline: none;
    box-shadow: none;
    background: none;
    border: none
}

.components-button.block-editor-block-switcher__toggle .block-editor-block-icon,
.components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform {
    width: 42px;
    height: 30px;
    position: relative;
    margin: 0 auto;
    padding: 3px;
    display: flex;
    align-items: center;
    transition: all .1s cubic-bezier(.165, .84, .44, 1)
}

@media (prefers-reduced-motion:reduce) {
    .components-button.block-editor-block-switcher__toggle .block-editor-block-icon,
    .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform {
        transition-duration: 0s
    }
}

.components-button.block-editor-block-switcher__toggle .block-editor-block-icon:after {
    content: "";
    pointer-events: none;
    display: block;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 5px solid;
    margin-left: 4px;
    margin-right: 2px
}

.components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform {
    margin-top: 6px;
    border-radius: 4px
}

.components-button.block-editor-block-switcher__toggle:not(:disabled):focus .block-editor-block-icon,
.components-button.block-editor-block-switcher__toggle:not(:disabled):focus .block-editor-block-switcher__transform,
.components-button.block-editor-block-switcher__toggle:not(:disabled):hover .block-editor-block-icon,
.components-button.block-editor-block-switcher__toggle:not(:disabled):hover .block-editor-block-switcher__transform,
.components-button.block-editor-block-switcher__toggle[aria-expanded=true] .block-editor-block-icon,
.components-button.block-editor-block-switcher__toggle[aria-expanded=true] .block-editor-block-switcher__transform {
    transform: translateY(-36px)
}

.components-button.block-editor-block-switcher__toggle:not(:disabled):focus .block-editor-block-icon,
.components-button.block-editor-block-switcher__toggle:not(:disabled):focus .block-editor-block-switcher__transform {
    box-shadow: inset 0 0 0 1px #555d66, inset 0 0 0 2px #fff;
    outline: 2px solid transparent
}

.components-popover.block-editor-block-switcher__popover .components-popover__content {
    min-width: 300px;
    max-width: 680px;
    display: flex;
    background: #fff;
    box-shadow: 0 3px 30px rgba(25, 30, 35, .1)
}

.block-editor-block-switcher__popover .components-popover__content .block-editor-block-switcher__container {
    min-width: 300px;
    max-width: 340px;
    width: 50%
}

@media (min-width:782px) {
    .block-editor-block-switcher__popover .components-popover__content {
        position: relative
    }
    .block-editor-block-switcher__popover .components-popover__content .block-editor-block-switcher__preview {
        border-left: 1px solid #e2e4e7;
        box-shadow: 0 3px 30px rgba(25, 30, 35, .1);
        background: #fff;
        width: 300px;
        height: auto;
        position: -webkit-sticky;
        position: sticky;
        -ms-grid-row-align: stretch;
        align-self: stretch;
        top: 0;
        padding: 10px
    }
}

.block-editor-block-switcher__popover .components-popover__content .components-panel__body {
    border: 0;
    position: relative;
    z-index: 1
}

.block-editor-block-switcher__popover .components-popover__content .components-panel__body+.components-panel__body {
    border-top: 1px solid #e2e4e7
}

.block-editor-block-switcher__popover .block-editor-block-styles {
    margin: 0 -3px
}

.block-editor-block-switcher__popover .block-editor-block-types-list {
    margin: 8px -8px -8px
}

.block-editor-block-switcher__preview-title {
    margin-bottom: 10px;
    color: #6c7781
}

.block-editor-block-toolbar {
    display: flex;
    flex-grow: 1;
    width: 100%;
    overflow: auto;
    position: relative;
    border-left: 1px solid #b5bcc2;
    transition: border-color .1s linear, box-shadow .1s linear
}

@media (prefers-reduced-motion:reduce) {
    .block-editor-block-toolbar {
        transition-duration: 0s
    }
}

@media (min-width:600px) {
    .block-editor-block-toolbar {
        overflow: inherit;
        border-left: none;
        box-shadow: -3px 0 0 0 #555d66
    }
    .is-dark-theme .block-editor-block-toolbar {
        box-shadow: -3px 0 0 0 #d7dade
    }
}

.block-editor-block-toolbar .components-toolbar {
    border: 0;
    border-top: 1px solid #b5bcc2;
    border-bottom: 1px solid #b5bcc2;
    border-right: 1px solid #b5bcc2;
    line-height: 0
}

.has-fixed-toolbar .block-editor-block-toolbar {
    box-shadow: none;
    border-left: 1px solid #e2e4e7
}

.has-fixed-toolbar .block-editor-block-toolbar .components-toolbar {
    border-color: #e2e4e7
}

.block-editor-block-toolbar__slot {
    display: inline-block;
    line-height: 0
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
    .block-editor-block-toolbar__slot {
        display: inline-flex
    }
}

.block-editor-block-types-list {
    list-style: none;
    padding: 4px;
    margin-left: -4px;
    margin-right: -4px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap
}

.block-editor-block-variation-picker .components-placeholder__instructions {
    margin-bottom: 0
}

.block-editor-block-variation-picker .components-placeholder__fieldset {
    flex-direction: column
}

.block-editor-block-variation-picker.has-many-variations .components-placeholder__fieldset {
    max-width: 90%
}

.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    margin: 16px 0;
    padding: 0;
    list-style: none
}

.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations>li {
    list-style: none;
    margin: 4px 8px 4px 0;
    flex-shrink: 1;
    max-width: 100px
}

.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation {
    padding: 8px
}

.block-editor-block-variation-picker__variation {
    width: 100%
}

.block-editor-block-variation-picker__variation.components-button.has-icon {
    justify-content: center
}

.block-editor-block-variation-picker__variation.components-button.has-icon.is-secondary {
    background-color: #fff
}

.block-editor-block-variation-picker__variation.components-button {
    height: auto;
    padding: 0
}

.block-editor-block-variation-picker__variation:before {
    content: "";
    padding-bottom: 100%
}

.block-editor-block-variation-picker__variation:first-child {
    margin-left: 0
}

.block-editor-block-variation-picker__variation:last-child {
    margin-right: 0
}

.block-editor-button-block-appender {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 14px;
    outline: 1px dashed #8d96a0;
    width: 100%;
    height: auto;
    color: #555d66;
    background: rgba(237, 239, 240, .8)
}

.block-editor-button-block-appender:focus,
.block-editor-button-block-appender:hover {
    outline: 1px dashed #555d66;
    color: #191e23
}

.block-editor-button-block-appender:active {
    outline: 1px dashed #191e23;
    color: #191e23
}

.is-dark-theme .block-editor-button-block-appender {
    background: rgba(50, 55, 60, .7);
    color: #f8f9f9
}

.is-dark-theme .block-editor-button-block-appender:focus,
.is-dark-theme .block-editor-button-block-appender:hover {
    outline: 1px dashed #fff
}

.block-editor-color-gradient-control__color-indicator {
    margin-bottom: 8px
}

.block-editor-color-gradient-control__button-tabs {
    display: block;
    margin-bottom: 8px
}

.block-editor-panel-color-gradient-settings .component-color-indicator {
    vertical-align: text-bottom
}

.block-editor-panel-color-gradient-settings__panel-title .component-color-indicator {
    display: inline-block
}

.block-editor-panel-color-gradient-settings.is-opened .block-editor-panel-color-gradient-settings__panel-title .component-color-indicator {
    display: none
}

.block-editor-contrast-checker>.components-notice {
    margin: 0
}

.block-editor-default-block-appender {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.block-editor-default-block-appender[data-root-client-id=""] .block-editor-default-block-appender__content:hover {
    outline: 1px solid transparent
}

.block-editor-default-block-appender textarea.block-editor-default-block-appender__content {
    font-family: "Noto Serif", serif;
    font-size: 16px;
    border: none;
    background: none;
    box-shadow: none;
    display: block;
    cursor: text;
    width: 100%;
    outline: 1px solid transparent;
    transition: outline .2s;
    resize: none;
    margin-top: 28px;
    margin-bottom: 28px;
    padding: 0 50px 0 14px;
    color: rgba(14, 28, 46, .62)
}

@media (prefers-reduced-motion:reduce) {
    .block-editor-default-block-appender textarea.block-editor-default-block-appender__content {
        transition-duration: 0s
    }
}

.is-dark-theme .block-editor-default-block-appender textarea.block-editor-default-block-appender__content {
    color: hsla(0, 0%, 100%, .65)
}

.block-editor-default-block-appender .components-drop-zone__content-icon {
    display: none
}

.block-editor-default-block-appender__content {
    min-height: 28px;
    line-height: 1.8
}

.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter,
.block-editor-default-block-appender .block-editor-inserter {
    position: absolute;
    top: 0;
    height: 28px
}

.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter .components-button.has-icon,
.block-editor-default-block-appender .block-editor-inserter .components-button.has-icon {
    width: 28px;
    height: 28px;
    padding: 0
}

.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter .components-button svg,
.block-editor-default-block-appender .block-editor-inserter .components-button svg {
    display: block;
    margin: auto
}

.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle,
.block-editor-default-block-appender .block-editor-inserter .block-editor-inserter__toggle {
    margin-right: 0
}

.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover,
.block-editor-default-block-appender .block-editor-inserter .block-editor-inserter__toggle:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover {
    box-shadow: none
}

.block-editor-block-list__empty-block-inserter,
.block-editor-default-block-appender .block-editor-inserter {
    right: 8px
}

@media (min-width:600px) {
    .block-editor-block-list__empty-block-inserter,
    .block-editor-default-block-appender .block-editor-inserter {
        display: flex;
        height: 100%
    }
}

.block-editor-block-list__empty-block-inserter:disabled,
.block-editor-default-block-appender .block-editor-inserter:disabled {
    display: none
}

.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle,
.block-editor-default-block-appender .block-editor-inserter .block-editor-inserter__toggle {
    border-radius: 50%;
    width: 28px;
    height: 28px;
    padding: 0
}

.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle:not(:hover),
.block-editor-default-block-appender .block-editor-inserter .block-editor-inserter__toggle:not(:hover) {
    color: rgba(10, 24, 41, .7)
}

.is-dark-theme .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle:not(:hover),
.is-dark-theme .block-editor-default-block-appender .block-editor-inserter .block-editor-inserter__toggle:not(:hover) {
    color: hsla(0, 0%, 100%, .75)
}

@media (min-width:600px) {
    .block-editor-default-block-appender .block-editor-inserter {
        align-items: center
    }
}

html.block-editor-editor-skeleton__html-container {
    position: fixed;
    width: 100%
}

@media (min-width:782px) {
    html.block-editor-editor-skeleton__html-container {
        position: static;
        width: auto
    }
}

.block-editor-editor-skeleton {
    display: flex;
    flex-direction: column;
    height: auto;
    max-height: 100%;
    position: fixed;
    top: 46px;
    right: 0;
    bottom: 0
}

@media (min-width:782px) {
    .block-editor-editor-skeleton {
        top: 32px
    }
    .is-fullscreen-mode .block-editor-editor-skeleton {
        top: 0
    }
}

.block-editor-editor-skeleton {
    left: 0
}

@media (min-width:782px) {
    .block-editor-editor-skeleton {
        left: 160px
    }
}

@media (min-width:782px) {
    .auto-fold .block-editor-editor-skeleton {
        left: 36px
    }
}

@media (min-width:961px) {
    .auto-fold .block-editor-editor-skeleton {
        left: 160px
    }
}

.folded .block-editor-editor-skeleton {
    left: 0
}

@media (min-width:782px) {
    .folded .block-editor-editor-skeleton {
        left: 36px
    }
}

@media (max-width:782px) {
    .auto-fold .wp-responsive-open .block-editor-editor-skeleton {
        left: 190px
    }
}

@media (max-width:600px) {
    .auto-fold .wp-responsive-open .block-editor-editor-skeleton {
        margin-left: -18px
    }
}

body.is-fullscreen-mode .block-editor-editor-skeleton {
    left: 0!important
}

.block-editor-editor-skeleton__body {
    flex-grow: 1;
    display: flex;
    overflow: auto;
    overscroll-behavior-y: none
}

.block-editor-editor-skeleton__content {
    flex-grow: 1;
    display: flex;
    flex-direction: column
}

@media (min-width:782px) {
    .block-editor-editor-skeleton__content {
        overflow: auto
    }
}

.block-editor-editor-skeleton__sidebar {
    display: none
}

@media (min-width:782px) {
    .block-editor-editor-skeleton__sidebar {
        display: block;
        z-index: 100000;
        position: fixed!important;
        top: -9999em;
        bottom: auto;
        left: auto;
        right: 0;
        width: 280px
    }
    .block-editor-editor-skeleton__sidebar:focus {
        top: auto;
        bottom: 0
    }
}

.is-sidebar-opened .block-editor-editor-skeleton__sidebar {
    display: block;
    width: auto;
    flex-shrink: 0;
    position: absolute;
    z-index: 100000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff
}

@media (min-width:782px) {
    .is-sidebar-opened .block-editor-editor-skeleton__sidebar {
        overflow: auto;
        border-left: 1px solid #e2e4e7;
        position: relative!important;
        z-index: 90
    }
}

.block-editor-editor-skeleton__header {
    flex-shrink: 0;
    height: auto;
    border-bottom: 1px solid #e2e4e7;
    z-index: 30;
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

@media (min-width:600px) {
    .block-editor-editor-skeleton__header {
        position: static;
        top: 0
    }
}

.block-editor-editor-skeleton__footer {
    height: auto;
    flex-shrink: 0;
    overflow: auto;
    border-top: 1px solid #e2e4e7;
    display: none
}

@media (min-width:782px) {
    .block-editor-editor-skeleton__footer {
        display: block
    }
}

.block-editor-editor-skeleton__publish {
    z-index: 100000;
    position: fixed!important;
    top: -9999em;
    bottom: auto;
    left: auto;
    right: 0;
    width: 280px
}

.block-editor-editor-skeleton__publish:focus {
    top: auto;
    bottom: 0
}

.block-editor-link-control {
    position: relative;
    min-width: 360px
}

.block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text] {
    width: calc(100% - 32px);
    display: block;
    margin: 16px;
    padding: 11px 36px 11px 16px;
    position: relative;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    font-size: 16px
}

@media (min-width:600px) {
    .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text] {
        font-size: 13px
    }
}

.block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text]:focus {
    color: #191e23;
    border-color: #007cba;
    box-shadow: 0 0 0 1px #007cba;
    outline: 2px solid transparent
}

.block-editor-link-control__search-actions {
    position: absolute;
    top: 19px;
    right: 19px
}

.block-editor-link-control__search-results-wrapper {
    position: relative;
    margin-top: -15px
}

.block-editor-link-control__search-results-wrapper:after,
.block-editor-link-control__search-results-wrapper:before {
    content: "";
    position: absolute;
    left: -1px;
    right: 16px;
    display: block;
    pointer-events: none;
    z-index: 100
}

.block-editor-link-control__search-results-wrapper:before {
    height: 8px;
    top: 0;
    bottom: auto;
    background: linear-gradient(180deg, #fff 0, hsla(0, 0%, 100%, 0))
}

.block-editor-link-control__search-results-wrapper:after {
    height: 16px;
    bottom: 0;
    top: auto;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, #fff)
}

.block-editor-link-control__search-results-label {
    padding: 15px 30px 0;
    display: block;
    font-size: 1.1em
}

.block-editor-link-control__search-results {
    margin: 0;
    padding: 8px 16px 16px;
    max-height: 200px;
    overflow-y: auto
}

.block-editor-link-control__search-results.is-loading {
    opacity: .2
}

.block-editor-link-control__search-item {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 13px;
    cursor: pointer;
    background: #fff;
    width: 100%;
    border: none;
    text-align: left;
    padding: 10px 15px;
    border-radius: 5px;
    height: auto
}

.block-editor-link-control__search-item:focus,
.block-editor-link-control__search-item:hover {
    background-color: #e9e9e9
}

.block-editor-link-control__search-item.is-selected {
    background: #f2f2f2
}

.block-editor-link-control__search-item.is-selected .block-editor-link-control__search-item-type {
    background: #fff
}

.block-editor-link-control__search-item.is-current {
    background: transparent;
    border: 0;
    width: 100%;
    cursor: default;
    padding: 16px 16px 16px 24px
}

.block-editor-link-control__search-item .block-editor-link-control__search-item-header {
    display: block;
    margin-right: 24px;
    overflow: hidden;
    white-space: nowrap
}

.block-editor-link-control__search-item .block-editor-link-control__search-item-icon {
    margin-right: 1em;
    min-width: 24px
}

.block-editor-link-control__search-item .block-editor-link-control__search-item-info,
.block-editor-link-control__search-item .block-editor-link-control__search-item-title {
    max-width: 230px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.block-editor-link-control__search-item .block-editor-link-control__search-item-title {
    display: block;
    margin-bottom: .2em;
    font-weight: 500
}

.block-editor-link-control__search-item .block-editor-link-control__search-item-title mark {
    font-weight: 700;
    color: #000;
    background-color: transparent
}

.block-editor-link-control__search-item .block-editor-link-control__search-item-title span {
    font-weight: 400
}

.block-editor-link-control__search-item .block-editor-link-control__search-item-info {
    display: block;
    color: #999;
    font-size: .9em;
    line-height: 1.3
}

.block-editor-link-control__search-item .block-editor-link-control__search-item-type {
    display: block;
    padding: 3px 8px;
    margin-left: auto;
    font-size: .9em;
    background-color: #f3f4f5;
    border-radius: 2px
}

.block-editor-link-control__search-results div[role=menu]>.block-editor-link-control__search-item.block-editor-link-control__search-item {
    padding: 10px
}

.block-editor-link-control__settings {
    border-top: 1px solid #e1e1e1;
    margin: 0;
    padding: 16px 24px
}

.block-editor-link-control__settings :last-child {
    margin-bottom: 0
}

.block-editor-link-control__setting {
    margin-bottom: 16px
}

.block-editor-link-control__setting :last-child {
    margin-bottom: 0
}

.block-editor-link-control .block-editor-link-control__search-input .components-spinner {
    display: block
}

.block-editor-link-control .block-editor-link-control__search-input .components-spinner.components-spinner {
    position: absolute;
    left: auto;
    bottom: auto;
    top: 28px;
    right: 62px
}

.block-editor-link-control__search-item-action {
    margin-left: auto;
    flex-shrink: 0
}

.block-editor-image-size-control {
    margin-bottom: 1em
}

.block-editor-image-size-control .block-editor-image-size-control__row {
    display: flex;
    justify-content: space-between
}

.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height,
.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width {
    margin-bottom: .5em
}

.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height input,
.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width input {
    line-height: 1.25
}

.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width {
    margin-right: 5px
}

.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height {
    margin-left: 5px
}

.block-editor-inner-blocks.has-overlay:after {
    content: "";
    position: absolute;
    top: -14px;
    right: -14px;
    bottom: -14px;
    left: -14px;
    z-index: 60
}

[data-align=full] .has-overlay:after {
    right: 0;
    left: 0
}

.block-editor-inserter {
    display: inline-block;
    background: none;
    border: none;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 13px;
    line-height: 1.4
}

@media (min-width:782px) {
    .block-editor-inserter {
        position: relative
    }
}

@media (min-width:782px) {
    .block-editor-inserter__popover>.components-popover__content {
        overflow-y: visible;
        height: 432px
    }
}

.block-editor-inserter__toggle {
    transition: color .2s ease
}

@media (prefers-reduced-motion:reduce) {
    .block-editor-inserter__toggle {
        transition-duration: 0s
    }
}

.block-editor-inserter__menu {
    height: 100%;
    display: flex;
    width: auto
}

@media (min-width:782px) {
    .block-editor-inserter__menu {
        width: 400px;
        position: relative
    }
    .block-editor-inserter__menu.has-help-panel {
        width: 700px
    }
}

.block-editor-inserter__main-area {
    width: auto;
    display: flex;
    flex-direction: column;
    height: 100%
}

@media (min-width:782px) {
    .block-editor-inserter__main-area {
        width: 400px;
        position: relative
    }
}

.block-editor-inserter__inline-elements {
    margin-top: -1px
}

.block-editor-inserter__menu.is-bottom:after {
    border-bottom-color: #fff
}

.components-popover.block-editor-inserter__popover {
    z-index: 99998
}

.components-popover input[type=search].block-editor-inserter__search {
    display: block;
    margin: 16px;
    padding: 11px 16px;
    position: relative;
    z-index: 1;
    border-radius: 4px;
    font-size: 16px
}

@media (min-width:600px) {
    .components-popover input[type=search].block-editor-inserter__search {
        font-size: 13px
    }
}

.components-popover input[type=search].block-editor-inserter__search:focus {
    color: #191e23;
    border-color: #007cba;
    box-shadow: 0 0 0 1px #007cba;
    outline: 2px solid transparent
}

.block-editor-inserter__results {
    flex-grow: 1;
    overflow: auto;
    position: relative;
    z-index: 1;
    padding: 0 16px 16px
}

.block-editor-inserter__results:focus {
    outline: 1px dotted #555d66
}

@media (min-width:782px) {
    .block-editor-inserter__results {
        height: 394px
    }
}

.block-editor-inserter__results [role=presentation]+.components-panel__body {
    border-top: none
}

.block-editor-inserter__popover .block-editor-block-types-list {
    margin: 0 -8px
}

.block-editor-inserter__reusable-blocks-panel {
    position: relative;
    text-align: right
}

.block-editor-inserter__manage-reusable-blocks {
    margin: 16px 0 0 16px
}

.block-editor-inserter__no-results {
    font-style: italic;
    padding: 24px;
    text-align: center
}

.block-editor-inserter__child-blocks {
    padding: 0 16px
}

.block-editor-inserter__parent-block-header {
    display: flex;
    align-items: center
}

.block-editor-inserter__parent-block-header h2 {
    font-size: 13px
}

.block-editor-inserter__parent-block-header .block-editor-block-icon {
    margin-right: 8px
}

.block-editor-inserter__menu-help-panel {
    display: none;
    border-left: 1px solid #e2e4e7;
    width: 300px;
    height: 100%;
    padding: 20px;
    overflow-y: auto
}

@media (min-width:782px) {
    .block-editor-inserter__menu-help-panel {
        display: flex;
        flex-direction: column
    }
}

.block-editor-inserter__menu-help-panel .block-editor-block-card {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e2e4e7;
    animation: edit-post__fade-in-animation .2s ease-out 0s;
    animation-fill-mode: forwards
}

@media (prefers-reduced-motion:reduce) {
    .block-editor-inserter__menu-help-panel .block-editor-block-card {
        animation-duration: 1ms
    }
}

.block-editor-inserter__menu-help-panel .block-editor-inserter__preview {
    display: flex;
    flex-grow: 2
}

.block-editor-inserter__menu-help-panel-no-block {
    display: flex;
    height: 100%;
    flex-direction: column;
    animation: edit-post__fade-in-animation .2s ease-out 0s;
    animation-fill-mode: forwards
}

@media (prefers-reduced-motion:reduce) {
    .block-editor-inserter__menu-help-panel-no-block {
        animation-duration: 1ms
    }
}

.block-editor-inserter__menu-help-panel-no-block .block-editor-inserter__menu-help-panel-no-block-text {
    flex-grow: 1
}

.block-editor-inserter__menu-help-panel-no-block .block-editor-inserter__menu-help-panel-no-block-text h4 {
    font-size: 18px
}

.block-editor-inserter__menu-help-panel-no-block .components-notice {
    margin: 0
}

.block-editor-inserter__menu-help-panel-no-block h4 {
    margin-top: 0
}

.block-editor-inserter__menu-help-panel-hover-area {
    flex-grow: 1;
    margin-top: 20px;
    padding: 20px;
    border: 1px dotted #e2e4e7;
    display: flex;
    align-items: center;
    text-align: center
}

.block-editor-inserter__menu-help-panel-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px
}

.block-editor-inserter__preview-content {
    border: 1px solid #e2e4e7;
    border-radius: 4px;
    min-height: 150px;
    display: -ms-grid;
    display: grid;
    flex-grow: 2
}

.block-editor-inserter__preview-content .block-editor-block-preview__container {
    margin-right: 0;
    margin-left: 0;
    padding: 10px
}

.block-editor-inserter__preview-content-missing {
    flex: 1;
    display: flex;
    justify-content: center;
    color: #606a73;
    border: 1px solid #e2e4e7;
    border-radius: 4px;
    align-items: center
}

.block-editor-block-types-list__list-item {
    display: block;
    width: 33.33%;
    padding: 0;
    margin: 0 0 12px
}

.components-button.block-editor-block-types-list__item {
    display: flex;
    flex-direction: column;
    width: 100%;
    font-size: 13px;
    color: #32373c;
    padding: 0 4px;
    align-items: stretch;
    justify-content: center;
    cursor: pointer;
    background: transparent;
    word-break: break-word;
    border-radius: 4px;
    border: 1px solid transparent;
    transition: all .05s ease-in-out;
    position: relative;
    height: auto
}

@media (prefers-reduced-motion:reduce) {
    .components-button.block-editor-block-types-list__item {
        transition-duration: 0s
    }
}

.components-button.block-editor-block-types-list__item:disabled {
    opacity: .6;
    cursor: default
}

.components-button.block-editor-block-types-list__item:not(:disabled):hover:before {
    content: "";
    display: block;
    background: #f3f4f5;
    color: #191e23;
    position: absolute;
    z-index: -1;
    border-radius: 4px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.components-button.block-editor-block-types-list__item:not(:disabled):hover .block-editor-block-types-list__item-icon,
.components-button.block-editor-block-types-list__item:not(:disabled):hover .block-editor-block-types-list__item-title {
    color: inherit
}

.components-button.block-editor-block-types-list__item:not(:disabled):active,
.components-button.block-editor-block-types-list__item:not(:disabled):focus {
    position: relative;
    color: #191e23;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #00a0d2;
    outline: 2px solid transparent;
    background: transparent
}

.components-button.block-editor-block-types-list__item:not(:disabled):active .block-editor-block-types-list__item-icon,
.components-button.block-editor-block-types-list__item:not(:disabled):active .block-editor-block-types-list__item-title,
.components-button.block-editor-block-types-list__item:not(:disabled):focus .block-editor-block-types-list__item-icon,
.components-button.block-editor-block-types-list__item:not(:disabled):focus .block-editor-block-types-list__item-title {
    color: inherit
}

.components-button.block-editor-block-types-list__item:not(:disabled).is-active {
    color: #191e23;
    box-shadow: inset 0 0 0 2px #555d66;
    outline: 2px solid transparent;
    outline-offset: -2px
}

.components-button.block-editor-block-types-list__item:not(:disabled).is-active:focus {
    color: #191e23;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #00a0d2, inset 0 0 0 2px #555d66;
    outline: 4px solid transparent;
    outline-offset: -4px
}

.block-editor-block-types-list__item-icon {
    padding: 12px 20px;
    border-radius: 4px;
    color: #555d66;
    transition: all .05s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .block-editor-block-types-list__item-icon {
        transition-duration: 0s
    }
}

.block-editor-block-types-list__item-icon .block-editor-block-icon {
    margin-left: auto;
    margin-right: auto
}

.block-editor-block-types-list__item-icon svg {
    transition: all .15s ease-out
}

@media (prefers-reduced-motion:reduce) {
    .block-editor-block-types-list__item-icon svg {
        transition-duration: 0s
    }
}

.block-editor-block-types-list__item-title {
    padding: 4px 2px 8px
}

.modal-open .block-editor-media-replace-flow__options {
    display: none
}

.block-editor-media-replace-flow__indicator {
    margin-left: 4px
}

.block-editor-media-replace-flow__indicator:after {
    content: "";
    pointer-events: none;
    display: block;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 5px solid;
    margin-left: 4px;
    margin-right: 2px
}

.block-editor-media-flow__url-input {
    max-width: 255px;
    padding: 0 15px 10px
}

.block-editor-media-flow__url-input input {
    max-width: 180px
}

.block-editor-media-replace-flow__link-viewer .components-external-link__icon {
    display: none
}

.block-editor-media-replace-flow__link-viewer .components-visually-hidden {
    position: static
}

.block-editor-media-replace-flow__link-viewer .components-button {
    flex-shrink: 0
}

.block-editor-media-placeholder__url-input-container .block-editor-media-placeholder__button {
    margin-bottom: 0
}

.block-editor-media-placeholder__url-input-form {
    display: flex
}

.block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field {
    width: 100%;
    flex-grow: 1;
    border: none;
    border-radius: 0;
    margin: 2px
}

@media (min-width:600px) {
    .block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field {
        width: 300px
    }
}

.block-editor-media-placeholder__url-input-submit-button {
    flex-shrink: 1
}

.block-editor-media-placeholder__button {
    margin-bottom: .5rem
}

.block-editor-media-placeholder__button .dashicon {
    vertical-align: middle;
    margin-bottom: 3px
}

.block-editor-media-placeholder__button:hover {
    color: #23282d
}

.block-editor-media-placeholder__cancel-button.is-link {
    margin: 1em;
    display: block
}

.block-editor-media-placeholder.is-appender {
    min-height: 100px;
    outline: 1px dashed #8d96a0
}

.block-editor-media-placeholder.is-appender:hover {
    outline: 1px dashed #555d66;
    cursor: pointer
}

.is-dark-theme .block-editor-media-placeholder.is-appender:hover {
    outline: 1px dashed #fff
}

.block-editor-media-placeholder.is-appender .block-editor-media-placeholder__upload-button {
    margin-right: 4px
}

.block-editor-media-placeholder.is-appender .block-editor-media-placeholder__upload-button.components-button:focus,
.block-editor-media-placeholder.is-appender .block-editor-media-placeholder__upload-button.components-button:hover {
    box-shadow: none;
    border: 1px solid #555d66
}

.block-editor-multi-selection-inspector__card {
    display: flex;
    align-items: flex-start;
    padding: 16px
}

.block-editor-multi-selection-inspector__card-content {
    flex-grow: 1
}

.block-editor-multi-selection-inspector__card-title {
    font-weight: 500;
    margin-bottom: 5px
}

.block-editor-multi-selection-inspector__card-description {
    font-size: 13px
}

.block-editor-multi-selection-inspector__card .block-editor-block-icon {
    margin-left: -2px;
    margin-right: 10px;
    padding: 0 3px;
    width: 36px;
    height: 24px
}

.block-editor .block-editor-plain-text {
    box-shadow: none;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    line-height: inherit;
    border: none;
    padding: 0;
    margin: 0;
    width: 100%
}

.block-editor-responsive-block-control {
    margin-bottom: 28px;
    border-bottom: 1px solid #d7dade;
    padding-bottom: 14px
}

.block-editor-responsive-block-control:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.block-editor-responsive-block-control__title {
    margin: 0 0 .6em -3px
}

.block-editor-responsive-block-control__label {
    font-weight: 600;
    margin-bottom: .6em;
    margin-left: -3px
}

.block-editor-responsive-block-control__inner {
    margin-left: -1px
}

.block-editor-responsive-block-control__toggle {
    margin-left: 1px
}

.block-editor-responsive-block-control .components-base-control__help {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal!important
}

.block-editor-format-toolbar .components-dropdown-menu__toggle .components-dropdown-menu__indicator:after {
    margin: 7px
}

.block-editor-rich-text__editable>p:first-child {
    margin-top: 0
}

.block-editor-rich-text__editable a {
    color: #007fac
}

.block-editor-rich-text__editable code {
    padding: 2px;
    border-radius: 2px;
    color: #23282d;
    background: #f3f4f5;
    font-family: Menlo, Consolas, monaco, monospace;
    font-size: inherit
}

.block-editor-rich-text__editable [data-rich-text-placeholder] {
    pointer-events: none
}

.block-editor-rich-text__editable [data-rich-text-placeholder]:after {
    content: attr(data-rich-text-placeholder);
    opacity: .62
}

.block-editor-rich-text__editable:focus {
    outline: none
}

.block-editor-rich-text__editable:focus [data-rich-text-format-boundary] {
    border-radius: 2px
}

.block-editor-rich-text__editable:focus:not(.keep-placeholder-on-focus) [data-rich-text-placeholder]:after {
    display: none
}

figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before {
    opacity: .8
}

.components-popover.block-editor-rich-text__inline-format-toolbar {
    z-index: 99998
}

.components-popover.block-editor-rich-text__inline-format-toolbar .components-popover__content {
    min-width: auto;
    margin-bottom: 6px
}

.components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar {
    border: none
}

.block-editor-skip-to-selected-block {
    position: absolute;
    top: -9999em
}

.block-editor-skip-to-selected-block:focus {
    height: auto;
    width: auto;
    display: block;
    font-size: 14px;
    font-weight: 600;
    padding: 15px 23px 14px;
    background: #f1f1f1;
    color: #11a0d2;
    line-height: normal;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    text-decoration: none;
    outline: none;
    z-index: 100000
}

body.admin-color-sunrise .block-editor-skip-to-selected-block:focus {
    color: #c8b03c
}

body.admin-color-ocean .block-editor-skip-to-selected-block:focus {
    color: #a89d8a
}

body.admin-color-midnight .block-editor-skip-to-selected-block:focus {
    color: #77a6b9
}

body.admin-color-ectoplasm .block-editor-skip-to-selected-block:focus {
    color: #c77430
}

body.admin-color-coffee .block-editor-skip-to-selected-block:focus {
    color: #9fa47b
}

body.admin-color-blue .block-editor-skip-to-selected-block:focus {
    color: #d9ab59
}

body.admin-color-light .block-editor-skip-to-selected-block:focus {
    color: #c75726
}

.block-editor-tool-selector__help {
    padding: 16px;
    border-top: 1px solid #e2e4e7;
    color: #6c7781
}

.block-editor-block-list__block .block-editor-url-input,
.block-editor-url-input,
.components-popover .block-editor-url-input {
    flex-grow: 1;
    position: relative;
    padding: 1px
}

.block-editor-block-list__block .block-editor-url-input input[type=text],
.block-editor-url-input input[type=text],
.components-popover .block-editor-url-input input[type=text] {
    width: 100%;
    padding: 8px;
    border: none;
    border-radius: 0;
    margin-left: 0;
    margin-right: 0;
    font-size: 16px
}

@media (min-width:600px) {
    .block-editor-block-list__block .block-editor-url-input input[type=text],
    .block-editor-url-input input[type=text],
    .components-popover .block-editor-url-input input[type=text] {
        width: 300px
    }
}

@media (min-width:600px) {
    .block-editor-block-list__block .block-editor-url-input input[type=text],
    .block-editor-url-input input[type=text],
    .components-popover .block-editor-url-input input[type=text] {
        font-size: 13px
    }
}

.block-editor-block-list__block .block-editor-url-input input[type=text]::-ms-clear,
.block-editor-url-input input[type=text]::-ms-clear,
.components-popover .block-editor-url-input input[type=text]::-ms-clear {
    display: none
}

.block-editor-block-list__block .block-editor-url-input.has-border input[type=text],
.block-editor-url-input.has-border input[type=text],
.components-popover .block-editor-url-input.has-border input[type=text] {
    border: 1px solid #555d66;
    border-radius: 4px
}

.block-editor-block-list__block .block-editor-url-input.is-full-width,
.block-editor-url-input.is-full-width,
.components-popover .block-editor-url-input.is-full-width {
    width: 100%
}

.block-editor-block-list__block .block-editor-url-input.is-full-width input[type=text],
.block-editor-url-input.is-full-width input[type=text],
.components-popover .block-editor-url-input.is-full-width input[type=text] {
    width: 100%
}

.block-editor-block-list__block .block-editor-url-input.is-full-width__suggestions,
.block-editor-url-input.is-full-width__suggestions,
.components-popover .block-editor-url-input.is-full-width__suggestions {
    width: 100%
}

.block-editor-block-list__block .block-editor-url-input .components-spinner,
.block-editor-url-input .components-spinner,
.components-popover .block-editor-url-input .components-spinner {
    position: absolute;
    right: 8px;
    bottom: 17px;
    margin: 0
}

.block-editor-url-input__suggestions {
    max-height: 200px;
    transition: all .15s ease-in-out;
    padding: 4px 0;
    width: 302px;
    overflow-y: auto
}

@media (prefers-reduced-motion:reduce) {
    .block-editor-url-input__suggestions {
        transition-duration: 0s
    }
}

.block-editor-url-input .components-spinner,
.block-editor-url-input__suggestions {
    display: none
}

@media (min-width:600px) {
    .block-editor-url-input .components-spinner,
    .block-editor-url-input__suggestions {
        display: inherit
    }
}

.block-editor-url-input__suggestion {
    padding: 4px 8px;
    color: #6c7781;
    display: block;
    font-size: 13px;
    cursor: pointer;
    background: #fff;
    width: 100%;
    text-align: left;
    border: none;
    box-shadow: none
}

.block-editor-url-input__suggestion:hover {
    background: #e2e4e7
}

.block-editor-url-input__suggestion.is-selected,
.block-editor-url-input__suggestion:focus {
    background: #00719e;
    color: #fff;
    outline: none
}

body.admin-color-sunrise .block-editor-url-input__suggestion.is-selected,
body.admin-color-sunrise .block-editor-url-input__suggestion:focus {
    background: #b2723f
}

body.admin-color-ocean .block-editor-url-input__suggestion.is-selected,
body.admin-color-ocean .block-editor-url-input__suggestion:focus {
    background: #8b9d8a
}

body.admin-color-midnight .block-editor-url-input__suggestion.is-selected,
body.admin-color-midnight .block-editor-url-input__suggestion:focus {
    background: #bf4139
}

body.admin-color-ectoplasm .block-editor-url-input__suggestion.is-selected,
body.admin-color-ectoplasm .block-editor-url-input__suggestion:focus {
    background: #8e9b49
}

body.admin-color-coffee .block-editor-url-input__suggestion.is-selected,
body.admin-color-coffee .block-editor-url-input__suggestion:focus {
    background: #a58d77
}

body.admin-color-blue .block-editor-url-input__suggestion.is-selected,
body.admin-color-blue .block-editor-url-input__suggestion:focus {
    background: #6f99ad
}

body.admin-color-light .block-editor-url-input__suggestion.is-selected,
body.admin-color-light .block-editor-url-input__suggestion:focus {
    background: #00719e
}

.components-toolbar>.block-editor-url-input__button {
    position: inherit
}

.block-editor-url-input__button .block-editor-url-input__back {
    margin-right: 4px;
    overflow: visible
}

.block-editor-url-input__button .block-editor-url-input__back:after {
    content: "";
    position: absolute;
    display: block;
    width: 1px;
    height: 24px;
    right: -1px;
    background: #e2e4e7
}

.block-editor-url-input__button-modal {
    box-shadow: 0 3px 30px rgba(25, 30, 35, .1);
    border: 1px solid #e2e4e7;
    background: #fff
}

.block-editor-url-input__button-modal-line {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 0;
    align-items: flex-start
}

.block-editor-url-input__button-modal-line .components-button {
    flex-shrink: 0;
    width: 36px;
    height: 36px
}

.block-editor-url-popover__additional-controls {
    border-top: 1px solid #e2e4e7
}

.block-editor-url-popover__additional-controls>div[role=menu] .components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary)>svg {
    box-shadow: none
}

.block-editor-url-popover__additional-controls div[role=menu]>.components-button {
    padding-left: 2px
}

.block-editor-url-popover__row {
    display: flex
}

.block-editor-url-popover__row>:not(.block-editor-url-popover__settings-toggle) {
    flex-grow: 1
}

.block-editor-url-popover .components-button.has-icon {
    padding: 3px
}

.block-editor-url-popover .components-button.has-icon>svg {
    padding: 5px;
    border-radius: 4px;
    height: 30px;
    width: 30px
}

.block-editor-url-popover .components-button.has-icon:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover {
    box-shadow: none
}

.block-editor-url-popover .components-button.has-icon:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover>svg {
    color: #555d66;
    box-shadow: inset 0 0 0 1px #555d66, inset 0 0 0 2px #fff
}

.block-editor-url-popover .components-button.has-icon:not(:disabled):focus {
    box-shadow: none
}

.block-editor-url-popover .components-button.has-icon:not(:disabled):focus>svg {
    box-shadow: inset 0 0 0 1px #555d66, inset 0 0 0 2px #fff;
    outline: 2px solid transparent
}

.block-editor-url-popover__settings-toggle {
    flex-shrink: 0;
    border-radius: 0;
    border-left: 1px solid #e2e4e7;
    margin-left: 1px
}

.block-editor-url-popover__settings-toggle[aria-expanded=true] .dashicon {
    transform: rotate(180deg)
}

.block-editor-url-popover__input-container .components-base-control:last-child,
.block-editor-url-popover__input-container .components-base-control:last-child .components-base-control__field {
    margin-bottom: 0
}

.block-editor-url-popover__settings {
    display: block;
    padding: 16px;
    border-top: 1px solid #e2e4e7
}

.block-editor-url-popover__link-editor,
.block-editor-url-popover__link-viewer {
    display: flex
}

.block-editor-url-popover__link-editor .block-editor-url-input .components-base-control__field,
.block-editor-url-popover__link-viewer .block-editor-url-input .components-base-control__field {
    margin-bottom: 0
}

.block-editor-url-popover__link-editor .block-editor-url-input .components-spinner,
.block-editor-url-popover__link-viewer .block-editor-url-input .components-spinner {
    bottom: 9px
}

.block-editor-url-popover__link-viewer-url {
    margin: 7px;
    flex-grow: 1;
    flex-shrink: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 150px;
    max-width: 500px
}

.block-editor-url-popover__link-viewer-url.has-invalid-link {
    color: #d94f4f
}

.block-editor-warning {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    background-color: #fff;
    border: 1px solid #e2e4e7;
    text-align: left;
    padding: 10px 14px 14px
}

.is-selected .block-editor-warning {
    border-color: rgba(66, 88, 99, .4)
}

@media (min-width:600px) {
    .is-selected .block-editor-warning {
        border-left-color: transparent
    }
}

.is-dark-theme .is-selected .block-editor-warning {
    border-color: hsla(0, 0%, 100%, .45)
}

.block-editor-warning .block-editor-warning__message {
    line-height: 1.4;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 13px;
    margin: 1em 0
}

.block-editor-warning p.block-editor-warning__message.block-editor-warning__message {
    min-height: auto
}

.block-editor-warning .block-editor-warning__contents {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: baseline;
    width: 100%
}

.block-editor-warning .block-editor-warning__actions {
    display: flex
}

.block-editor-warning .block-editor-warning__action {
    margin: 0 6px 0 0
}

.block-editor-warning__secondary {
    margin: 5px 0 0 -4px;
    height: 36px
}

.block-editor-warning__secondary .components-button.has-icon {
    width: auto;
    padding: 0 2px
}

@media (min-width:600px) {
    .block-editor-warning__secondary {
        margin-left: 4px
    }
    .block-editor-warning__secondary .components-button.has-icon {
        padding: 0 4px
    }
}

.block-editor-warning__secondary .components-button svg {
    transform: rotate(90deg)
}

.block-editor-writing-flow {
    display: flex;
    flex-direction: column
}

.block-editor-writing-flow__click-redirect {
    cursor: text
}

.html-anchor-control .components-external-link {
    display: block;
    margin-top: 8px
}

.nux-dot-tip:after,
.nux-dot-tip:before {
    border-radius: 100%;
    content: " ";
    pointer-events: none;
    position: absolute
}

.nux-dot-tip:before {
    animation: nux-pulse 1.6s cubic-bezier(.17, .67, .92, .62) infinite;
    background: rgba(0, 115, 156, .9);
    height: 24px;
    left: -12px;
    top: -12px;
    transform: scale(.33333);
    width: 24px
}

.nux-dot-tip:after {
    background: #00739c;
    height: 8px;
    left: -4px;
    top: -4px;
    width: 8px
}

@keyframes nux-pulse {
    to {
        background: rgba(0, 115, 156, 0);
        transform: scale(1)
    }
}

.nux-dot-tip .components-popover__content {
    padding: 5px 41px 5px 20px;
    width: 350px
}

@media (min-width:600px) {
    .nux-dot-tip .components-popover__content {
        width: 450px
    }
}

.nux-dot-tip .components-popover__content .nux-dot-tip__disable {
    position: absolute;
    right: 0;
    top: 0
}

.nux-dot-tip[data-y-axis=top] {
    margin-top: -4px
}

.nux-dot-tip[data-y-axis=bottom] {
    margin-top: 4px
}

.nux-dot-tip[data-y-axis=middle][data-y-axis=left] {
    margin-left: -4px
}

.nux-dot-tip[data-y-axis=middle][data-y-axis=right] {
    margin-left: 4px
}

.nux-dot-tip[data-y-axis=top] .components-popover__content {
    margin-bottom: 20px
}

.nux-dot-tip[data-y-axis=bottom] .components-popover__content {
    margin-top: 20px
}

.nux-dot-tip[data-y-axis=middle][data-y-axis=left] .components-popover__content {
    margin-right: 20px
}

.nux-dot-tip[data-y-axis=middle][data-y-axis=right] .components-popover__content {
    margin-left: 20px
}

.nux-dot-tip[data-y-axis=center],
.nux-dot-tip[data-y-axis=left],
.nux-dot-tip[data-y-axis=right] {
    z-index: 1000001
}

@media (max-width:600px) {
    .nux-dot-tip[data-y-axis=center] .components-popover__content,
    .nux-dot-tip[data-y-axis=left] .components-popover__content,
    .nux-dot-tip[data-y-axis=right] .components-popover__content {
        -ms-grid-row-align: end;
        align-self: end;
        left: 5px;
        margin: 20px 0 0;
        max-width: none!important;
        position: fixed;
        right: 5px;
        width: auto
    }
}

.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content {
    /*!rtl:ignore*/
    margin-left: 0
}

.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content {
    /*!rtl:ignore*/
    margin-right: 0
}

.nux-dot-tip.components-popover.edit-post-more-menu__content:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content {
    /*!rtl:ignore*/
    margin-left: -12px
}

.nux-dot-tip.components-popover.edit-post-more-menu__content:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content {
    /*!rtl:ignore*/
    margin-right: -12px
}

@charset "UTF-8";
.editor-autocompleters__block .block-editor-block-icon {
    margin-right: 8px
}

.editor-autocompleters__user .editor-autocompleters__no-avatar:before {
    font: normal 20px/1 dashicons;
    content: "\f110";
    margin-right: 5px;
    vertical-align: middle
}

.editor-autocompleters__user .editor-autocompleters__user-avatar {
    margin-right: 8px;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: none;
    width: 24px;
    height: 24px
}

.editor-autocompleters__user .editor-autocompleters__user-name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 200px;
    flex-shrink: 0;
    flex-grow: 1
}

.editor-autocompleters__user .editor-autocompleters__user-slug {
    margin-left: 8px;
    color: #8f98a1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: none;
    max-width: 100px;
    flex-grow: 0;
    flex-shrink: 0
}

.editor-autocompleters__user:hover .editor-autocompleters__user-slug {
    color: #66c6e4
}

.document-outline {
    margin: 20px 0
}

.document-outline ul {
    margin: 0;
    padding: 0
}

.document-outline__item {
    display: flex;
    margin: 4px 0
}

.document-outline__item a {
    text-decoration: none
}

.document-outline__item .document-outline__emdash:before {
    color: #e2e4e7;
    margin-right: 4px
}

.document-outline__item.is-h2 .document-outline__emdash:before {
    content: "—"
}

.document-outline__item.is-h3 .document-outline__emdash:before {
    content: "——"
}

.document-outline__item.is-h4 .document-outline__emdash:before {
    content: "———"
}

.document-outline__item.is-h5 .document-outline__emdash:before {
    content: "————"
}

.document-outline__item.is-h6 .document-outline__emdash:before {
    content: "—————"
}

.document-outline__button {
    cursor: pointer;
    background: none;
    border: none;
    display: flex;
    align-items: flex-start;
    margin: 0 0 0 -1px;
    padding: 2px 5px 2px 1px;
    color: #23282d;
    text-align: left
}

.document-outline__button:disabled {
    cursor: default
}

.document-outline__button:focus {
    background-color: #fff;
    color: #191e23;
    box-shadow: inset 0 0 0 1px #6c7781, inset 0 0 0 2px #fff;
    outline: 2px solid transparent
}

.document-outline__level {
    background: #e2e4e7;
    color: #23282d;
    border-radius: 3px;
    font-size: 13px;
    padding: 1px 6px;
    margin-right: 4px
}

.is-invalid .document-outline__level {
    background: #f0b849
}

.document-outline__item-content {
    padding: 1px 0
}

.components-editor-notices__dismissible {
    position: -webkit-sticky;
    position: sticky;
    top: 56px;
    right: 0;
    color: #191e23
}

@media (min-width:600px) {
    .components-editor-notices__dismissible {
        top: 0
    }
}

.components-editor-notices__pinned {
    position: relative;
    left: 0;
    top: 0;
    right: 0;
    color: #191e23
}

.components-editor-notices__dismissible .components-notice,
.components-editor-notices__pinned .components-notice {
    box-sizing: border-box;
    margin: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    padding: 6px 12px;
    min-height: 60px
}

.components-editor-notices__dismissible .components-notice .components-notice__dismiss,
.components-editor-notices__pinned .components-notice .components-notice__dismiss {
    margin: 6px -5px 6px 5px
}

.components-editor-notices__snackbar {
    width: 100%
}

.editor-entities-saved-states__save-button {
    display: block;
    margin-left: auto;
    margin-right: 0
}

.editor-error-boundary {
    max-width: 780px;
    padding: 20px;
    margin: 60px auto auto;
    box-shadow: 0 3px 30px rgba(25, 30, 35, .2)
}

.editor-page-attributes__template {
    margin-bottom: 10px
}

.editor-page-attributes__order,
.editor-page-attributes__template label,
.editor-page-attributes__template select {
    width: 100%
}

.editor-page-attributes__order .components-base-control__field {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.editor-page-attributes__order input {
    width: 66px
}

.editor-post-excerpt__textarea {
    width: 100%;
    margin-bottom: 10px
}

.editor-post-featured-image {
    padding: 0
}

.editor-post-featured-image__container {
    margin-bottom: 1em;
    position: relative
}

.editor-post-featured-image .components-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -9px;
    margin-left: -9px
}

.editor-post-featured-image .components-button+.components-button {
    display: block;
    margin-top: 1em
}

.editor-post-featured-image .components-responsive-wrapper__content {
    max-width: 100%;
    width: auto
}

.editor-post-featured-image__preview,
.editor-post-featured-image__toggle {
    display: block;
    width: 100%;
    padding: 0;
    transition: all .1s ease-out;
    box-shadow: 0 0 0 0 #00a0d2
}

@media (prefers-reduced-motion:reduce) {
    .editor-post-featured-image__preview,
    .editor-post-featured-image__toggle {
        transition-duration: 0s
    }
}

.editor-post-featured-image__preview {
    height: auto
}

.editor-post-featured-image__preview:not(:disabled):not([aria-disabled=true]):focus {
    box-shadow: 0 0 0 4px #00a0d2
}

.editor-post-featured-image__toggle {
    border: 1px dashed #a2aab2;
    background-color: #edeff0;
    min-height: 90px;
    line-height: 20px;
    padding: 8px 0;
    text-align: center
}

.editor-post-featured-image__toggle:hover {
    background-color: #f8f9f9
}

.editor-post-format {
    flex-direction: column;
    align-items: stretch;
    width: 100%
}

.editor-post-format__content {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.editor-post-format__suggestion {
    text-align: right;
    font-size: 13px
}

.editor-post-last-revision__title {
    width: 100%;
    font-weight: 600
}

.editor-post-last-revision__title .dashicon {
    margin-right: 5px
}

.components-button:not(:disabled):not([aria-disabled=true]).editor-post-last-revision__title {
    height: auto
}

.components-button:not(:disabled):not([aria-disabled=true]).editor-post-last-revision__title:active,
.components-button:not(:disabled):not([aria-disabled=true]).editor-post-last-revision__title:hover {
    background: #f3f4f5!important;
    border: none!important;
    box-shadow: none!important
}

.components-button:not(:disabled):not([aria-disabled=true]).editor-post-last-revision__title:focus {
    color: #191e23;
    border: none;
    box-shadow: none;
    outline-offset: -2px;
    outline: 1px dotted #555d66
}

.editor-post-locked-modal {
    height: auto;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    max-width: 480px
}

.editor-post-locked-modal .components-modal__header {
    height: 36px
}

.editor-post-locked-modal .components-modal__content {
    height: auto
}

.editor-post-locked-modal__buttons {
    margin-top: 10px
}

.editor-post-locked-modal__buttons .components-button {
    margin-right: 5px
}

.editor-post-locked-modal__avatar {
    float: left;
    margin: 5px 15px 5px 5px
}

.editor-post-permalink {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    background: #fff;
    padding: 8px 8px 0;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 13px;
    height: 40px;
    white-space: nowrap;
    border: 1px solid #b5bcc2;
    background-clip: padding-box;
    border-left: 0;
    box-shadow: -3px 0 0 0 #555d66;
    outline: 1px solid transparent;
    margin-left: -15px;
    margin-right: -15px
}

.is-dark-theme .editor-post-permalink {
    box-shadow: -3px 0 0 0 #d7dade
}

@media (min-width:480px) {
    .editor-post-permalink {
        padding: 4px
    }
}

@media (min-width:600px) {
    .editor-post-permalink {
        margin-left: -1px;
        margin-right: -1px
    }
}

.editor-post-permalink.editor-post-permalink>* {
    margin-bottom: 8px
}

@media (min-width:480px) {
    .editor-post-permalink.editor-post-permalink>* {
        margin-bottom: 0
    }
}

.editor-post-permalink button {
    flex-shrink: 0
}

.editor-post-permalink__copy {
    border-radius: 4px;
    padding: 6px
}

.editor-post-permalink__copy.is-copied {
    opacity: .3
}

.editor-post-permalink__label {
    margin: 0 10px 0 5px;
    font-weight: 600
}

.editor-post-permalink__link {
    color: #7e8993;
    text-decoration: underline;
    margin-right: 10px;
    flex-grow: 1;
    overflow: hidden;
    position: relative;
    white-space: nowrap
}

.editor-post-permalink-editor {
    width: 100%;
    min-width: 20%;
    display: inline-flex;
    align-items: center
}

.editor-post-permalink-editor .editor-post-permalink__editor-container {
    flex: 0 1 100%;
    display: flex;
    overflow: hidden;
    padding: 1px 0
}

.editor-post-permalink-editor .editor-post-permalink__editor-container .editor-post-permalink-editor__prefix {
    flex: 1 1 auto
}

@media (min-width:600px) {
    .editor-post-permalink-editor .editor-post-permalink__editor-container .editor-post-permalink-editor__prefix {
        flex: 1 0 auto
    }
}

.editor-post-permalink-editor .editor-post-permalink__editor-container .editor-post-permalink-editor__edit {
    flex: 1 1 100%
}

.editor-post-permalink-editor .editor-post-permalink-editor__save {
    margin-left: auto
}

.editor-post-permalink-editor__prefix {
    color: #6c7781;
    min-width: 20%;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis
}

.editor-post-permalink input[type=text].editor-post-permalink-editor__edit {
    min-width: 10%;
    width: 100%;
    margin: 0 3px;
    padding: 2px 4px
}

.editor-post-permalink-editor__suffix {
    color: #6c7781;
    margin-right: 6px;
    flex: 0 0 0%
}

.editor-post-permalink-editor__prefix,
.editor-post-permalink__link {
    text-align: left
}

.editor-post-permalink__editor-container,
.editor-post-permalink__link {
    direction: ltr
}

.editor-post-permalink__link:after {
    content: "";
    display: block;
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff 90%);
    top: 0;
    bottom: 0;
    right: 0;
    left: auto;
    width: 20%;
    height: auto
}

.editor-post-publish-button__button.has-changes-dot:before {
    background: currentcolor;
    border-radius: 4px;
    content: "";
    height: 8px;
    margin: auto 5px auto -3px;
    width: 8px
}

.editor-post-publish-panel {
    background: #fff
}

.editor-post-publish-panel__content {
    min-height: calc(100% - 140px)
}

.editor-post-publish-panel__content .components-spinner {
    display: block;
    margin: 100px auto 0
}

.editor-post-publish-panel__header {
    background: #fff;
    padding-left: 8px;
    padding-right: 8px;
    height: 56px;
    border-bottom: 1px solid #e2e4e7;
    display: flex;
    align-items: center;
    align-content: space-between
}

.editor-post-publish-panel__header .components-button.has-icon {
    position: absolute;
    right: 8px
}

.editor-post-publish-panel__header-publish-button {
    display: flex;
    justify-content: flex-end;
    flex-grow: 1;
    text-align: right;
    flex-wrap: nowrap
}

.editor-post-publish-panel__header-published {
    flex-grow: 1
}

.editor-post-publish-panel__footer {
    padding: 16px
}

.components-button.editor-post-publish-panel__toggle.is-primary {
    display: inline-flex;
    align-items: center
}

.components-button.editor-post-publish-panel__toggle.is-primary.is-busy .dashicon {
    display: none
}

.components-button.editor-post-publish-panel__toggle.is-primary .dashicon {
    margin-right: -4px
}

.editor-post-publish-panel__link {
    font-weight: 400;
    padding-left: 4px
}

.editor-post-publish-panel__prepublish {
    padding: 16px
}

.editor-post-publish-panel__prepublish strong {
    color: #191e23
}

.editor-post-publish-panel__prepublish .components-panel__body {
    background: #fff;
    margin-left: -16px;
    margin-right: -16px
}

.editor-post-publish-panel__prepublish .editor-post-visibility__dialog-legend {
    display: none
}

.editor-post-publish-panel__prepublish .components-datetime {
    padding: 0
}

.post-publish-panel__postpublish .components-panel__body {
    border-bottom: 1px solid #e2e4e7;
    border-top: none
}

.post-publish-panel__postpublish-buttons {
    display: flex;
    align-content: space-between;
    flex-wrap: wrap;
    margin: -5px
}

.post-publish-panel__postpublish-buttons>* {
    flex-grow: 1;
    margin: 5px
}

.post-publish-panel__postpublish-buttons .components-button {
    height: auto;
    justify-content: center;
    padding: 3px 10px 4px;
    line-height: 1.6;
    text-align: center;
    white-space: normal
}

.post-publish-panel__postpublish-buttons .components-clipboard-button {
    width: 100%
}

.post-publish-panel__postpublish-post-address {
    margin-bottom: 16px
}

.post-publish-panel__postpublish-post-address input[readonly] {
    padding: 10px;
    background: #e8eaeb;
    overflow: hidden;
    text-overflow: ellipsis
}

.post-publish-panel__postpublish-header {
    font-weight: 500
}

.post-publish-panel__postpublish-subheader {
    margin: 0 0 8px
}

.post-publish-panel__tip {
    color: #f0b849
}

.editor-post-saved-state {
    display: flex;
    align-items: center;
    width: 28px;
    padding: 12px 4px;
    color: #555d66;
    overflow: hidden;
    white-space: nowrap
}

.editor-post-saved-state svg {
    display: inline-block;
    flex: 0 0 auto;
    margin-right: 4px;
    fill: currentColor
}

@media (min-width:600px) {
    .editor-post-saved-state {
        width: auto;
        padding: 8px 12px;
        text-indent: inherit
    }
    .editor-post-saved-state .dashicon {
        margin-right: 4px
    }
}

.edit-post-header .edit-post-header__settings .components-button.editor-post-save-draft {
    margin: 0
}

.editor-post-taxonomies__hierarchical-terms-list {
    max-height: 14em;
    overflow: auto;
    padding-left: 2px
}

.editor-post-taxonomies__hierarchical-terms-choice {
    margin-bottom: 8px
}

.editor-post-taxonomies__hierarchical-terms-subchoices {
    margin-top: 8px;
    margin-left: 16px
}

.components-button.editor-post-taxonomies__hierarchical-terms-add,
.components-button.editor-post-taxonomies__hierarchical-terms-submit {
    margin-top: 12px
}

.editor-post-taxonomies__hierarchical-terms-label {
    display: inline-block;
    margin-top: 12px
}

.editor-post-taxonomies__hierarchical-terms-input {
    margin-top: 8px;
    width: 100%
}

.editor-post-taxonomies__hierarchical-terms-filter {
    margin-bottom: 8px;
    width: 100%
}

.editor-post-text-editor {
    border: 1px solid #e2e4e7!important;
    display: block;
    margin: 0 0 2em;
    width: 100%;
    box-shadow: none;
    resize: none;
    overflow: hidden;
    font-family: Menlo, Consolas, monaco, monospace!important;
    line-height: 150%;
    border-radius: 0!important;
    font-size: 16px!important
}

@media (min-width:600px) {
    .editor-post-text-editor {
        font-size: 14px!important
    }
}

.editor-post-text-editor:focus,
.editor-post-text-editor:hover {
    border: 1px solid #b5bcc2!important;
    box-shadow: none!important;
    outline-offset: -2px!important
}

.editor-post-text-editor__toolbar {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.editor-post-text-editor__toolbar button {
    height: 30px;
    background: none;
    padding: 0 8px;
    margin: 3px 4px;
    text-align: center;
    cursor: pointer;
    font-family: Menlo, Consolas, monaco, monospace;
    color: #555d66;
    border: 1px solid transparent
}

.editor-post-text-editor__toolbar button:first-child {
    margin-left: 0
}

.editor-post-text-editor__toolbar button:focus,
.editor-post-text-editor__toolbar button:hover {
    outline: none;
    border: 1px solid #555d66
}

.editor-post-text-editor__bold {
    font-weight: 600
}

.editor-post-text-editor__italic {
    font-style: italic
}

.editor-post-text-editor__link {
    text-decoration: underline;
    color: #0085ba
}

body.admin-color-sunrise .editor-post-text-editor__link {
    color: #d1864a
}

body.admin-color-ocean .editor-post-text-editor__link {
    color: #a3b9a2
}

body.admin-color-midnight .editor-post-text-editor__link {
    color: #e14d43
}

body.admin-color-ectoplasm .editor-post-text-editor__link {
    color: #a7b656
}

body.admin-color-coffee .editor-post-text-editor__link {
    color: #c2a68c
}

body.admin-color-blue .editor-post-text-editor__link {
    color: #82b4cb
}

body.admin-color-light .editor-post-text-editor__link {
    color: #0085ba
}

.editor-post-text-editor__del {
    text-decoration: line-through
}

.edit-post-post-visibility__dialog,
.editor-post-visibility__dialog-fieldset {
    padding: 0 4px 4px
}

.edit-post-post-visibility__dialog .editor-post-visibility__dialog-legend,
.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-legend {
    font-weight: 600;
    margin-bottom: 1em;
    margin-top: .5em;
    padding: 0
}

.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio,
.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio {
    margin-top: 2px
}

.edit-post-post-visibility__dialog .editor-post-visibility__dialog-label,
.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-label {
    font-weight: 600
}

.edit-post-post-visibility__dialog .editor-post-visibility__dialog-info,
.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-info {
    margin-top: 0;
    margin-left: 28px
}

.edit-post-post-visibility__dialog .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info,
.editor-post-visibility__dialog-fieldset .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info {
    margin-bottom: 0
}

.edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input,
.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input {
    margin-left: 28px
}

.editor-post-title__block {
    position: relative;
    padding: 5px 0;
    font-size: 16px
}

@media (min-width:600px) {
    .editor-post-title__block {
        padding: 5px 2px
    }
}

.editor-post-title__block .editor-post-title__input {
    display: block;
    width: 100%;
    margin: 0;
    box-shadow: none;
    background: transparent;
    font-family: "Noto Serif", serif;
    line-height: 1.4;
    color: #191e23;
    transition: border .1s ease-out, box-shadow .1s linear;
    padding: 19px 14px;
    word-break: keep-all;
    border-color: transparent;
    border-style: solid;
    border-width: 1px 0;
    border-radius: 0;
    outline: 1px solid transparent;
    font-size: 2.44em;
    font-weight: 600
}

@media (prefers-reduced-motion:reduce) {
    .editor-post-title__block .editor-post-title__input {
        transition-duration: 0s
    }
}

@media (min-width:600px) {
    .editor-post-title__block .editor-post-title__input {
        border-width: 1px 1px 1px 0
    }
}

.editor-post-title__block .editor-post-title__input::-webkit-input-placeholder {
    color: rgba(22, 36, 53, .55)
}

.editor-post-title__block .editor-post-title__input::-moz-placeholder {
    color: rgba(22, 36, 53, .55)
}

.editor-post-title__block .editor-post-title__input:-ms-input-placeholder {
    color: rgba(22, 36, 53, .55)
}

.editor-post-title__block .editor-post-title__input:focus {
    border: 1px solid transparent;
    border-left-width: 0;
    outline: 1px solid transparent;
    box-shadow: none
}

.editor-post-title__block:not(.is-focus-mode).is-selected .editor-post-title__input {
    border-color: rgba(66, 88, 99, .4);
    box-shadow: inset 3px 0 0 0 #555d66
}

.is-dark-theme .editor-post-title__block:not(.is-focus-mode).is-selected .editor-post-title__input {
    border-color: hsla(0, 0%, 100%, .45);
    box-shadow: inset 3px 0 0 0 #d7dade
}

@media (min-width:600px) {
    .editor-post-title__block:not(.is-focus-mode).is-selected .editor-post-title__input {
        box-shadow: -3px 0 0 0 #555d66
    }
    .is-dark-theme .editor-post-title__block:not(.is-focus-mode).is-selected .editor-post-title__input {
        box-shadow: -3px 0 0 0 #d7dade
    }
}

.editor-post-title__block.is-focus-mode .editor-post-title__input {
    opacity: .5;
    transition: opacity .1s linear
}

@media (prefers-reduced-motion:reduce) {
    .editor-post-title__block.is-focus-mode .editor-post-title__input {
        transition-duration: 0s
    }
}

.editor-post-title__block.is-focus-mode .editor-post-title__input:focus {
    opacity: 1
}

.editor-post-title .editor-post-permalink {
    font-size: 13px;
    color: #191e23;
    height: auto;
    position: relative;
    left: 3px;
    top: -2px;
    width: calc(100% - 3px)
}

@media (min-width:480px) {
    .editor-post-title .editor-post-permalink {
        position: absolute;
        top: -34px;
        right: 0;
        flex-wrap: nowrap;
        width: auto
    }
}

@media (min-width:600px) {
    .editor-post-title .editor-post-permalink {
        left: 2px;
        right: 2px
    }
}

.editor-post-trash.components-button {
    color: #b52727;
    border-color: #b52727;
    justify-content: center
}

.editor-post-trash.components-button:not(:disabled):not([aria-disabled=true]):hover,
.editor-post-trash.components-button:not([aria-disabled=true]):focus {
    color: #a02222;
    border-color: #a02222
}

.table-of-contents__popover.components-popover .components-popover__content {
    min-width: 380px
}

.components-popover.table-of-contents__popover {
    z-index: 99998
}

.table-of-contents__popover .components-popover__content {
    padding: 16px
}

@media (min-width:600px) {
    .table-of-contents__popover .components-popover__content {
        max-height: calc(100vh - 120px);
        overflow-y: auto
    }
}

.table-of-contents__popover hr {
    margin: 10px -16px 0
}

.table-of-contents__wrapper:focus {
    color: #191e23;
    outline-offset: -1px;
    outline: 1px dotted #555d66;
    outline-offset: 8px
}

.table-of-contents__counts {
    display: flex;
    flex-wrap: wrap;
    margin: 0
}

.table-of-contents__count {
    flex-basis: 25%;
    display: flex;
    flex-direction: column;
    font-size: 13px;
    color: #6c7781;
    padding-right: 8px;
    margin-bottom: 0
}

.table-of-contents__count:last-child {
    padding-right: 0
}

.table-of-contents__number,
.table-of-contents__popover .word-count {
    font-size: 21px;
    font-weight: 400;
    line-height: 30px;
    color: #555d66
}

.table-of-contents__title {
    display: block;
    margin-top: 20px;
    font-size: 15px;
    font-weight: 600
}

.editor-template-validation-notice {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.editor-template-validation-notice .components-button {
    margin-left: 5px
}

div.wpcf7 {
    margin: 0;
    padding: 0
}

div.wpcf7 .screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    width: 1px;
    margin: 0;
    padding: 0;
    border: 0
}

div.wpcf7-response-output {
    margin: 2em .5em 1em;
    padding: .2em 1em;
    border: 2px solid red
}

div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14
}

div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
    border: 2px solid red
}

div.wpcf7-spam-blocked {
    border: 2px solid #ffa500
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
    border: 2px solid #f7e700
}

.wpc-form-control-wrap {
    position: relative
}

span.wpcf7-not-valid-tip {
    color: red;
    font-size: 1em;
    font-weight: 400;
    display: block
}

.use-floating-validation-tip span.wpcf7-not-valid-tip {
    position: absolute;
    top: 20%;
    left: 20%;
    z-index: 100;
    border: 1px solid red;
    background: #fff;
    padding: .2em .8em
}

span.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 1em
}

span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
    content: " "
}

.wpcf7-display-none {
    display: none
}

div.wpcf7 .ajax-loader {
    visibility: hidden;
    display: inline-block;
    background-image: url(../../../plugins/contact-form-7/images/ajax-loader.gif);
    width: 16px;
    height: 16px;
    border: none;
    padding: 0;
    margin: 0 0 0 4px;
    vertical-align: middle
}

div.wpcf7 .ajax-loader.is-active {
    visibility: visible
}

div.wpcf7 div.ajax-error {
    display: none
}

div.wpcf7 .placeheld {
    color: #888
}

div.wpcf7 input[type="file"] {
    cursor: pointer
}

div.wpcf7 input[type="file"]:disabled {
    cursor: default
}

div.wpcf7 .wpcf7-submit:disabled {
    cursor: not-allowed
}

.popup-template .modal {
    opacity: 0;
    -webkit-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease
}

.popup-template .modal.is-open {
    opacity: 1;
    -webkit-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
strike,
strong,
tt,
var,
b,
u,
i,
center,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

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

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

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

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

html {
    height: 100%
}

body {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 15px
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-weight: inherit
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    text-decoration: none
}

p {
    margin: 0 0 15px
}

em,
i {
    font-style: italic
}

b,
strong,
dt {
    font-weight: 700
}

.big {
    font-size: 110%;
    line-height: 180%
}

.bypostauthor {
    border-color: #eee
}

.gallery-caption {
    display: block
}

code,
pre,
q {
    font-family: Consolas, monospace!important;
    border: 1px solid #e8e8e8;
    background: #fff;
    border-radius: 3px
}

code,
q {
    padding: 2px 4px;
    white-space: nowrap;
    margin: 0 2px;
    color: #2991d6
}

pre {
    padding: 21px 15px 20px;
    margin: 15px 0;
    display: block;
    line-height: 21px!important;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 50%, #fafafa 50%);
    background: -webkit-linear-gradient(top, #fff 50%, #fafafa 50%);
    background: -o-linear-gradient(top, #fff 50%, #fafafa 50%);
    background: linear-gradient(top, #fff 50%, #fafafa 50%);
    background-size: 42px 42px;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap
}

code p,
pre p {
    margin-bottom: 0!important
}

a,
a:visited,
a:focus {
    text-decoration: none;
    outline: 0
}

a:hover {
    text-decoration: underline
}

p a,
p a:visited {
    line-height: inherit
}

img.scale-with-grid,
#Content img {
    max-width: 100%;
    height: auto
}

.google-map img {
    max-width: none!important
}

iframe {
    max-width: 100%
}

a.tp-button {
    background: none;
    font-family: inherit!important;
    height: auto!important;
    line-height: inherit!important;
    border-radius: 0;
    letter-spacing: 0!important;
    text-shadow: 0 0 0!important;
    box-shadow: 0 0 0!important;
    font-weight: 400!important;
    border-width: 1px!important
}

a.button,
a.tp-button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    display: inline-block;
    padding: 11px 20px;
    margin-bottom: 15px;
    cursor: pointer;
    margin-right: 7px;
    border: 0;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .03), inset 0 4px 3px -2px rgba(0, 0, 0, .07)
}

a.button_js {
    padding: 0
}

a.button.button_large,
a.tp-button.button_large,
button.button_large,
input[type="submit"].button_large,
input[type="reset"].button_large,
input[type="button"].button_large {
    font-size: 110%;
    line-height: 110%
}

a.button .button_label {
    display: block;
    float: left;
    position: relative;
    z-index: 2
}

a.button .button_icon {
    display: block;
    float: left;
    background-color: rgba(0, 0, 0, .05)
}

a.button .button_icon i {
    color: rgba(0, 0, 0, .5)
}

a.button.button_dark .button_icon {
    background-color: rgba(255, 255, 255, .1)
}

a.button.button_dark .button_icon i {
    color: rgba(255, 255, 255, .5)
}

a.button.button_left .button_icon,
a.tp-button.button_left .button_icon {
    float: left
}

a.button.button_right .button_icon,
a.tp-button.button_right .button_icon {
    float: right
}

a.button .button_label {
    padding: 11px 20px
}

a.button .button_icon {
    padding: 11px 12px
}

a.button_large .button_label {
    padding: 15px 30px
}

a.button_large .button_icon {
    padding: 15px 13px
}

a.action_button {
    display: block;
    padding: 11px 20px;
    line-height: 21px;
    float: left;
    position: relative;
    box-sizing: border-box;
    border-radius: 5px;
    overflow: hidden
}

a.action_button:hover {
    text-decoration: none
}

@media only screen and (min-width:768px) {
    a:hover.button,
    a:hover.tp-button {
        text-decoration: none
    }
    a.button:after,
    a.tp-button:after,
    a.action_button:after,
    button:after,
    input[type="submit"]:after,
    input[type="reset"]:after,
    input[type="button"]:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 0;
        background: rgba(0, 0, 0, .05);
        z-index: 1;
        transition: all .3s
    }
    a.button:hover:after,
    a.tp-button:hover:after,
    a.action_button:hover:after,
    button:hover:after,
    input[type="submit"]:hover:after,
    input[type="reset"]:hover:after,
    input[type="button"]:hover:after {
        width: 100%
    }
}

a.button.button_size_1 .button_label {
    padding: 10px 17px
}

a.button.button_size_1 .button_icon {
    padding: 10px 10px
}

a.button.button_size_1,
a.tp-button.button_size_1,
button.button_size_1,
input[type="submit"].button_size_1,
input[type="reset"].button_size_1,
input[type="button"].button_size_1 {
    font-size: 95%;
    line-height: 95%
}

a.button.button_size_3 .button_label {
    padding: 15px 30px
}

a.button.button_size_3 .button_icon {
    padding: 15px 13px
}

a.button.button_size_3,
a.tp-button.button_size_3,
button.button_size_3,
input[type="submit"].button_size_3,
input[type="reset"].button_size_3,
input[type="button"].button_size_3 {
    font-size: 110%;
    line-height: 110%
}

a.button.button_size_4 .button_label {
    padding: 18px 33px
}

a.button.button_size_4 .button_icon {
    padding: 18px 16px
}

a.button.button_size_4,
a.tp-button.button_size_4,
button.button_size_4,
input[type="submit"].button_size_4,
input[type="reset"].button_size_4,
input[type="button"].button_size_4 {
    font-size: 120%;
    line-height: 120%
}

a.button.button_full_width,
button.button_full_width,
input[type="submit"].button_full_width,
input[type="reset"].button_full_width,
input[type="button"].button_full_width {
    width: 100%;
    text-align: center
}

a.button.button_full_width .button_icon {
    display: inline-block;
    float: none;
    background: none
}

a.button.button_full_width .button_label {
    display: inline-block;
    float: none
}

a.button_left.button_full_width .button_label {
    padding-left: 0
}

a.button_right.button_full_width .button_label {
    padding-right: 0
}

.button-stroke a.button,
.button-stroke a.tp-button,
.button-stroke button,
.button-stroke input[type="submit"],
.button-stroke input[type="reset"],
.button-stroke input[type="button"] {
    border-width: 2px;
    border-style: solid;
    border-radius: 3px;
    background-color: transparent!important;
    box-shadow: inset 0 0 0 0;
    background-image: none
}

.button-stroke a.button:after,
.button-stroke a.tp-button:after,
.button-stroke button:after,
.button-stroke input[type="submit"]:after,
.button-stroke input[type="reset"]:after,
.button-stroke input[type="button"]:after {
    display: none
}

.button-stroke a.button,
.button-stroke a.tp-button,
.button-stroke button,
.button-stroke input[type="submit"],
.button-stroke input[type="reset"],
.button-stroke input[type="button"] {
    transition: all .3s
}

.button-stroke a:hover.button,
.button-stroke a:hover.tp-button,
.button-stroke button:hover,
.button-stroke input[type="submit"]:hover,
.button-stroke input[type="reset"]:hover,
.button-stroke input[type="button"]:hover {
    background-color: #828282
}

.button-stroke a:hover.button.button_stroke_custom,
.button-stroke a:hover.tp-button.button_stroke_custom {
    background-color: rgba(0, 0, 0, .05)!important
}

.button-stroke a.button .button_icon {
    background: none
}

.button-stroke a:hover.button .button_icon i,
.button-stroke a.button.button_theme:hover .button_icon i {
    color: rgba(0, 0, 0, .5)!important
}

.button-stroke a.button_left.button .button_label,
.button-stroke a.button_left.button_large .button_label {
    padding-left: 0
}

.button-stroke a.button_right.button .button_label,
.button-stroke a.button_right.button_large .button_label {
    padding-right: 0
}

.button-stroke a.button_left.button_large .button_icon {
    padding-left: 27px
}

.button-stroke a.button_right.button_large .button_icon {
    padding-right: 27px
}

.button-stroke a.action_button {
    padding: 9px 18px;
    border: 2px solid #747474;
    border-radius: 3px;
    background-color: transparent;
    transition: color .3s, background-color .3s
}

.button-stroke a.action_button:after {
    display: none
}

.button-flat a.button,
.button-flat:not(.header-plain) a.action_button,
.button-flat a.tp-button,
.button-flat button,
.button-flat input[type="submit"],
.button-flat input[type="reset"],
.button-flat input[type="button"] {
    background-image: none;
    border-width: 0;
    border-style: solid;
    border-radius: 0;
    box-shadow: inset 0 0 0 0;
    -webkit-appearance: none
}

.button-flat a.button .button_icon {
    background: none
}

.button-flat a.button .button_icon i {
    color: inherit
}

.button-flat a.button_left.button .button_label,
.button-flat a.button_left.button_large .button_label {
    padding-left: 0
}

.button-flat a.button_right.button .button_label,
.button-flat a.button_right.button_large .button_label {
    padding-right: 0
}

.button-flat a.button_left.button_large .button_icon {
    padding-left: 27px
}

.button-flat a.button_right.button_large .button_icon {
    padding-right: 27px
}

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

@media only screen and (min-width:768px) {
    .button-flat a.button:after,
    .button-flat a.action_button:after,
    .button-flat a.tp-button:after,
    .button-flat button:after,
    .button-flat input[type="submit"]:after,
    .button-flat input[type="reset"]:after,
    .button-flat input[type="button"]:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        z-index: 1;
        transition: all .3s;
        background: rgba(0, 0, 0, .07);
        opacity: 0
    }
    .button-flat a.button:hover:after,
    .button-flat a.action_button:hover:after,
    .button-flat a.tp-button:hover:after,
    .button-flat button:hover:after,
    .button-flat input[type="submit"]:hover:after,
    .button-flat input[type="reset"]:hover:after,
    .button-flat input[type="button"]:hover:after {
        width: 100%;
        opacity: 1
    }
}

a.button.button_red,
a.tp-button.red {
    background-color: #e7432b;
    color: #fff
}

.button-stroke a.button.button_red,
.button-stroke a.button.button_red .button_icon i,
.button-stroke a.tp-button.red {
    color: #e7432b;
    border-color: #e7432b
}

.button-stroke a:hover.button.button_red,
.button-stroke a:hover.tp-button.red {
    background-color: #e7432b!important;
    color: #fff
}

a.button.button_blue,
a.tp-button.blue {
    background-color: #2e96db;
    color: #fff
}

.button-stroke a.button.button_blue,
.button-stroke a.button.button_blue .button_icon i,
.button-stroke a.tp-button.blue {
    color: #2e96db;
    border-color: #2e96db
}

.button-stroke a:hover.button.button_blue,
.button-stroke a:hover.tp-button.blue {
    background-color: #2e96db!important;
    color: #fff
}

a.button.button_turquoise,
a.tp-button.turquoise {
    background-color: #22e387;
    color: #fff
}

.button-stroke a.button.button_turquoise,
.button-stroke a.button.button_turquoise .button_icon i,
.button-stroke a.tp-button.turquoise {
    color: #22e387;
    border-color: #22e387
}

.button-stroke a:hover.button.button_turquoise,
.button-stroke a:hover.tp-button.turquoise {
    background-color: #22e387!important;
    color: #fff
}

a.button.button_yellow,
a.tp-button.yellow {
    background-color: #face43;
    color: #fff
}

.button-stroke a.button.button_yellow,
.button-stroke a.button.button_yellow .button_icon i,
.button-stroke a.tp-button.yellow {
    color: #face43;
    border-color: #face43
}

.button-stroke a:hover.button.button_yellow,
.button-stroke a:hover.tp-button.yellow {
    background-color: #face43!important;
    color: #fff
}

a.button.button_grey,
a.tp-button.grey {
    background-color: #8f8f8f;
    color: #fff
}

.button-stroke a.button.button_grey,
.button-stroke a.button.button_grey .button_icon i,
.button-stroke a.tp-button.grey {
    color: #8f8f8f;
    border-color: #8f8f8f
}

.button-stroke a:hover.button.button_grey,
.button-stroke a:hover.tp-button.grey {
    background-color: #8f8f8f!important;
    color: #fff
}

a.button.button_navy,
a.tp-button.navy {
    background-color: #3b5982;
    color: #fff
}

.button-stroke a.button.button_navy,
.button-stroke a.button.button_navy .button_icon i,
.button-stroke a.tp-button.navy {
    color: #3b5982;
    border-color: #3b5982
}

.button-stroke a:hover.button.button_navy,
.button-stroke a:hover.tp-button.navy {
    background-color: #3b5982!important;
    color: #fff
}

a.button.button_orange,
a.tp-button.orange {
    background-color: #ff8125;
    color: #fff
}

.button-stroke a.button.button_orange,
.button-stroke a.button.button_orange .button_icon i,
.button-stroke a.tp-button.orange {
    color: #ff8125;
    border-color: #ff8125
}

.button-stroke a:hover.button.button_orange,
.button-stroke a:hover.tp-button.orange {
    background-color: #ff8125!important;
    color: #fff
}

a.button.button_green,
a.tp-button.green {
    background-color: #88be4c;
    color: #fff
}

.button-stroke a.button.button_green,
.button-stroke a.button.button_green .button_icon i,
.button-stroke a.tp-button.green {
    color: #88be4c;
    border-color: #88be4c
}

.button-stroke a:hover.button.button_green,
.button-stroke a:hover.tp-button.green {
    background-color: #88be4c!important;
    color: #fff
}

a.tp-button.darkgrey {
    background-color: transparent;
    color: #545454!important;
    border-color: #545454
}

a:hover.tp-button.darkgrey {
    background-color: #545454;
    color: #fff!important
}

a.tp-button.lightgrey {
    background-color: transparent;
    color: #fff;
    border-color: #fff
}

a:hover.tp-button.lightgrey {
    background-color: #fff;
    color: #545454!important
}

@font-face {
    font-family: 'mfn-icons';
    src: url(../../../themes/betheme/fonts/mfn-icons.eot?23791288);
    src: url(../../../themes/betheme/fonts/mfn-icons.eot?23791288#iefix) format("embedded-opentype"), url(../../../themes/betheme/fonts/mfn-icons.woff?23791288) format("woff"), url(../../../themes/betheme/fonts/mfn-icons.ttf?23791288) format("truetype"), url(../../../themes/betheme/fonts/mfn-icons.svg?23791288#mfn-icons) format("svg");
    font-weight: 400;
    font-style: normal
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "mfn-icons";
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: none!important;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em
}

.icon-acrobat:before {
    content: '\e800'
}

.icon-address:before {
    content: '\e801'
}

.icon-adjust:before {
    content: '\e802'
}

.icon-aim:before {
    content: '\e803'
}

.icon-air:before {
    content: '\e804'
}

.icon-alert:before {
    content: '\e805'
}

.icon-amazon:before {
    content: '\e806'
}

.icon-android:before {
    content: '\e807'
}

.icon-angellist:before {
    content: '\e808'
}

.icon-appnet:before {
    content: '\e809'
}

.icon-appstore:before {
    content: '\e80a'
}

.icon-archive:before {
    content: '\e80b'
}

.icon-arrow-combo:before {
    content: '\e80c'
}

.icon-arrows-ccw:before {
    content: '\e80d'
}

.icon-attach:before {
    content: '\e80e'
}

.icon-attach-line:before {
    content: '\e80f'
}

.icon-attention:before {
    content: '\e810'
}

.icon-back:before {
    content: '\e811'
}

.icon-back-in-time:before {
    content: '\e812'
}

.icon-bag:before {
    content: '\e813'
}

.icon-basket:before {
    content: '\e814'
}

.icon-battery:before {
    content: '\e815'
}

.icon-beaker-line:before {
    content: '\e816'
}

.icon-bell:before {
    content: '\e817'
}

.icon-bitbucket:before {
    content: '\e818'
}

.icon-bitcoin:before {
    content: '\e819'
}

.icon-block:before {
    content: '\e81a'
}

.icon-blogger:before {
    content: '\e81b'
}

.icon-book:before {
    content: '\e81c'
}

.icon-book-open:before {
    content: '\e81d'
}

.icon-bookmark:before {
    content: '\e81e'
}

.icon-bookmarks:before {
    content: '\e81f'
}

.icon-box:before {
    content: '\e820'
}

.icon-briefcase:before {
    content: '\e821'
}

.icon-brush:before {
    content: '\e822'
}

.icon-bucket:before {
    content: '\e823'
}

.icon-buffer:before {
    content: '\e824'
}

.icon-calendar:before {
    content: '\e825'
}

.icon-calendar-line:before {
    content: '\e826'
}

.icon-call:before {
    content: '\e827'
}

.icon-camera:before {
    content: '\e828'
}

.icon-camera-line:before {
    content: '\e829'
}

.icon-cancel:before {
    content: '\e82a'
}

.icon-cancel-circled:before {
    content: '\e82b'
}

.icon-cancel-squared:before {
    content: '\e82c'
}

.icon-cart:before {
    content: '\e82d'
}

.icon-cc:before {
    content: '\e82e'
}

.icon-cc-by:before {
    content: '\e82f'
}

.icon-cc-nc:before {
    content: '\e830'
}

.icon-cc-nc-eu:before {
    content: '\e831'
}

.icon-cc-nc-jp:before {
    content: '\e832'
}

.icon-cc-nd:before {
    content: '\e833'
}

.icon-cc-pd:before {
    content: '\e834'
}

.icon-cc-remix:before {
    content: '\e835'
}

.icon-cc-sa:before {
    content: '\e836'
}

.icon-cc-share:before {
    content: '\e837'
}

.icon-cc-zero:before {
    content: '\e838'
}

.icon-ccw:before {
    content: '\e839'
}

.icon-cd:before {
    content: '\e83a'
}

.icon-cd-line:before {
    content: '\e83b'
}

.icon-chart-area:before {
    content: '\e83c'
}

.icon-chart-bar:before {
    content: '\e83d'
}

.icon-chart-line:before {
    content: '\e83e'
}

.icon-chart-pie:before {
    content: '\e83f'
}

.icon-chat:before {
    content: '\e840'
}

.icon-check:before {
    content: '\e841'
}

.icon-clipboard:before {
    content: '\e842'
}

.icon-clock:before {
    content: '\e843'
}

.icon-clock-line:before {
    content: '\e844'
}

.icon-cloud:before {
    content: '\e845'
}

.icon-cloud-line:before {
    content: '\e846'
}

.icon-cloud-thunder:before {
    content: '\e847'
}

.icon-cloudapp:before {
    content: '\e848'
}

.icon-code:before {
    content: '\e849'
}

.icon-cog:before {
    content: '\e84a'
}

.icon-cog-line:before {
    content: '\e84b'
}

.icon-comment-fa:before {
    content: '\e84c'
}

.icon-comment-line:before {
    content: '\e84d'
}

.icon-compass:before {
    content: '\e84e'
}

.icon-credit-card:before {
    content: '\e84f'
}

.icon-cup:before {
    content: '\e850'
}

.icon-cup-line:before {
    content: '\e851'
}

.icon-cw:before {
    content: '\e852'
}

.icon-database-line:before {
    content: '\e853'
}

.icon-delicious:before {
    content: '\e854'
}

.icon-desktop-line:before {
    content: '\e855'
}

.icon-diamond-line:before {
    content: '\e856'
}

.icon-digg:before {
    content: '\e857'
}

.icon-direction:before {
    content: '\e858'
}

.icon-disqus:before {
    content: '\e859'
}

.icon-doc:before {
    content: '\e85a'
}

.icon-doc-landscape:before {
    content: '\e85b'
}

.icon-doc-line:before {
    content: '\e85c'
}

.icon-doc-text:before {
    content: '\e85d'
}

.icon-doc-text-inv:before {
    content: '\e85e'
}

.icon-docs:before {
    content: '\e85f'
}

.icon-dot:before {
    content: '\e860'
}

.icon-dot-2:before {
    content: '\e861'
}

.icon-dot-3:before {
    content: '\e862'
}

.icon-down:before {
    content: '\e863'
}

.icon-down-bold:before {
    content: '\e864'
}

.icon-down-circled:before {
    content: '\e865'
}

.icon-down-dir:before {
    content: '\e866'
}

.icon-down-open:before {
    content: '\e867'
}

.icon-down-open-big:before {
    content: '\e868'
}

.icon-down-open-mini:before {
    content: '\e869'
}

.icon-down-thin:before {
    content: '\e86a'
}

.icon-download:before {
    content: '\e86b'
}

.icon-drive:before {
    content: '\e86c'
}

.icon-droplet:before {
    content: '\e86d'
}

.icon-drupal:before {
    content: '\e86e'
}

.icon-duckduckgo:before {
    content: '\e86f'
}

.icon-dwolla:before {
    content: '\e870'
}

.icon-ebay:before {
    content: '\e871'
}

.icon-email:before {
    content: '\e872'
}

.icon-erase:before {
    content: '\e873'
}

.icon-eventasaurus:before {
    content: '\e874'
}

.icon-eventbrite:before {
    content: '\e875'
}

.icon-eventful:before {
    content: '\e876'
}

.icon-export:before {
    content: '\e877'
}

.icon-eye:before {
    content: '\e878'
}

.icon-eye-line:before {
    content: '\e879'
}

.icon-fast-backward:before {
    content: '\e87a'
}

.icon-fast-forward:before {
    content: '\e87b'
}

.icon-feather:before {
    content: '\e87c'
}

.icon-fire-line:before {
    content: '\e87d'
}

.icon-fivehundredpx:before {
    content: '\e87e'
}

.icon-flag:before {
    content: '\e87f'
}

.icon-flash:before {
    content: '\e880'
}

.icon-flashlight:before {
    content: '\e881'
}

.icon-flight:before {
    content: '\e882'
}

.icon-floppy:before {
    content: '\e883'
}

.icon-flow-branch:before {
    content: '\e884'
}

.icon-flow-cascade:before {
    content: '\e885'
}

.icon-flow-line:before {
    content: '\e886'
}

.icon-flow-parallel:before {
    content: '\e887'
}

.icon-flow-tree:before {
    content: '\e888'
}

.icon-folder:before {
    content: '\e889'
}

.icon-food-line:before {
    content: '\e88a'
}

.icon-forrst:before {
    content: '\e88b'
}

.icon-forward:before {
    content: '\e88c'
}

.icon-gauge:before {
    content: '\e88d'
}

.icon-globe:before {
    content: '\e88e'
}

.icon-globe-line:before {
    content: '\e88f'
}

.icon-gmail:before {
    content: '\e890'
}

.icon-googleplay:before {
    content: '\e891'
}

.icon-gowalla:before {
    content: '\e892'
}

.icon-graduation-cap:before {
    content: '\e893'
}

.icon-graduation-cap-line:before {
    content: '\e894'
}

.icon-grooveshark:before {
    content: '\e895'
}

.icon-guest:before {
    content: '\e896'
}

.icon-hackernews:before {
    content: '\e897'
}

.icon-heart-empty-fa:before {
    content: '\e898'
}

.icon-heart-fa:before {
    content: '\e899'
}

.icon-heart-line:before {
    content: '\e89a'
}

.icon-help:before {
    content: '\e89b'
}

.icon-help-circled:before {
    content: '\e89c'
}

.icon-home:before {
    content: '\e89d'
}

.icon-hourglass:before {
    content: '\e89e'
}

.icon-html5:before {
    content: '\e89f'
}

.icon-ie:before {
    content: '\e8a0'
}

.icon-inbox:before {
    content: '\e8a1'
}

.icon-inbox-line:before {
    content: '\e8a2'
}

.icon-infinity:before {
    content: '\e8a3'
}

.icon-info:before {
    content: '\e8a4'
}

.icon-info-circled:before {
    content: '\e8a5'
}

.icon-install:before {
    content: '\e8a6'
}

.icon-instapaper:before {
    content: '\e8a7'
}

.icon-intensedebate:before {
    content: '\e8a8'
}

.icon-itunes:before {
    content: '\e8a9'
}

.icon-key:before {
    content: '\e8aa'
}

.icon-key-line:before {
    content: '\e8ab'
}

.icon-keyboard:before {
    content: '\e8ac'
}

.icon-klout:before {
    content: '\e8ad'
}

.icon-lamp:before {
    content: '\e8ae'
}

.icon-language:before {
    content: '\e8af'
}

.icon-lanyrd:before {
    content: '\e8b0'
}

.icon-layout:before {
    content: '\e8b1'
}

.icon-leaf:before {
    content: '\e8b2'
}

.icon-left:before {
    content: '\e8b3'
}

.icon-left-bold:before {
    content: '\e8b4'
}

.icon-left-circled:before {
    content: '\e8b5'
}

.icon-left-dir:before {
    content: '\e8b6'
}

.icon-left-open:before {
    content: '\e8b7'
}

.icon-left-open-big:before {
    content: '\e8b8'
}

.icon-left-open-mini:before {
    content: '\e8b9'
}

.icon-left-thin:before {
    content: '\e8ba'
}

.icon-lego:before {
    content: '\e8bb'
}

.icon-level-down:before {
    content: '\e8bc'
}

.icon-level-up:before {
    content: '\e8bd'
}

.icon-lifebuoy:before {
    content: '\e8be'
}

.icon-light-down:before {
    content: '\e8bf'
}

.icon-light-up:before {
    content: '\e8c0'
}

.icon-lightbulb-line:before {
    content: '\e8c1'
}

.icon-link:before {
    content: '\e8c2'
}

.icon-list:before {
    content: '\e8c3'
}

.icon-list-add:before {
    content: '\e8c4'
}

.icon-lkdto:before {
    content: '\e8c5'
}

.icon-location:before {
    content: '\e8c6'
}

.icon-location-line:before {
    content: '\e8c7'
}

.icon-lock:before {
    content: '\e8c8'
}

.icon-lock-line:before {
    content: '\e8c9'
}

.icon-lock-open:before {
    content: '\e8ca'
}

.icon-login:before {
    content: '\e8cb'
}

.icon-logout:before {
    content: '\e8cc'
}

.icon-loop:before {
    content: '\e8cd'
}

.icon-macstore:before {
    content: '\e8ce'
}

.icon-magnet:before {
    content: '\e8cf'
}

.icon-mail:before {
    content: '\e8d0'
}

.icon-mail-line:before {
    content: '\e8d1'
}

.icon-map:before {
    content: '\e8d2'
}

.icon-meetup:before {
    content: '\e8d3'
}

.icon-megaphone:before {
    content: '\e8d4'
}

.icon-megaphone-line:before {
    content: '\e8d5'
}

.icon-menu:before {
    content: '\e8d6'
}

.icon-mic:before {
    content: '\e8d7'
}

.icon-minus:before {
    content: '\e8d8'
}

.icon-minus-circled:before {
    content: '\e8d9'
}

.icon-minus-squared:before {
    content: '\e8da'
}

.icon-mobile:before {
    content: '\e8db'
}

.icon-mobile-line:before {
    content: '\e8dc'
}

.icon-money-line:before {
    content: '\e8dd'
}

.icon-monitor:before {
    content: '\e8de'
}

.icon-moon:before {
    content: '\e8df'
}

.icon-mouse:before {
    content: '\e8e0'
}

.icon-music:before {
    content: '\e8e1'
}

.icon-music-line:before {
    content: '\e8e2'
}

.icon-mute:before {
    content: '\e8e3'
}

.icon-myspace:before {
    content: '\e8e4'
}

.icon-network:before {
    content: '\e8e5'
}

.icon-newspaper:before {
    content: '\e8e6'
}

.icon-ninetyninedesigns:before {
    content: '\e8e7'
}

.icon-note:before {
    content: '\e8e8'
}

.icon-note-beamed:before {
    content: '\e8e9'
}

.icon-note-line:before {
    content: '\e8ea'
}

.icon-openid:before {
    content: '\e8eb'
}

.icon-opentable:before {
    content: '\e8ec'
}

.icon-palette:before {
    content: '\e8ed'
}

.icon-paper-plane:before {
    content: '\e8ee'
}

.icon-paper-plane-line:before {
    content: '\e8ef'
}

.icon-params-line:before {
    content: '\e8f0'
}

.icon-pause:before {
    content: '\e8f1'
}

.icon-pencil:before {
    content: '\e8f2'
}

.icon-pencil-line:before {
    content: '\e8f3'
}

.icon-phone:before {
    content: '\e8f4'
}

.icon-photo-line:before {
    content: '\e8f5'
}

.icon-picture:before {
    content: '\e8f6'
}

.icon-pinboard:before {
    content: '\e8f7'
}

.icon-plancast:before {
    content: '\e8f8'
}

.icon-play:before {
    content: '\e8f9'
}

.icon-plurk:before {
    content: '\e8fa'
}

.icon-plus:before {
    content: '\e8fb'
}

.icon-plus-circled:before {
    content: '\e8fc'
}

.icon-plus-squared:before {
    content: '\e8fd'
}

.icon-pocket:before {
    content: '\e8fe'
}

.icon-podcast:before {
    content: '\e8ff'
}

.icon-popup:before {
    content: '\e900'
}

.icon-posterous:before {
    content: '\e901'
}

.icon-print:before {
    content: '\e902'
}

.icon-progress-0:before {
    content: '\e903'
}

.icon-progress-1:before {
    content: '\e904'
}

.icon-progress-2:before {
    content: '\e905'
}

.icon-progress-3:before {
    content: '\e906'
}

.icon-publish:before {
    content: '\e907'
}

.icon-quora:before {
    content: '\e908'
}

.icon-quote:before {
    content: '\e909'
}

.icon-record:before {
    content: '\e90a'
}

.icon-reddit:before {
    content: '\e90b'
}

.icon-reply:before {
    content: '\e90c'
}

.icon-reply-all:before {
    content: '\e90d'
}

.icon-resize-full:before {
    content: '\e90e'
}

.icon-resize-small:before {
    content: '\e90f'
}

.icon-retweet:before {
    content: '\e910'
}

.icon-right:before {
    content: '\e911'
}

.icon-right-bold:before {
    content: '\e912'
}

.icon-right-circled:before {
    content: '\e913'
}

.icon-right-dir:before {
    content: '\e914'
}

.icon-right-open:before {
    content: '\e915'
}

.icon-right-open-big:before {
    content: '\e916'
}

.icon-right-open-mini:before {
    content: '\e917'
}

.icon-right-thin:before {
    content: '\e918'
}

.icon-rocket:before {
    content: '\e919'
}

.icon-rss:before {
    content: '\e91a'
}

.icon-search:before {
    content: '\e91b'
}

.icon-search-line:before {
    content: '\e91c'
}

.icon-share:before {
    content: '\e91d'
}

.icon-shareable:before {
    content: '\e91e'
}

.icon-shop-line:before {
    content: '\e91f'
}

.icon-shuffle:before {
    content: '\e920'
}

.icon-signal:before {
    content: '\e921'
}

.icon-smashmag:before {
    content: '\e922'
}

.icon-songkick:before {
    content: '\e923'
}

.icon-sound:before {
    content: '\e924'
}

.icon-sound-line:before {
    content: '\e925'
}

.icon-stackoverflow:before {
    content: '\e926'
}

.icon-star:before {
    content: '\e927'
}

.icon-star-empty:before {
    content: '\e928'
}

.icon-star-line:before {
    content: '\e929'
}

.icon-statusnet:before {
    content: '\e92a'
}

.icon-stop:before {
    content: '\e92b'
}

.icon-suitcase:before {
    content: '\e92c'
}

.icon-switch:before {
    content: '\e92d'
}

.icon-t-shirt-line:before {
    content: '\e92e'
}

.icon-tag:before {
    content: '\e92f'
}

.icon-tag-line:before {
    content: '\e930'
}

.icon-tape:before {
    content: '\e931'
}

.icon-target:before {
    content: '\e932'
}

.icon-thermometer:before {
    content: '\e933'
}

.icon-thumbs-up:before {
    content: '\e934'
}

.icon-thumbs-down:before {
    content: '\e935'
}

.icon-thumbs-up-line:before {
    content: '\e936'
}

.icon-ticket:before {
    content: '\e937'
}

.icon-to-end:before {
    content: '\e938'
}

.icon-to-start:before {
    content: '\e939'
}

.icon-tools:before {
    content: '\e93a'
}

.icon-traffic-cone:before {
    content: '\e93b'
}

.icon-trash:before {
    content: '\e93c'
}

.icon-trash-line:before {
    content: '\e93d'
}

.icon-trophy:before {
    content: '\e93e'
}

.icon-truck-line:before {
    content: '\e93f'
}

.icon-tv-line:before {
    content: '\e940'
}

.icon-up:before {
    content: '\e941'
}

.icon-up-bold:before {
    content: '\e942'
}

.icon-up-circled:before {
    content: '\e943'
}

.icon-up-dir:before {
    content: '\e944'
}

.icon-up-open:before {
    content: '\e945'
}

.icon-up-open-big:before {
    content: '\e946'
}

.icon-up-open-mini:before {
    content: '\e947'
}

.icon-up-thin:before {
    content: '\e948'
}

.icon-upload:before {
    content: '\e949'
}

.icon-upload-cloud:before {
    content: '\e94a'
}

.icon-user:before {
    content: '\e94b'
}

.icon-user-add:before {
    content: '\e94c'
}

.icon-user-line:before {
    content: '\e94d'
}

.icon-users:before {
    content: '\e94e'
}

.icon-vcard:before {
    content: '\e94f'
}

.icon-viadeo:before {
    content: '\e950'
}

.icon-video:before {
    content: '\e951'
}

.icon-videocam-line:before {
    content: '\e952'
}

.icon-vk:before {
    content: '\e953'
}

.icon-volume:before {
    content: '\e954'
}

.icon-w3c:before {
    content: '\e955'
}

.icon-wallet-line:before {
    content: '\e956'
}

.icon-water:before {
    content: '\e957'
}

.icon-weibo:before {
    content: '\e958'
}

.icon-wikipedia:before {
    content: '\e959'
}

.icon-window:before {
    content: '\e95a'
}

.icon-wordpress:before {
    content: '\e95b'
}

.icon-xing:before {
    content: '\e95c'
}

.icon-yahoo:before {
    content: '\e95d'
}

.icon-yelp:before {
    content: '\e95e'
}

.icon-youtube:before {
    content: '\e95f'
}

.icon-menu-fine:before {
    content: '\e960'
}

.icon-bag-fine:before {
    content: '\e961'
}

.icon-search-fine:before {
    content: '\e962'
}

.icon-cancel-fine:before {
    content: '\e963'
}

.icon-plus-fine:before {
    content: '\e964'
}

.icon-minus-fine:before {
    content: '\e965'
}

.icon-gplus-circled:before {
    content: '\f059'
}

.icon-github-circled:before {
    content: '\f09b'
}

.icon-gplus:before {
    content: '\f0d5'
}

.icon-comment-empty-fa:before {
    content: '\f0e5'
}

.icon-instagram:before {
    content: '\f16d'
}

.icon-tumblr:before {
    content: '\f173'
}

.icon-windows:before {
    content: '\f17a'
}

.icon-foursquare:before {
    content: '\f180'
}

.icon-google:before {
    content: '\f1a0'
}

.icon-behance:before {
    content: '\f1b4'
}

.icon-steam:before {
    content: '\f1b6'
}

.icon-spotify:before {
    content: '\f1bc'
}

.icon-database:before {
    content: '\f1c0'
}

.icon-qq:before {
    content: '\f1d6'
}

.icon-paypal:before {
    content: '\f1ed'
}

.icon-stripe:before {
    content: '\f1f5'
}

.icon-whatsapp:before {
    content: '\f232'
}

.icon-medium:before {
    content: '\f23a'
}

.icon-tripadvisor:before {
    content: '\f262'
}

.icon-chrome:before {
    content: '\f268'
}

.icon-scribd:before {
    content: '\f28a'
}

.icon-github:before {
    content: '\f300'
}

.icon-flickr:before {
    content: '\f303'
}

.icon-flickr-circled:before {
    content: '\f304'
}

.icon-vimeo:before {
    content: '\f306'
}

.icon-vimeo-circled:before {
    content: '\f307'
}

.icon-twitter:before {
    content: '\f309'
}

.icon-twitter-circled:before {
    content: '\f30a'
}

.icon-facebook:before {
    content: '\f30c'
}

.icon-facebook-circled:before {
    content: '\f30d'
}

.icon-facebook-squared:before {
    content: '\f30e'
}

.icon-pinterest:before {
    content: '\f312'
}

.icon-pinterest-circled:before {
    content: '\f313'
}

.icon-tumblr-circled:before {
    content: '\f316'
}

.icon-linkedin:before {
    content: '\f318'
}

.icon-linkedin-circled:before {
    content: '\f319'
}

.icon-dribbble:before {
    content: '\f31b'
}

.icon-dribbble-circled:before {
    content: '\f31c'
}

.icon-stumbleupon:before {
    content: '\f31e'
}

.icon-stumbleupon-circled:before {
    content: '\f31f'
}

.icon-lastfm:before {
    content: '\f321'
}

.icon-lastfm-circled:before {
    content: '\f322'
}

.icon-rdio:before {
    content: '\f324'
}

.icon-rdio-circled:before {
    content: '\f325'
}

.icon-spotify-circled:before {
    content: '\f328'
}

.icon-dropbox:before {
    content: '\f330'
}

.icon-evernote:before {
    content: '\f333'
}

.icon-flattr:before {
    content: '\f336'
}

.icon-skype:before {
    content: '\f339'
}

.icon-skype-circled:before {
    content: '\f33a'
}

.icon-renren:before {
    content: '\f33c'
}

.icon-sina-weibo:before {
    content: '\f33f'
}

.icon-picasa:before {
    content: '\f345'
}

.icon-soundcloud:before {
    content: '\f348'
}

.icon-mixi:before {
    content: '\f34b'
}

.icon-google-circles:before {
    content: '\f351'
}

.icon-vkontakte:before {
    content: '\f354'
}

.icon-smashing:before {
    content: '\f357'
}

.icon-db-shape:before {
    content: '\f600'
}

.icon-sweden:before {
    content: '\f601'
}

.icon-logo-db:before {
    content: '\f603'
}

.icon-houzz:before {
    content: '\f27c'
}

.bbpress #Subheader .title {
    width: 60%
}

.bbpress #Subheader ul.breadcrumbs {
    width: 40%
}

.bbpress #Subheader ul.breadcrumbs .bbp-breadcrumb-current {
    margin: 0
}

.bbpress #bbpress-forums div.bbp-search-form {
    float: none;
    width: 100%;
    margin-bottom: 20px
}

.bbpress #bbpress-forums #subscription-toggle {
    color: #fff
}

.bbpress #bbpress-forums #bbp-search-form #bbp_search {
    width: 100%;
    margin: 0
}

.bbpress #bbpress-forums div.bbp-topic-tags {
    clear: both;
    margin-bottom: 20px
}

.bbpress #bbpress-forums div.bbp-topic-tags p {
    margin: 0
}

.bbpress .widget_display_search .screen-reader-text {
    display: none
}

.bbpress .widget_display_search #bbp_search {
    margin: 0
}

.bbpress .bbp_widget_login .bbp-logged-in h4 {
    font-size: 14px;
    font-weight: 400
}

.bbpress .bbp_widget_login .bbp-logged-in a.button {
    margin: 0
}

.bbpress .widget_display_views ul,
.bbpress .widget_display_forums ul {
    list-style-type: square;
    padding: 0 0 0 30px
}

.bbpress .widget_display_views ul li a,
.bbpress .widget_display_forums ul li a {
    display: block;
    padding: 4px 0 7px 4px
}

#buddypress {
    margin-bottom: 40px
}

#buddypress #whats-new-options {
    height: auto!important;
    overflow: visible!important
}

#buddypress div.dir-search {
    margin: 0
}

#buddypress #search-members-form>* {
    float: left
}

#buddypress div.dir-search input[type="text"],
#buddypress li.groups-members-search input[type="text"] {
    padding: 2px 3px;
    font-size: 100%;
    margin-right: 5px;
    font-weight: 400
}

#buddypress div#subnav.item-list-tabs ul li>* {
    float: left
}

#buddypress div#subnav.item-list-tabs ul li label {
    margin: 10px 5px 0 0;
    font-weight: 400
}

#buddypress div#item-header div#item-meta {
    font-size: 100%
}

#buddypress #message-recipients .highlight {
    background: none;
    color: inherit
}

#buddypress #message-recipients .button {
    display: inline
}

.wpcf7::after {
    clear: both;
    content: "";
    display: block
}

.wpcf7-form .column {
    margin-bottom: 10px
}

.wpcf7-mail-sent-ok {
    border: none!important;
    margin: 25px 0 0!important;
    padding: 7px!important;
    background: #7DCC68!important;
    color: #fff;
    text-align: center;
    float: left;
    width: 98%;
    box-sizing: border-box;
    margin: 0 1%!important
}

.wpcf7-mail-sent-ng {
    border: none!important;
    margin: 25px 0 0!important;
    padding: 7px!important;
    background: #fb5455!important;
    color: #fff;
    text-align: center;
    float: left;
    width: 98%;
    box-sizing: border-box;
    margin: 0 1%!important
}

.cf7p-message .wpcf7-validation-errors {
    border: none!important;
    margin: 25px 0 0!important;
    padding: 7px!important;
    background: #fb5455!important;
    color: #fff;
    text-align: center;
    float: left;
    width: 98%;
    box-sizing: border-box;
    margin: 0 1%!important
}

body:not(.cf7p-message) .wpcf7-validation-errors {
    border: none!important;
    display: none!important
}

body:not(.cf7p-message) .wpcf7-not-valid-tip {
    position: absolute!important;
    left: -50px!important;
    top: 0!important;
    width: 44px!important;
    height: 44px!important;
    padding: 0!important;
    background-color: #ed3b2e;
    text-indent: -9999px!important;
    padding: 0;
    border: none!important
}

body:not(.cf7p-message) .wpcf7-not-valid-tip:after {
    content: '\e82a';
    font-family: "mfn-icons";
    position: absolute;
    left: 18px;
    top: 11px;
    font-size: 20px;
    color: #fff;
    text-indent: 0
}

body:not(.cf7p-message) .wpcf7-not-valid-tip:before {
    content: '';
    position: absolute;
    right: -5px;
    top: 16px;
    background-color: #ed3b2e;
    width: 11px;
    height: 11px;
    transform: rotate(45deg)
}

.wpcf7-captchar {
    margin-bottom: 0
}

span.wpc-form-control-wrap {
    width: 100%;
    position: relative!important;
    display: inline-block;
    margin-bottom: 3px
}

span.wpc-form-control-wrap .wpcf7-date,
span.wpc-form-control-wrap .wpcf7-quiz,
span.wpc-form-control-wrap .wpcf7-number,
span.wpc-form-control-wrap .wpcf7-select,
span.wpc-form-control-wrap .wpcf7-text,
span.wpc-form-control-wrap .wpcf7-textarea {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 0
}

.wpcf7-submit {
    font-size: inherit;
    margin-bottom: 0!important
}

#popup_contact {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 9001
}

#popup_contact>a.button {
    width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 20px;
    margin: 0;
    text-align: center;
    color: rgba(0, 0, 0, .5);
    background: #f7f7f7;
    position: absolute;
    bottom: 0;
    right: 0
}

#popup_contact>a.button:hover {
    text-decoration: none
}

#popup_contact .popup_contact_wrapper {
    width: 250px;
    padding: 20px;
    background: #fbfbfb;
    position: absolute;
    bottom: 65px;
    right: 0;
    display: none
}

#popup_contact.focus .popup_contact_wrapper {
    display: block
}

#popup_contact .popup_contact_wrapper span.arrow {
    position: absolute;
    right: 15px;
    bottom: -8px;
    margin: 0 auto;
    width: 0;
    height: 0;
    display: block;
    border-top: 8px solid #fbfbfb;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent
}

#popup_contact .popup_contact_wrapper form input[type="text"],
#popup_contact .popup_contact_wrapper form input[type="email"],
#popup_contact .popup_contact_wrapper form textarea {
    background: #fff;
    margin-bottom: 10px
}

#popup_contact .popup_contact_wrapper form textarea {
    resize: vertical;
    min-height: 100px
}

#popup_contact .popup_contact_wrapper form input[type="submit"] {
    margin: 0;
    float: right
}

#popup_contact .wpcf7-form.invalid>p:after {
    display: block
}

#popup_contact .wpc-form-control-wrap {
    display: inline-block;
    margin-right: 0;
    width: 100%
}

#popup_contact div.wpcf7 img.ajax-loader {
    margin-top: 10px
}

.edd_downloads_list .edd_download_inner {
    background: #fff;
    margin: 0 4% 20px;
    padding: 0 15px 20px
}

.edd_downloads_list .edd_download_inner .edd_download_image {
    margin: 0 -15px
}

.edd_downloads_list .edd_download_inner .edd_download_title {
    padding-top: 15px
}

.edd_downloads_list .edd_download_inner .edd_download_buy_button .edd_purchase_submit_wrapper {
    text-align: right
}

.edd_downloads_list .edd_download_inner .edd_download_buy_button .edd_purchase_submit_wrapper .edd-cart-added-alert {
    position: static;
    margin-top: 15px
}

.edd_downloads_list .edd_download_inner .edd_download_buy_button a.button {
    margin: 0
}

.edd_download_image {
    border-style: solid;
    border-width: 8px;
    box-sizing: border-box;
    display: block;
    line-height: 0;
    max-width: calc(100% + 30px);
    position: relative
}

.edd_download_image:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

#edd_checkout_cart th,
#edd_checkout_cart td {
    text-align: left;
    border-width: 1px;
    border-style: solid;
    border-color: inherit;
    padding: 10px
}

#edd_checkout_cart .edd_cart_header_row th {
    font-weight: 700;
    background: #f9f9f9;
    box-shadow: inset 0 4px 3px -2px rgba(0, 0, 0, .04);
    padding: 10px
}

#edd_checkout_cart .edd_cart_tax_row th,
#edd_checkout_cart .edd_cart_discount_row th {
    background: inherit
}

#edd_checkout_cart tr:hover td a {
    color: inherit
}

table#edd_purchase_receipt,
table#edd_purchase_receipt_products {
    margin-bottom: 40px
}

#edd_checkout_form_wrap label,
#edd_checkout_form_wrap span.edd-description {
    font-size: 100%
}

#edd_checkout_form_wrap span.edd-description {
    margin-bottom: 10px
}

#edd_checkout_form_wrap input[type="text"],
#edd_checkout_form_wrap input[type="email"],
#edd_checkout_form_wrap input[type="password"],
#edd_checkout_form_wrap textarea {
    padding: 10px
}

.edd-submit,
#edd-purchase-button,
input[type="submit"].edd-submit {
    padding: 11px 20px;
    font-size: 100%;
    font-weight: 400;
    border: inherit
}

#edd_checkout_form_wrap #edd-login-account-wrap,
#edd_checkout_form_wrap #edd-new-account-wrap,
#edd_checkout_form_wrap #edd_final_total_wrap,
#edd_checkout_form_wrap #edd_show_discount,
#edd_checkout_form_wrap .edd-cart-adjustment {
    background: #fafafa none repeat scroll 0 0;
    color: #444;
    padding: 14px 20px
}

.gform_wrapper label {
    font-weight: 400;
    margin: .188em 0 .75em
}

.gform_wrapper .top_label .gfield_label {
    font-weight: 700
}

.gform_wrapper input,
.gform_wrapper select {
    margin: 0
}

.gform_wrapper input[type="checkbox"],
.gform_wrapper input[type="radio"] {
    margin-left: 3px
}

.gform_wrapper div.validation_error {
    border: none!important;
    border-radius: 5px;
    margin-bottom: 30px;
    padding: 20px!important;
    box-sizing: border-box;
    background: #fb5455;
    color: #fff!important;
    font-weight: 400!important;
    font-size: inherit!important
}

.gform_wrapper li.gfield.gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    border: none!important
}

.gform_confirmation_wrapper .gform_confirmation_message {
    border-radius: 5px;
    margin-bottom: 30px;
    padding: 20px;
    background: #80B736;
    color: #fff
}

table.gsurvey-likert td input {
    position: static
}

table.gsurvey-likert td.gsurvey-likert-choice {
    background-image: unset
}

#mc_embed_signup .clear {
    height: auto;
    overflow: visible;
    visibility: visible
}

.mc4wp-form p>input {
    float: left;
    margin: 0 3px
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9043;
    position: fixed;
    outline: none!important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 9045
}

.-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background: none!important
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none!important
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 9044
}

.mfp-preloader a {
    color: #CCC
}

.mfp-preloader a:hover {
    color: #FFF
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 9046;
    box-shadow: none;
    touch-action: manipulation
}

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

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1
}

.mfp-arrow:before,
.mfp-arrow:after {
    content: ''!important;
    display: block!important;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
    background: none
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #444
}

.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

.mfp-wrap button:after {
    width: 0!important;
    height: 0!important;
    background: none!important
}

.button-flat .mfp-arrow:after {
    top: 8px;
    opacity: 1
}

.button-stroke .mfp-close {
    color: #fff!important
}

.button-stroke .mfp-close:hover {
    background: none!important
}

.button-stroke .mfp-arrow:hover {
    background: none!important
}

.mfp-inline {
    display: block!important;
    position: relative;
    background: #FFF;
    padding: 25px 30px;
    width: auto;
    max-width: 500px;
    margin: 20px auto
}

.mfp-inline p:nth-last-child(2) {
    margin-bottom: 0
}

.button-stroke .mfp-inline .mfp-close {
    color: #333!important
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

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

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

.slick-list:focus {
    outline: none
}

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

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

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

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

.slick-track:after {
    clear: both
}

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

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

[dir='rtl'] .slick-slide {
    float: right!important
}

.slick-slide img {
    display: block;
    margin-left: auto;
    margin-right: auto
}

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

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

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

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

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

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

#Content .slider-pro img.sp-image {
    max-width: none
}

.tribe-events-page-template #Subheader .title {
    width: 60%
}

.tribe-events-page-template #Subheader ul.breadcrumbs {
    width: 40%
}

.tribe-events-list .tribe-events-event-image+div.tribe-events-content {
    padding-right: 0!important
}

#tribe-bar-views .tribe-bar-views-list {
    z-index: 29
}

#tribe-bar-form input[type="text"] {
    font-weight: 400
}

h2.tribe-events-page-title,
#tribe-geo-results h2.tribe-events-page-title {
    font-weight: 400
}

.tribe-events-list-separator-month {
    font-weight: 400
}

#tribe-events-content .tribe-events-tooltip h4 {
    font-weight: 400
}

.tribe-events-meta-group .tribe-events-single-section-title {
    font-weight: 400
}

.events-list .tribe-events-loop,
.tribe-events-day .tribe-events-loop,
.single-tribe_venue .tribe-events-loop,
.single-tribe_organizer .tribe-events-loop {
    max-width: 100%
}

a.tribe-events-ical {
    margin-top: 0
}

.tribe-events-cal-links a.tribe-events-gcal {
    margin-top: 0
}

.single-tribe_events #tribe-events-content .tribe-events-event-meta dt {
    clear: left;
    font-weight: 700;
    line-height: inherit
}

.single-tribe_events #tribe-events-content .tribe-events-event-meta dd {
    float: inherit;
    line-height: inherit;
    list-style: none outside none;
    margin: 0 0 0 110px;
    padding: 10px 0
}

.single-tribe_events #tribe-events-content .tribe-events-event-meta dd:after {
    display: none
}

#tribe-bar-form {
    background-image: url(../../../themes/betheme/images/stripes/stripes_5_b.png)
}

.tribe-events-back {
    padding: 15px 10px;
    margin-bottom: 20px;
    background-image: url(../../../themes/betheme/images/stripes/stripes_5_b.png);
    box-sizing: border-box;
    overflow: hidden
}

ul.tribe-events-sub-nav a,
.tribe-events-back a {
    font-size: 14px;
    font-weight: 400
}

.tribe-events-event-image {
    border: 8px solid #f8f8f8;
    box-sizing: border-box;
    display: block;
    line-height: 0
}

.tribe-events-list-widget ol {
    padding: 10px 0 0 30px
}

.tribe-events-list-widget ol li {
    margin-bottom: 20px;
    list-style-type: square;
    padding-left: 4px
}

.tribe-events-list-widget ol li:before {
    display: none
}

.tribe-events-list-widget ol li h4 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 5px
}

.tribe-events-list-widget ol li .duration {
    font-weight: 400;
    color: rgba(0, 0, 0, .4)
}

.tribe-events-list-widget p.tribe-events-widget-link {
    margin-left: 30px;
    padding-top: 8px;
    border-top: 1px solid rgba(0, 0, 0, .08)
}

.tribe-events-list-widget p.tribe-events-widget-link a {
    font-weight: 400;
    font-size: 13px
}

.tribe-events-list-separator-month span {
    background: #fcfcfc
}

.tribe-events-event-meta,
.tribe-events-promo {
    color: #a8a8a8
}

.tribe-events-calendar thead th {
    color: #444;
    border-color: rgba(0, 0, 0, .08)
}

.ui-datepicker .ui-datepicker-title select {
    padding: inherit;
    width: auto;
    display: inline-block;
    margin: auto;
    -webkit-appearance: menulist
}

.ui-datepicker .ui-datepicker-calendar .ui-state-highlight {
    margin: -1px
}

.ui-datepicker .ui-datepicker-calendar .ui-state-default {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0)
}

.ui-datepicker table tr {
    border: 0!important
}

.ui-datepicker table tr td {
    border-width: 0 1px 1px 0!important;
    border-style: solid;
    border-color: #DEDEDE;
    padding: 1px
}

.ui-datepicker table td a,
.ui-datepicker table td span {
    width: auto!important;
    display: block!important
}

.ui-datepicker table tr:first-child td {
    background: inherit!important
}

.ui-datepicker table tr:hover td {
    background: inherit!important;
    color: inherit!important
}

.ui-datepicker table tr:hover td a {
    color: inherit!important
}

.ui-datepicker table tr:nth-child(2n) td {
    background: inherit!important
}

.wpb_wrapper>div {
    margin-bottom: 35px
}

.wpb_wrapper.ui-sortable .vc_call_to_action {
    background: none;
    border: none;
    padding: 0
}

body.layout-boxed .vc_row[data-vc-stretch-content="true"] {
    left: 0!important;
    width: auto!important;
    margin-left: -2.7%;
    margin-right: -2.7%
}

body.layout-boxed .vc_row-no-padding .wpb_column {
    padding: 0
}

.vc_images_carousel {
    width: auto!important
}

.vc-hoverbox-block {
    -webkit-backface-visibility: hidden
}

.wpb_wrapper .portfolio_group {
    font-size: inherit!important;
    line-height: inherit!important;
    color: inherit!important
}

.wpb_wrapper .portfolio_group.flat .portfolio-item,
.wpb_wrapper .portfolio_group.masonry-flat .portfolio-item {
    margin-bottom: 0
}

.wpb_wrapper .portfolio_group .portfolio-item .image_frame {
    margin-bottom: 0
}

.wpb_wrapper .wpcf7-form {
    display: inline-block;
    width: 100%
}

body {
    min-width: 960px
}

body.admin-bar {
    position: relative
}

#Wrapper {
    max-width: 1240px;
    margin: 0 auto;
    overflow: hidden
}

.layout-boxed {
    padding: 25px 0
}

.layout-boxed.boxed-no-margin {
    padding: 0
}

.layout-boxed #Wrapper {
    box-shadow: 0 0 15px rgba(0, 0, 0, .06)
}

.layout-full-width {
    padding: 0
}

.layout-full-width #Wrapper {
    max-width: 100%!important;
    width: 100%!important;
    margin: 0!important
}

#Content {
    width: 100%;
    padding-top: 30px
}

#Content.no-padding,
.template-slider #Content,
.with_aside #Content {
    padding-top: 0
}

.with_aside .sections_group {
    padding-top: 30px
}

.section {
    position: relative
}

.section_wrapper,
.container {
    max-width: 1220px;
    margin: 0 auto;
    position: relative
}

.section.full-width>.section_wrapper {
    max-width: 100%!important;
    padding-left: 0!important;
    padding-right: 0!important
}

.section_wrapper:after,
.container:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden
}

.mcb-wrap {
    float: left;
    position: relative;
    z-index: 1;
    box-sizing: border-box
}

.mcb-wrap.move-up {
    z-index: 28
}

.mcb-wrap.divider {
    width: 100%;
    height: 0!important
}

.column,
.columns {
    float: left;
    margin: 0 1% 40px
}

.the_content_wrapper {
    margin: 0 1%
}

.column_content .the_content_wrapper {
    margin: 0
}

.sidebar,
.widget-area {
    box-sizing: border-box
}

.equal-height-wrap .mcb-wrap .mcb-wrap-inner {
    position: relative;
    float: left;
    width: 100%
}

.equal-height-wrap .mcb-wrap.valign-middle .mcb-wrap-inner {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.equal-height-wrap .mcb-wrap.valign-bottom .mcb-wrap-inner {
    top: 100%;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.one-sixth.mcb-wrap {
    width: 16.666%
}

.one-fifth.mcb-wrap {
    width: 20%
}

.one-fourth.mcb-wrap {
    width: 25%
}

.one-third.mcb-wrap {
    width: 33.333%
}

.two-fifth.mcb-wrap {
    width: 40%
}

.one-second.mcb-wrap {
    width: 50%
}

.three-fifth.mcb-wrap {
    width: 60%
}

.two-third.mcb-wrap {
    width: 66.666%
}

.three-fourth.mcb-wrap {
    width: 75%
}

.four-fifth.mcb-wrap {
    width: 80%
}

.five-sixth.mcb-wrap {
    width: 83.333%
}

.one.mcb-wrap {
    width: 100%
}

.one-sixth.column {
    width: 14.666%
}

.one-fifth.column {
    width: 18%
}

.one-fourth.column,
.four.columns {
    width: 23%
}

.one-third.column {
    width: 31.333%
}

.two-fifth.column {
    width: 38%
}

.one-second.column {
    width: 48%
}

.three-fifth.column {
    width: 58%
}

.two-third.column {
    width: 64.666%
}

.three-fourth.column {
    width: 73%
}

.four-fifth.column {
    width: 78%
}

.five-sixth.column {
    width: 81.333%
}

.one.column {
    width: 98%
}

.section.full-width>.one.column,
.section.full-width>.section_wrapper>.one.column,
.section.full-width .one.wrap .one.column {
    width: 100%;
    margin: 0
}

.with_aside .content_wrapper {
    max-width: 1240px;
    margin: 0 auto
}

.with_aside .sections_group {
    width: 75%;
    float: left
}

.with_aside .section_wrapper {
    max-width: 98%;
    max-width: calc(100% - 20px)
}

.with_aside .four.columns {
    float: right;
    margin: 0
}

.aside_left .sections_group {
    float: right
}

.aside_left .four.columns {
    float: left
}

.aside_both .sections_group {
    width: 60%;
    margin-left: 20%
}

.aside_both .sidebar.columns {
    width: 18%
}

.aside_both .sidebar-1 {
    float: left!important;
    margin-left: -79%
}

.no-margin-h .column {
    margin-left: 0;
    margin-right: 0
}

.no-margin-h .one-sixth.column {
    width: 16.666%
}

.no-margin-h .one-fifth.column {
    width: 20%
}

.no-margin-h .one-fourth.column {
    width: 25%
}

.no-margin-h .one-third.column {
    width: 33.333%
}

.no-margin-h .two-fifth.column {
    width: 40%
}

.no-margin-h .one-second.column {
    width: 50%
}

.no-margin-h .three-fifth.column {
    width: 60%
}

.no-margin-h .two-third.column {
    width: 66.666%
}

.no-margin-h .three-fourth.column {
    width: 75%
}

.no-margin-h .four-fifth.column {
    width: 80%
}

.no-margin-h .five-sixth.column {
    width: 83.333%
}

.no-margin-h .one.column {
    width: 100%
}

.column.column_divider {
    margin-bottom: 0!important;
    height: auto!important
}

.column-margin-0px .column {
    margin-bottom: 0!important
}

.column-margin-10px .column {
    margin-bottom: 10px!important
}

.column-margin-20px .column {
    margin-bottom: 20px!important
}

.column-margin-30px .column {
    margin-bottom: 30px!important
}

.column-margin-40px .column {
    margin-bottom: 40px!important
}

.column-margin-50px .column {
    margin-bottom: 50px!important
}

.column-margin-0px.column {
    margin-bottom: 0!important
}

.column-margin-10px.column {
    margin-bottom: 10px!important
}

.column-margin-20px.column {
    margin-bottom: 20px!important
}

.column-margin-30px.column {
    margin-bottom: 30px!important
}

.column-margin-40px.column {
    margin-bottom: 40px!important
}

.column-margin-50px.column {
    margin-bottom: 50px!important
}

.equal-height .column .column_attr {
    height: 100%;
    box-sizing: border-box
}

.column_attr.align_left {
    text-align: left
}

.column_attr.align_right {
    text-align: right
}

.column_attr.align_center {
    text-align: center
}

.column_attr.align_justify {
    text-align: justify
}

.extra_content .the_content_wrapper {
    margin: 0 1%
}

.extra_content .has_content .the_content_wrapper,
.extra_content .category_description .the_content_wrapper {
    margin-bottom: 40px
}

.container:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix:before,
.clearfix:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.rev_slider iframe {
    max-width: 1220px
}

.rev_slider ul {
    margin: 0!important
}

.tp-static-layers {
    z-index: 200
}

#mfn-layer-slider {
    position: relative;
    z-index: 28
}

#mfn-layer-slider .ls-yourlogo {
    z-index: 29
}

.section[data-parallax="3d"] {
    overflow: hidden
}

.section .mfn-parallax {
    position: absolute;
    left: 0;
    top: 0;
    max-width: none!important;
    transition: opacity .2s
}

.section>.mfn-parallax {
    z-index: 1
}

.wrap[data-parallax="3d"] {
    overflow: hidden;
    position: relative
}

.wrap[data-parallax="3d"]>.mcb-wrap-inner,
.wrap[data-parallax="3d"]>.column {
    position: relative
}

.section.center {
    text-align: center
}

.section.no-margin .column,
.section.no-margin-v .column {
    margin-bottom: 0
}

.the_content_wrapper pre {
    margin-bottom: 20px
}

.tr-content #Wrapper,
.tr-content #Content {
    background: none
}

.tr-header #Wrapper {
    background: none
}

.tr-header #Header_wrapper {
    background: none!important
}

.tr-footer #Wrapper {
    background: none
}

.tr-footer #Footer {
    background-color: transparent!important
}

.no-shadows #Wrapper,
.no-shadows #Top_bar.is-sticky,
.no-shadows #Header_creative,
.no-shadows input[type="date"],
.no-shadows input[type="email"],
.no-shadows input[type="number"],
.no-shadows input[type="password"],
.no-shadows input[type="search"],
.no-shadows input[type="tel"],
.no-shadows input[type="text"],
.no-shadows input[type="url"],
.no-shadows select,
.no-shadows textarea,
.no-shadows .woocommerce .quantity input.qty,
.no-shadows table th,
.no-shadows table tr:first-child td {
    box-shadow: 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 transparent
}

.no-shadows #Subheader:after {
    display: none
}

.page.hide-title-area #Content,
.no-content-padding #Content,
.template-blank #Content,
.under-construction #Content {
    padding: 0!important
}

.with_aside.page.hide-title-area .sections_group,
.with_aside.no-content-padding .sections_group {
    padding: 0!important
}

.under-construction .section-uc-1 {
    padding-top: 40px;
    background-color: #fff
}

.under-construction .section-uc-2 {
    padding-top: 40px;
    background-color: #f5f5f5;
    background: url(../../../themes/betheme/images/stripes/stripes_3_b.png) repeat center
}

.under-construction .section-uc-3 {
    padding-top: 40px
}

.under-construction .section-border-top {
    border-top: 1px solid rgba(0, 0, 0, .08)
}

.slider_pagination {
    text-align: center;
    line-height: 0
}

.slider_pagination a {
    display: inline-block;
    width: 12px;
    height: 12px;
    text-indent: -9999px;
    margin: 0 9px;
    background: rgba(0, 0, 0, .15);
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: relative;
    cursor: pointer
}

.slider_pagination a:hover {
    background: rgba(0, 0, 0, .25)
}

.slider_pagination a.selected,
.slider_pagination .slick-active a {
    width: 10px;
    height: 8px;
    margin: 0 10px;
    position: relative;
    top: 4px;
    background: rgba(0, 0, 0, .15);
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.slider_pagination a.selected:after,
.slider_pagination .slick-active a:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    position: absolute;
    left: 1px;
    top: -3px;
    background: #D6D6D6;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

#mfn-rev-slider input {
    display: inline-block
}

#Sliding-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 800
}

#Sliding-top:after {
    content: "";
    height: 3px;
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    bottom: -3px;
    z-index: 1;
    box-shadow: inset 0 4px 3px -2px rgba(0, 0, 0, .06)
}

#Sliding-top .widgets_wrapper {
    padding: 15px 0;
    display: none
}

#Sliding-top .widgets_wrapper .column {
    margin-bottom: 0
}

#Sliding-top .widgets_wrapper .widget {
    margin-bottom: 0;
    padding: 15px 0
}

#Sliding-top .widgets_wrapper .widget:after {
    display: none
}

#Sliding-top a.sliding-top-control {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 45px 45px 0;
    border-color: transparent;
    position: absolute;
    z-index: 801;
    right: 0;
    bottom: -45px
}

#Sliding-top a.sliding-top-control span {
    display: block;
    width: 26px;
    height: 30px;
    line-height: 25px;
    text-align: center;
    position: absolute;
    right: -45px;
    top: 0;
    color: #fff;
    font-size: 18px
}

#Sliding-top a.sliding-top-control .minus {
    display: none
}

#Sliding-top a.sliding-top-control .plus {
    display: block
}

#Sliding-top.active a.sliding-top-control .minus {
    display: block
}

#Sliding-top.active a.sliding-top-control .plus {
    display: none
}

#Sliding-top.st-center a.sliding-top-control {
    border-color: transparent;
    border-width: 45px 45px 0;
    left: 50%;
    right: auto;
    margin-left: -22px;
    margin-right: 0
}

#Sliding-top.st-center a.sliding-top-control span {
    left: -14px;
    right: auto;
    top: -45px
}

#Sliding-top.st-left a.sliding-top-control {
    border-color: transparent;
    border-width: 45px 45px 0 0;
    left: 0;
    right: auto;
    margin-right: 0
}

#Sliding-top.st-left a.sliding-top-control span {
    left: -3px;
    right: auto;
    top: -45px
}

#Sliding-top .Recent_posts ul li .desc {
    background: rgba(0, 0, 0, .1)
}

#Sliding-top .widget_mfn_menu ul li a {
    background: rgba(0, 0, 0, .1);
    color: #ccc
}

#Sliding-top .widget_recent_entries ul li {
    background: rgba(0, 0, 0, .1)
}

#Sliding-top ul.list_mixed li:after,
#Sliding-top ul.list_check li:after,
#Sliding-top ul.list_star li:after,
#Sliding-top ul.list_idea li:after {
    background: rgba(255, 255, 255, .08)
}

#Sliding-top .widget_mfn_recent_comments ul li .date_label {
    background-color: rgba(0, 0, 0, .07)
}

#Sliding-top .widget_mfn_recent_comments ul li .date_label:after {
    border-left-color: rgba(0, 0, 0, .07)
}

.pager_wrapper {
    margin-bottom: 0
}

.pager {
    text-align: center
}

.pager .pages {
    display: inline-block;
    margin: 20px 30px 0;
    padding: 4px 3px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #f8f8f8;
    background-image: url(../../../themes/betheme/images/stripes/stripes_3_b.png)
}

.pager .pages a,
.pager .pages span.page-numbers {
    display: inline-block;
    margin: 0 1px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.pager .pages a:hover {
    text-decoration: none
}

.pager .pages a:hover,
.pager .pages a.active,
.pager .pages span.page-numbers.current {
    color: #fff
}

.pager a.next_page,
.pager a.prev_page {
    display: inline-block;
    line-height: 43px
}

.pager .pages a {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pager_lm {
    background: url(../../../themes/betheme/images/preloader.gif) no-repeat center 17px;
    text-align: center
}

.pager_lm .pager_load_more {
    margin: 20px 0
}

.pager_lm.loading {
    min-height: 49px
}

.pager_lm:not(.loading) {
    background: none
}

.page-pager,
.post-pager {
    margin-bottom: 0!important
}

.pager-single {
    text-align: center;
    background: rgba(0, 0, 0, .02);
    margin-top: 15px;
    margin-bottom: 40px
}

.pager-single span {
    height: 45px;
    line-height: 45px;
    display: inline-block;
    padding: 0 9px;
    position: relative;
    font-weight: 700
}

.pager-single a span {
    font-weight: 400
}

.pager-single span:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 1px
}

.pager-single a span:after {
    display: none
}

#Content .fixed-nav {
    display: none
}

.fixed-nav {
    position: fixed;
    bottom: 40px;
    height: 80px;
    z-index: 90
}

.fixed-nav.fixed-nav-prev {
    left: 0
}

.fixed-nav.fixed-nav-next {
    right: 0
}

.fixed-nav .arrow {
    display: block;
    width: 35px;
    height: 80px;
    font-size: 15px;
    position: relative;
    z-index: 92;
    color: #fff;
    line-height: 80px;
    text-align: center
}

.fixed-nav .photo {
    height: 80px;
    width: 80px;
    position: relative;
    z-index: 92;
    overflow: hidden;
    line-height: 0;
    background-color: #000
}

.fixed-nav .desc {
    width: 190px;
    padding: 6px 15px;
    min-height: 68px;
    background: #fff;
    z-index: 91
}

.fixed-nav .desc h6 {
    margin-bottom: 3px;
    padding-bottom: 3px;
    border-bottom-width: 1px;
    border-style: solid
}

.fixed-nav .desc i {
    display: inline-block;
    margin-right: 2px
}

.fixed-nav .desc i:before {
    margin-left: 0
}

.fixed-nav-prev .arrow,
.fixed-nav-prev .photo,
.fixed-nav-prev .desc {
    float: left
}

.fixed-nav-prev .desc {
    margin-left: -335px
}

.fixed-nav-prev:hover .desc {
    margin-left: 0
}

.fixed-nav-next .arrow,
.fixed-nav-next .photo,
.fixed-nav-next .desc {
    float: right
}

.fixed-nav-next .desc {
    margin-right: -335px
}

.fixed-nav-next:hover .desc {
    margin-right: 0
}

.fixed-nav .photo,
.fixed-nav .desc {
    transition: all .3s ease-in-out
}

.fixed-nav.format-quote .desc {
    display: none
}

.fixed-nav.format-quote .photo {
    background-color: #eee;
    position: relative;
    z-index: 91
}

.fixed-nav.format-quote .photo:after {
    content: '\e909';
    font-family: "mfn-icons";
    display: block;
    z-index: 91;
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    font-size: 40px;
    color: rgba(0, 0, 0, .1)
}

.fixed-nav.format-link .photo img {
    display: none
}

.fixed-nav.format-link .photo {
    background-color: #eee;
    position: relative;
    z-index: 91
}

.fixed-nav.format-link .photo:after {
    content: '\e8c2';
    font-family: "mfn-icons";
    display: block;
    z-index: 91;
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    font-size: 40px;
    color: rgba(0, 0, 0, .1)
}

@media only screen and (max-width:1430px) {
    .fixed-nav-prev .photo {
        position: static;
        margin-left: -115px
    }
    .fixed-nav-prev:hover .photo {
        margin-left: 0
    }
    .fixed-nav-next .photo {
        position: static;
        margin-right: -115px
    }
    .fixed-nav-next:hover .photo {
        margin-right: 0
    }
}

.fixed-nav.style-images .arrow {
    display: none
}

.fixed-nav.style-images .photo {
    background: #EEE;
    margin: 0
}

.fixed-nav.style-images .photo:before {
    font-family: 'mfn-icons';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 32px;
    color: #ccc;
    transition: color .1s ease-in-out
}

.fixed-nav.style-images:hover .photo:before {
    color: #aaa
}

.fixed-nav-prev.style-images .photo:before {
    content: '\e8b8'
}

.fixed-nav-next.style-images .photo:before {
    content: '\e916'
}

.fixed-nav.style-images .photo:after {
    display: none
}

.fixed-nav.style-images .photo img {
    position: relative;
    transition: opacity .1s ease-in-out
}

.fixed-nav.style-images:hover .photo img {
    opacity: 0
}

.fixed-nav.style-images .desc {
    display: none
}

.fixed-nav.style-arrows .arrow {
    display: none
}

.fixed-nav.style-arrows .photo {
    background: #EEE;
    margin: 0
}

.fixed-nav.style-arrows .photo:before {
    font-family: 'mfn-icons';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 32px;
    color: #ccc;
    transition: color .1s ease-in-out
}

.fixed-nav.style-arrows:hover .photo:before {
    color: #aaa
}

.fixed-nav-prev.style-arrows .photo:before {
    content: '\e8b8'
}

.fixed-nav-next.style-arrows .photo:before {
    content: '\e916'
}

.fixed-nav.style-arrows .photo:after {
    display: none
}

.fixed-nav.style-arrows .photo img {
    display: none
}

.fixed-nav.style-arrows .desc {
    display: none
}

.header-creative.tr-menu .fixed-nav .desc {
    margin: 0;
    opacity: 0
}

.header-creative.tr-menu .fixed-nav:hover .desc {
    opacity: 1
}

#Filters {
    margin-bottom: 30px
}

#Filters .filters_buttons {
    padding: 15px;
    margin: 0;
    font-size: 100%;
    background-image: url(../../../themes/betheme/images/stripes/stripes_5_b.png);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

#Filters .filters_buttons li {
    float: left;
    margin: 0 15px 0 0;
    list-style: none
}

#Filters .filters_buttons li.categories i,
#Filters .filters_buttons li.tags i {
    margin-right: 3px
}

#Filters .filters_buttons li.reset {
    float: right;
    margin-right: 0
}

#Filters .filters_wrapper {
    display: none;
    margin-top: 20px
}

#Filters .filters_wrapper ul {
    display: none;
    overflow: hidden;
    margin: 0
}

#Filters .filters_wrapper ul li {
    display: inline-block;
    width: 18.9%;
    margin: .5%;
    list-style: none
}

#Filters .filters_wrapper ul li a {
    display: block;
    padding: 7px 10px;
    background: #fff;
    border: 1px solid #F7F7F7;
    color: #858585
}

#Filters .filters_wrapper ul li a:hover,
#Filters .filters_wrapper ul li.current-cat a {
    text-decoration: none;
    color: #fff
}

#Filters .filters_wrapper ul li.close {
    width: auto!important
}

#Filters .filters_wrapper ul li.close a {
    text-align: center;
    width: 38px;
    padding: 7px 0;
    background: #8B8B8B;
    border: 1px solid #F7F7F7!important;
    color: #fff
}

#Filters .filters_wrapper ul li.close a:hover {
    background: #545454
}

#Filters .filters_wrapper li.reset-inner {
    display: none
}

#Filters.only .filters_buttons {
    display: none
}

#Filters.only .filters_wrapper {
    display: block
}

#Filters.only li.reset-inner {
    display: inline-block
}

#Filters.only li.close {
    display: none!important
}

#Filters.only-categories .categories {
    display: block
}

#Filters.only-categories .tags {
    display: none!important
}

#Filters.only-categories .authors {
    display: none!important
}

#Filters.only-tags .categories {
    display: none!important
}

#Filters.only-tags .tags {
    display: block
}

#Filters.only-tags .authors {
    display: none!important
}

#Filters.only-authors .categories {
    display: none!important
}

#Filters.only-authors .tags {
    display: none!important
}

#Filters.only-authors .authors {
    display: block
}

#Filters .filters_wrapper ul li a {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.highlight-left,
.highlight-right {
    position: relative
}

.highlight-left:after,
.highlight-right:after {
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    z-index: 1
}

.highlight-left:after {
    left: 0
}

.highlight-right:after {
    right: 0
}

.highlight-left .section_wrapper,
.highlight-right .section_wrapper {
    z-index: 2
}

@media only screen and (max-width:767px) {
    .highlight-left:after,
    .highlight-right:after {
        content: none
    }
}

body:not(.template-slider) #Header_wrapper {
    background-repeat: no-repeat;
    background-position: top center
}

body:not(.template-slider) #Header_wrapper.bg-fixed {
    background-attachment: fixed
}

#Header_wrapper {
    position: relative
}

#Header {
    position: relative
}

body:not(.template-slider) #Header {
    min-height: 250px
}

.mhb #Header_wrapper {
    background-image: none!important
}

.single-template-intro #Header {
    min-height: 0!important
}

body.minimalist-header:not(.template-slider) #Header {
    min-height: 0;
    background-image: none!important
}

body.minimalist-header.header-modern:not(.template-slider) #Header {
    min-height: 147px
}

body.minimalist-header.header-simple:not(.template-slider) #Header {
    min-height: 130px
}

body.minimalist-header.header-stack:not(.template-slider) #Header {
    min-height: 0
}

body.minimalist-header.header-fixed:not(.template-slider) #Header {
    min-height: 60px
}

body.minimalist-header.header-below:not(.template-slider) #Header {
    min-height: 90px;
    padding-top: 0
}

.minimalist-header-no #Header {
    min-height: 0!important
}

.minimalist-header-no.header-below #Header {
    padding-top: 0!important
}

#Action_bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 30;
    line-height: 21px
}

#Action_bar .column {
    margin-bottom: 0;
    overflow: hidden
}

#Action_bar .contact_details {
    float: left;
    color: rgba(255, 255, 255, .5)
}

#Action_bar .contact_details li {
    display: inline-block;
    margin-right: 10px;
    padding: 20px 0
}

#Action_bar .contact_details li>i {
    margin-right: 2px
}

#Action_bar .contact_details li:last-child {
    margin-right: 0
}

#Action_bar .social {
    float: right;
    padding: 20px 0
}

#Action_bar .social li {
    display: inline-block;
    margin-right: 6px
}

#Action_bar .social li:last-child {
    margin-right: 0
}

#Action_bar .social li a {
    color: rgba(255, 255, 255, .3);
    font-size: 15px;
    line-height: 15px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#Action_bar .social li a:hover {
    color: #fff
}

#Action_bar .social-menu {
    float: right;
    padding: 20px 0
}

#Action_bar .social-menu li {
    display: inline-block;
    margin-right: 6px;
    padding-right: 6px;
    border-right: 1px solid rgba(255, 255, 255, .1)
}

#Action_bar .social-menu li:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: 0
}

#Top_bar {
    position: absolute;
    left: 0;
    top: 61px;
    width: 100%;
    z-index: 30
}

#Top_bar .column {
    margin-bottom: 0
}

.layout-full-width.header-fw #Action_bar .container,
.layout-full-width.header-fw #Top_bar .container {
    max-width: 100%
}

#Top_bar .top_bar_left {
    position: relative;
    float: left;
    width: 990px
}

#Top_bar .logo {
    float: left;
    margin: 0 30px 0 20px
}

#Top_bar .logo h1 {
    margin: 0
}

#Top_bar .logo:not(.text-logo) h1 {
    line-height: 0;
    font-size: 0;
    margin: 0
}

#Top_bar #logo {
    display: block;
    height: 60px;
    line-height: 60px;
    padding: 15px 0
}

#Top_bar #logo:hover {
    text-decoration: none
}

#Top_bar #logo img {
    vertical-align: middle;
    max-height: 100%
}

#Top_bar #logo img.logo-sticky,
#Top_bar #logo img.logo-mobile,
#Top_bar #logo img.logo-mobile-sticky {
    display: none
}

#Top_bar .text-logo #logo {
    font-weight: 300
}

#Top_bar .logo .custom-logo-link {
    display: block;
    height: 60px;
    line-height: 60px;
    padding: 15px 0
}

#Top_bar .logo .custom-logo-link img {
    vertical-align: middle;
    max-height: 100%;
    width: auto!important
}

.logo-valign-top #Top_bar #logo img {
    vertical-align: top
}

.logo-valign-bottom #Top_bar #logo img {
    vertical-align: bottom
}

.logo-no-margin #Top_bar .logo {
    margin-left: 0!important;
    padding: 0!important
}

.logo-no-margin.header-plain #Top_bar .logo {
    margin: 0!important
}

.logo-no-margin #Header_creative .logo {
    margin-top: 0!important
}

.logo-no-margin.header-fw #Top_bar .column {
    margin: 0;
    width: 100%
}

.logo-no-sticky-padding #Top_bar.is-sticky #logo {
    padding: 0!important
}

.logo-no-sticky-padding #Top_bar.is-sticky #logo img.logo-sticky {
    max-height: 60px
}

.logo-overflow #Top_bar .logo {
    height: 60px;
    position: relative;
    z-index: 198
}

.logo-overflow #Top_bar #logo {
    height: auto!important;
    margin-top: 0!important;
    z-index: 199
}

.logo-overflow #Top_bar #logo img {
    max-height: none;
    z-index: 200
}

.logo-overflow #Top_bar.is-sticky #logo {
    height: auto!important
}

.logo-overflow #Top_bar.is-sticky #logo img.logo-sticky:not(.svg) {
    max-height: 110px
}

.logo-overflow.header-creative #Top_bar:not(.is-sticky) .logo,
.logo-overflow.header-stack #Top_bar:not(.is-sticky) .logo {
    height: auto
}

#Top_bar .menu_wrapper {
    float: left;
    z-index: 201
}

#Top_bar .secondary_menu_wrapper {
    display: none
}

#Top_bar a.responsive-menu-toggle {
    display: none;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -17px;
    width: 34px;
    height: 34px;
    text-align: center;
    border-radius: 3px;
    z-index: 200
}

#Top_bar a.responsive-menu-toggle i {
    font-size: 22px;
    line-height: 34px
}

#Top_bar a.responsive-menu-toggle span {
    float: right;
    padding: 10px 5px;
    line-height: 14px
}

#Top_bar .banner_wrapper {
    display: none
}

#Top_bar .search_wrapper {
    position: absolute;
    left: 0;
    top: 100%;
    display: none;
    z-index: 201;
    width: 100%;
    padding: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#Top_bar .search_wrapper input[type="text"] {
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    padding-left: 35px;
    background: none;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, .08)!important;
    font-size: 15px
}

#Top_bar .search_wrapper input[type="text"]:focus {
    background-color: transparent!important
}

#Top_bar .search_wrapper .icon_search,
#Top_bar .search_wrapper .icon_close {
    position: absolute;
    top: 25px;
    font-size: 22px;
    line-height: 22px;
    display: block
}

#Top_bar .search_wrapper .icon_search {
    left: 18px;
    color: rgba(0, 0, 0, .5)
}

#Top_bar .search_wrapper .icon_close {
    right: 18px;
    color: #fff;
    opacity: .3;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

#Top_bar .search_wrapper .icon_close:hover {
    right: 18px;
    opacity: 1
}

#Top_bar .top_bar_right {
    float: right;
    height: 90px;
    position: relative;
    top: -4px;
    padding: 0 10px 0 20px
}

#Top_bar .top_bar_right:before {
    content: "";
    display: block;
    height: 100%;
    width: 10px;
    position: absolute;
    left: -10px;
    top: 2px;
    box-shadow: inset 7px 0 8px -6px rgba(0, 0, 0, .15);
    -moz-transform: skewX(0deg) skewY(-25deg);
    -webkit-transform: skewX(0deg) skewY(-25deg);
    -o-transform: skewX(0deg) skewY(-25deg);
    -ms-transform: skewX(0deg) skewY(-25deg);
    transform: skewX(0deg) skewY(-25deg)
}

.ie #Top_bar .top_bar_right:before {
    width: 11px
}

#Top_bar .top_bar_right_wrapper {
    position: relative;
    top: 25px
}

#Top_bar a#header_cart {
    position: relative;
    top: 9px;
    display: block;
    float: left;
    font-size: 22px;
    line-height: 22px;
    margin-right: 5px
}

#Top_bar a#header_cart span {
    position: relative;
    right: 9px;
    top: -10px;
    display: inline-block;
    width: 17px;
    height: 17px;
    line-height: 17px;
    text-align: center;
    font-size: 11px;
    color: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

#Top_bar a#search_button {
    position: relative;
    top: 8px;
    display: block;
    float: left;
    font-size: 23px;
    line-height: 22px;
    margin-right: 5px;
    margin-left: -10px
}

#Top_bar a#search_button.has-input input {
    display: inline-block;
    margin: -5px 0 0;
    padding: 8px;
    position: relative;
    top: -2px;
    width: 130px
}

#Top_bar a.action_button {
    top: -2px;
    margin: 0 5px
}

a.action_button {
    background-color: #f7f7f7;
    color: #747474
}

.button-stroke a.action_button:hover {
    background-color: #747474!important;
    color: #fff
}

#Top_bar .wpml-languages {
    display: block;
    float: left;
    position: relative;
    z-index: 210;
    margin-right: 10px;
    font-size: 13px;
    line-height: 21px
}

#Top_bar .wpml-languages a.active {
    display: block;
    padding: 10px 6px 10px 10px;
    height: 17px;
    border: 1px solid rgba(0, 0, 0, .1);
    -webkit-border-radius: 5px;
    border-radius: 5px
}

#Top_bar .wpml-languages.disabled a.active {
    padding-right: 10px
}

#Top_bar .wpml-languages a.active i {
    font-size: 14px;
    line-height: 14px;
    margin: 0 0 0 5px
}

#Top_bar .wpml-languages a.active i:before {
    margin: 0
}

#Top_bar .wpml-languages a:hover.active {
    text-decoration: none
}

#Top_bar .wpml-languages.enabled:hover a.active {
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    border-bottom: 0
}

#Top_bar .wpml-languages ul.wpml-lang-dropdown {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    z-index: 205;
    overflow: hidden;
    display: none;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, .1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#Top_bar .wpml-languages ul.wpml-lang-dropdown li {
    border-bottom: 1px solid rgba(0, 0, 0, .05)
}

#Top_bar .wpml-languages ul.wpml-lang-dropdown li:last-child {
    border-bottom: 0
}

#Top_bar .wpml-languages ul.wpml-lang-dropdown li a {
    font-size: 12px;
    display: block;
    text-align: center;
    padding: 4px 0;
    opacity: .75
}

#Top_bar .wpml-languages ul.wpml-lang-dropdown li a:hover {
    text-decoration: none;
    opacity: 1
}

#Top_bar .wpml-languages:hover {
    height: auto
}

#Top_bar .wpml-languages:hover ul.wpml-lang-dropdown {
    display: block
}

#Top_bar .wpml-languages a.active,
#Top_bar .wpml-languages ul.wpml-lang-dropdown {
    background: #fff
}

#Top_bar .wpml-languages.horizontal {
    display: block;
    padding: 8px 10px;
    border: 1px solid #e8e8e8;
    background: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

#Top_bar .wpml-languages.horizontal ul li {
    float: left;
    margin-right: 6px
}

#Top_bar .wpml-languages.horizontal ul li:last-child {
    margin-right: 0
}

#Top_bar #menu {
    z-index: 201
}

#Top_bar .menu {
    z-index: 202
}

#Top_bar .menu.menu-mobile {
    display: none
}

#Top_bar .menu>li {
    margin: 0;
    z-index: 203;
    display: block;
    float: left
}

#Top_bar .menu>li:not(.mfn-megamenu-parent) {
    position: relative
}

#Top_bar .menu>li.hover {
    z-index: 204
}

#Top_bar .menu>li>a {
    display: block;
    line-height: 60px;
    padding: 15px 0;
    position: relative
}

#Top_bar .page-menu>li>a {
    padding: 15px 20px
}

#Top_bar .menu>li>a:after {
    content: "";
    height: 4px;
    width: 100%;
    position: absolute;
    left: 0;
    top: -4px;
    z-index: 203;
    opacity: 0
}

#Top_bar .menu>li>a span:not(.description) {
    display: block;
    line-height: 60px;
    padding: 0 20px;
    white-space: nowrap;
    border-right-width: 1px;
    border-style: solid
}

#Top_bar .menu>li>a span.description {
    font-size: 11px;
    line-height: 12px!important;
    margin: -12px -15px 0;
    color: #aaa;
    font-weight: 300;
    text-align: center;
    display: block
}

#Top_bar .menu>li>a span>span:not(.description) {
    display: inline!important;
    padding: 0!important
}

#Top_bar .menu>li:last-child>a span {
    border: 0
}

#Top_bar .menu>li>a:hover {
    text-decoration: none
}

.menuo-arrows #Top_bar .menu>li.submenu>a>span:not(.description) {
    padding-right: 30px
}

.menuo-arrows #Top_bar .menu>li.submenu>a>span:not(.description):after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -2px;
    border-top: 5px solid #ccc;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    opacity: .6
}

#Top_bar .menu>li>a,
#Top_bar .menu>li>a:after,
.menuo-arrows #Top_bar .menu>li.submenu>a>span:not(.description)::after {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#Top_bar .menu>li.current-menu-item>a:after,
#Top_bar .menu>li.current_page_item>a:after,
#Top_bar .menu>li.current-menu-parent>a:after,
#Top_bar .menu>li.current-page-parent>a:after,
#Top_bar .menu>li.current-menu-ancestor>a:after,
#Top_bar .menu>li.current_page_ancestor>a:after,
#Top_bar .menu>li.hover>a:after {
    opacity: 1
}

#Top_bar .menu.page-menu>li>a {
    border-right: 1px solid rgba(0, 0, 0, .05);
    margin: 15px 0;
    padding: 0 20px
}

#Top_bar .menu.page-menu>li:last-child>a {
    border-right: none
}

#Top_bar .menu.page-menu>li>a:after {
    display: none
}

#Top_bar.is-sticky .menu_wrapper .menu.page-menu>li>a {
    margin: 0;
    padding-left: 20px;
    padding-right: 20px
}

#Top_bar .menu li ul {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 205;
    margin: 0;
    display: none;
    background-image: url(../../../themes/betheme/images/box_shadow.png);
    background-repeat: repeat-x;
    background-position: left top
}

#Top_bar .menu li>ul {
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, .03);
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, .03)
}

#Top_bar .menu li ul li {
    padding: 0;
    width: 200px;
    position: relative;
    font-weight: 400
}

#Top_bar .menu li ul li a {
    padding: 10px 20px;
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, .05)
}

#Top_bar .menu li ul li a span {
    display: inline-block;
    position: relative
}

#Top_bar .menu li ul li a .menu-arrow {
    position: absolute;
    right: 7px;
    top: 11px;
    font-size: 12px;
    color: rgba(0, 0, 0, .35)
}

#Top_bar .menu>li ul li a:hover,
#Top_bar .menu>li ul li.hover>a {
    text-decoration: none;
    background: rgba(0, 0, 0, .06)
}

.menuo-sub-active #Top_bar .menu>li ul li.current-menu-item>a,
.menuo-sub-active #Top_bar .menu>li ul li.current-menu-ancestor>a {
    background: rgba(0, 0, 0, .06)
}

#Top_bar .menu li ul li.wpml-ls-item {
    width: auto
}

#Top_bar .menu li ul li.wpml-ls-item a {
    padding-right: 20px;
    white-space: nowrap
}

#Top_bar .menu li ul li ul {
    position: absolute;
    left: 200px;
    top: 0;
    z-index: 204
}

.menuo-last #Top_bar .menu>li.last ul:not(.mfn-megamenu) {
    right: 0;
    left: auto;
    -webkit-box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, .03);
    box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, .03)
}

.menuo-last #Top_bar .menu>li.last ul:not(.mfn-megamenu) li ul {
    right: 200px
}

#Top_bar .menu li ul li a {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

#Header #menu-secondary-menu {
    z-index: 220
}

#Header .secondary-menu {
    z-index: 221
}

#Header .secondary-menu>li {
    margin: 0;
    z-index: 222;
    display: block;
    float: left;
    position: relative;
    padding: 8px 9px;
    line-height: 100%;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

#Header .secondary-menu>li.submenu {
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

#Header .secondary-menu>li>a {
    display: block
}

#Header .secondary-menu>li>a:hover {
    text-decoration: none
}

#Header .secondary-menu li ul {
    position: absolute;
    left: 0;
    padding: 7px;
    top: 100%;
    z-index: 223;
    margin: 0;
    display: none;
    -webkit-border-radius: 0 4px 4px 4px;
    border-radius: 0 4px 4px 4px
}

#Header .secondary-menu li ul li:last-child {
    border-bottom: 0
}

#Header .secondary-menu li ul li a {
    display: block;
    text-align: center;
    white-space: nowrap;
    padding: 6px 8px
}

#Header .secondary-menu li ul li a:hover {
    text-decoration: none
}

#Header .secondary-menu>li>a {
    color: #A8A8A8
}

#Header .secondary-menu>li.hover,
#Header .secondary-menu li ul {
    background: #F9F9F9
}

#Header .secondary-menu li ul li {
    border-bottom: 1px solid rgba(0, 0, 0, .05)
}

#Header .secondary-menu li ul li a {
    color: #8B8B8B
}

#Header .secondary-menu li ul li a:hover {
    color: #5F5F5F;
    background: rgba(255, 255, 255, .8)
}

.tr-menu .top_bar_left {
    background-color: transparent!important
}

.tr-menu .top_bar_right,
.tr-menu .top_bar_right:before {
    background: none!important
}

.header-classic #Header .top_bar_left,
.header-classic #Header .top_bar_right {
    background-color: transparent
}

.header-classic #Top_bar {
    position: static;
    background-color: #fff
}

.header-classic #Top_bar .top_bar_right {
    top: 0
}

.header-classic #Top_bar .top_bar_right:before {
    display: none
}

.header-classic #Action_bar {
    position: static;
    background-color: #2C2C2C
}

.header-classic #Action_bar .contact_details li,
.header-classic #Action_bar .social,
.header-classic #Action_bar .social-menu {
    padding: 12px 0
}

@media only screen and (min-width:768px) {
    .header-fixed #Action_bar {
        position: fixed;
        top: 0;
        left: 0;
        background-color: #2c2c2c
    }
    .header-fixed #Action_bar .contact_details li,
    .header-fixed #Action_bar .social,
    .header-fixed #Action_bar .social-menu {
        padding: 5px 0
    }
    .header-fixed #Top_bar {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0!important;
        z-index: 701;
        background: #fff;
        opacity: .97;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1)
    }
    .header-fixed.ab-show #Top_bar {
        top: 31px!important
    }
    .header-fixed #Top_bar .top_bar_right {
        top: 1px
    }
    .header-fixed #Top_bar .top_bar_left,
    .header-fixed #Top_bar .top_bar_right,
    .header-fixed #Top_bar .top_bar_right:before {
        background: none
    }
    .header-fixed #Top_bar .logo {
        width: auto;
        margin: 0 30px 0 20px;
        padding: 0
    }
    .header-fixed #Top_bar #logo,
    .header-fixed #Top_bar .custom-logo-link {
        padding: 5px 0;
        height: 50px;
        line-height: 50px
    }
    .header-fixed #Top_bar .menu_wrapper {
        clear: none
    }
    .header-fixed #Top_bar .menu>li>a {
        padding: 15px 0
    }
    .header-fixed #Top_bar .menu>li>a,
    .header-fixed #Top_bar .menu>li>a span {
        line-height: 30px
    }
    .header-fixed #Top_bar .menu>li>a:after {
        top: auto;
        bottom: -4px
    }
    .header-fixed #Top_bar .menu>li>a span.description {
        margin-top: -5px;
        margin-bottom: -7px
    }
    .header-fixed #Top_bar .secondary_menu_wrapper {
        display: none
    }
    .tr-menu.header-fixed #Top_bar:not(.is-sticky) {
        background: none!important;
        box-shadow: 0 0 0 0 transparent
    }
    .tr-menu.header-fixed.minimalist-header:not(.template-slider) #Header {
        min-height: 91px
    }
    .header-fixed.admin-bar #Action_bar {
        top: 32px
    }
    .header-fixed.woocommerce-demo-store #Action_bar {
        top: 45px
    }
    .header-fixed.admin-bar.woocommerce-demo-store #Action_bar {
        top: 77px
    }
    .header-fixed.admin-bar #Top_bar {
        top: 32px!important
    }
    .header-fixed.woocommerce-demo-store #Top_bar {
        top: 45px!important
    }
    .header-fixed.admin-bar.woocommerce-demo-store #Top_bar {
        top: 77px!important
    }
    .header-fixed.admin-bar.ab-show #Top_bar {
        top: 63px!important
    }
    .header-fixed.woocommerce-demo-store.ab-show #Top_bar {
        top: 76px!important
    }
    .header-fixed.admin-bar.woocommerce-demo-store.ab-show #Top_bar {
        top: 108px!important
    }
}

.header-below #Header .top_bar_left,
.header-below #Header .top_bar_right {
    background-color: transparent
}

body.header-below:not(.template-slider) #Header {
    min-height: 90px;
    padding-top: 160px
}

.header-below #Top_bar {
    position: static;
    background-color: #fff
}

.header-below #Top_bar .top_bar_right {
    top: 0
}

.header-below #Top_bar .top_bar_right:before {
    display: none
}

.header-below #Action_bar {
    position: static
}

.header-plain #Top_bar {
    border-bottom-width: 1px;
    border-style: solid;
    position: static
}

.header-plain.layout-boxed #Top_bar .container {
    max-width: 100%
}

.header-plain #Top_bar .one.column {
    width: 100%;
    margin: 0
}

.header-plain #Header .top_bar_left,
.header-plain #Header .top_bar_right {
    background-color: transparent
}

.header-plain #Top_bar .top_bar_right,
.header-plain #Top_bar .top_bar_right_wrapper {
    top: 0
}

.header-plain #Top_bar .top_bar_right:before {
    display: none
}

.header-plain #Action_bar {
    position: static
}

.header-plain #Action_bar .contact_details li,
.header-plain #Action_bar .social,
.header-plain #Action_bar .social-menu {
    padding: 12px 0
}

.header-plain #Top_bar #logo,
.header-plain #Top_bar .custom-logo-link {
    height: 50px;
    line-height: 50px
}

.header-plain #Top_bar .menu_wrapper {
    float: right
}

.header-plain #Top_bar .menu>li>a {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.header-plain #Top_bar .menu>li>a:after {
    display: none
}

.header-plain #Top_bar .menu>li>a span:not(.description) {
    line-height: 80px;
    padding: 0 30px
}

.header-plain #Top_bar .menu>li:first-child>a span:not(.description) {
    border-left-width: 1px
}

.header-plain #Top_bar .top_bar_right {
    height: 80px;
    padding: 0;
    margin-left: -1px
}

.header-plain.menu-highlight #Top_bar .menu>li,
.header-plain.menu-highlight #Top_bar .menu>li>a {
    margin: 0
}

.header-plain #Top_bar a#header_cart,
.header-plain #Top_bar a#search_button {
    margin-right: 0;
    top: 0;
    border-left-width: 1px;
    border-style: solid
}

.header-plain #Top_bar a#header_cart span {
    margin-right: -9px
}

.header-plain #Top_bar .wpml-languages {
    top: 0;
    margin: 0;
    padding: 0 25px;
    line-height: 80px;
    border-left-width: 1px;
    border-style: solid
}

.header-plain #Top_bar .wpml-languages a.active {
    border: 0;
    padding: 0;
    height: auto
}

.header-plain #Top_bar .wpml-languages ul.wpml-lang-dropdown li a {
    line-height: 40px
}

.header-plain #Top_bar .wpml-languages a.active {
    background: none
}

.header-plain #Top_bar .wpml-languages ul.wpml-lang-dropdown {
    border: 0;
    border-radius: 0
}

.header-plain #Top_bar a#header_cart,
.header-plain #Top_bar a#search_button {
    padding: 0 25px;
    line-height: 80px;
    margin-left: 0
}

.header-plain #Top_bar a.action_button {
    margin: 0;
    top: 0;
    line-height: 90px;
    padding: 0 30px;
    border-radius: 0;
    border-left: 1px solid #F2F2F2
}

.header-plain.button-stroke #Top_bar a.action_button {
    border-width: 0 0 0 1px;
    background-color: #f7f7f7
}

.header-plain #Top_bar.is-sticky .menu>li>a span:not(.description) {
    line-height: 60px!important
}

.header-plain #Top_bar.is-sticky .top_bar_right {
    padding: 0;
    height: 60px;
    top: 0
}

.header-plain #Top_bar.is-sticky a#header_cart,
.header-plain #Top_bar.is-sticky a#search_button {
    padding: 0 25px;
    line-height: 60px
}

.header-plain #Top_bar.is-sticky .wpml-languages {
    padding: 0 25px;
    height: 60px;
    line-height: 60px
}

.header-plain #Top_bar.is-sticky .wpml-languages {
    top: 0
}

.header-plain #Top_bar.is-sticky a.action_button {
    line-height: 60px
}

.header-plain #Action_bar {
    background-color: #2C2C2C
}

.header-plain #Top_bar {
    background-color: #fff
}

.header-plain #Top_bar,
.header-plain #Top_bar .menu>li>a span:not(.description),
.header-plain #Top_bar a#header_cart,
.header-plain #Top_bar a#search_button,
.header-plain #Top_bar .wpml-languages {
    border-color: #f2f2f2
}

.header-split #Header .top_bar_left {
    width: 100%!important
}

.header-split #Header .top_bar_left,
.header-split #Header .top_bar_right {
    background-color: transparent
}

.header-split #Header .top_bar_left .menu_wrapper {
    width: 100%
}

.header-split #Header .top_bar_left .menu_left {
    float: left;
    width: 38%;
    text-align: center
}

.header-split #Header .top_bar_left .menu_right {
    float: right;
    width: 38%;
    text-align: center
}

.header-split #Header .top_bar_left .menu>li {
    display: inline-block;
    float: none
}

.header-split #Header .top_bar_left .menu li ul li a {
    padding: 10px
}

.header-split #Header .top_bar_left .logo {
    width: 100%;
    margin: 0;
    text-align: center
}

@media only screen and (min-width:1240px) {
    .header-split #Header .top_bar_left .logo {
        position: absolute;
        left: 38%;
        width: 24%
    }
}

.header-split #Top_bar .top_bar_right {
    position: absolute;
    top: 0;
    right: -28px;
    padding: 0
}

.header-split #Top_bar a.action_button,
.header-split #Top_bar a#header_cart,
.header-split #Top_bar .wpml-languages {
    display: none
}

.header-split #Top_bar .top_bar_right:before {
    display: none
}

.header-split #Top_bar {
    position: static;
    background-color: #fff
}

.header-split #Action_bar {
    position: static;
    background-color: #2C2C2C
}

.header-split #Action_bar .contact_details li,
.header-split #Action_bar .social,
.header-split #Action_bar .social-menu {
    padding: 12px 0
}

.header-stack #Top_bar:not(.is-sticky) .top_bar_left {
    width: 100%!important
}

.header-stack #Header .top_bar_left,
.header-stack #Header .top_bar_right {
    background-color: transparent
}

.header-stack #Top_bar {
    position: static;
    background-color: #fff
}

.header-stack #Top_bar .logo {
    width: 100%;
    margin: 0;
    padding: 0 30px;
    text-align: left;
    border-bottom-width: 1px;
    border-style: solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.header-stack.header-center #Top_bar .logo {
    text-align: center
}

.header-stack.header-center #Top_bar .menu_wrapper {
    text-align: center;
    line-height: 0
}

.header-stack.header-center #Top_bar #menu {
    line-height: 21px;
    line-height: initial;
    text-align: left;
    text-align: initial
}

.header-stack.header-center #Top_bar:not(.is-sticky) .menu_wrapper {
    width: 100%
}

.header-stack.header-right #Top_bar .logo {
    text-align: right
}

.header-stack #Top_bar .logo #logo,
.header-stack #Top_bar .logo .custom-logo-link {
    display: inline-block;
    height: auto
}

.header-stack #Top_bar .menu_wrapper {
    clear: both
}

.header-stack #Top_bar .menu_wrapper .menu>li>a {
    padding: 0
}

.header-stack #Top_bar .menu>li>a span.description {
    margin-bottom: 10px
}

.header-stack #Top_bar .top_bar_right {
    position: absolute;
    right: 0;
    bottom: 0;
    top: auto;
    height: 60px
}

.header-stack #Top_bar .top_bar_right_wrapper {
    top: 10px
}

.header-stack #Top_bar .top_bar_right:before {
    display: none
}

.header-stack #Top_bar .secondary_menu_wrapper {
    position: absolute;
    right: 20px;
    top: 35px;
    display: block
}

.header-stack.header-right #Top_bar .secondary_menu_wrapper {
    left: 20px;
    right: auto
}

.header-stack #Action_bar {
    position: static;
    background-color: #2C2C2C
}

.header-stack #Action_bar .contact_details li,
.header-stack #Action_bar .social,
.header-stack #Action_bar .social-menu {
    padding: 12px 0
}

body.header-stack:not(.template-slider) #Header {
    min-height: 315px
}

.header-magazine #Top_bar .logo {
    width: auto;
    border: 0
}

.header-magazine #Top_bar .top_bar_right:before {
    display: none
}

.header-magazine #Top_bar .secondary_menu_wrapper {
    display: none
}

.header-magazine #Top_bar .banner_wrapper {
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 468px;
    height: 60px;
    text-align: right;
    z-index: 2
}

.header-magazine #Top_bar .banner_wrapper a {
    display: block;
    line-height: 0
}

.header-magazine #Top_bar .banner_wrapper img {
    display: inline-block;
    max-width: 100%;
    height: auto;
    max-height: 60px
}

.header-simple #Top_bar .top_bar_left {
    width: 100%!important;
    background: none
}

.header-simple #Top_bar:not(.is-sticky) .top_bar_left {
    top: -60px
}

.header-simple.ab-show #Top_bar:not(.is-sticky) .top_bar_left {
    top: 0
}

.header-simple #Top_bar .top_bar_right,
.header-simple #Top_bar .top_bar_right:before {
    display: none
}

.header-simple #Top_bar .menu>li>a span.description {
    margin: 0 0 0 5px
}

.header-simple.ab-hide #Action_bar {
    display: none
}

.header-empty #Header {
    position: static;
    min-height: 0!important
}

.header-empty #Subheader {
    display: none
}

.header-empty #Content {
    padding: 0!important
}

.header-transparent #Top_bar .top_bar_left,
.header-transparent #Top_bar .top_bar_right,
.header-transparent #Top_bar .top_bar_right:before {
    background: none;
    box-shadow: unset
}

.header-transparent #Top_bar .top_bar_right {
    top: 0
}

.header-transparent #Top_bar #logo,
.header-transparent #Top_bar .custom-logo-link {
    padding: 0
}

.header-transparent #Top_bar .menu>li>a span {
    border-color: rgba(0, 0, 0, .03)
}

.header-transparent #Top_bar .menu li>ul:not(.mfn-megamenu-bg) {
    background-image: none
}

.header-transparent.ab-hide #Top_bar {
    top: 0
}

.header-transparent #Top_bar.is-sticky .menu_wrapper .menu>li>a {
    padding: 0
}

.header-transparent #Top_bar.is-sticky .menu>li>a span:not(.description) {
    line-height: 60px
}

.header-overlay.ab-hide #Top_bar {
    top: 40px
}

.header-overlay #Top_bar #logo,
.header-overlay #Top_bar .custom-logo-link {
    height: auto
}

.header-overlay .top_bar_right {
    display: none
}

.header-overlay .overlay-menu-toggle {
    position: absolute;
    right: 40px;
    top: 40px;
    height: 45px;
    width: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 29px;
    z-index: 9911
}

.header-overlay .overlay-menu-toggle.focus {
    color: #fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.header-overlay .overlay-menu-toggle .close {
    display: none
}

.header-overlay .overlay-menu-toggle.focus .open {
    display: none
}

.header-overlay .overlay-menu-toggle.focus .close {
    display: block
}

.header-overlay.sticky-header .overlay-menu-toggle {
    position: fixed;
    margin-right: 10px
}

#Overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9910;
    background: rgba(41, 145, 214, .95);
    display: none
}

#overlay-menu {
    position: absolute;
    width: 700px;
    left: 50%;
    margin-left: -350px;
    top: 50%;
    margin-top: -150px
}

#overlay-menu .menu.menu-mobile {
    display: none
}

#overlay-menu ul li {
    text-align: center
}

#overlay-menu ul li a {
    color: #fff;
    font-size: 34px;
    line-height: 52px;
    letter-spacing: 3px;
    text-decoration: none
}

#overlay-menu ul li a:hover {
    opacity: .8
}

#overlay-menu ul li a:before,
#overlay-menu ul li a:after {
    display: inline-block;
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s, opacity .2s;
    -moz-transition: -moz-transform 0.3s, opacity .2s;
    transition: transform 0.3s, opacity .2s
}

#overlay-menu ul li a:before {
    margin-right: 20px;
    content: '[';
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    transform: translateX(20px)
}

#overlay-menu ul li a:after {
    margin-left: 20px;
    content: ']';
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    transform: translateX(-20px)
}

#overlay-menu ul li a:hover:before,
#overlay-menu ul li a:hover:after,
#overlay-menu ul li a:hover:before,
#overlay-menu ul li a:hover:after {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0)
}

#body_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background: rgba(0, 0, 0, .6);
    z-index: 9002;
    display: none
}

body.mobile-side-slide {
    position: relative;
    overflow-x: visible
}

#Side_slide {
    display: block;
    position: fixed;
    top: 0;
    right: -250px;
    max-width: 100%;
    width: 250px;
    height: 100%;
    overflow: auto;
    border-bottom-width: 60px;
    border-bottom-style: solid;
    z-index: 99999;
    z-index: 100000
}

#Side_slide.left {
    left: -250px;
    right: auto
}

#Side_slide .close-wrapper {
    height: 60px
}

#Side_slide .close-wrapper a.close {
    height: 34px;
    width: 34px;
    display: block;
    float: right;
    margin: 13px 13px 0 0
}

#Side_slide .close-wrapper a.close i {
    font-size: 22px;
    line-height: 34px
}

#Side_slide .extras {
    padding: 0 20px
}

#Side_slide .extras .action_button {
    float: none;
    width: 100%;
    margin: 0 0 20px;
    text-align: center;
    text-decoration: none
}

#Side_slide .extras .extras-wrapper {
    text-align: center
}

#Side_slide .extras .extras-wrapper a {
    display: inline-block;
    text-decoration: none;
    vertical-align: middle;
    padding: 5px;
    margin-bottom: 20px;
    line-height: 22px
}

#Side_slide .extras .extras-wrapper .icon {
    font-size: 22px
}

#Side_slide .extras .extras-wrapper .cart {
    position: relative
}

#Side_slide .extras .extras-wrapper .cart span {
    position: absolute;
    top: 0;
    left: 31px;
    font-size: 11px;
    border-radius: 2px
}

#Side_slide .extras .extras-wrapper a.lang-active img {
    position: relative;
    top: 2px
}

#Side_slide .extras .extras-wrapper a.lang-active i:before {
    width: auto;
    margin-left: 5px
}

#Side_slide #menu {
    display: block!important;
    margin-bottom: 20px;
    max-height: none!important
}

#Side_slide #menu ul {
    width: 100%!important
}

#Side_slide #menu ul li {
    width: 100%;
    position: relative;
    border-top: 1px solid rgba(255, 255, 255, .03)
}

#Side_slide #menu>ul:last-child>li:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, .03)
}

#Side_slide #menu ul li a {
    display: block;
    padding: 11px 5px 10px 20px;
    margin-right: 50px;
    text-decoration: none;
    line-height: 19px
}

#Side_slide #menu ul li a span.description {
    display: block;
    opacity: .5
}

#Side_slide #menu ul li a .menu-arrow {
    display: none
}

#Side_slide #menu ul li ul {
    display: none;
    background: rgba(255, 255, 255, .025)
}

#Side_slide #menu ul li ul li a {
    padding-left: 35px
}

#Side_slide #menu ul li ul li ul li a {
    padding-left: 50px
}

#Side_slide #menu ul li.submenu .menu-toggle {
    display: block;
    position: absolute;
    right: 5px;
    top: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
    font-weight: 100;
    text-align: center;
    cursor: pointer;
    opacity: .5
}

#Side_slide #menu ul li.submenu .menu-toggle:after {
    content: "+"
}

#Side_slide #menu ul li.hover>.menu-toggle {
    opacity: 1
}

#Side_slide #menu ul li.hover>.menu-toggle:after {
    content: "-"
}

#Side_slide #menu ul.mfn-megamenu-bg {
    background-image: none!important
}

#Side_slide #menu ul.mfn-megamenu li .menu-toggle {
    display: none
}

#Side_slide #menu ul.mfn-megamenu>li>ul {
    display: block!important
}

#Side_slide #menu ul.mfn-megamenu>li>ul:first-child {
    background-color: transparent
}

#Side_slide #menu ul.mfn-megamenu>li>ul:first-child>li:first-child {
    border-top-width: 0
}

#Side_slide .menu.menu-mobile {
    display: none
}

#Side_slide .lang-wrapper {
    margin-bottom: 20px;
    text-align: center;
    display: none
}

#Side_slide .lang-wrapper ul li {
    border-top: 1px solid rgba(255, 255, 255, .03)
}

#Side_slide .lang-wrapper ul li:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, .03)
}

#Side_slide .lang-wrapper ul li a {
    display: block;
    padding: 11px 20px 10px 20px;
    text-decoration: none;
    line-height: 19px
}

#Side_slide .search-wrapper {
    margin-bottom: 20px;
    position: relative;
    display: none
}

#Side_slide .search-wrapper input.field {
    width: 100%;
    background: none!important;
    border-width: 1px 0 1px 0;
    border-color: rgba(255, 255, 255, .05);
    line-height: 20px;
    padding: 10px 55px 10px 20px;
    box-sizing: border-box;
    box-shadow: 0 0 0 0 transparent
}

#Side_slide .search-wrapper a.submit {
    position: absolute;
    top: 0;
    right: 5px;
    font-size: 20px;
    padding: 10px
}

#Side_slide .social {
    text-align: center;
    margin: 0 20px 13px
}

#Side_slide .social li {
    display: inline-block
}

#Side_slide .social li a {
    display: block;
    padding: 3px 5px;
    text-decoration: none
}

#Side_slide.hide-button .extras .action_button {
    display: none
}

#Side_slide.hide-icons .extras .extras-wrapper {
    display: none
}

#Side_slide.hide-social .social {
    display: none!important
}

#Side_slide {
    background-color: #191919;
    border-color: #191919
}

#Side_slide,
#Side_slide .search-wrapper input.field,
#Side_slide a:not(.action_button),
#Side_slide #menu ul li.submenu .menu-toggle {
    color: #a6a6a6
}

#Side_slide a:not(.action_button):hover,
#Side_slide a.active,
#Side_slide #menu ul li.hover>.menu-toggle {
    color: #fff
}

#Side_slide #menu ul li.current-menu-item>a,
#Side_slide #menu ul li.current_page_item>a,
#Side_slide #menu ul li.current-menu-parent>a,
#Side_slide #menu ul li.current-page-parent>a,
#Side_slide #menu ul li.current-menu-ancestor>a,
#Side_slide #menu ul li.current-page-ancestor>a,
#Side_slide #menu ul li.current_page_ancestor>a,
#Side_slide #menu ul li.hover>a,
#Side_slide #menu ul li:hover>a {
    color: #fff
}

#Side_slide.light #menu ul li {
    border-top-color: rgba(0, 0, 0, .03)
}

#Side_slide.light #menu>ul:last-child>li:last-child {
    border-bottom-color: rgba(0, 0, 0, .03)
}

#Side_slide.light #menu ul li ul {
    background: rgba(0, 0, 0, .02)
}

#Side_slide.light .lang-wrapper ul li {
    border-top-color: rgba(0, 0, 0, .03)
}

#Side_slide.light .lang-wrapper ul li:last-child {
    border-bottom-color: rgba(0, 0, 0, .03)
}

#Side_slide.light .search-wrapper input.field {
    border-color: rgba(0, 0, 0, .05)
}

#Subheader {
    background-color: rgba(0, 0, 0, .02);
    background-position: center top;
    background-repeat: no-repeat;
    padding: 30px 0;
    position: relative
}

.subheader-transparent #Subheader {
    background: none
}

.hide-title-area #Subheader {
    display: none
}

#Subheader .column {
    margin-bottom: 0
}

#Subheader .title {
    margin-bottom: 0;
    width: 70%;
    float: left
}

#Subheader ul.breadcrumbs {
    display: block;
    width: 30%;
    margin: 1px 0 0;
    font-size: 1em!important;
    float: right;
    text-align: right
}

#Subheader ul.breadcrumbs li {
    display: inline-block
}

#Subheader ul.breadcrumbs li,
#Subheader ul.breadcrumbs li a {
    color: rgba(0, 0, 0, .3)
}

#Subheader ul.breadcrumbs li span {
    margin: 0 10px;
    opacity: .4
}

#Subheader:after {
    content: "";
    height: 3px;
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    bottom: -3px;
    z-index: 1;
    box-shadow: inset 0 4px 3px -2px rgba(0, 0, 0, .06)
}

#Subheader ul.woocommerce-breadcrumb li:last-child span {
    display: none
}

.subheader-title-right #Subheader .title {
    float: right;
    text-align: right
}

.subheader-title-right #Subheader .breadcrumbs {
    float: left;
    text-align: left
}

.subheader-both-left #Subheader .title {
    width: 100%
}

.subheader-both-left #Subheader .breadcrumbs {
    width: 100%;
    text-align: left;
    margin-top: 10px
}

.subheader-both-right #Subheader .title {
    width: 100%;
    text-align: right
}

.subheader-both-right #Subheader .breadcrumbs {
    width: 100%;
    text-align: right;
    margin-top: 10px
}

.subheader-both-center #Subheader .title {
    width: 100%;
    text-align: center
}

.subheader-both-center #Subheader .breadcrumbs {
    width: 100%;
    text-align: center;
    margin-top: 10px
}

#Intro {
    text-align: center;
    position: relative;
    background-color: #000119;
    background-position: center top
}

#Intro .intro-inner {
    position: relative;
    padding: 250px 10%
}

#Intro .intro-title {
    margin-bottom: 20px;
    word-wrap: break-word
}

#Intro .intro-meta>div {
    display: inline-block;
    margin: 0 10px
}

#Intro .intro-next {
    cursor: pointer;
    font-size: 38px;
    height: 50px;
    left: 50%;
    bottom: 30px;
    line-height: 50px;
    margin: 0 0 0 -25px;
    position: absolute;
    text-align: center;
    width: 50px;
    z-index: 1;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#Intro.parallax {
    overflow: hidden
}

#Intro.parallax .mfn-parallax {
    position: absolute;
    left: 0;
    top: 0;
    max-width: auto!important;
    transition: opacity .2s
}

#Intro .intro-title {
    color: #fff
}

#Intro .intro-meta,
#Intro .intro-meta a {
    color: rgba(255, 255, 255, .7)
}

#Intro .intro-next {
    color: rgba(255, 255, 255, .2)
}

#Intro .intro-next:hover {
    color: rgba(255, 255, 255, .5)
}

#Intro.light .intro-title {
    color: #212121
}

#Intro.light .intro-meta,
#Intro.light .intro-meta a {
    color: rgba(33, 33, 33, .7)
}

#Intro.light .intro-next {
    color: rgba(33, 33, 33, .2)
}

#Intro.light .intro-next:hover {
    color: rgba(33, 33, 33, .5)
}

.post-item {
    margin-bottom: 40px;
    position: relative;
    float: left;
    width: 100%
}

.post-item .date_label {
    position: absolute;
    left: 0;
    top: 7px;
    display: none
}

.post-photo-wrapper {
    width: 37%;
    float: left
}

.post-photo-wrapper iframe {
    width: 100%
}

.post-desc-wrapper {
    width: 63%;
    float: left
}

.post-desc {
    padding: 15px 0 0 20px
}

.post.no-img .post-photo-wrapper {
    display: none
}

.post.no-img .post-desc-wrapper {
    width: 100%
}

.search-results .no-img .post-desc {
    padding-left: 0
}

.search-results .no-img .post-desc-wrapper {
    width: 100%
}

.post-meta {
    margin-bottom: 8px
}

.post-meta .author-date {
    float: left
}

.post-meta .author-date a {
    border-bottom-width: 1px;
    border-style: dotted;
    text-decoration: none!important
}

.post-meta .category {
    float: right;
    position: relative
}

.post-meta .category.mata-tags {
    margin-right: 10px
}

.post-meta .category .cat-btn {
    cursor: pointer
}

.post-meta .category .cat-wrapper {
    position: absolute;
    right: 0;
    top: 100%;
    display: none;
    z-index: 21
}

.post-meta .category:hover .cat-wrapper {
    display: block
}

.post-meta .category .cat-wrapper ul {
    padding: 7px;
    min-width: 70px;
    background: #F9F9F9
}

.post-meta .category .cat-wrapper ul li {
    border-bottom: 1px solid rgba(0, 0, 0, .05)
}

.post-meta .category .cat-wrapper ul li:last-child {
    border-bottom: 0
}

.post-meta .category .cat-wrapper ul li a {
    display: block;
    text-align: center;
    padding: 1px 5px;
    color: #8B8B8B
}

.post-meta .category .cat-wrapper ul li a:hover {
    text-decoration: none;
    color: #5F5F5F;
    background: rgba(255, 255, 255, .8)
}

.post-excerpt {
    margin-bottom: 15px
}

.cat_description {
    margin-bottom: 40px
}

.post-footer {
    background: rgba(0, 0, 0, .02);
    padding: 7px 15px;
    overflow: hidden;
    line-height: 30px
}

.post-footer .button-love {
    float: left
}

.post-footer .button-love a.mfn-love {
    display: inline-block;
    position: relative;
    padding-left: 24px;
    margin-left: 5px
}

.post-footer .button-love a.mfn-love i {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16px
}

.post-footer .button-love a.mfn-love:hover {
    text-decoration: none
}

.post-footer .button-love a.mfn-love i:last-child {
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.post-footer .button-love a:hover.mfn-love i:last-child,
.post-footer .button-love a.loved.mfn-love i:last-child {
    opacity: 1
}

.post-footer .post-links {
    float: right;
    border-left-width: 1px;
    border-style: solid;
    padding-left: 10px
}

.post-footer .post-links .post-comments {
    margin-right: 10px
}

.hide-more .post-footer .post-links .icon-doc-text,
.hide-more .post-footer .post-links .post-more {
    display: none
}

.blog_slider.hide-more .item_wrapper .hr_color,
.blog_slider.hide-more .item_wrapper .button {
    display: none
}

.grid .post-item {
    width: 31.33%;
    margin: 0 1% 20px;
    background: #fff!important
}

.grid .post-photo-wrapper {
    width: 100%;
    float: none
}

.grid .post-desc-wrapper {
    width: 100%;
    float: none
}

.grid .post-desc-wrapper .post-desc {
    padding: 20px 20px 0
}

.grid .post-footer {
    margin: 0 -20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.grid .post-meta .author-date .author span.label {
    display: none
}

.grid .post-desc-wrapper .post-meta .category .cat-btn {
    display: none
}

.grid .post-desc-wrapper .post-footer .button-love .love-text {
    display: none
}

.posts_group.grid.col-2 .post-item {
    width: 47.99%
}

.posts_group.grid.col-3 .post-item {
    width: 31.33%
}

.posts_group.grid.col-4 .post-item {
    width: 22.99%
}

.posts_group.grid.col-5 .post-item {
    width: 18.99%;
    margin: 0 .5% 20px
}

.posts_group.grid.col-6 .post-item {
    width: 15.66%;
    margin: 0 .5% 20px
}

.posts_group.grid.col-2 .post-item:nth-child(2n+1) {
    clear: both
}

.posts_group.grid.col-3 .post-item:nth-child(3n+1) {
    clear: both
}

.posts_group.grid.col-4 .post-item:nth-child(4n+1) {
    clear: both
}

.posts_group.grid.col-5 .post-item:nth-child(5n+1) {
    clear: both
}

.posts_group.grid.col-6 .post-item:nth-child(6n+1) {
    clear: both
}

.masonry:not(.tiles) .post-item {
    width: 31.33%;
    margin: 0 1% 20px;
    background: #fff!important
}

.masonry .post-photo-wrapper {
    width: 100%;
    float: none
}

.masonry .post-desc-wrapper {
    width: 100%;
    float: none
}

.masonry .post-desc-wrapper .post-desc {
    padding: 20px 20px 0
}

.masonry .post-footer {
    margin: 0 -20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.masonry .post-meta .author-date .author span.label {
    display: none
}

.masonry .post-desc-wrapper .post-meta .category .cat-btn {
    display: none
}

.masonry .post-desc-wrapper .post-footer .button-love .love-text {
    display: none
}

.posts_group.masonry.col-2 .post-item {
    width: 47.99%
}

.posts_group.masonry.col-3 .post-item {
    width: 31.33%
}

.posts_group.masonry.col-4 .post-item {
    width: 22.99%
}

.posts_group.masonry.col-5 .post-item {
    width: 18.99%;
    margin: 0 .5% 20px
}

.posts_group.masonry.col-6 .post-item {
    width: 15.66%;
    margin: 0 .5% 20px
}

.masonry.tiles {
    position: relative
}

.masonry.tiles .post-item {
    margin: 0!important;
    overflow: hidden;
    background-color: transparent
}

.masonry.tiles .post-item:not(.no-img) .post-desc-wrapper {
    position: absolute;
    z-index: 4;
    left: 0;
    bottom: -20px
}

.masonry.tiles .post-item:not(.no-img) .post-desc-wrapper .post-desc {
    background: url(../../../themes/betheme/images/blog_masonry_tile_gradient.png) top left repeat-x;
    padding: 70px 30px 30px
}

.masonry.tiles .post-item .post-desc-wrapper .post-desc {
    padding: 50% 30px 10px
}

.masonry.tiles .post-item .post-desc-wrapper .post-desc .post-meta .author-date .post-links {
    display: inline-block;
    margin-left: 10px
}

.masonry.tiles .post-item .post-desc-wrapper .post-desc .post-excerpt {
    display: none
}

.masonry.tiles .post-item:not(.no-img) .post-photo-wrapper {
    line-height: 0;
    position: relative
}

.masonry.tiles .post-item:not(.no-img) .post-photo-wrapper:after {
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    opacity: 0;
    transition: all 0.6s ease-out
}

.masonry.tiles .post-item:not(.no-img):hover .post-photo-wrapper:after {
    opacity: 1
}

.masonry.tiles .format-link .post-title .icon-link {
    display: none
}

.masonry.tiles .format-link .post-title .link-wrapper {
    margin-left: 0;
    padding-top: 5px
}

.masonry.tiles .format-quote blockquote {
    margin-left: 0;
    top: 0;
    margin-bottom: 25px
}

.masonry.tiles .format-quote blockquote:after {
    display: none
}

.masonry.tiles .format-quote blockquote a {
    text-decoration: none
}

.masonry.tiles .post-item .post-format-icon {
    position: absolute;
    z-index: 3;
    left: 25px;
    top: 25px;
    font-size: 35px;
    line-height: 35px;
    color: #fff
}

.masonry.tiles .post-item .post-desc-wrapper .post-desc .post-title:after {
    content: "";
    display: block;
    height: 3px;
    margin-top: 20px;
    width: 0;
    transition: all 0.4s ease-out
}

.masonry.tiles .post-item:hover .post-desc-wrapper .post-desc .post-title:after {
    width: 40%
}

.masonry.tiles .post-item .post-desc-wrapper {
    transition: all 0.4s ease-out
}

.masonry.tiles .post-item:hover .post-desc-wrapper {
    transform: translateY(-20px)
}

.posts_group.masonry.tiles.col-2 .post-item {
    width: 49.99%
}

.posts_group.masonry.tiles.col-3 .post-item {
    width: 33.33%
}

.posts_group.masonry.tiles.col-4 .post-item {
    width: 24.99%
}

.posts_group.masonry.tiles.col-5 .post-item {
    width: 19.99%
}

.posts_group.masonry.tiles.col-6 .post-item {
    width: 16.66%
}

.posts_group.masonry.margin .post-item {
    margin: 0 1% 25px!important
}

.posts_group.masonry.margin.col-2 .post-item {
    width: 47.99%
}

.posts_group.masonry.margin.col-3 .post-item {
    width: 31.33%
}

.posts_group.masonry.margin.col-4 .post-item {
    width: 22.99%
}

.posts_group.masonry.margin.col-5 .post-item {
    width: 18.99%;
    margin: 0 .5% 12px!important
}

.posts_group.masonry.margin.col-6 .post-item {
    width: 15.66%;
    margin: 0 .5% 12px!important
}

.masonry.tiles .post-item.format-quote blockquote,
.masonry.tiles .post-item.format-quote blockquote a,
.masonry.tiles .post-item.format-link .post-title .icon-link,
.masonry.tiles .post-item.format-link .post-title .link-wrapper h4,
.masonry.tiles .post-item.format-link .post-title .link-wrapper a,
.masonry.tiles .post-item .post-desc-wrapper .post-desc .post-title .entry-title a {
    color: #fff
}

.masonry.tiles .post-item.no-img .post-desc-wrapper .post-desc .post-title:after,
.masonry.tiles .post-item.format-quote .post-desc-wrapper .post-desc .post-title:after,
.masonry.tiles .post-item.format-link .post-desc-wrapper .post-desc .post-title:after {
    background-color: #fff
}

.masonry.tiles .post-item .post-desc-wrapper .post-desc .post-head .post-meta,
.masonry.tiles .post-item .post-desc-wrapper .post-desc .post-head .post-meta a,
.masonry.tiles .post-item .post-desc-wrapper .post-desc .post-excerpt {
    color: rgba(255, 255, 255, .7)
}

.timeline .post-item {
    float: none;
    width: auto;
    padding-left: 200px;
    margin-bottom: 0;
    padding-bottom: 40px;
    background: url(../../../themes/betheme/images/timeline_right.png) no-repeat 90px top
}

.timeline .post-item:last-child {
    padding-bottom: 20px;
    margin-bottom: 20px
}

.timeline .format-quote .post-meta,
.timeline .format-link .post-meta {
    padding-top: 7px
}

.timeline .post-item:before {
    content: "";
    width: 7px;
    height: 7px;
    border-width: 4px;
    border-style: solid;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    left: 126px;
    top: 11px;
    display: block;
    visibility: visible;
    z-index: 1
}

.timeline .date_label {
    display: block
}

.timeline .post-meta .author-date .date {
    display: none
}

.photo .post-item {
    float: none
}

.photo .post-photo-wrapper {
    width: 100%;
    float: none
}

.photo .post-desc-wrapper {
    width: 100%;
    float: none;
    text-align: center
}

.photo .post-desc .post-head .post-meta {
    display: inline-block
}

.photo .post-desc .post-head .post-footer {
    display: inline-block;
    background: none;
    padding: 0;
    line-height: inherit
}

.photo .post-desc .post-excerpt {
    margin-bottom: 0
}

.photo .post-desc .post-head .post-meta .author-date,
.photo .post-desc .post-head .post-meta .category,
.photo .post-desc .post-head .post-footer .button-love,
.photo .post-desc .post-head .post-footer .post-links {
    float: none;
    display: inline-block
}

.photo .post-desc .post-head .post-meta .author-date {
    margin-right: 20px
}

.photo .post-desc .post-head .post-meta .author-date .label {
    display: none
}

.photo .post-desc .post-head .post-footer .button-love {
    margin-right: 20px
}

.photo .post-desc .post-head .post-footer .button-love .love-text {
    display: none
}

.photo .post-desc .post-head .post-footer .post-links {
    border: 0;
    padding: 0
}

.photo .post-desc .post-head .post-footer .post-links .icon-doc-text,
.photo .post-desc .post-head .post-footer .post-links .post-more {
    display: none
}

.photo .format-image {
    text-align: center
}

.photo .format-image .post-photo-wrapper {
    display: inline-block;
    width: auto
}

.photo .format-link .post-title {
    display: inline-block;
    text-align: left
}

.format-quote .post-photo-wrapper {
    display: none
}

.format-quote .post-desc {
    padding: 0
}

.format-quote .post-desc-wrapper {
    width: 100%;
    float: none
}

.format-video .image_frame .image_wrapper img {
    margin-bottom: 0!important
}

.format-video .image_frame:hover .image_wrapper img {
    top: 0
}

.format-link .post-photo-wrapper {
    display: none
}

.format-link .post-desc-wrapper {
    width: 100%;
    float: none
}

.format-link .post-desc {
    padding: 0
}

.format-link .post-title {
    overflow: hidden
}

.format-link .post-title .icon-link {
    display: block;
    width: 80px;
    height: 80px;
    font-size: 60px;
    line-height: 80px;
    border-right-width: 1px;
    border-style: solid;
    float: left;
    text-align: center
}

.format-link .post-title .link-wrapper {
    margin-left: 100px;
    padding-top: 14px
}

.format-link .post-title .link-wrapper h4 {
    margin-bottom: 7px;
    font-size: 20px;
    line-height: 22px
}

.post-nav {
    padding: 10px 15px 4px 130px;
    margin-bottom: 20px;
    background-image: url(../../../themes/betheme/images/stripes/stripes_5_b.png);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.post-nav .next-prev-nav {
    float: left
}

.post-nav .next-prev-nav li {
    float: left;
    margin-right: 5px
}

.post-nav .next-prev-nav a.button {
    margin: 0;
    padding: 0!important
}

.post-nav .list-nav {
    float: right;
    line-height: 49px
}

.template-slider .post-nav {
    margin-top: 30px
}

.no-share .post-nav,
.share-simple .post-nav {
    padding-left: 15px;
    padding-right: 15px
}

.post-nav.minimal.column {
    padding: 0;
    background: none;
    position: relative;
    height: 40px!important
}

.post-nav.minimal a {
    position: absolute;
    top: 0;
    opacity: .6;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.post-nav.minimal a:hover {
    opacity: 1
}

.post-nav.minimal a.prev {
    left: 0
}

.post-nav.minimal a.next {
    right: 0
}

.post-nav.minimal a.home {
    left: 50%;
    margin: 3px 0 0 -13px
}

.post-nav.minimal a i {
    font-size: 25px;
    line-height: 30px;
    color: #626262
}

.post-nav.minimal a svg {
    fill: #626262
}

.post-header {
    margin-bottom: 20px
}

.post-header .button-love {
    width: 99px;
    float: left;
    text-align: center
}

.post-header .button-love a.mfn-love {
    display: inline-block;
    position: relative;
    padding-left: 28px;
    font-size: 17px;
    margin-top: 25px
}

.no-title .post-header .button-love a.mfn-love {
    margin-top: 0
}

.post-header .button-love a.mfn-love i {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 18px
}

.post-header .button-love a.mfn-love:hover {
    text-decoration: none
}

.post-header .button-love a.mfn-love i:last-child {
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.post-header .button-love a:hover.mfn-love i:last-child,
.post-header .button-love a.loved.mfn-love i:last-child {
    opacity: 1
}

.post-header .title_wrapper {
    margin-left: 99px;
    border-left-width: 1px;
    border-style: solid;
    padding-left: 30px
}

.post-header .title_wrapper h1 {
    font-size: 35px;
    line-height: 35px
}

.single-photo-wrapper .share_wrapper {
    float: left
}

.single-photo-wrapper .image_frame {
    margin-left: 120px
}

.single-photo-wrapper .image_frame iframe {
    width: 100%
}

.no-share .single-photo-wrapper .image_frame,
.share-simple .single-photo-wrapper .image_frame {
    margin-left: 0
}

.single-photo-wrapper.image {
    text-align: center
}

.single-photo-wrapper.image .image_frame {
    margin-left: 0;
    display: inline-block
}

.section-post-header .single-photo-wrapper.image .image_frame {
    max-width: 80%;
    max-width: calc(100% - 130px)
}

.no-share .section-post-header .single-photo-wrapper.image .image_frame {
    max-width: 100%
}

.share_wrapper {
    background: #fff;
    border-width: 1px;
    border-style: solid;
    width: 98px;
    text-align: center;
    padding: 10px 0 5px
}

.share_wrapper .stButton {
    margin-bottom: 10px
}

.section-post-intro-share .share_wrapper {
    float: right;
    background: none;
    border: none;
    width: unset;
    padding: 0
}

.section-post-intro-share .share_wrapper>span {
    float: left
}

.section-post-intro-share .share_wrapper .stButton .stBubble {
    display: none!important
}

.author-box .avatar-wrapper {
    width: 64px;
    height: 64px;
    float: left;
    border-width: 8px;
    border-style: solid;
    display: block;
    line-height: 0;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden
}

.author-box .desc-wrapper {
    background: rgba(0, 0, 0, .02);
    padding: 20px;
    position: relative;
    margin-left: 105px
}

.author-box .desc-wrapper:after {
    content: "";
    display: block;
    position: absolute;
    left: -6px;
    top: 35px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 6px 0;
    border-color: transparent rgba(0, 0, 0, .02) transparent transparent
}

.author-box .desc-wrapper h5 {
    margin-bottom: 5px
}

.hide-love .button-love {
    display: none!important
}

.hide-love .post-header .title_wrapper {
    margin-left: 0;
    padding-left: 10px;
    border-left: none
}

.hide-love .post-nav {
    padding-left: 15px
}

.hide-love .portfolio_group .portfolio-item .desc .title_wrapper {
    padding-right: 0
}

.section-post-related .section-related-adjustment {
    border-top-width: 1px;
    border-style: solid;
    padding-top: 20px
}

.section-post-related .post-related {
    position: relative;
    width: 31.333%
}

.section-post-related .col-2 .post-related {
    width: 48%
}

.section-post-related .col-3 .post-related {
    width: 31.333%
}

.section-post-related .col-4 .post-related {
    width: 23%
}

.section-post-related .col-5 .post-related {
    width: 18%
}

.section-post-related .col-6 .post-related {
    width: 14.666%
}

.section-post-related .col-2 .post-related:nth-child(2n+1) {
    clear: both
}

.section-post-related .col-3 .post-related:nth-child(3n+1) {
    clear: both
}

.section-post-related .col-4 .post-related:nth-child(4n+1) {
    clear: both
}

.section-post-related .col-5 .post-related:nth-child(5n+1) {
    clear: both
}

.section-post-related .col-6 .post-related:nth-child(6n+1) {
    clear: both
}

.section-post-related .post-related .image_frame {
    margin-left: 30px;
    margin-bottom: 15px
}

.section-post-related .post-related .fullscreen-container {
    height: 180px!important
}

.section-post-related .post-related .date_label {
    position: absolute;
    left: 0;
    top: 30px;
    z-index: 20
}

.section-post-related .post-related hr {
    margin-left: 30px;
    width: 40%
}

.section-post-related .post-related a.button {
    margin-left: 30px;
    margin-bottom: 0
}

.section-post-related .format-quote blockquote {
    margin-top: 70px;
    margin-left: 40px
}

.section-post-related .format-link .image_frame {
    height: 180px;
    display: block;
    background-color: rgba(255, 255, 255, .5)
}

.section-post-related .format-link .image_frame:after {
    content: '\e8c2';
    font-family: "mfn-icons";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 180px;
    line-height: 180px;
    text-align: center;
    font-size: 40px;
    color: rgba(0, 0, 0, .1)
}

.section-post-related .format-standard.no-img .image_frame {
    display: block;
    height: 180px;
    background-color: rgba(255, 255, 255, .5)
}

.section-post-related .format-standard.no-img .image_frame:after {
    content: '\e8f6';
    font-family: "mfn-icons";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 180px;
    line-height: 180px;
    text-align: center;
    font-size: 40px;
    color: rgba(0, 0, 0, .1)
}

.section-post-related .post-related .image_frame iframe {
    width: 100%
}

.section-post-related .simple .post-related .image_frame {
    margin-left: 0
}

.section-post-related .simple .post-related .date_label {
    margin-bottom: 5px;
    position: static;
    padding: 0;
    background-color: transparent;
    background-image: none
}

.section-post-related .simple .post-related .date_label:after {
    display: none
}

.section-post-related .simple .post-related hr {
    display: none
}

.section-post-related .simple .post-related a.button {
    margin-left: 0
}

.section-post-related .simple .post-related.format-quote .date_label {
    margin-bottom: 10px
}

.section-post-related .simple .format-quote blockquote {
    margin-top: 0
}

.single-format-link .single-photo-wrapper .share_wrapper {
    float: none;
    width: auto;
    padding: 10px 15px 15px
}

.single-format-link .single-photo-wrapper .share_wrapper .stButton {
    margin: 0 10px 0 0
}

.single-format-link .section-post-header .single-photo-wrapper .image_frame {
    display: none
}

.single-format-quote #Subheader .title {
    width: 100%
}

.single-format-quote #Subheader ul.breadcrumbs {
    display: none
}

.single-format-quote .single-photo-wrapper .share_wrapper {
    float: none;
    width: auto;
    padding: 10px 15px 15px
}

.single-format-quote .single-photo-wrapper .share_wrapper .stButton {
    margin: 0 10px 0 0
}

.single-format-quote .section-post-header .single-photo-wrapper .image_frame {
    display: none
}

.portfolio.no-img .single-photo-wrapper .share_wrapper,
.format-image.no-img .single-photo-wrapper .share_wrapper,
.format-standard.no-img .single-photo-wrapper .share_wrapper {
    float: none;
    width: auto;
    padding: 10px 15px 15px
}

.portfolio.no-img .single-photo-wrapper .share_wrapper .stButton,
.format-image.no-img .single-photo-wrapper .share_wrapper .stButton,
.format-standard.no-img .single-photo-wrapper .share_wrapper .stButton {
    margin: 0 10px 0 0
}

.portfolio.no-img .section-post-header .single-photo-wrapper .image_frame,
.format-image.no-img .section-post-header .single-photo-wrapper .image_frame,
.format-standard.no-img .section-post-header .single-photo-wrapper .image_frame {
    display: none!important
}

.project-description li {
    width: 99.9%;
    clear: both;
    padding: 7px 10px;
    background: rgba(0, 0, 0, .01);
    border-style: solid;
    border-color: rgba(0, 0, 0, .03);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.project-description li .label {
    font-weight: 700;
    min-width: 40px;
    padding-right: 10px;
    display: inline-block
}

.project-description li.one-third {
    float: left;
    width: 33.3%;
    clear: none;
    padding-right: 15px;
    border-width: 0 1px 1px 0
}

.project-description li:nth-child(3) {
    border-right-color: transparent
}

.share_item {
    float: none;
    width: auto;
    padding: 10px 15px 15px
}

.share_item .stButton {
    margin: 0 10px 0 0
}

.share-simple .post-header .title_wrapper {
    margin-left: 0;
    padding-left: 0;
    border-left-width: 0
}

.share-simple-wrapper {
    border-top: 1px solid rgba(0, 0, 0, .08);
    padding: 15px 0;
    text-align: left
}

.share-simple-wrapper .share-label {
    margin-right: 10px
}

.share-simple-wrapper .icons {
    display: inline
}

.share-simple-wrapper .icons a {
    padding: 0 5px;
    color: #a8a8a8
}

.share-simple-wrapper .icons .facebook:hover {
    color: #3B5998
}

.share-simple-wrapper .icons .twitter:hover {
    color: #1DA1F2
}

.share-simple-wrapper .icons .google:hover {
    color: #DC4E41
}

.share-simple-wrapper .icons .linkedin:hover {
    color: #0077B5
}

.share-simple-wrapper .icons .pinterest:hover {
    color: #BD081B
}

.share-simple-wrapper .button-love {
    float: right
}

.share-simple-wrapper .mfn-love {
    position: relative;
    display: inline-block;
    padding-left: 24px;
    margin-left: 5px
}

.share-simple-wrapper .mfn-love i {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16px
}

.share-simple-wrapper .mfn-love:hover {
    text-decoration: none
}

.share-simple-wrapper .mfn-love i:last-child {
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.share-simple-wrapper .mfn-love:hover i:last-child,
.share-simple-wrapper .mfn-love.loved i:last-child {
    opacity: 1
}

.single-template .section-post-header,
.single-template .section-post-about,
.single-template .section-post-related,
.single-template .section-post-comments {
    display: none
}

.widget-area {
    border-style: solid;
    padding: 30px 20px 20px;
    position: relative
}

.widget-area:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 1500px;
    height: 100%;
    background: rgba(0, 0, 0, .01);
    visibility: visible
}

.aside_left .widget-area {
    border-right-width: 1px
}

.aside_left .widget-area:before {
    right: 0
}

.aside_right .widget-area {
    border-left-width: 1px
}

.aside_right .widget-area:before {
    left: 0
}

.widget-area.lines-boxed .widget:after {
    width: 100%
}

.widget-area.lines-hidden .widget:after {
    display: none
}

.widget {
    padding-bottom: 30px;
    margin-bottom: 30px;
    position: relative
}

.widget:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.widget:last-child:after {
    display: none
}

.widget:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 1500px;
    height: 0;
    visibility: visible;
    border-width: 1px 0 0;
    border-style: solid
}

.widget>h3 {
    font-size: 18px;
    line-height: 22px
}

.aside_left .widget:after {
    right: 0
}

.aside_right .widget:after {
    left: 0
}

.with_aside.aside_both .sidebar-1 .widget-area {
    border-right-width: 1px
}

.with_aside.aside_both .sidebar-1 .widget-area:before {
    right: 0
}

.with_aside.aside_both .sidebar-1 .widget-area .widget:after {
    right: 0
}

.with_aside.aside_both .sidebar-2 .widget-area {
    border-left-width: 1px
}

.with_aside.aside_both .sidebar-2 .widget-area:before {
    left: 0
}

.with_aside.aside_both .sidebar-2 .widget-area .widget:after {
    left: 0
}

.Recent_posts ul {
    margin: 0!important
}

.Recent_posts ul li {
    margin-bottom: 10px;
    list-style: none!important
}

.Recent_posts ul li:last-child {
    margin-bottom: 0
}

.Recent_posts ul li a {
    text-decoration: none
}

.Recent_posts ul li .desc {
    margin-right: 80px;
    padding: 5px 15px;
    background: #fff;
    position: relative;
    min-height: 70px
}

.Recent_posts ul li .desc:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 4px;
    height: 100%
}

.Recent_posts ul li .desc h6 {
    position: relative;
    z-index: 2;
    margin-bottom: 3px;
    padding-bottom: 3px;
    border-bottom-width: 1px;
    border-style: solid
}

.Recent_posts ul li .desc .date {
    position: relative;
    z-index: 2
}

.Recent_posts ul li .desc .date i {
    display: inline-block;
    margin-right: 2px
}

.Recent_posts ul li .photo {
    width: 80px;
    height: 80px;
    line-height: 0;
    text-align: center;
    float: right;
    position: relative
}

.Recent_posts ul li .photo .c {
    width: 25px;
    height: 25px;
    line-height: 25px;
    z-index: 3;
    text-align: center;
    color: #fff;
    position: absolute;
    right: -12px;
    bottom: 12px;
    font-size: 11px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.Recent_posts ul li.no-img {
    position: relative
}

.Recent_posts ul li.no-img .photo {
    width: 0;
    position: static
}

.Recent_posts ul li.no-img .desc {
    margin-right: 0;
    min-height: inherit
}

.Recent_posts.classic ul li a:hover h6,
.Recent_posts.classic ul li a:hover .desc .date {
    color: #fff!important
}

.Recent_posts.classic ul li a:hover .desc:after {
    width: 100%
}

.Recent_posts ul li.format-link .photo {
    background-color: #eee
}

.Recent_posts ul li.format-link .photo:after {
    content: '\e8c2';
    font-family: "mfn-icons";
    display: block;
    z-index: 91;
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    font-size: 40px;
    color: rgba(0, 0, 0, .1)
}

.Recent_posts ul li.format-quote .photo {
    background-color: #eee
}

.Recent_posts ul li.format-quote .photo:after {
    content: '\e909';
    font-family: "mfn-icons";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    font-size: 40px;
    color: rgba(0, 0, 0, .1)
}

.Recent_posts.blog_news ul li {
    margin-bottom: 20px;
    overflow: hidden
}

.Recent_posts.blog_news ul li .photo {
    float: left;
    width: 30%;
    height: auto;
    border-right: 3px solid #ddd;
    background-color: transparent
}

.Recent_posts.blog_news ul li .photo .c {
    display: none
}

.Recent_posts.blog_news ul li .desc {
    width: 70%;
    margin-left: 30%;
    padding-top: 0;
    box-sizing: border-box;
    background: none!important
}

.Recent_posts.blog_news ul li .desc:after {
    display: none
}

.Recent_posts.blog_news ul li .desc h6 {
    margin-top: -3px
}

.Recent_posts.blog_news ul li.no-img .photo {
    display: none
}

.Recent_posts.blog_news ul li.no-img .desc {
    width: 100%;
    margin-left: 0;
    padding-left: 0
}

.Recent_posts ul li a h6,
.Recent_posts ul li a .desc .date,
.Recent_posts ul li a .desc:after {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.widget_media_gallery .gallery .gallery-item {
    margin-bottom: 2.5%!important
}

.widget_recent_entries ul li {
    padding: 5px 15px;
    background: #fff;
    position: relative;
    margin-bottom: 10px
}

.widget_recent_entries ul li a {
    display: block;
    text-decoration: none;
    position: relative;
    z-index: 2;
    margin-bottom: 3px;
    padding-bottom: 3px;
    border-bottom-width: 1px;
    border-style: solid
}

.widget_recent_entries ul li:last-child {
    margin-bottom: 0
}

.widget_recent_entries ul li:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 4px;
    height: 100%
}

.widget_recent_entries ul li:hover:after {
    width: 100%
}

.widget_recent_entries ul li .post-date {
    display: block;
    position: relative;
    z-index: 2
}

.widget_recent_entries ul li:hover a,
.widget_recent_entries ul li:hover .post-date {
    color: #fff
}

.widget_recent_entries ul li:hover a,
.widget_recent_entries ul li:hover .post-date,
.widget_recent_entries ul li:hover:after {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.widget_categories ul {
    list-style-type: square;
    color: #fff;
    padding: 5px 10px 5px 30px
}

.widget_categories ul li {
    position: relative
}

.widget_categories ul li:after {
    content: "";
    display: block;
    width: 70px;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, .2);
    position: absolute;
    left: -30px;
    bottom: 0
}

.widget_categories ul li:last-child:after {
    display: none
}

.widget_categories ul li a {
    color: #fff!important;
    display: block;
    padding: 7px 0 7px 3px
}

.widget_archive ul,
.widget_nav_menu ul {
    list-style-type: square;
    padding: 5px 10px 5px 30px;
    background: rgba(0, 0, 0, .03)
}

.widget_archive ul li,
.widget_nav_menu ul li {
    position: relative
}

.widget_archive ul li:after,
.widget_nav_menu ul li:after {
    content: "";
    display: block;
    width: 70px;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, .1);
    position: absolute;
    left: -30px;
    bottom: 0
}

.widget_archive ul li:last-child:after,
.widget_nav_menu ul li:last-child:after {
    display: none
}

.widget_archive ul li a,
.widget_nav_menu ul li a {
    display: block;
    padding: 8px 0 9px 3px
}

.widget_meta ul,
.widget_pages ul,
.widget_rss ul {
    list-style-type: square;
    padding: 0 0 0 30px
}

.widget_meta ul li a,
.widget_pages ul li a,
.widget_rss ul li a {
    display: block;
    padding: 4px 0 7px 4px
}

.widget_mfn_recent_comments ul {
    margin: 0!important
}

.widget_mfn_recent_comments ul li {
    padding-bottom: 15px;
    margin-bottom: 0!important;
    background: url(../../../themes/betheme/images/recent_comments.png) no-repeat 4px top;
    padding-left: 40px;
    position: relative;
    list-style: none!important
}

.widget_mfn_recent_comments ul li:last-child {
    padding-bottom: 5px
}

.widget_mfn_recent_comments ul li .date_label {
    background-color: rgba(0, 0, 0, .03);
    margin-top: 7px;
    margin-bottom: 5px;
    position: relative
}

.widget_mfn_recent_comments ul li .date_label:after {
    border-left-color: rgba(0, 0, 0, .03)
}

.widget_mfn_recent_comments ul li:after {
    content: "";
    width: 7px;
    height: 7px;
    border-width: 4px;
    border-style: solid;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 11px;
    display: block;
    z-index: 1
}

.widget_mfn_recent_comments ul li p {
    margin-bottom: 0
}

.widget_recent_comments ul li {
    padding-bottom: 5px;
    padding-top: 6px;
    background: url(../../../themes/betheme/images/recent_comments.png) no-repeat 4px top;
    padding-left: 40px;
    position: relative
}

.widget_recent_comments ul li:last-child {
    padding-bottom: 5px
}

.widget_recent_comments ul li:after {
    content: "";
    width: 7px;
    height: 7px;
    border-width: 4px;
    border-style: solid;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 11px;
    display: block;
    z-index: 1
}

.widget_search input[type="text"] {
    margin-bottom: 0;
    width: 100%
}

.widget_search .icon_close,
.widget_search .icon_search {
    display: none
}

.widget_calendar td,
.widget_calendar th {
    padding: 4px 3px
}

.widget_calendar caption {
    padding: 5px;
    font-size: 14px
}

.widget_calendar table tfoot tr:hover td {
    background: none!important
}

.Flickr {
    overflow: hidden
}

.Flickr .flickr_badge_image {
    margin: 0;
    padding: 0;
    float: left;
    margin: 0 1% 2% 1%;
    width: 23%
}

.Flickr .flickr_badge_image a {
    display: block;
    line-height: 0
}

.widget_tp_widget_recent_tweets .tp_recent_tweets {
    clear: none;
    float: none
}

.widget_tp_widget_recent_tweets ul {
    overflow: hidden
}

.widget_tp_widget_recent_tweets ul li:last-child {
    padding-bottom: 0
}

.widget_mfn_tag_cloud ul {
    margin-bottom: 0;
    overflow: hidden
}

.widget_mfn_tag_cloud ul li {
    margin: 0;
    padding: 0;
    float: left;
    margin: 0 5px 2px 0
}

.widget_mfn_tag_cloud a {
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    height: 22px;
    font-size: 12px;
    padding-right: 8px;
    margin-right: 1px
}

.widget_mfn_tag_cloud a:hover {
    text-decoration: none
}

.widget_mfn_tag_cloud a span {
    padding-left: 8px;
    height: 22px;
    line-height: 22px;
    display: block;
    float: left
}

.widget_mfn_menu ul li a {
    display: block;
    padding: 7px 10px;
    margin-bottom: 5px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .04);
    color: #858585
}

.widget_mfn_menu ul li a:hover,
.widget_mfn_menu ul li.current-menu-item:not(.current-menu-ancestor)>a,
.widget_mfn_menu ul li.current_page_item:not(.current_page_ancestor)>a {
    text-decoration: none;
    color: #fff!important
}

.widget_mfn_menu ul li ul li a {
    padding-left: 20px
}

.widget_mfn_menu ul li ul li a:before {
    content: "-";
    margin-right: 5px
}

.widget_mfn_menu ul li ul li ul li a {
    padding-left: 40px
}

.widget_mfn_menu ul li ul li ul li ul li a {
    padding-left: 60px
}

.widget_mfn_menu ul.submenus-hover li ul {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height 1s ease-in-out;
    -moz-transition: max-height 1s ease-in-out;
    -o-transition: max-height 1s ease-in-out;
    transition: max-height 1s ease-in-out
}

.widget_mfn_menu ul.submenus-hover li.current_page_item>ul,
.widget_mfn_menu ul.submenus-hover li:hover>ul {
    max-height: 10000px
}

.widget_mfn_menu ul.submenu-active li.current-menu-parent>ul,
.widget_mfn_menu ul.submenu-active li.current-menu-ancestor>ul {
    max-height: 10000px
}

.widget_mfn_menu ul.submenus-click li ul {
    overflow: hidden;
    max-height: 0
}

.widget_mfn_menu ul.submenus-click li.hover>ul {
    max-height: 10000px
}

.mfn-login {
    overflow: hidden
}

.mfn-login form p {
    margin-bottom: 5px
}

.mfn-login form input {
    margin-bottom: 0
}

.mfn-login .sep {
    margin: 0 7px
}

.mfn-login .avatar-wrapper {
    float: left;
    width: 64px;
    margin: 0 10px 10px 0
}

.mfn-login .author {
    float: left
}

.mfn-login .alert {
    padding: 5px 10px;
    margin-bottom: 5px
}

.portfolio_group {
    margin: 0!important
}

.portfolio_group .portfolio-item {
    list-style: none!important;
    float: left
}

.portfolio_group .portfolio-item.isotope-grid-sizer {
    margin: 0!important
}

.portfolio_group:not(.list) .portfolio-item {
    background: none!important
}

.portfolio_group .portfolio-item .list_style_header {
    display: none;
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
    min-height: 46px;
    padding-right: 275px
}

.portfolio_group .portfolio-item .list_style_header h3 {
    margin-bottom: 0;
    margin-top: 7px
}

.portfolio_group .portfolio-item .list_style_header .links_wrapper {
    position: absolute;
    right: 0;
    top: 0
}

.portfolio_group .portfolio-item .list_style_header .links_wrapper a {
    margin-bottom: 0
}

.portfolio_group .portfolio-item .list_style_header .links_wrapper a:last-child {
    margin-right: 0
}

.portfolio_group .portfolio-item:first-child .list_style_header .links_wrapper a.portfolio_prev_js {
    display: none
}

.portfolio_group .portfolio-item:last-child .list_style_header .links_wrapper a.portfolio_next_js {
    display: none
}

.portfolio_group .portfolio-item .image_frame {
    width: 100%;
    margin-bottom: 0
}

.portfolio_group .portfolio-item .desc {
    padding: 20px;
    background: #fff;
    overflow: hidden
}

.portfolio_group .portfolio-item .desc .title_wrapper {
    position: relative;
    padding-right: 43px
}

.portfolio_group .portfolio-item .desc .title_wrapper h5 {
    margin-bottom: 0
}

.portfolio_group .portfolio-item .desc .title_wrapper .button-love {
    position: absolute;
    right: 0;
    top: 0
}

.portfolio_group .portfolio-item .desc .title_wrapper .button-love a.mfn-love {
    display: inline-block;
    position: relative;
    padding-left: 24px
}

.portfolio_group .portfolio-item .desc .title_wrapper .button-love a.mfn-love i {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16px
}

.portfolio_group .portfolio-item .desc .title_wrapper .button-love a.mfn-love:hover {
    text-decoration: none
}

.portfolio_group .portfolio-item .desc .title_wrapper .button-love a.mfn-love i:last-child {
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.portfolio_group .portfolio-item .desc .title_wrapper .button-love a:hover.mfn-love i:last-child,
.portfolio_group .portfolio-item .desc .title_wrapper .button-love a.loved.mfn-love i:last-child {
    opacity: 1
}

.portfolio_group .portfolio-item .desc .desc-wrapper {
    margin-right: 280px
}

.portfolio_group .portfolio-item .desc .details-wrapper {
    float: right;
    width: 240px;
    padding-left: 19px;
    border-left-width: 1px;
    border-style: solid
}

.portfolio_group .portfolio-item .desc .details-wrapper dl {
    margin-bottom: 0
}

.portfolio_group .portfolio-item .desc .details-wrapper dl>dt {
    padding: 2px 0;
    border: 0;
    width: 80px
}

.portfolio_group .portfolio-item .desc .details-wrapper dl>dd {
    padding: 2px 0;
    border: 0;
    margin-left: 90px
}

.portfolio_group.list .portfolio-item {
    width: 100%;
    border-bottom-width: 0;
    border-style: solid
}

.portfolio_group.list .portfolio-item .portfolio-item-fw-bg {
    background-position: top center;
    background-repeat: repeat;
    padding: 35px 0
}

.portfolio_group:not(.list) .portfolio-item .portfolio-item-fw-bg {
    background: none!important
}

body.with_aside .portfolio_group.list .portfolio-item .portfolio-item-fw-bg {
    padding-left: 5%;
    padding-right: 5%
}

body:not(.with_aside) .portfolio_group.list .portfolio-item .portfolio-item-fw-wrapper {
    width: 1176px;
    margin: 0 auto
}

.portfolio_group.list .portfolio-item .list_style_header {
    display: block
}

.portfolio_group.list .portfolio-item .desc {
    background: none;
    padding: 20px 0 0
}

.portfolio_group.list .portfolio-item .desc .title_wrapper {
    display: none
}

.portfolio_group.flat .portfolio-item {
    width: 33.3%
}

.portfolio_group.flat .portfolio-item .image_frame {
    border: 0
}

.portfolio_group.flat .portfolio-item .image_frame .mask {
    box-shadow: 0 0 0 0;
    -webkit-box-shadow: 0 0 0 0
}

.portfolio_group.flat .portfolio-item .desc {
    display: none
}

.portfolio_group.grid .portfolio-item {
    width: 31.2%;
    margin: 0 1% 20px
}

.portfolio_group.grid .portfolio-item .desc .desc-wrapper,
.portfolio_group.grid .portfolio-item .desc .details-wrapper {
    display: none
}

.portfolio_group.masonry .portfolio-item {
    width: 31.2%;
    margin: 0 1% 20px
}

.portfolio_group.masonry .portfolio-item .desc .title_wrapper {
    margin-bottom: 15px
}

.portfolio_group.masonry .portfolio-item .desc .desc-wrapper {
    display: block;
    margin-right: 0
}

.portfolio_group.masonry .portfolio-item .desc .details-wrapper {
    display: none
}

.portfolio_group.masonry-hover .portfolio-item {
    width: 31.2%;
    margin: 0 1% 20px
}

.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper {
    position: relative;
    overflow: hidden
}

.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .3);
    height: 100%;
    width: 100%;
    padding: 10% 10% 50px;
    box-sizing: border-box;
    z-index: 2
}

.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc h3:after {
    content: "";
    display: block;
    margin: 15px 0;
    width: 20px;
    height: 3px;
    background: #fff
}

.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc h3 a {
    color: #fff
}

.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .desc-inner {
    height: 100%;
    overflow: hidden;
    color: #fff
}

.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper {
    bottom: 18px;
    box-sizing: border-box;
    left: 0;
    padding: 0 7% 0 8%;
    position: absolute;
    width: 100%
}

.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.zoom,
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.link,
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.external {
    font-size: 25px;
    color: #fff;
    position: relative;
    top: 0
}

.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.link {
    float: right
}

.portfolio_group.masonry-hover .portfolio-item .image-wrapper {
    line-height: 0
}

.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc.bg-light h3 a,
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc.bg-light .desc-inner,
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc.bg-light .links-wrappper a {
    color: #444
}

.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc.bg-light h3:after {
    background: #444
}

.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper:hover .hover-desc {
    opacity: 1
}

.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a:hover.zoom,
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a:hover.link,
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a:hover.external {
    top: -3px
}

.portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc {
    padding: 10%
}

.portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper {
    overflow: visible
}

.portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc {
    position: static;
    opacity: 1
}

.portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc .desc-inner {
    margin-bottom: 15px
}

.portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc .links-wrappper {
    position: static;
    padding: 0;
    margin-top: 30px
}

.portfolio_group.masonry-hover .portfolio-item.no-thumbnail .masonry-hover-wrapper .hover-desc .links-wrappper a.zoom {
    display: none
}

.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.zoom,
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.link,
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc .links-wrappper a.external,
.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.portfolio_group.masonry-minimal .portfolio-item {
    width: 31.2%;
    margin: 0 1% 20px
}

.portfolio_group.masonry-flat {
    float: left;
    width: 100.5%
}

.portfolio_group.masonry-flat .portfolio-item {
    width: 24.9%;
    display: block;
    float: left;
    position: relative
}

.portfolio_group.masonry-flat .portfolio-item.wide {
    width: 49.8%
}

.portfolio_group.masonry-flat .portfolio-item .portfolio-item-fill {
    padding-bottom: 78%
}

.portfolio_group.masonry-flat .portfolio-item.tall .portfolio-item-fill {
    padding-bottom: 156%
}

.portfolio_group.masonry-flat .portfolio-item.wide .portfolio-item-fill {
    padding-bottom: 39%
}

.portfolio_group.masonry-flat .portfolio-item.tall.wide .portfolio-item-fill {
    padding-bottom: 78%
}

.portfolio_group.masonry-flat .portfolio-item .image_frame {
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden
}

.portfolio_group.masonry-flat .portfolio-item .image_frame .image_wrapper {
    position: static
}

.portfolio_group.masonry-flat .portfolio-item .image_frame .mask {
    box-shadow: 0 0 0 0;
    -webkit-box-shadow: 0 0 0 0
}

.portfolio_group.masonry-flat .portfolio-item .image_frame img {
    margin: 0!important;
    top: 0!important
}

.portfolio_group.masonry-flat .portfolio-item .desc {
    display: none
}

.portfolio_group.grid.col-2 .portfolio-item,
.portfolio_group.masonry.col-2 .portfolio-item,
.portfolio_group.masonry-hover.col-2 .portfolio-item,
.portfolio_group.masonry-minimal.col-2 .portfolio-item {
    width: 47.99%
}

.portfolio_group.grid.col-3 .portfolio-item,
.portfolio_group.masonry.col-3 .portfolio-item,
.portfolio_group.masonry-hover.col-3 .portfolio-item,
.portfolio_group.masonry-minimal.col-3 .portfolio-item {
    width: 31.33%
}

.portfolio_group.grid.col-4 .portfolio-item,
.portfolio_group.masonry.col-4 .portfolio-item,
.portfolio_group.masonry-hover.col-4 .portfolio-item,
.portfolio_group.masonry-minimal.col-4 .portfolio-item {
    width: 22.99%
}

.portfolio_group.grid.col-5 .portfolio-item,
.portfolio_group.masonry.col-5 .portfolio-item,
.portfolio_group.masonry-hover.col-5 .portfolio-item,
.portfolio_group.masonry-minimal.col-5 .portfolio-item {
    width: 18.99%;
    margin: 0 .5% 20px
}

.portfolio_group.grid.col-6 .portfolio-item,
.portfolio_group.masonry.col-6 .portfolio-item,
.portfolio_group.masonry-hover.col-6 .portfolio-item,
.portfolio_group.masonry-minimal.col-6 .portfolio-item {
    width: 15.66%;
    margin: 0 .5% 20px
}

.portfolio_group.flat.col-2 .portfolio-item {
    width: 49.99%
}

.portfolio_group.flat.col-3 .portfolio-item {
    width: 33.33%
}

.portfolio_group.flat.col-4 .portfolio-item {
    width: 24.99%
}

.portfolio_group.flat.col-5 .portfolio-item {
    width: 19.99%
}

.portfolio_group.flat.col-6 .portfolio-item {
    width: 16.66%
}

.portfolio_group.exposure .portfolio-item {
    width: 100%;
    position: relative
}

.portfolio_group.exposure .portfolio-item a.link {
    display: block
}

.portfolio_group.exposure .portfolio-item .image-wrapper {
    line-height: 0
}

.portfolio_group.exposure .portfolio-item .image-wrapper .mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, .5);
    opacity: 0
}

.portfolio_group.exposure .portfolio-item .desc-inner {
    position: absolute;
    left: 0;
    top: 30px;
    z-index: 2;
    width: 100%
}

.portfolio_group.exposure .portfolio-item .desc-inner .desc-wrapper-inner {
    padding: 0 35px;
    margin: 0 1%;
    width: 98%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.full-width .portfolio_group.exposure .portfolio-item .desc-inner {
    top: 70px
}

.full-width .portfolio_group.exposure .portfolio-item .desc-inner .desc-wrapper-inner {
    padding: 0
}

.portfolio_group.exposure .portfolio-item .desc-inner .line {
    display: block;
    width: 0;
    height: 4px;
    margin-bottom: 20px
}

.portfolio_group.exposure .portfolio-item .desc-inner .entry-title {
    margin-bottom: 20px
}

.portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper {
    width: 75%;
    opacity: .7
}

.portfolio_group.exposure .portfolio-item .details-wrapper {
    position: absolute;
    right: 0;
    bottom: 5px;
    z-index: 2;
    width: 100%
}

.portfolio_group.exposure .portfolio-item .details-wrapper .details-wrapper-inner {
    padding: 0 25px;
    margin: 0 1%;
    width: 98%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.full-width .portfolio_group.exposure .portfolio-item .details-wrapper {
    bottom: 35px
}

.full-width .portfolio_group.exposure .portfolio-item .details-wrapper .details-wrapper-inner {
    padding: 0
}

.portfolio_group.exposure .portfolio-item .details-wrapper .column {
    float: right;
    opacity: 0;
    -webkit-transform: translateY(-7%);
    transform: translateY(-7%);
    border-top: 1px solid rgba(255, 255, 255, .4);
    padding: 20px 10px;
    margin-bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.portfolio_group.exposure .portfolio-item .details-wrapper .column h5.label {
    font-weight: 400;
    margin-bottom: 8px
}

.portfolio_group.exposure .portfolio-item .details-wrapper .column h5 {
    font-weight: 700
}

.portfolio_group.exposure .portfolio-item .desc-inner .entry-title,
.portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper,
.portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper h2,
.portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper h3,
.portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper h4,
.portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper h5,
.portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper h6,
.portfolio_group.exposure .portfolio-item .details-wrapper h5,
.portfolio_group.exposure .portfolio-item .details-wrapper h5 a {
    color: #fff
}

.portfolio_group.exposure .portfolio-item .desc-inner .line,
.portfolio_group.exposure .portfolio-item .image-wrapper .mask {
    -webkit-transition: all 0.6s cubic-bezier(.645, .045, .355, 1);
    transition: all 0.6s cubic-bezier(.645, .045, .355, 1)
}

.portfolio_group.exposure .portfolio-item .details-wrapper .column {
    -webkit-transition: all 0.3s cubic-bezier(.645, .045, .355, 1);
    transition: all 0.3s cubic-bezier(.645, .045, .355, 1)
}

.portfolio_group.exposure .portfolio-item .details-wrapper .column:first-child {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s
}

.portfolio_group.exposure .portfolio-item .details-wrapper .column:nth-child(2) {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s
}

.portfolio_group.exposure .portfolio-item .details-wrapper .column:nth-child(3) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s
}

.portfolio_group.exposure .portfolio-item:hover .desc-inner .line {
    width: 100px
}

.portfolio_group.exposure .portfolio-item:hover .image-wrapper .mask {
    opacity: 1
}

.portfolio_group.exposure .portfolio-item:hover .details-wrapper .column {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.section_wrapper .portfolio_wrapper .column.one.pager_wrapper .hover-desc {
    margin: 40px 0!important
}

.template-slider .section-portfolio-header {
    margin-top: 30px
}

#Footer {
    background-position: center top;
    background-repeat: no-repeat;
    position: relative
}

#Footer .footer_action {
    background: rgba(0, 0, 0, .1)
}

#Footer .footer_action .one {
    margin-bottom: 30px;
    padding-top: 30px;
    text-align: center;
    font-size: 110%;
    line-height: 180%
}

#Footer .widgets_wrapper {
    padding: 15px 0
}

#Footer .widgets_wrapper .column {
    margin-bottom: 0
}

#Footer .widgets_wrapper .widget {
    padding: 15px 0;
    margin-bottom: 0
}

#Footer .widgets_wrapper .widget:after {
    display: none
}

#Footer .footer_copy {
    border-top: 1px solid rgba(255, 255, 255, .1)
}

#Footer .footer_copy .one {
    margin-bottom: 20px;
    padding-top: 30px;
    min-height: 33px
}

#Footer .footer_copy .copyright {
    float: left
}

#Footer .footer_copy .social {
    float: right;
    margin-right: 20px
}

#Footer .footer_copy .social li {
    display: inline-block;
    margin-right: 6px
}

#Footer .footer_copy .social li:last-child {
    margin-right: 0
}

#Footer .footer_copy .social li a {
    color: rgba(255, 255, 255, .3);
    font-size: 15px;
    line-height: 15px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#Footer .footer_copy .social li a:hover {
    color: #fff
}

#Footer .footer_copy .social-menu {
    float: right;
    margin-right: 20px
}

#Footer .footer_copy .social-menu li {
    display: inline-block;
    margin-right: 6px;
    padding-right: 6px;
    border-right: 1px solid rgba(255, 255, 255, .1)
}

#Footer .footer_copy .social-menu li:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: 0
}

.footer-copy-center #Footer .footer_copy {
    text-align: center
}

.footer-copy-center #Footer .footer_copy .copyright {
    float: none;
    margin: 0 0 10px
}

.footer-copy-center #Footer .footer_copy a#back_to_top {
    float: none;
    margin: -10px 0 10px
}

.footer-copy-center #Footer .footer_copy .social {
    float: none;
    margin: 0
}

.footer-copy-center #Footer .footer_copy .social-menu {
    float: none;
    margin: 0
}

#back_to_top {
    float: right;
    margin: -9px 0 0;
    width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 20px;
    text-align: center
}

a#back_to_top.button.button_js {
    color: #65666C
}

#back_to_top.hide {
    display: none
}

#back_to_top.in_footer {
    position: absolute;
    bottom: 20px;
    right: 75px
}

#back_to_top.sticky {
    position: fixed;
    right: 75px;
    bottom: 20px;
    z-index: 9001
}

#back_to_top.sticky.scroll {
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#back_to_top.sticky.scroll.focus,
#back_to_top.sticky.scroll:hover {
    opacity: 1
}

#Footer .Recent_posts ul li .desc {
    background: rgba(0, 0, 0, .1)
}

#Footer .widget_mfn_menu ul li a {
    background: rgba(0, 0, 0, .1);
    color: #ccc
}

#Footer .widget_recent_entries ul li {
    background: rgba(0, 0, 0, .1)
}

#Footer ul.list_mixed li:after,
#Footer ul.list_check li:after,
#Footer ul.list_star li:after,
#Footer ul.list_idea li:after {
    background: rgba(255, 255, 255, .08)
}

#Footer .widget_mfn_recent_comments ul li .date_label {
    background-color: rgba(0, 0, 0, .07)
}

#Footer .widget_mfn_recent_comments ul li .date_label:after {
    border-left-color: rgba(0, 0, 0, .07)
}

.footer-fixed #Footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 1
}

.footer-sliding #Wrapper,
.footer-sliding #Content {
    position: relative;
    z-index: 0
}

.footer-sliding #Footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: -1
}

.footer-stick #Footer.is-sticky {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0
}

.comments {
    margin-bottom: 0
}

#comments .nocomments {
    margin-bottom: 40px
}

#comments>:first-child {
    border-top-width: 1px;
    border-style: solid;
    padding-top: 20px
}

.page #comments>:first-child {
    margin-top: 20px
}

#comments .commentlist {
    margin-left: 0
}

#comments .commentlist li {
    list-style: none!important
}

#comments .commentlist>li {
    margin-bottom: 30px
}

#comments .commentlist>li .comment-body {
    position: relative;
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
    margin-left: 105px
}

#comments .commentlist>li .comment-body:after {
    content: "";
    display: block;
    position: absolute;
    left: -6px;
    top: 35px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 6px 0;
    border-color: transparent #fff transparent transparent
}

#comments .commentlist>li .children {
    margin-bottom: 15px;
    padding-left: 40px;
    border-left: 1px solid #ddd
}

#comments .commentlist>li .photo {
    display: block;
    width: 64px;
    height: 64px;
    overflow: hidden;
    line-height: 0;
    position: absolute;
    left: -105px;
    top: 0;
    border-width: 8px;
    border-style: solid;
    -webkit-border-radius: 100%;
    border-radius: 100%
}

#comments .commentlist>li .comment-author {
    font-size: 15px;
    color: #444
}

#comments .commentlist>li .comment-author .fn {
    font-weight: 700
}

#comments .commentlist>li .comment-meta {
    font-size: 12px;
    font-style: italic
}

#comments .commentlist>li p {
    margin: 4px 0 10px
}

#comments .commentlist>li .reply {
    position: absolute;
    right: 20px;
    top: 20px
}

#comments .commentlist>li .reply a.comment-reply-link {
    font-size: 11px;
    color: #fff;
    padding: 3px 6px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 3px;
    background-image: url(../../../themes/betheme/images/stripes/stripes_10_w.png)
}

#comments .commentlist>li .reply a:hover.comment-reply-link {
    text-decoration: none
}

#comments .commentlist li .comment-body.lastBorder {
    border-bottom: 0
}

#comments .commentlist .children {
    margin-bottom: 0;
    margin-left: 30px;
    padding-left: 50px
}

#comments .commentlist .children li {
    margin-bottom: 0
}

#comments #comments-title {
    margin-bottom: 20px
}

#comments #comments-title span {
    font-style: italic
}

#respond {
    overflow: hidden;
    margin-bottom: 40px
}

#respond .comment-reply-title {
    font-size: 21px;
    line-height: 25px
}

#respond .comment-reply-title>small {
    margin-left: 10px;
    font-size: 13px
}

#respond p {
    margin-bottom: 15px;
    padding-left: 0!important
}

#respond .comment-notes .required {
    position: static
}

#respond input[type="text"] {
    margin-bottom: 0
}

#respond label {
    margin-bottom: 3px
}

#respond .comment-form-author {
    width: 31.3%;
    margin-right: 2%!important;
    float: left;
    position: relative
}

#respond .comment-form-email {
    width: 31.3%;
    margin-right: 2%!important;
    float: left;
    position: relative
}

#respond .comment-form-url {
    width: 33.3%;
    float: left;
    position: relative
}

#respond input[type="text"],
#respond input[type="password"],
#respond input[type="email"],
#respond select {
    width: 100%
}

#respond .comment-form-comment {
    width: 100%
}

#respond .comment-form-comment textarea {
    width: 100%;
    margin-bottom: 10px
}

#respond .form-submit {
    margin: 0
}

#respond .form-submit input[type="submit"] {
    float: right!important;
    margin: 0!important
}

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

#respond .form-allowed-tags code {
    margin-top: 10px
}

.single-testimonial .post-nav,
.single-testimonial .post-meta .category,
.single-testimonial .fixed-nav {
    display: none
}

body.error404 {
    height: 100%
}

body.error404.custom-404,
body.error404.events-archive {
    height: auto
}

body.error404:not(.events-archive) #Content {
    padding: 0!important
}

#Error_404 {
    overflow: hidden;
    position: absolute;
    top: 50%;
    margin-top: -150px;
    left: 30px
}

#Error_404 .error_pic {
    width: 30%;
    float: left;
    text-align: center
}

#Error_404 .error_pic i {
    font-size: 250px;
    line-height: 250px
}

#Error_404 .error_desk {
    width: 70%;
    float: left;
    padding-top: 40px
}

#Error_404 .error_desk h2 {
    font-size: 45px;
    line-height: 45px
}

#Error_404 .error_desk h4 {
    font-size: 26px;
    line-height: 30px
}

#Error_404 .error_desk p .check {
    line-height: 45px;
    font-size: 16px
}

#Error_404 .error_desk p .button {
    margin: 0;
    display: inline;
    margin-left: 20px
}

.search-not-found .snf-pic {
    float: left;
    text-align: center;
    width: 275px
}

.search-not-found .snf-pic i {
    font-size: 200px;
    line-height: 200px
}

.search-not-found .snf-desc {
    width: 70%;
    width: calc(100% - 275px);
    float: left;
    padding-top: 40px
}

.search-not-found .snf-desc h2 {
    font-size: 45px;
    line-height: 45px;
    color: rgba(0, 0, 0, .7)
}

.search-not-found .snf-desc h4 {
    font-size: 26px;
    line-height: 30px;
    color: rgba(0, 0, 0, .7)
}

.section.has-video {
    position: relative;
    overflow: hidden
}

.section.has-video .section_video {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    overflow: hidden;
    z-index: 1
}

.section.has-video .section_video .mask {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 3;
    background: url(../../../themes/betheme/images/videomask.png) repeat center
}

.section.has-video .section_video video {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    z-index: 2
}

.section.has-video .section_wrapper {
    position: relative;
    z-index: 10
}

@media only screen and (max-device-width:1024px) {
    .section.has-video .section_video {
        display: none!important
    }
}

.section.has-navi .section-nav {
    position: absolute;
    left: 50%;
    z-index: 701;
    cursor: pointer;
    font-size: 38px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin: 0 0 0 -25px;
    text-align: center;
    color: rgba(0, 0, 0, .2)
}

.section.has-navi .section-nav:hover {
    color: rgba(0, 0, 0, .8)
}

.section.has-navi .section-nav.prev {
    top: 25px
}

.section.has-navi .section-nav.next {
    bottom: 25px
}

.section.has-navi:first-child .section-nav.prev,
.section.has-navi:nth-last-child(3) .section-nav.next {
    display: none
}

.section.has-navi .section-nav {
    color: rgba(0, 0, 0, .2)
}

.section.has-navi .section-nav:hover {
    color: rgba(0, 0, 0, .8)
}

.section.has-navi.dark .section-nav {
    color: rgba(255, 255, 255, .2)
}

.section.has-navi.dark .section-nav:hover {
    color: rgba(255, 255, 255, .8)
}

.section.has-navi .section-nav {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.dark,
.dark ul.timeline_items,
.dark .icon_box a .desc,
.dark .icon_box a:hover .desc,
.dark .feature_list ul li a,
.dark .list_item a:not(.icon_bar),
.dark .list_item a:not(.icon_bar):hover,
.dark .widget_recent_entries ul li a {
    color: #fff!important
}

.dark .ui-tabs .ui-tabs-panel,
.dark .accordion .question .answer {
    color: #626262
}

.dark blockquote {
    background-image: url(../../../themes/betheme/images/stripes/textline_dark.png)
}

.dark blockquote:after {
    color: rgba(255, 255, 255, .1)
}

.dark h1,
.dark h1 a,
.dark h1 a:hover {
    color: #fff
}

.dark h2,
.dark h2 a,
.dark h2 a:hover {
    color: #fff
}

.dark h3,
.dark h3 a,
.dark h3 a:hover {
    color: #fff
}

.dark h4,
.dark h4 a,
.dark h4 a:hover {
    color: #fff
}

.dark h5,
.dark h5 a,
.dark h5 a:hover {
    color: #fff
}

.dark h6,
.dark h6 a,
.dark h6 a:hover,
.dark a.content_link .title {
    color: #fff
}

.dark .idea_box,
.dark table th,
.dark table td,
.dark .list_item .circle,
.dark input[type="text"],
.dark input[type="tel"],
.dark input[type="password"],
.dark input[type="email"],
.dark textarea,
.dark select,
.dark .promo_box.has_border:after,
.dark dl>dt,
.dark dl>dd,
.dark .article_box .desc_wrapper p,
.dark a.icon_bar,
.dark a.content_link,
.dark .how_it_works .image,
.dark .opening_hours,
.dark .opening_hours .opening_hours_wrapper li,
.dark .icon_box.has_border:after,
.dark .chart_box:before,
.dark .pricing-box,
.dark .team_list .bq_wrapper,
.dark .post-footer .post-links,
.dark .format-link .post-title .icon-link,
.dark .share_wrapper,
.dark .post-header .title_wrapper,
.dark .section-post-related .section-related-adjustment,
.dark .comments,
.dark .widget-area,
.dark .widget:after,
.dark .fixed-nav .desc h6,
.dark .portfolio_group.list .portfolio-item,
.dark .portfolio_group .portfolio-item .desc .details-wrapper,
.dark .Recent_posts ul li .desc h6,
.dark .widget_recent_entries ul li a,
.dark .woocommerce .widget_best_sellers li,
.dark .woocommerce .widget_featured_products li,
.dark .woocommerce .widget_recent_reviews li,
.dark .woocommerce .widget_recent_products li,
.dark .woocommerce .widget_recently_viewed_products li,
.dark .woocommerce .widget_random_products li,
.dark .woocommerce .widget_top_rated_products li,
.dark .woocommerce .widget_onsale li,
.dark .woocommerce .widget_layered_nav li,
.dark .woocommerce .widget_shopping_cart ul.product_list_widget li,
.dark .woocommerce .widget_products li,
.dark .woocommerce .product .related.products,
.dark .woocommerce .product div.entry-summary h1.product_title:after,
.dark .woocommerce .quantity input.qty {
    border-color: rgba(255, 255, 255, .08)
}

.dark .blockquote p.author span,
.dark .counter .desc_wrapper .title,
.dark .article_box .desc_wrapper p,
.dark .team .desc_wrapper p.subtitle,
.dark .pricing-box .plan-header p.subtitle,
.dark .pricing-box .plan-header .price sup.period,
.dark .chart_box p,
.dark .fancy_heading .inside,
.dark .fancy_heading_line .slogan,
.dark .post-meta,
.dark .post-meta a,
.dark .post-footer,
.dark .post-footer a span.label,
.dark .pager .pages a,
.dark .button-love a .label,
.dark .pager-single a,
.dark #comments .commentlist>li .comment-author .says,
.dark .fixed-nav .desc .date,
.dark .filters_buttons li.label,
.dark .Recent_posts ul li a .desc .date,
.dark .widget_recent_entries ul li .post-date,
.dark .tp_recent_tweets .twitter_time,
.dark .widget_price_filter .price_label,
.dark .shop-filters .woocommerce-result-count,
.dark .woocommerce ul.product_list_widget li .quantity,
.dark .widget_shopping_cart ul.product_list_widget li dl,
.dark .product_meta .posted_in,
.dark .woocommerce .shop_table .product-name .variation>dd,
.dark .shipping-calculator-button:after,
.dark .shop_slider .shop_slider_ul li .item_wrapper .price del,
.dark .testimonials_slider .testimonials_slider_ul li .author span,
.dark .testimonials_slider .testimonials_slider_ul li .author span a {
    color: #DEDEDE
}

.dark hr {
    background-color: rgba(255, 255, 255, .08);
    color: rgba(255, 255, 255, .08)
}

.dark .faq .question .title {
    color: #fff
}

.dark .faq .question,
.dark .faq .question::after {
    background-color: rgba(255, 255, 255, .02)
}

.dark .faq .question::before {
    border-color: rgba(255, 255, 255, .1)
}

.dark .faq .question .title>.acc-icon-plus,
.dark .faq .question .title>.acc-icon-minus {
    color: rgba(255, 255, 255, .25)
}

.style-simple .dark .faq .question {
    border-color: rgba(255, 255, 255, .1)
}

.dark blockquote {
    color: #fff
}

.dark .article_box .desc_wrapper h4 {
    color: #444
}

.dark .progress_bars .bars_list li h6 .label {
    color: rgba(255, 255, 255, .35);
    background: rgba(255, 255, 255, .05)
}

.dark .counter .desc_wrapper .number {
    color: #fff
}

.dark a.content_link .title {
    color: #444
}

.dark .opening_hours,
.dark .opening_hours h3 {
    color: #444
}

.dark .Recent_posts ul li .desc {
    background: rgba(0, 0, 0, .1)
}

.dark .pricing-box-box {
    background: rgba(0, 0, 0, .1)
}

.dark .pricing-box .plan-inside ul li {
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.dark .column_column ul,
.dark .column_column ol,
.dark .the_content_wrapper ul,
.dark .the_content_wrapper ol {
    color: #fff
}

.dark .list_item.lists_2 .list_icon i {
    color: #fff
}

.dark .pricing-box-table.pricing-box-featured {
    background: rgba(0, 0, 0, .1)
}

.dark .pricing-box .plan-header .price sup.period {
    color: rgba(255, 255, 255, .5)!important
}

.dark .call_to_action .call_left h3,
.dark .call_to_action .call_center a {
    color: #fff
}

.dark .fancy_heading_line {
    background-image: url(../../../themes/betheme/images/fancy_heading_hr_dark.png)
}

.dark .content_slider.flat a.button .button_icon i {
    color: #fff
}

.style-simple .dark .quick_fact .number-wrapper {
    color: #fff
}

.dark a.mfn-link,
.dark a:hover.mfn-link {
    color: #fff
}

.dark a.hover.mfn-link-2 span:before,
.dark a.mfn-link-8:after,
.dark a.mfn-link-8:before {
    background: #fff
}

.dark a.mfn-link-4:hover:before,
.dark a.mfn-link-4:hover:after,
.dark a.hover.mfn-link-4:before,
.dark a.hover.mfn-link-4:after,
.dark a.mfn-link-7:after,
.dark a.mfn-link-7:before {
    background: #fff
}

.dark a.mfn-link-6:before {
    border-bottom-color: #fff
}

.dark .slider_pagination a {
    background: rgba(255, 255, 255, .3)
}

.dropcap {
    display: inline-block;
    float: left;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 20px;
    margin: 0 10px 5px 0;
    text-align: center;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-image: url(../../../themes/betheme/images/stripes/stripes_10_w.png)
}

.dropcap_circle {
    -webkit-border-radius: 100%;
    border-radius: 100%
}

.dropcap.transparent {
    background: none!important
}

.dropcap.size-2 {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 35px
}

.dropcap.size-3 {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 40px
}

.highlight {
    padding: 1px 7px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-image: url(../../../themes/betheme/images/stripes/stripes_10_w.png)
}

.highlight.highlight_image {
    padding: 0 2px 7px
}

.tooltip {
    display: inline;
    position: relative;
    cursor: help;
    border-bottom-width: 1px;
    border-style: dotted
}

.tooltip:hover:after,
.tooltip.hover:after {
    content: attr(data-tooltip);
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 15px;
    width: 140px;
    position: absolute;
    left: 50%;
    bottom: 110%;
    z-index: 98;
    margin-left: -85px;
    background-image: url(../../../themes/betheme/images/stripes/stripes_10_w.png)
}

.tooltip.tooltip-img:after {
    display: none
}

.tooltip.tooltip-img .tooltip-content {
    display: none;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 15px;
    width: 300px;
    position: absolute;
    left: 50%;
    bottom: 110%;
    z-index: 98;
    margin-left: -165px;
    background-image: url(../../../themes/betheme/images/stripes/stripes_10_w.png)
}

.tooltip.tooltip-img:hover .tooltip-content,
.tooltip.tooltip-img.hover .tooltip-content {
    display: block
}

.wpml-languages .tooltip:hover:after,
.wpml-languages .tooltip.hover:after {
    top: 40px;
    bottom: auto
}

.wpml-languages:not(.disabled) .tooltip {
    cursor: default
}

.wpml-languages:not(.disabled) .tooltip:hover:after,
.wpml-languages:not(.disabled) .tooltip.hover:after {
    display: none!important
}

blockquote {
    font-size: 17px;
    line-height: 31px;
    display: block;
    height: auto;
    margin: 0 0 35px 25px;
    top: 15px;
    position: relative;
    background: url(../../../themes/betheme/images/stripes/textline.png) repeat-y
}

blockquote:before {
    content: ""
}

blockquote:after {
    content: '\e909';
    font-family: "mfn-icons";
    font-size: 65px;
    position: absolute;
    left: -25px;
    top: -10px;
    color: rgba(0, 0, 0, .1)
}

.blockquote {
    margin-bottom: 20px
}

.blockquote blockquote {
    margin-bottom: 25px
}

.blockquote p.author {
    margin-left: 25px
}

.blockquote p.author i {
    margin-right: 5px
}

.column_button .button {
    margin: 0!important;
    vertical-align: middle
}

.button_align.align_center {
    text-align: center
}

.button_align.align_right {
    text-align: right
}

.column_image {
    line-height: 0
}

.image_frame,
.wp-caption {
    display: block;
    margin: 0;
    border-width: 8px;
    border-style: solid;
    max-width: 100%;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.image_frame .image_wrapper,
.wp-caption img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.image_frame a,
.wp-caption a {
    display: block
}

.wp-caption-text {
    display: block;
    text-align: center;
    margin: 0;
    padding: 10px 0 5px;
    line-height: normal
}

.wp-caption-text.hide {
    display: none
}

.if-caption-on .gallery-item {
    position: relative
}

.if-caption-on .image_frame {
    position: relative
}

.if-caption-on .wp-caption-text {
    position: absolute;
    bottom: 15px;
    left: 15px;
    padding: 5px 10px!important;
    width: calc(100% - 30px);
    box-sizing: border-box;
    background: rgba(0, 0, 0, .5);
    color: rgba(255, 255, 255, .7);
    border-radius: 3px
}

.image_frame.no_border .wp-caption-text,
.if-zoom .image_frame:not(.has_border) .wp-caption-text {
    padding: 10px 0
}

.the_content_wrapper .image_frame,
.the_content_wrapper .wp-caption {
    margin-bottom: 20px
}

.the_content_wrapper .wp-caption.alignnone,
.the_content_wrapper .wp-caption.aligncenter {
    clear: both
}

.image_frame .image_wrapper {
    position: relative;
    overflow: hidden
}

.image_frame .image_wrapper .mask {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.image_frame .image_wrapper img:not(.ls-l) {
    position: relative;
    top: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.image_frame:not(.no_link) .image_wrapper img:not(.ls-l) {
    margin-bottom: -15px!important
}

.masonry-flat .image_frame:not(.no_link) .image_wrapper img:not(.ls-l) {
    margin-bottom: 0!important
}

.image_frame:hover .image_wrapper img,
.image_frame.hover .image_wrapper img {
    top: -15px
}

.image_frame:hover .image_wrapper .ls-container img,
.image_frame.no_link:hover .image_wrapper img {
    top: 0
}

.image_frame .image_wrapper .mask:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    opacity: 0
}

.image_frame:hover .image_wrapper .mask:after,
.image_frame.hover .image_wrapper .mask:after {
    opacity: 1
}

.image_frame.no_link:hover .image_wrapper .mask:after {
    opacity: 0
}

.image_frame .image_wrapper .image_links {
    width: 100%;
    height: 60px;
    position: absolute;
    left: 0;
    bottom: -60px;
    z-index: 4;
    overflow: hidden
}

.image_frame:hover .image_wrapper .image_links,
.image_frame.hover .image_wrapper .image_links {
    bottom: 0
}

.image_frame .image_wrapper .image_links a {
    display: block;
    font-size: 25px;
    line-height: 60px;
    width: 100%;
    text-align: center
}

.image_frame .image_wrapper .image_links.double a {
    width: 50%;
    display: block;
    float: left
}

.image_frame .image_wrapper .image_links.double a:first-child {
    -webkit-box-shadow: inset -1px 0 0 0 rgba(255, 255, 255, .2);
    box-shadow: inset -1px 0 0 0 rgba(255, 255, 255, .2)
}

.image_frame .image_wrapper .image_links.triple a {
    width: 33%;
    display: block;
    float: left;
    -webkit-box-shadow: inset -1px 0 0 0 rgba(255, 255, 255, .2);
    box-shadow: inset -1px 0 0 0 rgba(255, 255, 255, .2)
}

.image_frame .image_wrapper .image_links.triple a:last-child {
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    width: 34%
}

.image_frame .image_wrapper .image_links.hover-title a {
    font-size: 15px;
    text-decoration: none
}

.image_frame.no_border {
    border-width: 0
}

.alignleft {
    float: left;
    margin: 15px 15px 15px 0
}

.alignright {
    float: right;
    margin: 15px 0 15px 15px
}

.aligncenter {
    text-align: center;
    margin: 0 auto;
    display: block
}

.aligncenter img {
    display: inline
}

.image_frame .image_wrapper img,
.image_frame .image_wrapper .mask:after,
.image_frame .image_wrapper .image_links {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.image_frame .image_wrapper .image_links a {
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.greyscale .image_wrapper img {
    top: 0!important;
    margin-bottom: 0!important
}

.greyscale .image_wrapper img.BWFilter {
    opacity: 1;
    z-index: 2
}

.greyscale .image_wrapper img:not(.BWFilter) {
    opacity: 0
}

.greyscale .image_wrapper:hover img.BWFilter {
    opacity: 0!important
}

.greyscale .image_wrapper:hover img:not(.BWFilter) {
    opacity: 1!important
}

.greyscale:not(.no_link) .image_wrapper img:not(.ls-l) {
    margin-bottom: 0!important
}

.greyscale .image_wrapper .mask {
    display: none
}

.greyscale .image_frame .image_wrapper img {
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s
}

.greyscale.tiles .post-item .image_wrapper_tiles img.BWFilter {
    opacity: 1;
    z-index: 2
}

.greyscale.tiles .post-item .image_wrapper_tiles img:not(.BWFilter) {
    opacity: 0
}

.greyscale.tiles .post-item:hover .image_wrapper_tiles img.BWFilter {
    opacity: 0!important
}

.greyscale.tiles .post-item:hover .image_wrapper_tiles img:not(.BWFilter) {
    opacity: 1!important
}

.if-overlay .image_frame .image_wrapper .image_links {
    opacity: 0;
    width: 60px;
    height: 60px;
    bottom: auto;
    top: 50%;
    left: 50%;
    z-index: 4;
    margin-top: -30px;
    margin-left: -30px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

.if-overlay .image_frame .image_wrapper .image_links.double {
    width: 120px;
    margin-left: -60px
}

.if-overlay .image_frame .image_wrapper .image_links.triple {
    width: 180px;
    margin-left: -90px
}

.if-overlay .image_frame .image_wrapper .image_links.hover-title {
    width: 100%;
    left: 0;
    margin-left: 0
}

.if-overlay li.product .product-loading-icon,
.if-overlay li.product .added-cart {
    border-radius: 0!important;
    width: 60px!important;
    height: 60px!important;
    margin: -30px 0 0 -30px!important
}

.if-overlay li.product.adding-to-cart .added-cart,
.if-overlay li.product.added-to-cart .added-cart {
    z-index: 5!important
}

.if-overlay .image_frame:not(.no_link) .image_wrapper img:not(.ls-l) {
    margin-bottom: 0!important
}

.if-overlay .image_frame:hover .image_wrapper .image_links,
.if-overlay .image_frame.hover .image_wrapper .image_links {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.if-overlay .image_frame:hover .image_wrapper img,
.if-overlay .image_frame.hover .image_wrapper img {
    top: 0;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}

.if-overlay .image_item:hover .image_wrapper img,
.if-overlay .image_item.hover .image_wrapper img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.if-zoom .image_frame .image_wrapper .image_links {
    display: none
}

.if-zoom .image_frame:not(.no_link) .image_wrapper img:not(.ls-l) {
    margin-bottom: 0!important
}

.if-zoom .image_frame:hover .image_wrapper img,
.if-zoom .image_frame.hover .image_wrapper img {
    top: 0
}

.if-zoom .image_frame .image_wrapper .mask {
    display: none
}

.if-zoom .image_frame:hover .image_wrapper img,
.if-zoom .image_frame.hover .image_wrapper img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.if-zoom .image_frame.no_link:hover .image_wrapper img,
.if-zoom image_frame.no_link.hover .image_wrapper img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.if-zoom #Content .image_frame .image_wrapper img {
    max-width: 100.1%
}

.if-disable .image_frame .image_wrapper .image_links {
    display: none
}

.if-disable .image_frame:not(.no_link) .image_wrapper img:not(.ls-l) {
    margin-bottom: 0!important
}

.if-disable .image_frame:hover .image_wrapper img,
.if-zoom .image_frame.hover .image_wrapper img {
    top: 0
}

.if-disable .image_frame .image_wrapper .mask {
    display: none
}

.if-border-hide .image_frame:not(.has_border) {
    border-width: 0
}

.image_frame.hover-disable .image_wrapper .image_links {
    display: none
}

.image_frame.hover-disable .image_wrapper .mask {
    display: none!important
}

.image_frame.hover-disable .image_wrapper img {
    margin-bottom: 0!important;
    top: 0!important;
    -moz-transform: scale(1)!important;
    -webkit-transform: scale(1)!important;
    -o-transform: scale(1)!important;
    transform: scale(1)!important
}

.image_frame.hover-disable:not(.no_link) .image_wrapper img:not(.ls-l) {
    margin-bottom: 0!important
}

.content_video.iframe.auto-wh {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.content_video.iframe.auto-wh iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.post-photo-wrapper.embed .image_wrapper,
.single-photo-wrapper.embed .image_wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.post-photo-wrapper.embed .image_wrapper iframe,
.single-photo-wrapper.embed .image_wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.post-photo-wrapper.html5 .jp-video:not(.jp-video-full) .jp-jplayer,
.single-photo-wrapper.html5 .jp-video:not(.jp-video-full) .jp-jplayer {
    position: relative;
    padding-bottom: 56.25%;
    height: 0!important;
    overflow: hidden
}

.post-photo-wrapper.html5 .jp-video:not(.jp-video-full) img,
.single-photo-wrapper.html5 .jp-video:not(.jp-video-full) img {
    position: absolute
}

.post-photo-wrapper.html5 .jp-video:not(.jp-video-full) video,
.single-photo-wrapper.html5 .jp-video:not(.jp-video-full) video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.gallery .gallery-item {
    overflow: hidden;
    margin: 0 0 2.5%!important
}

.gallery .gallery-item .gallery-icon {
    border: 0;
    width: 95%;
    overflow: hidden;
    line-height: 0;
    margin-right: 2.5%!important;
    margin-left: 2.5%!important;
    padding: 0!important;
    position: relative
}

.gallery .gallery-item img {
    display: block;
    line-height: 0;
    max-width: 100%;
    height: auto;
    border: 0!important
}

.gallery .image_frame {
    margin-bottom: 0
}

.gallery-columns-2 .gallery-item:nth-of-type(2n+1) {
    clear: both
}

.gallery-columns-3 .gallery-item:nth-of-type(3n+1) {
    clear: both
}

.gallery-columns-4 .gallery-item:nth-of-type(4n+1) {
    clear: both
}

.gallery-columns-5 .gallery-item:nth-of-type(5n+1) {
    clear: both
}

.gallery-columns-6 .gallery-item:nth-of-type(6n+1) {
    clear: both
}

.gallery-columns-7 .gallery-item:nth-of-type(7n+1) {
    clear: both
}

.gallery-columns-8 .gallery-item:nth-of-type(8n+1) {
    clear: both
}

.gallery-columns-9 .gallery-item:nth-of-type(9n+1) {
    clear: both
}

.gallery.flat .gallery-item {
    margin: 0!important
}

.gallery.flat .gallery-item .gallery-icon {
    margin: 0!important;
    width: 100%
}

.gallery.flat .gallery-item .gallery-icon .image_frame {
    border-width: 0;
    margin-bottom: 0
}

.gallery.fancy .gallery-item:nth-child(2n+1) {
    transform: rotate(-2deg)
}

.gallery.fancy .gallery-item:nth-child(2n) {
    transform: rotate(2deg)
}

.gallery.fancy .gallery-item .image_frame {
    margin: 7%
}

.gallery.masonry .gallery-item {
    margin: 0!important
}

.gallery.masonry .gallery-item .gallery-icon {
    margin: 0!important;
    width: 100%
}

.gallery.masonry .gallery-item .image_frame {
    margin-bottom: 0
}

hr {
    display: block;
    border: none;
    outline: none;
    height: 1px;
    width: 100%;
    margin: 0 auto 15px;
    clear: both
}

hr,
.hr_wide,
.hr_zigzag,
.hr_dots {
    margin: 0 auto 15px;
    clear: both
}

hr.hr_narrow {
    width: 7%
}

hr.no_line {
    background: none;
    color: transparent
}

.hr_wide {
    position: relative;
    height: 1px
}

.hr_wide hr {
    position: absolute;
    left: -1000px;
    top: 0;
    width: 3000px
}

.aside_left .hr_wide hr {
    left: 0
}

.aside_right .hr_wide hr {
    right: 0;
    left: auto
}

.hr_zigzag {
    text-align: center;
    margin-bottom: 10px
}

.hr_zigzag i {
    font-size: 25px;
    line-height: 25px;
    margin: 0 -11px;
    display: inline-block
}

.hr_dots {
    text-align: center;
    line-height: 0
}

.hr_dots span {
    display: inline-block;
    width: 5px;
    height: 5px;
    overflow: hidden;
    margin: 0 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.column_divider hr,
.column_divider .hr_wide,
.column_divider .hr_zigzag,
.column_divider .hr_dots {
    margin-bottom: 0
}

.fancy-divider svg {
    display: block
}

.fancy-divider svg:not(:root) {
    overflow: hidden
}

.section .section-divider {
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    background-color: inherit;
    z-index: 1
}

.section-divider.triangle.up,
.section-divider.triangle.down {
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.section-divider.triangle.up {
    top: -25px
}

.section-divider.triangle.down {
    bottom: -25px
}

.section-divider.triple-triangle:after,
.section-divider.triple-triangle:before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    background-color: inherit;
    z-index: 1
}

.section-divider.triple-triangle.up:after {
    left: -36px;
    top: 50px
}

.section-divider.triple-triangle.up:before {
    right: -50px;
    top: -36px
}

.section-divider.triple-triangle.down:after {
    left: -51px;
    top: 35px
}

.section-divider.triple-triangle.down:before {
    right: -35px;
    top: -50px
}

.section-divider.triple-triangle.up,
.section-divider.triple-triangle.down {
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.section-divider.triple-triangle.up {
    top: -25px
}

.section-divider.triple-triangle.down {
    bottom: -25px
}

.section-divider.square.up,
.section-divider.square.down {
    width: 70px;
    height: 70px;
    margin-left: -35px
}

.section-divider.square.up {
    top: -25px
}

.section-divider.square.down {
    bottom: -25px
}

.section-divider.circle.up,
.section-divider.circle.down {
    width: 70px;
    height: 70px;
    margin-left: -35px;
    -webkit-border-radius: 100%;
    border-radius: 100%
}

.section-divider.circle.up {
    top: -25px
}

.section-divider.circle.down {
    bottom: -25px
}

.section .section-decoration {
    width: 100%;
    height: 100px;
    position: absolute;
    left: 0;
    background-repeat: repeat-x;
    z-index: 2
}

.section .section-decoration.top {
    top: 0;
    background-position: center top
}

.section .section-decoration.bottom {
    bottom: 0;
    background-position: center bottom
}

.idea_box {
    padding: 25px 25px 25px 70px;
    position: relative;
    border-top-width: 1px;
    border-style: solid;
    background: rgba(0, 0, 0, .02);
    clear: both
}

.idea_box .icon {
    font-size: 30px;
    line-height: 30px;
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -15px;
    color: rgba(0, 0, 0, .15)
}

.google_font {
    margin-bottom: 15px
}

.google_font.inline {
    margin-bottom: 0;
    display: inline
}

.popup-content {
    display: none
}

.single_icon {
    display: block;
    margin: 0 auto 15px
}

.single_icon.icon_left {
    text-align: left
}

.single_icon.icon_right {
    text-align: right
}

.single_icon.icon_center {
    text-align: center
}

form,
fieldset {
    margin-bottom: 0
}

textarea {
    min-height: 60px;
    line-height: 20px
}

label,
legend {
    display: block;
    margin-bottom: 5px;
    font-weight: 700
}

input[type="checkbox"] {
    display: inline
}

input[type="checkbox"]~label {
    display: inline
}

input[type="checkbox"]~label:before {
    content: " "
}

input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
select,
textarea {
    padding: 10px;
    outline: none;
    margin: 0;
    width: 230px;
    max-width: 100%;
    display: block;
    margin-bottom: 20px;
    font-size: 14px;
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
    box-sizing: border-box;
    -webkit-appearance: none
}

ul {
    list-style: none outside
}

ol {
    list-style: decimal
}

.column_column ul,
.column_helper ul,
.column_visual ul,
.icon_box ul,
.mfn-acc ul,
.ui-tabs-panel ul,
.post-excerpt ul,
.the_content_wrapper ul {
    list-style: disc outside;
    margin: 0 0 15px 30px
}

.column_column ol,
.column_helper ol,
.column_visual ol,
.icon_box ol,
.mfn-acc ol,
.ui-tabs-panel ol,
.post-excerpt ol,
.the_content_wrapper ol {
    margin: 0 0 15px 30px
}

.column_column ul li,
.column_helper ul li,
.column_visual ul li,
.icon_box ul li,
.mfn-acc ul li,
.ui-tabs-panel ul li,
.post-excerpt ul li,
.the_content_wrapper ul li {
    margin-bottom: 10px
}

.column_column ol li,
.column_helper ol li,
.column_visual ol li,
.icon_box ol li,
.mfn-acc ol li,
.ui-tabs-panel ol li,
.post-excerpt ol li,
.the_content_wrapper ol li {
    margin-bottom: 10px
}

.column_column ul li ul,
.column_column ol li ol,
.column_helper ul li ul,
.column_helper ol li ol,
.column_visual ul li ul,
.column_visual ol li ol,
.icon_box ul li ul,
.icon_box ol li ol,
.mfn-acc ul li ul,
.mfn-acc ol li ol,
.ui-tabs-panel ul li ul,
.ui-tabs-panel ol li ol,
.post-excerpt ul li ul,
.post-excerpt ol li ol,
.the_content_wrapper ul li ul,
.the_content_wrapper ol li ol {
    margin-top: 10px;
    margin-bottom: 0
}

ul.list_mixed,
ul.list_check,
ul.list_star,
ul.list_idea,
ul.list_custom {
    list-style: none;
    margin-left: 0
}

ul.list_mixed li,
ul.list_check li,
ul.list_star li,
ul.list_idea li,
ul.list_custom li {
    position: relative;
    margin: 0 0 20px 0;
    padding-left: 50px
}

ul.list_mixed li:after,
ul.list_check li:after,
ul.list_star li:after,
ul.list_idea li:after,
ul.list_custom li:after {
    content: "";
    width: 70px;
    height: 1px;
    overflow: hidden;
    background: rgba(0, 0, 0, .08);
    position: absolute;
    left: 0;
    bottom: -11px
}

ul.list_mixed li:last-child:after,
ul.list_check li:last-child:after,
ul.list_star li:last-child:after,
ul.list_idea li:last-child:after,
ul.list_custom li:last-child:after {
    display: none
}

ul.list_custom li i {
    position: absolute;
    left: 20px;
    bottom: 0;
    font-size: 17px
}

ul.list_check li:before,
li.list_check:before {
    content: '\e841'
}

ul.list_star li:before,
li.list_star:before {
    content: '\e927'
}

ul.list_idea li:before,
li.list_idea:before {
    content: '\e8ae'
}

ul.list_mixed li:before,
ul.list_check li:before,
ul.list_star li:before,
ul.list_idea li:before {
    font-family: "mfn-icons";
    overflow: hidden;
    position: absolute;
    left: 20px;
    bottom: 0;
    font-size: 17px
}

ul.list_mixed li:before,
ul.list_check li:before,
ul.list_star li:before,
ul.list_idea li:before,
ul.list_custom li i {
    color: #3E3E3E
}

dl {
    margin: 0 0 30px
}

dl>dt,
dl>dd {
    border-width: 1px 0 0;
    border-style: solid;
    padding: 10px 0;
    margin: 0
}

dl>dt {
    display: block;
    float: left;
    width: 100px;
    font-weight: 700
}

dl>dd {
    margin-left: 110px
}

dl>dd:after {
    content: "";
    clear: both;
    display: block
}

.alert {
    margin-bottom: 30px;
    padding: 20px 55px 20px 90px;
    position: relative;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.alert .alert_icon {
    width: 60px;
    height: 60px;
    font-size: 30px;
    line-height: 60px;
    color: rgba(0, 0, 0, .4);
    position: absolute;
    left: 10px;
    top: 10px;
    text-align: center;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.alert a.close {
    position: absolute;
    right: 15px;
    top: 20px;
    font-size: 20px;
    line-height: 20px
}

.alert a.close i {
    margin: 0!important;
    color: rgba(0, 0, 0, .6)
}

.alert a:hover.close i {
    color: rgba(0, 0, 0, .8)
}

.alert_warning {
    background: #ffe38b;
    color: #9b812e
}

.alert_warning .alert_icon {
    background: #fbda72
}

.alert_warning a,
.alert_warning a:hover {
    color: #645012
}

.alert_error {
    background: #fb5455;
    color: #fff
}

.alert_error .alert_icon {
    background: #f24143
}

.alert_error a,
.alert_error a:hover {
    color: #9f2e2e
}

.alert_info {
    background: #3097db;
    color: #fff
}

.alert_info .alert_icon {
    background: #1c81c4
}

.alert_info a,
.alert_info a:hover {
    color: #b1e0ff
}

.alert_success {
    background: #a5de5c;
    color: #fff
}

.alert_success .alert_icon {
    background: #8fc944
}

.alert_success a,
.alert_success a:hover {
    color: #5d9514
}

a.mfn-link {
    position: relative;
    display: inline-block;
    margin: 15px 25px;
    font-size: 15px;
    text-shadow: 0 0 1px rgba(255, 255, 255, .3);
    text-decoration: none;
    outline: none;
    white-space: nowrap
}

a:hover.mfn-link {
    text-decoration: none
}

a.mfn-link-1:before,
a.mfn-link-1:after {
    display: inline-block;
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s, opacity .2s;
    -moz-transition: -moz-transform 0.3s, opacity .2s;
    transition: transform 0.3s, opacity .2s
}

a.mfn-link-1:before {
    margin-right: 10px;
    content: '[';
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    transform: translateX(20px)
}

a.mfn-link-1:after {
    margin-left: 10px;
    content: ']';
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    transform: translateX(-20px)
}

a:hover.mfn-link-1:before,
a:hover.mfn-link-1:after,
a.hover.mfn-link-1:before,
a.hover.mfn-link-1:after {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0)
}

a.mfn-link-2 {
    line-height: 44px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px
}

a.mfn-link-2 span {
    position: relative;
    display: inline-block;
    padding: 0 14px;
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d
}

a.mfn-link-2 span:before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    content: attr(data-hover);
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    transition: background .3s;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
    text-align: center
}

a:hover.mfn-link-2 span,
a.hover.mfn-link-2 span {
    -webkit-transform: rotateX(90deg) translateY(-22px);
    -moz-transform: rotateX(90deg) translateY(-22px);
    transform: rotateX(90deg) translateY(-22px)
}

a.mfn-link-3 {
    padding: 8px 0
}

a.mfn-link-3:after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 3px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform .3s;
    -moz-transition: opacity 0.3s, -moz-transform .3s;
    transition: opacity 0.3s, transform .3s;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px)
}

a:hover.mfn-link-3:after,
a.hover.mfn-link-3:after {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0)
}

a.mfn-link-4 {
    padding: 12px 10px 10px;
    text-shadow: none;
    font-weight: 700
}

a.mfn-link-4:before,
a.mfn-link-4::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 3px;
    content: '';
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s;
    -webkit-transform: scale(.85);
    -moz-transform: scale(.85);
    transform: scale(.85)
}

a.mfn-link-4:after {
    opacity: 0;
    -webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform .3s;
    -moz-transition: top 0.3s, opacity 0.3s, -moz-transform .3s;
    transition: top 0.3s, opacity 0.3s, transform .3s
}

a:hover.mfn-link-4:before,
a:hover.mfn-link-4:after,
a.hover.mfn-link-4:before,
a.hover.mfn-link-4:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1)
}

a:hover.mfn-link-4:after,
a.hover.mfn-link-4:after {
    top: 0;
    opacity: 1
}

a.mfn-link-5 {
    overflow: hidden;
    margin: 0 15px;
    position: relative;
    z-index: 1
}

a.mfn-link-5 span {
    display: block;
    padding: 10px 20px;
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s
}

a.mfn-link-5:before {
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
    z-index: -1;
    padding: 10px 20px;
    width: 100%;
    height: 100%;
    content: attr(data-hover);
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s;
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    transform: translateX(-25%)
}

a:hover.mfn-link-5 span,
a.hover.mfn-link-5 span {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%)
}

a:hover.mfn-link-5:before,
a.hover.mfn-link-5:before {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    transform: translateX(0%)
}

a.mfn-link-6 {
    padding: 10px 0;
    text-shadow: none
}

a.mfn-link-6:before {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    padding: 10px 0;
    max-width: 0;
    border-bottom: 2px solid;
    content: attr(data-hover);
    -webkit-transition: max-width .5s;
    -moz-transition: max-width .5s;
    transition: max-width .5s
}

a:hover.mfn-link-6:before,
a.hover.mfn-link-6:before {
    max-width: 100%
}

a.mfn-link-7 {
    padding: 0 20px;
    height: 45px;
    line-height: 45px
}

a.mfn-link-7:before,
a.mfn-link-7:after {
    position: absolute;
    width: 45px;
    height: 2px;
    content: '';
    opacity: .2;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    pointer-events: none
}

a.mfn-link-7:before {
    top: 0;
    left: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0
}

a.mfn-link-7:after {
    right: 0;
    bottom: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    transform-origin: 100% 0
}

a:hover.mfn-link-7:before,
a:hover.mfn-link-7:after,
a.hover.mfn-link-7:before,
a.hover.mfn-link-7:after {
    opacity: 1
}

a:hover.mfn-link-7:before,
a.hover.mfn-link-7:before {
    left: 50%;
    -webkit-transform: rotate(0deg) translateX(-50%);
    -moz-transform: rotate(0deg) translateX(-50%);
    transform: rotate(0deg) translateX(-50%)
}

a:hover.mfn-link-7:after,
a.hover.mfn-link-7:after {
    right: 50%;
    -webkit-transform: rotate(0deg) translateX(50%);
    -moz-transform: rotate(0deg) translateX(50%);
    transform: rotate(0deg) translateX(50%)
}

a.mfn-link-8 {
    padding: 0 5px;
    font-weight: 700;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
    position: relative;
    z-index: 1
}

a.mfn-link-8:before,
a.mfn-link-8:after {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    height: 2px;
    margin-top: -1px;
    content: '';
    z-index: -1;
    -webkit-transition: -webkit-transform 0.3s, opacity .3s;
    -moz-transition: -moz-transform 0.3s, opacity .3s;
    transition: transform 0.3s, opacity .3s;
    pointer-events: none
}

a.mfn-link-8:before {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    transform: translateY(-20px)
}

a.mfn-link-8:after {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    transform: translateY(20px)
}

a:hover.mfn-link-8:before,
a:hover.mfn-link-8:after,
a.hover.mfn-link-8:before,
a.hover.mfn-link-8:after {
    opacity: .7
}

a:hover.mfn-link-8:before,
a.hover.mfn-link-8:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg)
}

a:hover.mfn-link-8:after,
a.hover.mfn-link-8:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

a.mfn-link-4:before,
a.mfn-link-4:after,
a.mfn-link-3:after,
a:hover.mfn-link-8:after,
a:hover.mfn-link-8:before,
a.hover.mfn-link-8:after,
a.hover.mfn-link-8:before {
    background: rgba(0, 0, 0, .1)
}

a.mfn-link-6 {
    border-top: 2px solid rgba(0, 0, 0, .05)
}

a.mfn-link.mfn-link-6 {
    color: rgba(0, 0, 0, .25)
}

a.mfn-link-2 span,
a:hover.mfn-link-2 span:before,
a.hover.mfn-link-2 span:before,
a.mfn-link-5 span,
a.mfn-link-5:before {
    color: #fff
}

.accordion .question {
    margin-bottom: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    border-width: 1px;
    border-style: solid
}

.accordion .question:last-child {
    margin-bottom: 0
}

.accordion .question .title {
    padding: 14px 14px 14px 60px;
    font-size: 13px;
    font-weight: 700;
    position: relative;
    border-width: 0;
    border-style: solid;
    cursor: pointer;
    background: #f9f9f9;
    box-shadow: inset 0 4px 3px -2px rgba(0, 0, 0, .04)
}

.accordion .question .title:before {
    content: "";
    width: 49px;
    height: 100%;
    border-width: 0 1px 0 0;
    border-style: solid;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.accordion .question .title>.acc-icon-plus,
.accordion .question .title>.acc-icon-minus {
    font-size: 17px;
    line-height: 17px;
    display: block;
    position: absolute;
    left: 15px;
    top: 16px;
    width: 20px;
    height: 20px;
    text-align: center;
    color: rgba(0, 0, 0, .25)
}

.accordion .question .title>.acc-icon-plus:before,
.accordion .question .title>.acc-icon-minus:before {
    margin: 0!important
}

.accordion .question .title>.acc-icon-plus {
    display: block
}

.accordion .question .title>.acc-icon-minus {
    display: none
}

.accordion .question .answer {
    padding: 15px 20px 20px;
    overflow: hidden;
    display: none;
    box-shadow: inset 0 4px 3px -2px rgba(0, 0, 0, .06)
}

.accordion .question .answer .wpb_content_element:last-child {
    margin-bottom: 0
}

.accordion .question.active .title {
    border-width: 0 0 1px
}

.accordion .question.active .title>.acc-icon-plus {
    display: none
}

.accordion .question.active .title>.acc-icon-minus {
    display: block
}

.accordion .question.active p:last-child {
    margin-bottom: 0
}

.faq .question {
    margin-bottom: 5px;
    overflow: hidden;
    position: relative;
    background: rgba(0, 0, 0, .02)
}

.faq .question:before {
    content: "";
    width: 60px;
    height: 100%;
    border-width: 0 1px 0 0;
    border-style: solid;
    border-color: rgba(0, 0, 0, .1);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.faq .question:after {
    content: "";
    width: 60px;
    height: 100%;
    background: rgba(0, 0, 0, .03);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.faq .question:last-child {
    margin-bottom: 0
}

.faq .question .title {
    padding: 20px 40px 20px 80px;
    font-size: 15px;
    position: relative;
    cursor: pointer;
    z-index: 2
}

.faq .question .title>.acc-icon-plus,
.faq .question .title>.acc-icon-minus {
    font-size: 17px;
    line-height: 17px;
    display: block;
    position: absolute;
    right: 15px;
    top: 21px;
    width: 20px;
    height: 20px;
    text-align: center;
    color: rgba(0, 0, 0, .25)
}

.faq .question .title>.acc-icon-plus:before,
.faq .question .title>.acc-icon-minus:before {
    margin: 0!important
}

.faq .question .title>.acc-icon-plus {
    display: block
}

.faq .question .title>.acc-icon-minus {
    display: none
}

.faq .question .title .num {
    font-weight: 700;
    position: absolute;
    left: 27px;
    top: 20px;
    font-weight: 700
}

.faq .question .answer {
    padding: 0 20px 20px 80px;
    overflow: hidden;
    display: none
}

.faq .question.active .title>.acc-icon-plus {
    display: none
}

.faq .question.active .title>.acc-icon-minus {
    display: block
}

.faq .question.active p:last-child {
    margin-bottom: 0
}

.wpb_wrapper .faq {
    margin-bottom: 5px
}

.wpb_wrapper .faq .question .title.wpb_toggle {
    background-position: 23px
}

.wpb_wrapper .faq .question .answer.wpb_toggle_content {
    margin: 0
}

.wpb_wrapper .faq .question .last_toggle_el_margin {
    margin-bottom: 0
}

.wpb_wrapper .faq .question .title>.acc-icon-plus,
.wpb_wrapper .faq .question .title>.acc-icon-minus {
    left: 20px;
    right: auto;
    color: rgba(0, 0, 0, .5)
}

table {
    width: 100%;
    margin-bottom: 15px;
    border-collapse: collapse;
    border-spacing: 0;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

table th,
table td {
    padding: 10px;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    vertical-align: middle
}

table th {
    font-weight: 700;
    background: #f9f9f9;
    box-shadow: inset 0 4px 3px -2px rgba(0, 0, 0, .04)
}

table th.clear {
    border: 0;
    background: none
}

table tr:first-child td {
    box-shadow: inset 0 4px 3px -2px rgba(0, 0, 0, .06)
}

table tr:nth-child(2n) td {
    background: rgba(0, 0, 0, .01)
}

table.simple th {
    background: none
}

table.simple th,
table.simple td {
    border-width: 0 0 1px
}

table.simple tr:first-child td {
    background: none
}

table.simple tr:last-child td {
    border: none
}

body.table-hover:not(.woocommerce-page) table tr:hover td {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.feature_list ul {
    margin: 0;
    overflow: hidden
}

.feature_list ul li {
    margin: 0;
    list-style: none;
    width: 25%;
    float: left;
    display: block;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.feature_list ul li a {
    display: block
}

.feature_list ul li a:hover {
    text-decoration: none
}

.feature_list ul li .icon {
    width: 60px;
    height: 60px;
    line-height: 0;
    margin-right: 10px;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.feature_list ul li .icon i {
    font-size: 43px;
    line-height: 60px
}

.feature_list ul li .icon i:before {
    margin: 0
}

.feature_list ul li p {
    display: table-cell;
    vertical-align: middle;
    padding: 0 0 0 10px
}

.feature_list hr {
    margin: 0
}

.feature_list ul li a {
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.feature_list[data-col="2"] ul li {
    width: 50%
}

.feature_list[data-col="3"] ul li {
    width: 33.33%
}

.feature_list[data-col="4"] ul li {
    width: 25%
}

.feature_list[data-col="5"] ul li {
    width: 20%
}

.feature_list[data-col="6"] ul li {
    width: 16.66%
}

.list_item {
    display: block
}

.list_item>a {
    display: block
}

.list_item>a:hover {
    text-decoration: none
}

.list_item .list_left {
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 50px;
    overflow: hidden;
    text-align: center;
    float: left
}

.list_item .list_image {
    font-size: 0
}

.list_item .list_left img {
    max-width: 80px!important;
    max-height: 80px!important;
    vertical-align: middle
}

.list_item .list_left i:before {
    margin: 0
}

.list_item .circle {
    width: 78px;
    height: 78px;
    line-height: 78px;
    border-width: 1px;
    border-style: solid;
    font-size: 20px;
    font-weight: 700;
    overflow: hidden;
    text-align: center;
    float: left;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background-image: url(../../../themes/betheme/images/stripes/stripes_3_b.png);
    -webkit-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .08);
    box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .08)
}

.list_item .list_right {
    padding: 5px 0 0;
    margin-left: 100px;
    word-wrap: break-word
}

.list_item .list_right h4 {
    margin-bottom: 7px
}

.list_item.lists_1 .list_left {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-image: url(../../../themes/betheme/images/stripes/stripes_3_b.png);
    -webkit-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .1);
    box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .1)
}

.list_item.lists_1 .list_image {
    width: 60px;
    height: 60px;
    line-height: 60px;
    padding: 10px;
    font-size: 0
}

.list_item.lists_1 .list_left img {
    max-width: 60px!important;
    max-height: 60px!important
}

.list_item.lists_3 .list_left {
    float: none;
    margin-bottom: 10px
}

.list_item.lists_3 .list_icon {
    width: auto;
    text-align: left
}

.list_item.lists_3 .list_right {
    margin-left: 0;
    padding-top: 0
}

.list_item.lists_3 .list_right h4 {
    margin-bottom: 10px
}

.list_item.lists_4 .list_right {
    padding-top: 21px
}

.align_right .list_item .list_left {
    float: right
}

.align_right .list_item .list_right {
    margin-left: 0;
    margin-right: 100px
}

.pricing-box {
    height: 100%;
    border-width: 1px;
    border-style: solid;
    background: #fff
}

.pricing-box .plan-header {
    text-align: center;
    padding: 20px 15px 0
}

.pricing-box .plan-header .image {
    text-align: center;
    margin-bottom: 15px
}

.pricing-box .plan-header h2 {
    margin: 0 0 20px;
    font-size: 30px;
    line-height: 30px
}

.pricing-box .plan-header .price {
    margin: 0 0 20px
}

.pricing-box .plan-header .price>span {
    font-size: 45px;
    line-height: 45px;
    margin: 0 5px
}

.pricing-box .plan-header .price sup.currency {
    font-size: 20px;
    line-height: 20px;
    top: -10px;
    position: relative
}

.pricing-box.cp-right .plan-header .price sup.currency {
    margin-right: 5px
}

.pricing-box .plan-header .price sup.period {
    font-size: 15px;
    line-height: 15px;
    top: -15px;
    position: relative
}

.pricing-box .plan-header hr {
    margin-bottom: 0;
    width: 60%
}

.pricing-box .plan-header p.subtitle {
    padding: 20px 0 0;
    margin-bottom: 0
}

.pricing-box .plan-inside {
    padding: 10px 30px;
    text-align: center
}

.pricing-box .plan-inside ul {
    margin: 0;
    font-size: 100%;
    line-height: normal
}

.pricing-box .plan-inside ul li {
    text-align: center;
    padding: 11px 10px;
    display: block;
    margin: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.pricing-box .plan-inside ul li .yes,
.pricing-box .plan-inside ul li .no {
    display: inline-block;
    overflow: hidden;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: rgba(0, 0, 0, .1)
}

.pricing-box .plan-inside ul li:last-child {
    border-bottom: 0
}

.pricing-box .plan-footer {
    text-align: center
}

.pricing-box .plan-footer a {
    margin-right: 0
}

.pricing-box-box.pricing-box-featured {
    border-color: transparent
}

.pricing-box.pricing-box-label .plan-header *,
.pricing-box.pricing-box-label .plan-footer {
    visibility: hidden
}

.pricing-box-label ul li {
    font-weight: 700;
    text-align: right!important
}

.pricing-box-label,
.pricing-box-table {
    border: 0;
    background: none
}

.pricing-box-label .plan-inside,
.pricing-box-table .plan-inside {
    padding-left: 0;
    padding-right: 0
}

.pricing-box-table.pricing-box-featured {
    background: rgba(0, 0, 0, .02);
    padding-left: 10px;
    padding-right: 10px
}

.content_slider {
    padding: 0 140px;
    position: relative
}

.content_slider .content_slider_ul {
    margin: 0!important;
    line-height: 0;
    border-width: 8px;
    border-style: solid;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.content_slider .content_slider_ul li {
    display: block;
    float: left;
    margin: 0!important
}

.content_slider a.button {
    position: absolute;
    top: 50%;
    margin: -22px 0 0;
    font-size: 13px;
    line-height: 21px
}

.content_slider a.slider_prev {
    left: -90px
}

.content_slider a.slider_next {
    right: -90px
}

.content_slider .slider_pagination {
    width: 100%;
    margin-top: 20px
}

.content_slider .slider_pagination li {
    display: inline-block
}

.content_slider .content_slider_ul {
    opacity: 0;
    max-height: 300px;
    transition: opacity 0.3s ease-in-out
}

.content_slider .content_slider_ul.slick-slider {
    opacity: 1;
    max-height: none;
    zoom: 1
}

.column_column .content_slider {
    padding: 0 10%
}

.column_column .content_slider ul {
    margin-left: 0
}

.column_column .content_slider a.slider_prev {
    left: -70px
}

.column_column .content_slider a.slider_next {
    right: -70px
}

.content_slider.flat .content_slider_ul {
    border-width: 0
}

.content_slider.flat a.button {
    background: none!important;
    box-shadow: none;
    border: none
}

.content_slider.flat a.button:after {
    display: none!important
}

.content_slider.flat a.button:hover {
    background: none!important
}

.content_slider.flat a.button .button_icon {
    background: none;
    padding: 0;
    font-size: 50px;
    opacity: .3
}

.content_slider.flat a:hover.button .button_icon {
    opacity: 1
}

.content_slider.flat.description ul li {
    text-align: center
}

.content_slider.flat.description ul li a {
    display: block;
    text-decoration: none
}

.content_slider.flat.description ul li img {
    margin-bottom: 30px
}

.content_slider.flat.description ul li h3 {
    margin-bottom: 0
}

.content_slider.flat.description ul li .desc {
    line-height: 120%;
    line-height: initial;
    padding: 0 20%;
    margin-top: 15px
}

.content_slider.carousel {
    padding: 0 70px
}

.content_slider.carousel .content_slider_ul {
    border-width: 0
}

.content_slider.carousel .content_slider_ul li {
    text-align: center;
    padding: 0 20px;
    padding-top: 5px
}

.content_slider.carousel .content_slider_ul li img {
    margin-bottom: 20px;
    opacity: .8;
    position: relative;
    top: 0
}

.content_slider.carousel .content_slider_ul li a {
    color: inherit;
    text-decoration: none
}

.content_slider.carousel .content_slider_ul li .title {
    opacity: .3;
    line-height: 120%;
    line-height: initial
}

.content_slider.carousel .content_slider_ul li:hover img {
    opacity: 1;
    top: -5px
}

.content_slider.carousel .content_slider_ul li:hover .title {
    opacity: 1
}

.content_slider.carousel a.button {
    background: none!important;
    box-shadow: none;
    border: none;
    top: 40%;
    margin-top: -11px
}

.content_slider.carousel a.button:after {
    display: none!important
}

.content_slider.carousel a.button:hover {
    background: none!important
}

.content_slider.carousel a.button .button_icon {
    background: none;
    padding: 0;
    font-size: 30px;
    opacity: .5
}

.content_slider.carousel a.button:hover .button_icon {
    opacity: 1
}

.content_slider.carousel a.slider_prev {
    left: -70px
}

.content_slider.carousel a.slider_next {
    right: -70px
}

.content_slider.center {
    padding: 0
}

.content_slider.center .content_slider_ul {
    border-width: 0
}

.content_slider.center .content_slider_ul li {
    position: relative;
    padding: 0 5px
}

.content_slider.center .content_slider_ul li:not(.slick-center) {
    transform: scale(.98)
}

.content_slider.center .content_slider_ul li a {
    display: block;
    position: relative;
    z-index: 9
}

.content_slider.center a.button {
    background: none!important;
    box-shadow: none;
    border: none;
    z-index: 1
}

.content_slider.center a.button.slider_prev {
    left: 0
}

.content_slider.center a.button.slider_next {
    right: 0
}

.content_slider.center a.button:after {
    display: none!important
}

.content_slider.center a.button:hover {
    background: none!important
}

.content_slider.center a.button .button_icon {
    background: none;
    padding: 0;
    font-size: 50px;
    opacity: .66
}

.content_slider.center a.button .button_icon i {
    color: #fff
}

.content_slider.center a.button:hover .button_icon {
    opacity: 1
}

.content_slider.center .content_slider_ul li,
.content_slider.center .content_slider_ul li:after,
.content_slider.center a.button .button_icon {
    transition: all .3s cubic-bezier(.4, 0, .2, 1)
}

.content_slider.hide-arrows {
    padding: 0
}

.content_slider.hide-arrows a.slider_prev,
.content_slider.hide-arrows a.slider_next {
    display: none!important
}

.content_slider.hide-dots .slider_pagination {
    display: none!important
}

.section.full-width .column.one .content_slider.hide-arrows {
    padding: 0 140px
}

.section.full-width .column.one .content_slider.center {
    padding: 0
}

.content_slider.carousel ul li img,
.content_slider.carousel ul li .title,
.content_slider.flat a.button .button_icon {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.offer {
    position: relative
}

.offer .offer_ul {
    margin: 0!important;
    opacity: 0;
    max-height: 500px;
    overflow: hidden
}

.offer .offer_ul.slick-slider {
    opacity: 1;
    max-height: none;
    overflow: visible;
    zoom: 1
}

.offer .offer_li {
    float: left;
    width: 100%;
    list-style: none;
    margin: 0!important
}

.offer .offer_li .image_wrapper {
    float: left;
    width: 50%;
    line-height: 0
}

.offer .offer_li .image_wrapper img {
    float: right
}

.offer .offer_li .desc_wrapper {
    float: left;
    width: 570px;
    width: calc(50% - 42px);
    margin: 30px 12px 30px 30px
}

.offer .offer_li .desc_wrapper .title {
    margin-bottom: 30px;
    position: relative;
    min-height: 43px;
    padding-right: 160px
}

.offer .offer_li .desc_wrapper.no-link .title {
    padding: 0
}

.offer .offer_li .desc_wrapper .title h3 {
    margin: 0;
    font-size: 35px;
    line-height: 35px;
    padding-top: 3px
}

.offer .offer_li .desc_wrapper .title h3 em {
    color: rgba(0, 0, 0, .1);
    font-style: normal
}

.offer .offer_li .desc_wrapper .title a.button {
    margin: 0;
    position: absolute;
    right: 0;
    top: 0
}

.offer .offer_li .desc_wrapper.align_left {
    text-align: left
}

.offer .offer_li .desc_wrapper.align_right {
    text-align: right
}

.offer .offer_li .desc_wrapper.align_center {
    text-align: center
}

.offer .offer_li .desc_wrapper.align_justify {
    text-align: justify
}

.offer .offer_li .desc_wrapper.align_right.has-link .title {
    padding-left: 160px;
    padding-right: 0
}

.offer .offer_li .desc_wrapper.align_right .title a.button {
    left: 0;
    right: auto
}

.offer .offer_li .desc_wrapper.align_center.has-link .title {
    text-align: left
}

.offer_li ul {
    list-style: disc inside none;
    margin-bottom: 10px
}

.offer_li ol {
    list-style: decimal inside none;
    margin-bottom: 10px
}

.offer_li li {
    margin-bottom: 5px
}

.offer a.slider_prev,
.offer a.slider_next {
    background: #262626;
    margin: 0;
    position: absolute
}

.offer a.slider_prev:after,
.offer a.slider_next:after {
    background: rgba(0, 0, 0, .2)
}

.offer a.slider_prev .button_icon,
.offer a.slider_next .button_icon {
    padding: 0;
    width: 46px;
    height: 46px;
    line-height: 46px;
    font-size: 13px;
    text-align: center
}

.offer a.slider_prev .button_icon i,
.offer a.slider_next .button_icon i {
    color: #fff
}

.offer a.slider_prev {
    left: 50px;
    top: 50%;
    z-index: 2;
    margin-top: -69px;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0
}

.offer a.slider_next {
    left: 50px;
    top: 50%;
    z-index: 2;
    margin-top: 23px;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px
}

.offer .slider_pagination {
    opacity: 0;
    left: 50px;
    top: 50%;
    color: #6C6C6C;
    margin-top: -23px;
    position: absolute;
    z-index: 1;
    width: 46px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 13px;
    background: #1c1c1c
}

.offer .slider_pagination.show {
    opacity: 1
}

.offer .slider_pagination .current,
.offer .slider_pagination .count {
    color: #fff
}

.button-stroke .offer a.slider_prev .button_icon,
.button-stroke .offer a.slider_next .button_icon {
    padding: 0;
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center
}

.button-stroke .offer a.slider_prev {
    margin-top: -75px
}

.button-stroke .offer a.slider_next {
    margin-top: 28px
}

.button-stroke .offer .slider_pagination {
    border-radius: 3px;
    background: rgba(0, 0, 0, .6)
}

.offer_thumb {
    position: relative;
    padding-left: 120px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.offer_thumb_ul {
    margin: 0!important;
    opacity: 0;
    max-height: 500px;
    overflow: hidden
}

.offer_thumb_ul.slick-slider {
    opacity: 1;
    max-height: none;
    overflow: visible;
    zoom: 1
}

.offer_thumb_ul .offer_thumb_li {
    float: left;
    display: block;
    margin: 0!important;
    padding-left: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.offer_thumb_ul .offer_thumb_li .desc_wrapper {
    float: left;
    width: 39%;
    margin-right: 4%;
    padding-top: 20px
}

.offer_thumb_ul .offer_thumb_li .desc_wrapper .title {
    margin-bottom: 15px;
    position: relative;
    min-height: 43px;
    padding-right: 160px
}

.offer_thumb_ul .offer_thumb_li .desc_wrapper.no-link .title {
    padding: 0
}

.offer_thumb_ul .offer_thumb_li .desc_wrapper .title h3 {
    margin: 0;
    font-size: 35px;
    line-height: 35px;
    padding-top: 3px
}

.offer_thumb_ul .offer_thumb_li .desc_wrapper .title a.button {
    margin: 0;
    position: absolute;
    right: 0;
    top: 0
}

.offer_thumb_ul .offer_thumb_li .desc_wrapper.align_left {
    text-align: left
}

.offer_thumb_ul .offer_thumb_li .desc_wrapper.align_right {
    text-align: right
}

.offer_thumb_ul .offer_thumb_li .desc_wrapper.align_center {
    text-align: center
}

.offer_thumb_ul .offer_thumb_li .desc_wrapper.align_justify {
    text-align: justify
}

.offer_thumb_ul .offer_thumb_li .desc_wrapper.align_right.has-link .title {
    padding-left: 160px;
    padding-right: 0
}

.offer_thumb_ul .offer_thumb_li .desc_wrapper.align_right .title a.button {
    left: 0;
    right: auto
}

.offer_thumb_ul .offer_thumb_li .desc_wrapper.align_center.has-link .title {
    text-align: left
}

.offer_thumb_ul .offer_thumb_li .image_wrapper {
    float: right;
    width: 57%
}

.offer_thumb .slider_pagination li {
    display: inline-block
}

@media only screen and (min-width:768px) {
    .offer_thumb .slider_pagination {
        position: absolute;
        left: 0;
        top: 0;
        border-width: 1px;
        border-style: solid
    }
    .offer_thumb .slider_pagination li {
        display: block
    }
    .offer_thumb .slider_pagination li a {
        display: block;
        margin: 0;
        width: 85px;
        height: 85px;
        line-height: 85px;
        text-align: center;
        padding: 8px;
        text-indent: 0;
        border-bottom-width: 1px;
        border-style: solid;
        border-radius: 0;
        -webkit-border-radius: 0;
        background-color: #fff
    }
    .offer_thumb .slider_pagination li a img {
        vertical-align: middle
    }
    .offer_thumb .slider_pagination li.slick-active a {
        top: 0;
        background-color: #fff;
        background-image: url(../../../themes/betheme/images/stripes/stripes_3_b.png)
    }
    .offer_thumb .slider_pagination li:not(.slick-active) a:hover img {
        opacity: .6
    }
    body:not(.style-simple) .offer_thumb:not(.bottom) .slider_pagination li:last-child a {
        border: 0
    }
    .offer_thumb .slider_pagination a:before {
        content: "";
        display: block;
        width: 5.5px;
        height: 100%;
        right: -5px;
        top: 0;
        position: absolute;
        opacity: 0
    }
    .offer_thumb .slider_pagination li.slick-active a:before {
        opacity: 1
    }
    .offer_thumb .slider_pagination a:after {
        content: "";
        left: auto;
        right: -9px;
        top: 50%;
        margin-top: -4px;
        width: 8px;
        height: 8px;
        opacity: 0;
        border-radius: 0;
        -webkit-border-radius: 0
    }
    .offer_thumb .slider_pagination li.slick-active a:after {
        opacity: 1
    }
}

.offer_thumb .slider_pagination a img {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.offer_thumb.bottom {
    padding-left: 0
}

.offer_thumb.bottom .offer_thumb_ul .offer_thumb_li .image_wrapper {
    width: 48%;
    text-align: center
}

.offer_thumb.bottom .offer_thumb_ul .offer_thumb_li .desc_wrapper {
    margin-right: 4%;
    width: 48%
}

@media only screen and (min-width:768px) {
    .offer_thumb.bottom .slider_pagination {
        position: static;
        border: 0;
        text-align: center;
        margin-top: 50px
    }
    .offer_thumb.bottom .slider_pagination li {
        display: inline-block;
        margin: -1px 0 0 -1px
    }
    .offer_thumb.bottom .slider_pagination li a {
        display: inline-block;
        border-width: 1px;
        border-style: solid
    }
    .offer_thumb.bottom .slider_pagination li a:before {
        width: 100%;
        height: 5.5px;
        left: 0;
        right: auto;
        top: -5px
    }
    .offer_thumb.bottom .slider_pagination li a:after {
        left: 50%;
        left: calc(50% - 4px);
        right: auto;
        top: -5px
    }
}

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

.Latest_news ul li {
    margin: 0 0 20px;
    list-style: none;
    position: relative;
    overflow: hidden
}

.Latest_news ul li .photo {
    width: 30%;
    border-right-width: 3px;
    border-style: solid;
    float: left;
    line-height: 0
}

.Latest_news ul li .desc {
    width: 100%;
    padding: 3px 12px 3px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.Latest_news ul li.has-post-thumbnail .desc {
    margin-left: 30%;
    width: 70%;
    padding-left: 12px
}

.Latest_news ul li .desc h5 {
    margin: 0 0 7px
}

.Latest_news ul li .desc .post-excerpt {
    margin: 10px 0 5px
}

.Latest_news ul li .desc_footer {
    overflow: hidden;
    border-top-width: 1px;
    border-style: solid;
    padding-top: 5px;
    color: #a8a8a8
}

.Latest_news ul li .desc_footer .date {
    float: left;
    margin-right: 5px
}

.Latest_news ul li .desc_footer .button-love {
    float: left;
    margin-right: 5px
}

.Latest_news ul li .desc_footer .button-love a.mfn-love {
    display: inline-block;
    position: relative;
    padding-left: 24px;
    margin-left: 5px
}

.Latest_news ul li .desc_footer .button-love a.mfn-love i {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16px
}

.Latest_news ul li .desc_footer .button-love a.mfn-love:hover {
    text-decoration: none
}

.Latest_news ul li .desc_footer .button-love a.mfn-love i:last-child {
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.Latest_news ul li .desc_footer .button-love a:hover.mfn-love i:last-child,
.Latest_news ul li .desc_footer .button-love a.loved.mfn-love i:last-child {
    opacity: 1
}

.Latest_news .button {
    float: left;
    clear: both
}

.Latest_news.featured ul {
    float: left;
    width: 49%
}

.Latest_news.featured ul.ul-first {
    margin-right: 1%
}

.Latest_news.featured ul.ul-second {
    margin-left: 1%
}

.Latest_news.featured ul.ul-first li .photo {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    border-right-width: 0;
    border-bottom-width: 3px;
    border-bottom-style: solid
}

.Latest_news.featured ul.ul-first li .desc {
    width: 100%;
    margin: 0;
    padding: 0;
    float: left
}

.Latest_news.featured ul.ul-first li .desc h4 {
    margin: 0 0 7px
}

.column.two-fifth .Latest_news.featured ul,
.column.one-third .Latest_news.featured ul,
.column.one-fourth .Latest_news.featured ul {
    width: 100%
}

.wrap.three-fifth .column.one-second .Latest_news.featured ul,
.wrap.one-second .column.one-second .Latest_news.featured ul,
.wrap.one-second .column.three-fifth .Latest_news.featured ul,
.wrap.two-fifth .column.three-fourth .Latest_news.featured ul,
.wrap.two-fifth .column.one-second .Latest_news.featured ul,
.wrap.two-fifth .column.three-fifth .Latest_news.featured ul,
.wrap.one-fourth .Latest_news.featured ul,
.wrap.one-fifth .Latest_news.featured ul,
.wrap.one-sixth .Latest_news.featured ul {
    width: 100%
}

.blog-teaser .teaser-wrapper {
    float: left;
    width: 100%;
    margin: 0
}

.blog-teaser li {
    display: block;
    position: relative;
    overflow: hidden
}

.the_content_wrapper .blog-teaser li {
    margin-bottom: 0
}

.blog-teaser li:first-child {
    float: left;
    width: 66%
}

.blog-teaser li:not(:first-child) {
    float: right;
    width: 33%
}

.blog-teaser li:last-child {
    margin-top: 1%
}

.blog-teaser li:last-child .photo-wrapper {
    margin-bottom: -3.2%
}

.blog-teaser.margin-no li:first-child {
    width: 66.6666%
}

.blog-teaser.margin-no li:not(:first-child) {
    float: right;
    width: 33.3333%
}

.blog-teaser.margin-no li:last-child {
    margin-top: 0
}

.blog-teaser.margin-no li:last-child .photo-wrapper {
    margin-bottom: 0
}

.blog-teaser li .photo-wrapper {
    position: relative;
    line-height: 0
}

.blog-teaser li .photo-wrapper:after {
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    opacity: 0;
    transition: all 0.6s ease-out
}

.blog-teaser li:hover .photo-wrapper:after {
    opacity: 1
}

.blog-teaser li .desc-wrapper {
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 100%;
    z-index: 4;
    transition: all 0.4s ease-out
}

.blog-teaser li:hover .desc-wrapper {
    transform: translateY(-20px)
}

.blog-teaser li .desc-wrapper .desc {
    background: url(../../../themes/betheme/images/blog_masonry_tile_gradient.png) top left repeat-x;
    padding: 70px 25px 30px
}

.blog-teaser li .desc-wrapper .desc .post-meta .author .label {
    display: none
}

.blog-teaser li .desc-wrapper .desc .post-meta .comments {
    margin-left: 5px
}

.blog-teaser li .desc-wrapper .desc .post-title a {
    color: #fff
}

.blog-teaser li .desc-wrapper .desc .post-title:after {
    content: "";
    display: block;
    height: 3px;
    margin-top: 20px;
    width: 0;
    transition: all 0.4s ease-out;
    background-color: #fff
}

.blog-teaser li:hover .desc-wrapper .desc .post-title:after {
    width: 40%
}

.blog-teaser li:first-child:hover .desc-wrapper .desc .post-title:after {
    width: 20%
}

.blog-teaser li .desc-wrapper .desc .post-meta,
.blog-teaser li .desc-wrapper .desc .post-meta a {
    color: rgba(255, 255, 255, .7)
}

.blog-teaser li:not(.has-post-thumbnail) .photo-wrapper {
    padding-top: 75%;
    padding-bottom: 3.2%
}

.blog-teaser li:not(.has-post-thumbnail) .desc-wrapper .desc {
    background: none
}

.blog-teaser li:not(.has-post-thumbnail) .desc-wrapper .desc .post-title:after {
    background: #fff
}

.helper {
    overflow: hidden
}

.helper .helper_header {
    padding: 15px 150px 15px 20px;
    position: relative;
    min-height: 35px
}

.helper .helper_header .title {
    margin: 0;
    line-height: 35px
}

.helper .helper_header .links {
    position: absolute;
    right: 15px;
    top: 15px
}

.helper .helper_header .links a.link {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    margin: 0 5px;
    padding: 0 10px;
    text-decoration: none;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.helper .helper_content .item {
    padding: 0 20px 20px;
    overflow: hidden;
    display: none
}

.helper {
    background: #f5f5f5
}

.helper .helper_header .links a.link {
    color: #999;
    background: #fff
}

.helper .helper_header .links a.link.active,
.helper .helper_header .links a:hover.link {
    color: #999;
    background: rgba(0, 0, 0, .06)
}

.icon_box {
    position: relative;
    padding: 10px 0
}

.icon_box.has_border:after {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    border-width: 0 1px 0 0;
    border-style: solid;
    position: absolute;
    right: -2.4%;
    top: 0
}

.icon_box a {
    display: block
}

.icon_box a:hover {
    text-decoration: none
}

.icon_box .icon_wrapper {
    width: 110px;
    height: 110px;
    text-align: center;
    line-height: 110px;
    font-size: 50px;
    position: relative;
    overflow: hidden;
    margin: 0 auto 15px;
    border-width: 8px;
    border-style: solid;
    display: block;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background-image: url(../../../themes/betheme/images/stripes/stripes_3_b.png)
}

.icon_box .icon_wrapper i {
    z-index: 2;
    position: relative
}

.icon_box .icon_wrapper:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-width: 1px;
    border-style: solid;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.icon_box .icon_wrapper {
    background-color: #fff;
    -webkit-box-shadow: inset 0 0 7px 0 rgba(0, 0, 0, .08);
    box-shadow: inset 0 0 7px 0 rgba(0, 0, 0, .08)
}

.icon_box .image_wrapper {
    text-align: center;
    margin-bottom: 15px
}

.icon_box .desc_wrapper {
    text-align: center
}

.icon_box.icon_position_left {
    min-height: 126px;
    padding-left: 145px
}

.icon_box.icon_position_left .icon_wrapper {
    position: absolute;
    left: 0;
    top: 10px;
    margin-bottom: 0
}

.icon_box.icon_position_left .desc_wrapper {
    text-align: left;
    padding-top: 10px
}

.icon_box.icon_position_left .image_wrapper {
    position: absolute;
    left: 0;
    top: 10px;
    margin-bottom: 0;
    width: 126px;
    height: 126px;
    overflow: hidden
}

.icon_box .icon_wrapper,
.icon_box .icon_wrapper:before {
    -webkit-transition: background-color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    -ms-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out
}

.icon_box .icon_wrapper {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.icon_box:hover .icon_wrapper {
    -webkit-transform: scale(.93);
    -moz-transform: scale(.93);
    -ms-transform: scale(.93);
    -o-transform: scale(.94);
    transform: scale(.94)
}

.icon_box a.mfn-link,
.icon_box a.button {
    display: inline-block
}

.article_box {
    overflow: hidden
}

.article_box a {
    display: block
}

.article_box a:hover {
    text-decoration: none
}

.article_box .photo_wrapper {
    width: 50%;
    float: left;
    line-height: 0
}

.article_box .desc_wrapper {
    width: 50%;
    min-height: 139px;
    float: left;
    padding: 10px 15px;
    background-color: #f8f8f8;
    background-image: url(../../../themes/betheme/images/stripes/stripes_3_b.png);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.article_box .desc_wrapper p {
    margin-bottom: 10px;
    border-bottom-width: 1px;
    border-style: solid;
    padding-bottom: 7px
}

.article_box .desc_wrapper h4 {
    margin-bottom: 5px
}

.article_box .desc_wrapper i.icon-right-open {
    display: block;
    position: relative;
    left: -5px
}

.sliding_box {
    position: relative
}

.sliding_box a {
    display: block
}

.sliding_box a:hover {
    text-decoration: none
}

.sliding_box .photo_wrapper {
    line-height: 0;
    position: relative;
    bottom: -15px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.sliding_box .desc_wrapper {
    padding: 15px 20px;
    width: 100%;
    text-align: center;
    z-index: 2;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.sliding_box .desc_wrapper:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 8px;
    border-color: transparent
}

.sliding_box .desc_wrapper h4 {
    margin-bottom: 0
}

.sliding_box .photo_wrapper {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.sliding_box:hover .photo_wrapper {
    bottom: -1px
}

.sliding_box .desc_wrapper:after {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.sliding_box:hover .desc_wrapper:after {
    top: -8px
}

.story_box {
    padding: 0 11%
}

.story_box a,
.story_box a:hover {
    display: block;
    text-decoration: none
}

.story_box .photo_wrapper {
    line-height: 0;
    overflow: hidden
}

.story_box .photo_wrapper img {
    display: block;
    opacity: .7
}

.story_box .desc_wrapper {
    margin-right: 20%;
    position: relative;
    z-index: 2
}

.story_box .desc_wrapper h3 {
    margin-left: -30px;
    margin-top: -26px
}

.story_box .desc_wrapper hr {
    margin-left: 0;
    width: 20%
}

.story_box:hover .desc_wrapper hr {
    width: 40%
}

.story_box:hover .photo_wrapper img {
    display: block;
    opacity: 1
}

.story_box.vertical {
    padding: 0 17%
}

.story_box .desc_wrapper hr,
.story_box .photo_wrapper img {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.promo_box {
    position: relative
}

.promo_box.has_border:after {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    border-width: 0 1px 0 0;
    border-style: solid;
    position: absolute;
    right: -2.4%;
    top: 0
}

.promo_box_wrapper {
    overflow: hidden
}

.promo_box_wrapper .photo_wrapper {
    width: 36%;
    float: left;
    text-align: left;
    line-height: 0
}

.promo_box_wrapper .desc_wrapper {
    width: 56%;
    margin: 0 2% 0 6%;
    float: left;
    padding-top: 10px
}

.promo_box_wrapper .desc_wrapper .desc {
    margin-bottom: 15px
}

.promo_box_wrapper.promo_box_right .photo_wrapper {
    float: right;
    text-align: right
}

.promo_box_wrapper.promo_box_right .desc_wrapper {
    margin: 0 6% 0 2%;
    text-align: right
}

.promo_box_wrapper.promo_box_right .desc_wrapper a.button {
    margin-right: 0
}

.column_zoom_box {
    text-align: center;
    line-height: 0
}

.zoom_box {
    position: relative;
    line-height: 0;
    overflow: hidden;
    display: inline-block;
    max-width: 100%
}

.zoom_box .photo img,
.zoom_box .desc {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.zoom_box .photo img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.zoom_box:hover .photo img {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15)
}

.zoom_box .desc {
    background: rgba(0, 0, 0, .8);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    opacity: 0;
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15)
}

.zoom_box:hover .desc {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.zoom_box .desc .desc_img img {
    max-width: 30%!important;
    padding-bottom: 15px
}

.zoom_box .desc .desc_txt {
    padding: 0 40px;
    font-size: 26px;
    line-height: 30px;
    color: #fff
}

#Content .zoom_box .photo img {
    max-width: 100.1%
}

.counter {
    padding: 20px;
    background-image: url(../../../themes/betheme/images/stripes/stripes_10_b.png);
    text-align: center;
    position: relative
}

.counter .icon_wrapper {
    margin-bottom: 15px;
    line-height: 0;
    width: 100%
}

.counter .icon_wrapper i:before {
    margin: 0
}

.counter .icon_wrapper i {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 50px
}

.counter .desc_wrapper .number-wrapper {
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 5px
}

.counter .desc_wrapper .number-wrapper .label {
    font-size: 70%;
    line-height: 100%
}

.counter .desc_wrapper .title {
    font-size: 15px;
    line-height: 20px;
    margin: 0
}

.counter.counter_horizontal {
    text-align: left;
    min-height: 75px
}

.counter.counter_horizontal .icon_wrapper {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 30px;
    top: 32px;
    margin: 0
}

.counter.counter_horizontal .desc_wrapper {
    padding-left: 85px
}

.chart_box {
    position: relative;
    text-align: center
}

.chart_box:before {
    content: "";
    display: block;
    z-index: 2;
    width: 138px;
    height: 138px;
    border-width: 1px;
    border-style: solid;
    position: absolute;
    left: 50%;
    margin-left: -69px;
    top: 1px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    background-image: url(../../../themes/betheme/images/stripes/stripes_3_b.png)
}

.chart_box .chart {
    width: 140px;
    margin: 0 auto 10px;
    position: relative
}

.chart_box .chart canvas {
    position: relative;
    z-index: 2
}

.chart_box .chart .icon,
.chart_box .chart .image {
    width: 70px;
    height: 70px;
    line-height: 70px;
    overflow: hidden;
    position: absolute;
    left: 35px;
    top: 35px;
    z-index: 3;
    text-align: center
}

.chart_box .chart .icon {
    font-size: 45px
}

.chart_box .chart .icon i:before {
    margin: 0
}

.chart_box .chart .image img {
    vertical-align: middle
}

.chart_box .chart .num {
    position: absolute;
    left: 0;
    top: 45px;
    z-index: 3;
    width: 100%;
    font-size: 50px;
    line-height: 50px
}

.chart_box p {
    margin-bottom: 0
}

.progress_bars .bars_list {
    margin: 0
}

.progress_bars .bars_list li {
    margin-bottom: 20px;
    list-style: none;
    overflow: hidden
}

.progress_bars .bars_list li:last-child {
    margin-bottom: 0
}

.progress_bars .bars_list li h6 {
    margin-bottom: 7px;
    position: relative;
    padding-right: 40px
}

.progress_bars .bars_list li h6 .label {
    display: block;
    font-size: 11px;
    line-height: 17px;
    padding: 0 5px;
    font-weight: 400;
    position: absolute;
    right: 0;
    top: 1px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: rgba(0, 0, 0, .05);
    color: rgba(0, 0, 0, .35)
}

.progress_bars .bars_list li h6 .label em {
    font-style: normal
}

.progress_bars .bars_list li .bar {
    position: relative;
    width: 100%;
    height: 20px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(0, 0, 0, .02);
    -webkit-box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, .04);
    box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, .04)
}

.progress_bars .bars_list li .bar .progress {
    display: block;
    height: 100%;
    -webkit-box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, .04);
    box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, .04);
    background-image: repeating-linear-gradient(45deg, transparent, transparent 6px, rgba(0, 0, 0, .07) 6px, rgba(0, 0, 0, .07) 14px)
}

.progress_bars .bars_list:not(.hover) li .bar .progress {
    width: 0!important
}

.progress_bars .bars_list.hover li .bar .progress {
    -webkit-transition: all 1.3s ease-in-out;
    -moz-transition: all 1.3s ease-in-out;
    -o-transition: all 1.3s ease-in-out;
    transition: all 1.3s ease-in-out
}

.progress_icons {
    margin-bottom: 12px;
    overflow: hidden
}

.progress_icons .progress_icon {
    display: inline-block;
    margin: 0 7px 7px 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 17px;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 100%;
    border-radius: 100%
}

.progress_icons .progress_icon img {
    max-width: 25px!important;
    max-height: 25px;
    margin: 5px 0 -5px
}

.progress_icons .progress_icon:last-child {
    margin-right: 0
}

.progress_icons .progress_icon:not(.themebg) {
    background: rgba(0, 0, 0, .06)
}

.progress_icons .progress_icon {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.trailer_box {
    text-align: center;
    position: relative;
    line-height: 0
}

.trailer_box a {
    display: block
}

.trailer_box a:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0, 0, 0, .15)
}

.trailer_box:hover a:after {
    opacity: 100
}

.trailer_box .desc {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    padding: 20px 15px 35px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.trailer_box .desc h2 {
    margin: 0;
    position: relative;
    bottom: 0;
    font-size: 30px;
    line-height: 30px
}

.trailer_box:hover .desc h2 {
    bottom: 20px
}

.trailer_box .desc .subtitle {
    display: inline-block;
    position: relative;
    bottom: 0;
    line-height: normal;
    letter-spacing: 1px;
    padding: 4px 8px;
    text-transform: uppercase;
    margin-bottom: 15px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-image: url(../../../themes/betheme/images/stripes/stripes_10_w.png)
}

.trailer_box:hover .desc .subtitle {
    bottom: 20px
}

.trailer_box .desc .line {
    height: 1px;
    width: 0;
    margin: 0 auto;
    background: #fff;
    overflow: hidden;
    display: block
}

.trailer_box:hover .desc .line {
    width: 60%
}

.trailer_box.plain {
    text-align: left
}

.trailer_box.plain .desc {
    padding: 20px 14% 40px
}

.trailer_box.plain .desc .subtitle {
    padding: 0;
    background-color: transparent;
    font-weight: 900;
    font-style: italic
}

.trailer_box.plain .desc h2 {
    font-weight: 700;
    line-height: 35px
}

.trailer_box.plain .desc .line {
    margin: 0;
    height: 2px
}

.trailer_box.plain:hover .desc .line {
    width: 20%
}

.trailer_box a:after,
.trailer_box .desc .subtitle,
.trailer_box .desc .line,
.trailer_box .desc h2 {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.quick_fact {
    text-align: center
}

.quick_fact.align_left {
    text-align: left
}

.quick_fact.align_right {
    text-align: right
}

.quick_fact .number-wrapper {
    font-size: 90px;
    line-height: 90px
}

.quick_fact .number-wrapper .label {
    font-size: 70%;
    line-height: 100%
}

.quick_fact hr {
    width: 40%
}

.photo_box {
    text-align: center
}

.photo_box.pb_left {
    text-align: left
}

.photo_box.pb_right {
    text-align: right
}

.photo_box .image_frame {
    margin-bottom: 15px
}

.photo_box.without-desc .image_frame {
    margin-bottom: 0
}

.photo_box .desc {
    margin-bottom: 15px
}

.flat_box a,
.flat_box a:hover {
    display: block;
    text-decoration: none
}

.flat_box .photo_wrapper {
    margin-bottom: 15px;
    position: relative;
    line-height: 0;
    overflow: hidden
}

.flat_box .photo_wrapper .icon {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 90px;
    text-align: center;
    color: #fff;
    z-index: 2
}

.flat_box .photo_wrapper .icon i {
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 55px;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    margin-top: -30px
}

.flat_box .photo_wrapper .icon img {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: calc(100% - 16px)!important;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.flat_box:hover .photo_wrapper .icon,
.flat_box a:hover .photo_wrapper .icon {
    -webkit-transform: translateX(-90px);
    transform: translateX(-90px)
}

.flat_box .photo_wrapper img.photo {
    position: relative;
    display: block;
    z-index: 1;
    -webkit-transform: translateX(15px);
    transform: translateX(15px)
}

.flat_box:hover .photo_wrapper img.photo,
.flat_box a:hover .photo_wrapper img.photo {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.flat_box .desc_wrapper {
    margin-left: 90px
}

@media only screen and (min-width:960px) {
    .one-fourth .flat_box .photo_wrapper .icon {
        width: 60px
    }
    .one-fourth .flat_box .photo_wrapper .icon i {
        height: 40px;
        line-height: 40px;
        font-size: 35px;
        margin-top: -20px
    }
    .one-fourth .flat_box a:hover .photo_wrapper .icon {
        -webkit-transform: translateX(-60px);
        transform: translateX(-60px)
    }
    .one-fourth .flat_box .desc_wrapper {
        margin-left: 60px
    }
}

.flat_box .photo_wrapper .icon {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.flat_box .photo_wrapper img {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.feature_box .feature_box_wrapper {
    padding: 20px
}

.feature_box .feature_box_wrapper .photo_wrapper,
.feature_box .feature_box_wrapper .desc_wrapper {
    display: inline-block;
    vertical-align: middle
}

.feature_box .feature_box_wrapper .photo_wrapper {
    width: 50%
}

.feature_box .feature_box_wrapper .photo_wrapper a {
    display: block;
    line-height: 0
}

.feature_box .feature_box_wrapper .desc_wrapper {
    width: 46%;
    padding-left: 4%
}

.hover_box {
    text-align: center;
    line-height: 0
}

.hover_box a {
    display: block;
    line-height: 0
}

.hover_box .hover_box_wrapper {
    display: inline-block;
    position: relative;
    overflow: hidden;
    line-height: 0;
    max-width: 100%
}

.hover_box .hover_box_wrapper img {
    display: block
}

.hover_box .hover_box_wrapper .visible_photo {
    opacity: 1
}

.hover_box .hover_box_wrapper .hidden_photo {
    position: absolute;
    left: 50%;
    top: 50%;
    opacity: 0;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.hover_box:hover .hover_box_wrapper .visible_photo,
.hover_box.hover .hover_box_wrapper .visible_photo {
    opacity: 0
}

.hover_box:hover .hover_box_wrapper .hidden_photo,
.hover_box.hover .hover_box_wrapper .hidden_photo {
    opacity: 1
}

.hover_box .hover_box_wrapper .visible_photo,
.hover_box .hover_box_wrapper .hidden_photo {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.hover_color {
    text-align: center;
    border-color: transparent
}

.hover_color a {
    display: block
}

.hover_color a:hover {
    text-decoration: none
}

.hover_color .hover_color_bg {
    box-sizing: border-box;
    border: 2px solid transparent
}

.hover_color .hover_color_wrapper {
    text-decoration: none;
    padding: 40px 30px
}

.hover_color,
.hover_color a,
.hover_color a:hover,
.hover_color h1 a,
.hover_color h2 a,
.hover_color h3 a,
.hover_color h4 a,
.hover_color h5 a,
.hover_color h6 a {
    color: #fff
}

.hover_color .hover_color_bg {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.hover_color,
.hover_color_bg {
    height: 100%
}

.hover_color.align_left {
    text-align: left
}

.hover_color.align_right {
    text-align: right
}

.hover_color.align_center {
    text-align: center
}

.hover_color.align_justify {
    text-align: justify
}

a.content_link {
    display: inline-block;
    position: relative;
    border-width: 1px;
    border-style: solid;
    width: 140px;
    padding: 25px 15px;
    text-align: center;
    margin-left: -1px;
    background-color: #fff
}

a.content_link .icon {
    display: block;
    font-size: 45px;
    line-height: 45px;
    margin-bottom: 15px
}

a.content_link .title {
    font-weight: 700
}

a.content_link:after {
    content: "";
    z-index: 2;
    opacity: 0;
    height: 0;
    width: 100%;
    border-width: 0 0 5px;
    border-style: solid;
    position: absolute;
    left: 0;
    bottom: -6px
}

a.content_link:before {
    content: "";
    z-index: 2;
    opacity: 0;
    position: absolute;
    left: 50%;
    bottom: -1px;
    margin-left: -6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 6px;
    border-color: transparent
}

a:hover.content_link:after {
    opacity: 100
}

a:hover.content_link:before {
    opacity: 100
}

a:hover.content_link {
    text-decoration: none;
    background-image: url(../../../themes/betheme/images/stripes/stripes_3_b.png)
}

a.content_link:after,
a.content_link:before {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

a.icon_bar {
    display: inline-block;
    overflow: hidden;
    text-align: center;
    margin: 0 2px 2px 0;
    border-width: 1px;
    border-style: solid;
    position: relative;
    background-color: #fff;
    background-image: url(../../../themes/betheme/images/stripes/stripes_3_b.png);
    -webkit-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .08);
    box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .08)
}

a.icon_bar span {
    display: block
}

a.icon_bar,
a.icon_bar span {
    width: 58px;
    height: 58px;
    line-height: 58px;
    font-size: 20px
}

a.icon_bar_small,
a.icon_bar_small span {
    width: 43px;
    height: 43px;
    line-height: 43px;
    font-size: 15px
}

a.icon_bar span.t {
    position: relative
}

a.icon_bar span.b {
    position: absolute;
    top: 100%
}

a.icon_bar span {
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s
}

a.icon_bar span.b {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

a:hover.icon_bar span {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%)
}

.wpb_wrapper a.icon_bar {
    margin-bottom: 2px
}

a.icon_bar_facebook span.b {
    background: #3a589b;
    color: #fff
}

a.icon_bar_google span.b {
    background: #d6492f;
    color: #fff
}

a.icon_bar_twitter span.b {
    background: #32ccfe;
    color: #fff
}

a.icon_bar_vimeo span.b {
    background: #1ca7cc;
    color: #fff
}

a.icon_bar_youtube span.b {
    background: #ff3334;
    color: #fff
}

a.icon_bar_flickr span.b {
    background: #ff0084;
    color: #fff
}

a.icon_bar_linkedin span.b {
    background: #007bb6;
    color: #fff
}

a.icon_bar_pinterest span.b {
    background: #cb2027;
    color: #fff
}

a.icon_bar_dribbble span.b {
    background: #ec4a89;
    color: #fff
}

a.icon_bar_instagram span.b {
    background: #e13967;
    color: #fff
}

.get_in_touch {
    padding: 25px 20px 25px 30px;
    background-repeat: no-repeat;
    background-position: right bottom
}

.get_in_touch ul {
    margin: 0;
    font-size: 100%;
    line-height: normal
}

.get_in_touch ul li {
    margin: 0;
    list-style: none;
    position: relative;
    padding: 13px 0 13px 50px;
    word-wrap: break-word
}

.get_in_touch ul li:after {
    content: "";
    display: block;
    width: 70px;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, .2);
    position: absolute;
    left: -30px;
    bottom: 0
}

.get_in_touch ul li p {
    margin: 0
}

.get_in_touch ul li .icon {
    position: absolute;
    left: 0;
    top: 5px;
    display: block;
    color: rgba(0, 0, 0, .7);
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 23px;
    text-align: center
}

.get_in_touch ul li:last-child:after {
    display: none
}

.infobox {
    padding: 25px 20px 25px 30px;
    background-repeat: no-repeat;
    background-position: right bottom
}

.infobox ul {
    margin: 0;
    font-size: 100%;
    line-height: normal
}

.infobox ul li {
    margin: 0;
    list-style: none;
    position: relative;
    padding: 13px 0 13px 50px;
    word-wrap: break-word
}

.infobox ul li p {
    margin: 0
}

.infobox ul li:before {
    content: '\e841';
    font-family: "mfn-icons";
    color: rgba(0, 0, 0, .7);
    font-size: 20px;
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 10px
}

.infobox ul li:after {
    content: "";
    display: block;
    width: 70px;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, .2);
    position: absolute;
    left: -30px;
    bottom: 0
}

.infobox ul li:last-child:after {
    display: none
}

.opening_hours {
    padding: 25px;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: right bottom
}

.opening_hours .opening_hours_wrapper .desc {
    margin-bottom: 15px
}

.opening_hours .opening_hours_wrapper li {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
    text-align: center;
    border-bottom-width: 1px;
    border-style: dashed;
    list-style: none
}

.opening_hours .opening_hours_wrapper li:last-child {
    border: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

.opening_hours .opening_hours_wrapper li label {
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 18px;
    display: inline-block;
    font-weight: 400;
    padding: 5px 11px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-image: url(../../../themes/betheme/images/stripes/stripes_3_b.png);
    background-color: #f8f8f8
}

.opening_hours .opening_hours_wrapper li span {
    font-size: 22px;
    line-height: 22px;
    margin: 0;
    padding: 0 14px;
    display: block
}

.opening_hours .opening_hours_wrapper li span sup {
    font-size: 13px;
    line-height: 13px;
    position: relative;
    top: 4px;
    margin-left: 2px
}

.get_in_touch,
.infobox,
.opening_hours {
    height: 100%;
    box-sizing: border-box
}

.timeline_items {
    margin: 0!important;
    position: relative;
    background: url(../../../themes/betheme/images/timeline_top.png) no-repeat top center;
    padding-top: 9px
}

.timeline_items:after {
    content: "";
    width: 0;
    height: 0;
    border-width: 3px;
    border-style: solid;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -3px;
    display: block;
    z-index: 1
}

.timeline_items>li {
    margin: 0!important;
    list-style: none!important;
    width: 45%;
    padding: 0 0 25px 55%;
    position: relative;
    background: url(../../../themes/betheme/images/timeline_right.png) no-repeat top center
}

.timeline_items>li:nth-child(even) {
    padding: 0 55% 25px 0;
    background: url(../../../themes/betheme/images/timeline_left.png) no-repeat top center
}

.timeline_items>li h3 {
    font-size: 30px;
    line-height: 35px
}

.timeline_items>li h3 span {
    position: absolute;
    right: 55%;
    top: 8px
}

.timeline_items>li h3:before {
    content: "";
    width: 7px;
    height: 7px;
    border-width: 4px;
    border-style: solid;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    top: 11px;
    margin-left: -8px;
    display: block;
    z-index: 1
}

.timeline_items>li:nth-child(even) h3 {
    text-align: right
}

.timeline_items>li:nth-child(even) h3 span {
    left: 55%;
    right: auto
}

.timeline_items>li .desc {
    position: relative;
    font-size: 15px;
    line-height: 31px;
    background: url(../../../themes/betheme/images/stripes/textline.png) repeat-y
}

.timeline_items>li .desc:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: -122%;
    top: 0;
    background-image: url(../../../themes/betheme/images/stripes/stripes_10_b.png)
}

.timeline_items>li:nth-child(even) .desc:before {
    left: auto;
    right: -122%
}

.timeline_items>li:nth-child(even) .desc {
    text-align: right
}

.timeline_items>li .desc p {
    margin-bottom: 0
}

.timeline_items>li .desc ol {
    list-style-position: inside
}

.timeline_items>li .desc ul {
    list-style: disc inside none
}

.how_it_works {
    text-align: center;
    position: relative
}

.how_it_works.has_border:after {
    content: "";
    display: block;
    width: 12%;
    height: 4px;
    background: rgba(0, 0, 0, .03);
    -webkit-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
    right: -10.5%;
    top: 100px
}

.how_it_works .image {
    width: 196px;
    height: 196px;
    line-height: 194px;
    text-align: center;
    position: relative;
    margin: 0 auto 15px;
    background: #fff;
    border-width: 2px;
    border-style: solid;
    border-radius: 100%
}

.how_it_works .image img {
    max-width: 116px!important;
    max-height: 116px!important;
    vertical-align: middle
}

.how_it_works .image .number {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 15px;
    text-align: center;
    border-radius: 100%;
    -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .1)
}

.with_aside .how_it_works .image {
    width: 146px;
    height: 146px;
    line-height: 144px
}

.with_aside .how_it_works .image img {
    max-width: 90px!important;
    max-height: 90px!important
}

.with_aside .how_it_works .image .number {
    bottom: 4px;
    right: 4px
}

.with_aside .how_it_works.has_border:after {
    top: 75px
}

.how_it_works.fill .image img {
    border-radius: 100%;
    max-width: 196px!important;
    max-height: 196px!important
}

.with_aside .how_it_works.fill .image img {
    max-width: 146px!important;
    max-height: 146px!important
}

.how_it_works.no-img .image {
    height: 18px;
    background: none;
    border-width: 0
}

.how_it_works.no-img .image .number {
    left: 50%;
    margin-left: -18px
}

.column_map_basic {
    line-height: 0;
    text-align: center
}

.column_map_basic iframe {
    line-height: normal
}

.google-map-wrapper {
    position: relative
}

.google-map {
    border-width: 8px;
    border-style: solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.google-map-wrapper.no_border .google-map,
.section.full-width .one .google-map {
    border-width: 0
}

.google-map-contact-wrapper {
    position: absolute;
    z-index: 10;
    right: 50px;
    top: 50px
}

.section.full-width .wrap.one .column_map.one .google-map-contact-wrapper {
    left: 50%;
    margin-left: 300px;
    right: auto
}

.google-map-contact-wrapper .get_in_touch {
    width: 210px;
    padding: 25px;
    position: relative
}

.google-map-contact-wrapper .get_in_touch:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -30px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 30px 0 0;
    border-color: transparent;
    opacity: 0
}

.google-map-contact-wrapper.style-bar {
    position: static;
    margin-left: 0!important
}

.google-map-contact-wrapper.style-bar .get_in_touch {
    float: none;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.google-map-contact-wrapper.style-bar .get_in_touch:after {
    display: none
}

.team .image_frame {
    margin-bottom: 15px
}

.team .desc_wrapper h4 {
    margin-bottom: 3px
}

.team .desc_wrapper hr {
    width: 40%;
    margin-left: 0
}

.team .desc_wrapper .desc {
    margin-bottom: 15px
}

.team .desc_wrapper .links {
    line-height: 0
}

.team.team_horizontal {
    overflow: hidden
}

.team.team_horizontal .image_frame {
    width: 48%;
    float: left;
    margin-right: 4%;
    margin-bottom: 0
}

.team.team_horizontal .desc_wrapper {
    width: 48%;
    float: left
}

.team .desc_wrapper blockquote {
    margin-top: 20px
}

.team.team_circle {
    text-align: center
}

.team.team_circle .desc_wrapper hr {
    margin-left: auto
}

.team.team_circle .image_frame.photo {
    width: 120px;
    height: 120px;
    margin: 0 auto 15px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.team_list .column {
    margin-bottom: 0
}

.team_list .bq_wrapper {
    background: rgba(0, 0, 0, .02);
    border-left-width: 1px;
    border-style: solid;
    padding: 20px
}

.mfn_heading.align_left {
    text-align: left
}

.mfn_heading.align_center {
    text-align: center
}

.mfn_heading.align_right {
    text-align: right
}

.mfn_heading .title {
    display: inline-block;
    position: relative
}

.mfn_heading.heading_lines {
    overflow: hidden
}

.mfn_heading.heading_lines .title .line {
    position: absolute;
    width: 3000px;
    height: 1px;
    top: 50%;
    background: rgba(0, 0, 0, .3)
}

.mfn_heading.heading_lines .title .line_l {
    right: 100%;
    margin-right: 20px
}

.mfn_heading.heading_lines .title .line_r {
    left: 100%;
    margin-left: 20px
}

.dark .mfn_heading.heading_lines .title .line {
    background: rgba(255, 255, 255, .3)
}

.fancy_heading {
    text-align: center
}

.fancy_heading .title {
    font-size: 42px;
    line-height: 42px
}

.fancy_heading_icon .icon_top {
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 15px;
    overflow: hidden;
    display: block
}

.fancy_heading_icon .icon_top i:before {
    margin: 0
}

.fancy_heading_line {
    background-image: url(../../../themes/betheme/images/fancy_heading_hr.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    padding-bottom: 15px
}

.fancy_heading_line .slogan {
    display: block;
    margin-bottom: 7px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px
}

.fancy_heading_line .inside {
    margin-bottom: 15px
}

.column_call_to_action {
    margin-bottom: 0
}

.call_to_action {
    overflow: hidden;
    display: table;
    padding: 40px 0;
    width: 100%
}

.call_to_action .call_to_action_wrapper {
    display: table;
    width: 100%
}

.call_to_action .call_left,
.call_to_action .call_center,
.call_to_action .call_right {
    display: table-cell;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.call_to_action .call_left {
    width: 40%;
    padding: 0 20px;
    text-align: center
}

.call_to_action .call_left h3 {
    margin-bottom: 0
}

.call_to_action .call_center {
    width: 20%;
    text-align: center
}

.call_to_action .call_center a {
    display: inline-block
}

.call_to_action .call_center .icon_wrapper {
    display: inline-block;
    border-width: 3px;
    border-style: solid;
    width: 65px;
    height: 65px;
    line-height: 65px;
    font-size: 30px;
    -webkit-border-radius: 100%;
    border-radius: 100%
}

.call_to_action .call_center i:before {
    display: inline
}

.call_to_action .call_center .button {
    margin: 0
}

.call_to_action .call_right {
    width: 40%;
    padding: 0 20px
}

ul.clients {
    margin: 0
}

ul.clients li {
    float: left;
    width: 16.666%;
    margin: 0!important;
    list-style: none
}

ul.clients .client_wrapper {
    padding: 10px 15px;
    margin: 10px;
    background: rgba(0, 0, 0, .01);
    text-align: center;
    line-height: 0;
    height: 75px;
    line-height: 75px;
    position: relative
}

ul.clients .client_wrapper:hover {
    background: rgba(0, 0, 0, .05)
}

ul.clients .client_wrapper a {
    display: block;
    width: 100%;
    height: 100%
}

ul.clients .client_wrapper .gs-wrapper {
    width: 100%;
    height: 100%;
    position: relative
}

ul.clients .client_wrapper img {
    position: absolute;
    top: 50%!important;
    left: 50%!important;
    -ms-transform: translate(-50%, -50%)!important;
    -webkit-transform: translate(-50%, -50%)!important;
    -moz-transform: translate(-50%, -50%)!important;
    transform: translate(-50%, -50%)!important
}

ul.clients.greyscale .client_wrapper img.BWFilter {
    opacity: 1;
    z-index: 2
}

ul.clients.greyscale .client_wrapper img:not(.BWFilter) {
    opacity: 0
}

ul.clients.greyscale .client_wrapper:hover img.BWFilter {
    opacity: 0!important
}

ul.clients.greyscale .client_wrapper:hover img:not(.BWFilter) {
    opacity: 1!important
}

ul.clients.clients_tiles li .client_wrapper {
    background: none
}

ul.clients.clients_tiles li .client_wrapper:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, .08);
    position: absolute;
    left: 0;
    bottom: 0
}

ul.clients.clients_tiles li .client_wrapper:after {
    content: "";
    display: none;
    position: absolute;
    left: 50%;
    margin-left: -4px;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 4px 5px;
    border-color: transparent
}

ul.clients.clients_tiles li .client_wrapper:hover:before {
    height: 2px
}

ul.clients.clients_tiles li .client_wrapper:hover:after {
    display: block;
    bottom: 2px
}

ul.clients li .client_wrapper,
ul.clients li .client_wrapper img {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.clients_slider ul {
    opacity: 0;
    max-height: 115px;
    transition: opacity 0.3s ease-in-out
}

.clients_slider ul.slick-slider {
    opacity: 1;
    max-height: none;
    zoom: 1
}

.clients_slider .clients_slider_header {
    position: relative;
    min-height: 43px;
    margin-bottom: 15px;
    overflow: hidden;
    padding-right: 110px
}

.clients_slider .clients_slider_header .title {
    margin: 9px 0 0
}

.clients_slider .clients_slider_header a.slider_prev,
.clients_slider .clients_slider_header a.slider_next {
    position: absolute;
    top: 0;
    margin: 0;
    font-size: 13px;
    line-height: 21px
}

.clients_slider .clients_slider_header a.slider_prev {
    right: 50px
}

.clients_slider .clients_slider_header a.slider_next {
    right: 0
}

.blog_slider {
    position: relative
}

.blog_slider .blog_slider_header {
    position: relative;
    min-height: 43px;
    margin-bottom: 15px;
    overflow: hidden;
    padding-right: 110px
}

.blog_slider .blog_slider_header .title {
    margin: 9px 0 0
}

.blog_slider .blog_slider_header a.slider_prev,
.blog_slider .blog_slider_header a.slider_next {
    position: absolute;
    top: 0;
    margin: 0;
    font-size: 13px;
    line-height: 21px
}

.blog_slider .blog_slider_header a.slider_prev {
    right: 50px
}

.blog_slider .blog_slider_header a.slider_next {
    right: 0
}

.blog_slider .blog_slider_ul {
    margin: 0!important;
    opacity: 0;
    max-height: 219px;
    transition: opacity 0.3s ease-in-out
}

.blog_slider .blog_slider_ul.slick-slider {
    opacity: 1;
    max-height: none;
    zoom: 1
}

.blog_slider .blog_slider_ul li {
    float: left;
    width: 25%;
    list-style: none;
    margin: 0!important
}

.blog_slider .blog_slider_ul li .item_wrapper {
    margin: 0 10px;
    position: relative
}

.blog_slider .blog_slider_ul li .item_wrapper .image_frame {
    margin-left: 30px;
    margin-bottom: 15px;
    min-height: 52px
}

.blog_slider .blog_slider_ul li .item_wrapper .date_label {
    position: absolute;
    left: 0;
    top: 30px;
    z-index: 20
}

.blog_slider .blog_slider_ul li .item_wrapper hr {
    margin-left: 30px;
    width: 40%
}

.blog_slider .blog_slider_ul li .item_wrapper a.button {
    margin-left: 30px;
    margin-bottom: 0
}

.blog_slider .blog_slider_ul li.format-quote .item_wrapper {
    overflow: hidden
}

.blog_slider .blog_slider_ul li.format-quote .item_wrapper blockquote {
    margin-top: 70px;
    margin-left: 40px
}

.blog_slider .blog_slider_ul li.format-link .item_wrapper .image_frame {
    height: 180px;
    position: relative;
    background-color: rgba(255, 255, 255, .5)
}

.blog_slider .blog_slider_ul li.format-link .item_wrapper .image_frame:after {
    content: '\e8c2';
    font-family: "mfn-icons";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 180px;
    line-height: 180px;
    text-align: center;
    font-size: 40px;
    color: rgba(0, 0, 0, .1)
}

.blog_slider .slider_pager {
    margin-top: 15px
}

.blog_slider .slider_pager li {
    display: inline-block
}

.blog_slider.hide-dots .slider_pager {
    display: none!important
}

.blog_slider.hide-arrows .blog_slider_header a.button {
    display: none!important
}

.blog_slider.hide-nav .slider_pager,
.blog_slider.hide-nav .blog_slider_header a.button {
    display: none!important
}

.blog_slider.flat .blog_slider_ul li .item_wrapper .image_frame {
    margin-left: 0;
    border: 0
}

.blog_slider.flat .blog_slider_ul li .item_wrapper .date_label {
    position: static;
    background-color: transparent!important;
    background-image: none;
    display: inline-block;
    padding: 0
}

.blog_slider.flat .blog_slider_ul li .item_wrapper .date_label:after {
    display: none
}

.blog_slider.flat .blog_slider_ul li .item_wrapper .desc hr {
    margin-left: 0;
    width: 0
}

.blog_slider.flat .blog_slider_ul li .item_wrapper .desc a.button {
    display: none;
    margin-left: 0
}

.blog_slider.flat .blog_slider_ul li .item_wrapper:hover .desc hr {
    width: 100px
}

.blog_slider.flat .blog_slider_ul li .item_wrapper .image_wrapper img,
.blog_slider.flat .blog_slider_ul li .item_wrapper .image_wrapper img {
    opacity: .9
}

.blog_slider.flat .blog_slider_ul li .item_wrapper:hover .image_wrapper img,
.blog_slider.flat .blog_slider_ul li .item_wrapper:hover .image_wrapper img {
    top: 0;
    opacity: 1
}

.blog_slider.flat .blog_slider_header {
    position: static;
    height: 0;
    margin-bottom: 0;
    overflow: hidden;
    padding-right: 0
}

.blog_slider.flat .blog_slider_header a.button.slider_prev,
.blog_slider.flat .blog_slider_header a.button.slider_next {
    width: 60px;
    height: 100%;
    border: 0;
    border-radius: 0;
    background-color: rgba(255, 255, 255, .4)!important;
    box-shadow: inset 0 0 0 0;
    background-image: none
}

.blog_slider.flat .blog_slider_header a:hover.button.slider_prev,
.blog_slider.flat .blog_slider_header a:hover.button.slider_next {
    background-color: rgba(255, 255, 255, .7)!important
}

.blog_slider.flat .blog_slider_header a.button.slider_prev:after,
.blog_slider.flat .blog_slider_header a.button.slider_next:after {
    display: none
}

.blog_slider.flat .blog_slider_header a.button.slider_prev .button_icon,
.blog_slider.flat .blog_slider_header a.button.slider_next .button_icon {
    float: none;
    font-size: 15px;
    padding: 0;
    text-align: center;
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -4px;
    background: none
}

.blog_slider.flat .blog_slider_header a.button.slider_prev .button_icon i,
.blog_slider.flat .blog_slider_header a.button.slider_next .button_icon i,
.blog_slider.flat .blog_slider_header a:hover.button.slider_prev .button_icon i,
.blog_slider.flat .blog_slider_header a:hover.button.slider_next .button_icon i {
    color: #000!important
}

.blog_slider.flat .blog_slider_header a.button.slider_prev {
    left: 10px;
    right: auto;
    z-index: 2
}

.blog_slider.flat .blog_slider_header a.button.slider_next {
    right: 10px;
    z-index: 2
}

.blog_slider.flat .blog_slider_header {
    opacity: 0
}

.blog_slider.flat:hover .blog_slider_header {
    opacity: 1
}

.blog_slider.flat .blog_slider_header,
.blog_slider.flat .blog_slider_header a.button.slider_prev,
.blog_slider.flat .blog_slider_header a.button.slider_next,
.blog_slider.flat .blog_slider_ul li .item_wrapper .desc hr {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.shop_slider .blog_slider_header {
    position: relative;
    min-height: 43px;
    margin-bottom: 15px;
    overflow: hidden;
    padding-right: 110px
}

.shop_slider .blog_slider_header .title {
    margin: 9px 0 0
}

.shop_slider .blog_slider_header a.slider_prev,
.shop_slider .blog_slider_header a.slider_next {
    position: absolute;
    top: 0;
    margin: 0;
    font-size: 13px;
    line-height: 21px
}

.shop_slider .blog_slider_header a.slider_prev {
    right: 50px
}

.shop_slider .blog_slider_header a.slider_next {
    right: 0
}

.shop_slider .shop_slider_ul {
    margin: 0!important;
    opacity: 0;
    max-height: 219px;
    transition: opacity 0.3s ease-in-out
}

.shop_slider .shop_slider_ul.slick-slider {
    opacity: 1;
    max-height: none;
    zoom: 1
}

.shop_slider .shop_slider_ul li {
    float: left;
    width: 25%;
    list-style: none
}

.shop_slider .shop_slider_ul li .item_wrapper {
    margin: 0 10px;
    position: relative
}

.shop_slider .shop_slider_ul li .item_wrapper .desc {
    background: #fff;
    padding: 15px 20px
}

.shop_slider .shop_slider_ul li .item_wrapper .desc h4 {
    margin-bottom: 5px
}

.shop_slider .shop_slider_ul li .item_wrapper span.onsale {
    height: 0;
    min-height: 0;
    width: 0;
    min-width: 0;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    position: absolute;
    left: 0!important;
    right: auto;
    top: 0!important;
    margin: 0!important;
    border-style: solid;
    border-width: 70px 70px 0 0;
    border-color: transparent;
    padding: 0;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    z-index: 2;
    background: none
}

.shop_slider .shop_slider_ul li .item_wrapper span.onsale i {
    position: absolute;
    left: 8px;
    top: -60px;
    color: rgba(0, 0, 0, .5)
}

.shop_slider .shop_slider_ul li .item_wrapper .price {
    font-size: 18px;
    margin-bottom: 0
}

.shop_slider .shop_slider_ul li .item_wrapper .price del {
    font-size: .67em
}

.shop_slider .slider_pagination {
    margin-top: 15px
}

.shop_slider .slider_pager li {
    display: inline-block
}

.portfolio_slider {
    position: relative
}

.portfolio_slider ul {
    margin: 0!important;
    opacity: 0;
    max-height: 219px;
    transition: opacity 0.3s ease-in-out
}

.portfolio_slider ul.slick-slider {
    opacity: 1;
    max-height: none;
    zoom: 1
}

.portfolio_slider ul li {
    float: left;
    width: 20%;
    list-style: none;
    margin: 0!important
}

.portfolio_slider ul li .image_frame {
    border: 0;
    margin-bottom: 0
}

.portfolio_slider .slider_nav {
    opacity: 0;
    color: #fff;
    font-size: 15px;
    height: 80px;
    line-height: 80px;
    position: absolute;
    text-align: center;
    z-index: 5;
    width: 35px;
    top: 50%;
    margin-top: -40px
}

.portfolio_slider .slider_prev {
    left: 0
}

.portfolio_slider .slider_next {
    right: 0
}

.portfolio_slider.arrows_hover:hover .slider_nav {
    opacity: 1
}

.portfolio_slider.arrows_always .slider_nav {
    opacity: 1
}

.portfolio_slider .slider_nav {
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

ul.portfolio_grid {
    overflow: hidden;
    margin: 0
}

ul.portfolio_grid li {
    float: left;
    margin: 0;
    width: 100%
}

ul.portfolio_grid li .image_frame {
    border: 0;
    margin: 0
}

.two-third.column_portfolio_grid li,
.one-second.column_portfolio_grid li,
.three-fifth.column_portfolio_grid li,
.vc_col-sm-6 .portfolio_grid li,
.vc_col-sm-8 .portfolio_grid li {
    width: 50%
}

.one.column_portfolio_grid li,
.three-fourth.column_portfolio_grid li,
.four-fifth.column_portfolio_grid li,
.five-sixth.column_portfolio_grid li,
.vc_col-sm-9 .portfolio_grid li,
.vc_col-sm-10 .portfolio_grid li,
.vc_col-sm-12 .portfolio_grid li {
    width: 25%
}

.portfolio-photo .portfolio-item {
    overflow: hidden;
    position: relative
}

.portfolio-photo .portfolio-item a.portfolio-item-bg {
    display: block;
    position: relative;
    text-align: center;
    line-height: 0
}

.portfolio-photo .portfolio-item a.portfolio-item-bg .mask {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    background: #000;
    opacity: .3;
    width: 100%;
    height: 100%
}

.portfolio-photo .portfolio-item:hover a.portfolio-item-bg .mask {
    opacity: 0
}

.portfolio-photo .portfolio-item .portfolio-details {
    display: block
}

.portfolio-photo .portfolio-item .portfolio-details .details {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 240px;
    padding: 55px 30px;
    text-align: center
}

.portfolio-photo .portfolio-item .portfolio-details .details .title {
    font-size: 23px;
    line-height: 27px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-bottom: 15px;
    margin-bottom: 10px
}

.portfolio-photo .portfolio-item .portfolio-details:hover .details {
    opacity: 0
}

.portfolio-photo .portfolio-item .portfolio-details .more {
    display: block;
    opacity: 0;
    text-transform: uppercase;
    width: 70px;
    height: 40px;
    padding: 20px 5px;
    letter-spacing: 1px;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    margin: -40px 0 0 -40px;
    -webkit-border-radius: 100%;
    border-radius: 100%
}

.portfolio-photo .portfolio-item .portfolio-details .more h4 {
    font-size: 15px;
    line-height: 18px
}

.portfolio-photo .portfolio-item .portfolio-details:hover .more {
    opacity: 1
}

.portfolio-photo .portfolio-item .portfolio-details .details,
.portfolio-photo .portfolio-item .portfolio-details .more {
    background: #fff
}

.portfolio-photo .portfolio-item .portfolio-details .details .categories {
    color: #a8a8a8
}

.portfolio-photo .portfolio-item .portfolio-details .more {
    color: rgba(0, 0, 0, .6)
}

.portfolio-photo .portfolio-item a .mask,
.portfolio-photo .portfolio-item .portfolio-details .details,
.portfolio-photo .portfolio-item .portfolio-details .more {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.portfolio-photo .portfolio-item .portfolio-details .image_links a {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.portfolio-photo.margin .portfolio-item {
    margin-bottom: 25px
}

.column_portfolio #Filters .filters_wrapper,
.column_portfolio #Filters .filters_wrapper ul {
    display: block
}

.wpb_wrapper #Filters .filters_wrapper,
.wpb_wrapper #Filters .filters_wrapper ul {
    display: block
}

.the_content_wrapper #Filters.filters4portfolio .filters_wrapper,
.the_content_wrapper #Filters.filters4portfolio .filters_wrapper ul {
    display: block
}

.testimonials_slider {
    position: relative
}

.testimonials_slider a.slider_prev,
.testimonials_slider a.slider_next {
    position: absolute;
    top: 30px;
    z-index: 2;
    margin: 0
}

.testimonials_slider a.slider_prev {
    left: 0
}

.testimonials_slider a.slider_next {
    right: 0
}

.testimonials_slider .slider_images {
    width: 100%;
    height: auto;
    line-height: 0;
    text-align: center;
    margin: 0 0 30px;
    position: relative;
    z-index: 2
}

.testimonials_slider .slider_images:before {
    content: "";
    display: block;
    height: 100%;
    width: 3000px;
    position: absolute;
    left: -1000px;
    top: 0;
    z-index: 1
}

.with_aside .testimonials_slider .slider_images:before {
    display: none
}

.testimonials_slider .slider_images li {
    display: inline-block
}

.testimonials_slider .slider_images li a {
    display: block;
    position: relative;
    height: 85px;
    width: 85px;
    line-height: 0;
    cursor: pointer;
    opacity: .5;
    z-index: 10
}

.testimonials_slider .slider_images li a:after {
    content: "";
    display: none;
    height: 6px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -6px
}

.testimonials_slider .slider_images li.slick-active a,
.testimonials_slider .slider_images li a:hover {
    opacity: 1
}

.testimonials_slider .slider_images li.slick-active a:after {
    display: block
}

.testimonials_slider .testimonials_slider_ul {
    margin: 0!important;
    opacity: 0;
    max-height: 250px;
    transition: opacity 0.3s ease-in-out
}

.testimonials_slider .testimonials_slider_ul.slick-slider {
    opacity: 1;
    max-height: none;
    zoom: 1
}

.testimonials_slider .testimonials_slider_ul li {
    float: left;
    width: 100%;
    padding: 0 80px;
    list-style: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.testimonials_slider .testimonials_slider_ul li .bq_wrapper {
    background: rgba(0, 0, 0, .02);
    padding: 30px 40px 10px;
    margin-bottom: 20px
}

.testimonials_slider .testimonials_slider_ul li .hr_dots {
    margin-bottom: 15px
}

.testimonials_slider .testimonials_slider_ul li .author {
    text-align: center
}

.testimonials_slider .testimonials_slider_ul li .author h5 {
    margin-bottom: 2px
}

.testimonials_slider .testimonials_slider_ul li .single-photo-img {
    display: none
}

.testimonials_slider.hide-photos .testimonials_slider_ul li .single-photo-img {
    display: none!important
}

.column:not(.one) .testimonials_slider:not(.single-photo) a.slider_prev,
.column:not(.one) .testimonials_slider:not(.single-photo) a.slider_next {
    display: none!important
}

.column:not(.one) .testimonials_slider:not(.single-photo) .testimonials_slider_ul li {
    padding: 0 20px
}

.one-third .testimonials_slider .slider_images:before,
.one-fourth .testimonials_slider .slider_images:before,
.one-second .testimonials_slider .slider_images:before {
    display: none
}

.wpb_wrapper .testimonials_slider .slider_images:before {
    display: none
}

.testimonials_slider .slider_images a {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.testimonials_slider.single-photo a.slider_prev,
.testimonials_slider.single-photo a.slider_next {
    display: none!important
}

.testimonials_slider.single-photo .testimonials_slider_ul li {
    padding: 0;
    text-align: center
}

.testimonials_slider.single-photo .testimonials_slider_ul li .bq_wrapper {
    margin: 0 6% 20px
}

.testimonials_slider.single-photo .testimonials_slider_ul li .single-photo-img {
    display: block;
    margin: 0 auto 20px;
    height: 85px;
    width: 85px;
    line-height: 0;
    overflow: hidden;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.testimonials_slider.single-photo .slider_pager {
    margin-top: 30px
}

.testimonials_slider.single-photo .slider_pager li {
    display: inline-block
}

.testimonials_slider.single-photo .slider_pager li a {
    top: 0
}

.testimonials_slider.single-photo .slider_pager li a img {
    display: none
}

.testimonials_slider.hide-bar .slider_images:before {
    display: none!important
}

.testimonials_slider.hide-bar .slider_images {
    background-color: transparent!important
}

.testimonials_list .item {
    overflow: hidden;
    clear: both
}

.testimonials_list .item .photo {
    width: 23%;
    float: left;
    margin: 0 1% 40px
}

.testimonials_list .item .desc {
    width: 73%;
    float: left;
    margin: 0 1% 40px
}

.testimonials_list .item .desc h4 {
    margin-bottom: 3px;
    margin-top: 10px
}

.testimonials_list .item .desc p.subtitle {
    opacity: .6
}

.testimonials_list .item .desc hr.hr_color {
    width: 20%;
    margin-left: 0
}

.testimonials_list .item.no-img .desc {
    width: 98%
}

.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after,
.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
    content: " ";
    display: block;
    background: #fff;
    position: absolute;
    z-index: 30;
    -webkit-box-shadow: 0 0 12px rgba(51, 51, 51, .5);
    -moz-box-shadow: 0 0 12px rgba(51, 51, 51, .5);
    box-shadow: 0 0 12px rgba(51, 51, 51, .5)
}

.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after {
    width: 3px;
    height: 9999px;
    left: 50%;
    margin-left: -1.5px
}

.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
    width: 9999px;
    height: 3px;
    top: 50%;
    margin-top: -1.5px
}

.twentytwenty-before-label,
.twentytwenty-after-label,
.twentytwenty-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    transition-duration: .5s
}

.twentytwenty-before-label,
.twentytwenty-after-label {
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity
}

.twentytwenty-before-label:before,
.twentytwenty-after-label:before {
    color: #fff;
    font-size: 13px;
    letter-spacing: .1em;
    position: absolute;
    background: rgba(0, 0, 0, .25);
    line-height: 38px;
    padding: 0 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.twentytwenty-horizontal .twentytwenty-before-label:before,
.twentytwenty-horizontal .twentytwenty-after-label:before {
    top: 50%;
    margin-top: -19px
}

.twentytwenty-vertical .twentytwenty-before-label:before,
.twentytwenty-vertical .twentytwenty-after-label:before {
    left: 50%;
    margin-left: -45px;
    text-align: center;
    width: 90px
}

.twentytwenty-left-arrow,
.twentytwenty-right-arrow,
.twentytwenty-up-arrow,
.twentytwenty-down-arrow {
    width: 0;
    height: 0;
    border: 6px inset transparent;
    position: absolute
}

.twentytwenty-left-arrow,
.twentytwenty-right-arrow {
    top: 50%;
    margin-top: -6px
}

.twentytwenty-up-arrow,
.twentytwenty-down-arrow {
    left: 50%;
    margin-left: -6px
}

.twentytwenty-container {
    max-width: 1920px;
    margin: 0 auto;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    z-index: 0;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none
}

.twentytwenty-container img {
    max-width: 100%;
    position: absolute;
    top: 0;
    display: block
}

.twentytwenty-container.active .twentytwenty-overlay,
.twentytwenty-container.active :hover.twentytwenty-overlay {
    background: rgba(0, 0, 0, 0)
}

.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
    opacity: 0
}

.twentytwenty-container * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.twentytwenty-before-label {
    opacity: 0
}

.twentytwenty-before-label:before {
    content: "Before"
}

.twentytwenty-after-label {
    opacity: 0
}

.twentytwenty-after-label:before {
    content: "After"
}

.twentytwenty-horizontal .twentytwenty-before-label:before {
    left: 10px
}

.twentytwenty-horizontal .twentytwenty-after-label:before {
    right: 10px
}

.twentytwenty-vertical .twentytwenty-before-label:before {
    top: 10px
}

.twentytwenty-vertical .twentytwenty-after-label:before {
    bottom: 10px
}

.twentytwenty-overlay {
    -webkit-transition-property: background;
    -moz-transition-property: background;
    transition-property: background;
    background: rgba(0, 0, 0, 0);
    z-index: 25
}

.twentytwenty-overlay:hover .twentytwenty-after-label {
    opacity: 1
}

.twentytwenty-overlay:hover .twentytwenty-before-label {
    opacity: 1
}

.twentytwenty-before {
    z-index: 20
}

.twentytwenty-after {
    z-index: 10
}

.twentytwenty-handle {
    height: 38px;
    width: 38px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -22px;
    margin-top: -22px;
    border: 3px solid #fff;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    border-radius: 1000px;
    -webkit-box-shadow: 0 0 12px rgba(51, 51, 51, .5);
    -moz-box-shadow: 0 0 12px rgba(51, 51, 51, .5);
    box-shadow: 0 0 12px rgba(51, 51, 51, .5);
    z-index: 40;
    cursor: pointer
}

.twentytwenty-horizontal .twentytwenty-handle:before {
    bottom: 50%;
    margin-bottom: 22px;
    -webkit-box-shadow: 0 3px 0 white, 0 0 12px rgba(51, 51, 51, .5);
    -moz-box-shadow: 0 3px 0 white, 0 0 12px rgba(51, 51, 51, .5);
    box-shadow: 0 3px 0 white, 0 0 12px rgba(51, 51, 51, .5)
}

.twentytwenty-horizontal .twentytwenty-handle:after {
    top: 50%;
    margin-top: 22px;
    -webkit-box-shadow: 0 -3px 0 white, 0 0 12px rgba(51, 51, 51, .5);
    -moz-box-shadow: 0 -3px 0 white, 0 0 12px rgba(51, 51, 51, .5);
    box-shadow: 0 -3px 0 white, 0 0 12px rgba(51, 51, 51, .5)
}

.twentytwenty-vertical .twentytwenty-handle:before {
    left: 50%;
    margin-left: 22px;
    -webkit-box-shadow: 3px 0 0 white, 0 0 12px rgba(51, 51, 51, .5);
    -moz-box-shadow: 3px 0 0 white, 0 0 12px rgba(51, 51, 51, .5);
    box-shadow: 3px 0 0 white, 0 0 12px rgba(51, 51, 51, .5)
}

.twentytwenty-vertical .twentytwenty-handle:after {
    right: 50%;
    margin-right: 22px;
    -webkit-box-shadow: -3px 0 0 white, 0 0 12px rgba(51, 51, 51, .5);
    -moz-box-shadow: -3px 0 0 white, 0 0 12px rgba(51, 51, 51, .5);
    box-shadow: -3px 0 0 white, 0 0 12px rgba(51, 51, 51, .5)
}

.twentytwenty-left-arrow {
    border-right: 6px solid #fff;
    left: 50%;
    margin-left: -17px
}

.twentytwenty-right-arrow {
    border-left: 6px solid #fff;
    right: 50%;
    margin-right: -17px
}

.twentytwenty-up-arrow {
    border-bottom: 6px solid #fff;
    top: 50%;
    margin-top: -17px
}

.twentytwenty-down-arrow {
    border-top: 6px solid #fff;
    bottom: 50%;
    margin-bottom: -17px
}

.image_frame.stretch .image_wrapper img {
    width: 100%
}

.mcb-section.bg-cover,
.mcb-wrap.bg-cover,
.column_attr.bg-cover {
    background-size: cover
}

.mcb-section.bg-contain,
.mcb-wrap.bg-contain,
.column_attr.bg-contain {
    background-size: contain
}

@media only screen and (min-width:1921px) {
    .image_frame.stretch-ultrawide .image_wrapper img {
        width: 100%
    }
    .mcb-section.bg-cover-ultrawide,
    .mcb-wrap.bg-cover-ultrawide,
    .column_attr.bg-cover-ultrawide {
        background-size: cover
    }
}

.date_label,
.timeline_items>li h3 span {
    font-size: 12px;
    line-height: 18px;
    display: inline-block;
    padding: 2px 5px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-image: url(../../../themes/betheme/images/stripes/stripes_3_b.png)
}

.date_label:after,
.timeline_items>li h3 span:after {
    content: "";
    display: block;
    position: absolute;
    right: -5px;
    top: 6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5.5px 0 5.5px 5px;
    border-color: transparent
}

.date_label,
.timeline_items>li h3 span {
    background-color: #f8f8f8;
    color: #a8a8a8
}

.date_label:after,
.timeline_items>li h3 span:after {
    border-left-color: #f8f8f8
}

@media only screen and (min-width:768px) {
    .timeline_items>li:nth-child(2n) h3 span::after {
        border-right-color: #f8f8f8;
        border-width: 5.5px 5.5px 5.5px 0;
        left: -5px;
        right: auto
    }
}

.column_sidebar_widget .widget:after {
    display: none
}

.column_sidebar_widget .widget {
    margin-bottom: 20px;
    padding-bottom: 20px
}

.isotope-item {
    z-index: 2
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1
}

::-moz-selection {
    color: #fff
}

::selection {
    color: #fff
}

.idea_box,
.ui-tabs,
.accordion .question,
.accordion .question.active .title,
.accordion .question .title:before,
.ui-tabs .ui-tabs-nav,
.ui-tabs .ui-tabs-nav li,
.tabs_vertical.ui-tabs .ui-tabs-panel,
table th,
table td,
.list_item .circle,
input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
select,
textarea,
.promo_box.has_border:after,
dl>dt,
dl>dd,
.article_box .desc_wrapper p,
a.icon_bar,
a.content_link,
.how_it_works .image,
.opening_hours,
.opening_hours .opening_hours_wrapper li,
.icon_box.has_border:after,
.chart_box:before,
.pricing-box,
.team_list .bq_wrapper,
.post-footer .post-links,
.format-link .post-title .icon-link,
.share_wrapper,
.post-header .title_wrapper,
.section-post-related .section-related-adjustment,
#comments>:first-child,
.widget-area,
.widget:after,
.fixed-nav .desc h6,
.portfolio_group.list .portfolio-item,
.portfolio_group .portfolio-item .desc .details-wrapper,
.Recent_posts ul li .desc h6,
.widget_recent_entries ul li a,
.woocommerce .widget_best_sellers li,
.woocommerce .widget_featured_products li,
.woocommerce .widget_recent_reviews li,
.woocommerce .widget_recent_products li,
.woocommerce .widget_recently_viewed_products li,
.woocommerce .widget_random_products li,
.woocommerce .widget_top_rated_products li,
.woocommerce .widget_onsale li,
.woocommerce .widget_layered_nav li,
.woocommerce .widget_shopping_cart ul.product_list_widget li,
.woocommerce .widget_products li,
.woocommerce .product .related.products,
.woocommerce .product .upsells.products,
.woocommerce .product div.entry-summary h1.product_title:after,
.woocommerce .quantity input.qty,
.header-stack #Top_bar .logo,
.offer_thumb .slider_pagination,
.offer_thumb .slider_pagination a,
.Latest_news ul li .desc_footer,
.Latest_news ul li .photo,
.offer_thumb.bottom .slider_pagination a,
.style-simple .faq .question,
.style-simple #Filters .filters_wrapper ul,
#edd_checkout_cart th,
#edd_checkout_cart td {
    border-color: rgba(0, 0, 0, .08)
}

.tooltip-img .tooltip-content,
.tooltip:after {
    background: #444;
    color: #fff
}

.dropcap,
.highlight:not(.highlight_image) {
    color: #fff
}

input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
select,
textarea,
.woocommerce .quantity input.qty {
    background-color: #fff;
    color: #626262;
    box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, .02)
}

input[type="date"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus {
    background-color: #E9F5FC!important;
    border-color: #d5e5ee;
    color: #1982C2
}

hr {
    background-color: rgba(0, 0, 0, .08);
    color: rgba(0, 0, 0, .08)
}

#Top_bar .menu>li>a span {
    border-color: rgba(0, 0, 0, .05)
}

#Top_bar .search_wrapper input[type="text"] {
    border-color: #fff;
    color: #fff
}

#Footer .Recent_posts ul li .desc h6,
#Footer .widget_recent_entries ul li a,
#Footer .widget_best_sellers li,
#Footer .widget_featured_products li,
#Footer .widget_recent_reviews li,
#Footer .widget_recent_products li,
#Footer .widget_recently_viewed_products li,
#Footer .widget_random_products li,
#Footer .widget_top_rated_products li,
#Footer .widget_onsale li,
#Footer .widget_layered_nav li,
#Footer .widget_shopping_cart ul.product_list_widget li,
#Footer .widget_products li,
#Footer .widget_archive ul li:after,
#Footer .widget_nav_menu ul li:after,
#Footer table th,
#Footer table td {
    border-color: rgba(255, 255, 255, .08)
}

#Sliding-top .Recent_posts ul li .desc h6,
#Sliding-top .widget_recent_entries ul li a,
#Sliding-top .widget_best_sellers li,
#Sliding-top .widget_featured_products li,
#Sliding-top .widget_recent_reviews li,
#Sliding-top .widget_recent_products li,
#Sliding-top .widget_recently_viewed_products li,
#Sliding-top .widget_random_products li,
#Sliding-top .widget_top_rated_products li,
#Sliding-top .widget_onsale li,
#Sliding-top .widget_layered_nav li,
#Sliding-top .widget_shopping_cart ul.product_list_widget li,
#Sliding-top .widget_products li,
#Sliding-top .widget_archive ul li:after,
#Sliding-top .widget_nav_menu ul li:after,
#Sliding-top table th,
#Sliding-top table td {
    border-color: rgba(255, 255, 255, .08)
}

.image_frame,
.wp-caption,
.google-map,
.icon_box .icon_wrapper,
.content_slider .content_slider_ul,
.author-box .avatar-wrapper,
#comments .commentlist>li .photo,
.edd_download_image {
    border-color: #f8f8f8
}

.wp-caption-text {
    background: #f8f8f8;
    color: #A6A6A6
}

.image_frame .image_wrapper,
.wp-caption img,
.icon_box .icon_wrapper:before {
    border-color: #e2e2e2
}

.image_frame .image_wrapper .mask,
.edd_download_image:after {
    -webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, .07);
    box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, .07)
}

.image_frame .image_wrapper .mask:after {
    background: rgba(255, 255, 255, .4)
}

.if-overlay .image_frame .image_wrapper .mask {
    -webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0)
}

.if-overlay .image_frame .image_wrapper .mask:after {
    background: rgba(0, 0, 0, .15)
}

.sliding_box .desc_wrapper h4 {
    color: #fff
}

.counter .desc_wrapper .number-wrapper,
.chart_box .chart .num,
.chart_box .chart .icon,
.style-simple .quick_fact .number-wrapper,
#edd_checkout_cart .edd_cart_header_row th {
    color: #444
}

a.icon_bar {
    color: #444!important
}

.get_in_touch,
.get_in_touch a,
.get_in_touch h3,
.get_in_touch ul,
.infobox,
.infobox a,
.infobox h3,
.infobox ul {
    color: #fff!important
}

.how_it_works .image .number {
    color: #fff
}

.trailer_box .desc h2 {
    color: #fff
}

.trailer_box .desc .subtitle {
    color: #fff
}

.icon_box:hover .icon_wrapper,
.icon_box a:hover .icon_wrapper {
    color: #fff
}

.list_item.lists_1 .list_left {
    color: #fff
}

.feature_list ul li:hover,
.feature_list ul li:hover a {
    color: #fff
}

.feature_list ul li:hover .icon i,
.feature_list ul li:hover a .icon i {
    color: #fff
}

.ui-tabs .ui-tabs-nav li a,
.accordion .question .title,
.faq .question .title,
table th {
    color: #444
}

.ui-tabs .ui-tabs-nav li.ui-state-active a:after,
body.table-hover:not(.woocommerce-page) table tr:hover td,
body.table-hover:not(.woocommerce-page) table tr:hover td a {
    color: #fff
}

.accordion .question .answer,
.ui-tabs .ui-tabs-panel,
.ui-tabs .ui-tabs-nav li.ui-state-active a,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected:after,
.ui-tabs .ui-tabs-nav li.ui-state-active:after,
.tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-active a {
    background-color: #fff
}

.pricing-box-box.pricing-box-featured,
.pricing-box-box.pricing-box-featured .plan-header h2,
.pricing-box-box.pricing-box-featured .plan-header .price sup.currency,
.pricing-box-box.pricing-box-featured .plan-header .price>span,
.pricing-box-box.pricing-box-featured .plan-header .price sup.period,
.pricing-box-box.pricing-box-featured .plan-header p.subtitle,
.pricing-box-box.pricing-box-featured .plan-inside ul {
    color: #fff
}

.pricing-box-box.pricing-box-featured .plan-header hr {
    border-color: rgba(0, 0, 0, .2);
    background: rgba(0, 0, 0, .2)
}

.pricing-box-box.pricing-box-featured a.button {
    background-color: #fff;
    color: #444
}

@media only screen and (max-width:959px) {
    #Header #menu>ul>li.current-menu-item>a,
    #Header #menu>ul>li.current_page_item>a,
    #Header #menu>ul>li.current-menu-parent>a,
    #Header #menu>ul>li.current-page-parent>a,
    #Header #menu>ul>li.current-menu-ancestor>a,
    #Header #menu>ul>li.current_page_ancestor>a {
        background: rgba(0, 0, 0, .02)
    }
}

.style-simple .ui-tabs {
    border: 0
}

.style-simple .ui-tabs .ui-tabs-panel {
    background: none
}

.style-simple .ui-tabs .ui-tabs-nav {
    background: none
}

.style-simple .ui-tabs .ui-tabs-nav li {
    border: 0;
    display: inline-block;
    float: none
}

.style-simple .ui-tabs .ui-tabs-nav li.ui-state-active a,
.style-simple .ui-tabs .ui-tabs-nav li.ui-tabs-selected:after,
.style-simple .ui-tabs .ui-tabs-nav li.ui-state-active:after {
    background-color: transparent
}

.style-simple .ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after,
.style-simple .ui-tabs .ui-tabs-nav li.ui-state-disabled a:after,
.style-simple .ui-tabs .ui-tabs-nav li.ui-state-processing a:after,
.style-simple .ui-tabs .ui-tabs-nav li.ui-state-active a:after {
    bottom: -1px;
    height: 2px;
    margin-left: -50%;
    width: 100%
}

.style-simple .tabs_vertical.ui-tabs .ui-tabs-panel {
    border-width: 0 0 0 1px!important
}

.style-simple .tabs_vertical.ui-tabs .ui-tabs-nav {
    border: 0
}

.style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after,
.style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-disabled a:after,
.style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-processing a:after,
.style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-active a:after {
    display: block;
    width: 2px;
    height: 100%;
    right: -1px;
    top: 0;
    bottom: auto;
    left: auto;
    margin: 0
}

.style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li a {
    background: none;
    text-align: right;
    padding-right: 20px!important;
    padding-left: 10px!important
}

.style-simple .accordion .question {
    border-width: 0 0 0 1px;
    border-radius: 0;
    position: relative;
    margin-bottom: 0
}

.style-simple .accordion .question:after {
    content: "";
    display: none;
    width: 2px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #ccc
}

.style-simple .accordion .question.active:after {
    display: block
}

.style-simple .accordion .question .title {
    background: none;
    padding-left: 50px;
    border: 0
}

.style-simple .accordion .question .title:before {
    display: none
}

.style-simple .accordion .question .answer {
    background: none;
    padding: 0 20px 10px 50px
}

.style-simple .faq .question {
    border-width: 0 0 0 1px;
    border-style: solid;
    margin-bottom: 0;
    position: relative;
    background: none
}

.style-simple .faq .question:before {
    display: none
}

.style-simple .faq .question:after {
    content: "";
    display: none;
    width: 2px;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: #ccc
}

.style-simple .faq .question .title,
.style-simple .faq .question .answer {
    padding-left: 70px
}

.style-simple .faq .question.active:after {
    display: block
}

.style-simple table:not(.recaptchatable) th {
    background: none
}

.style-simple table:not(.recaptchatable) tr:first-child td {
    background: none
}

.style-simple table:not(.recaptchatable) th,
.style-simple table td {
    border-width: 0 1px 1px 0
}

.style-simple table:not(.recaptchatable) tr td:last-child,
.style-simple table tr th:last-child {
    border-right: 0
}

.style-simple table:not(.recaptchatable) tr:last-child td {
    border-bottom: 0
}

.style-simple table:not(.recaptchatable) tr:nth-child(2n) td {
    background: none
}

.style-simple .opening_hours {
    padding: 0;
    border: 0;
    background-color: transparent
}

.style-simple .opening_hours .opening_hours_wrapper li {
    padding-bottom: 0;
    border: 0;
    margin-bottom: 0;
    text-align: left
}

.style-simple .opening_hours .opening_hours_wrapper li label {
    background-color: transparent;
    background-image: none;
    font-size: 15px;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
    border-radius: 0
}

.style-simple .opening_hours .opening_hours_wrapper li span {
    font-size: 32px;
    line-height: 32px;
    padding: 10px 0
}

.style-simple .opening_hours .opening_hours_wrapper li span sup {
    top: -1px;
    font-size: 16px;
    line-height: 16px;
    margin-left: 4px
}

.style-simple .dark .opening_hours,
.style-simple .dark .opening_hours h3 {
    color: rgba(255, 255, 255, .9)
}

.style-simple .icon_box .image_wrapper,
.style-simple .icon_box .icon_wrapper {
    padding-top: 5px;
    margin-bottom: 25px
}

.style-simple .icon_box .icon_wrapper {
    font-size: 80px;
    background-color: transparent;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    border-width: 0;
    background-image: none;
    -webkit-transform: scale(1)!important;
    -moz-transform: scale(1)!important;
    -ms-transform: scale(1)!important;
    -o-transform: scale(1)!important;
    transform: scale(1)!important
}

.style-simple .icon_box .icon_wrapper:before {
    display: none
}

.style-simple .icon_box .icon_wrapper i {
    position: relative;
    top: 0
}

.style-simple .icon_box .image_wrapper img {
    position: relative;
    top: 0
}

.style-simple .icon_box .desc_wrapper .title {
    margin-bottom: 20px
}

.style-simple .icon_box .desc_wrapper .title:before {
    content: "";
    display: block;
    width: 0;
    margin: 0 auto;
    height: 2px;
    top: -15px;
    position: relative;
    background-color: #ccc
}

.style-simple .icon_box:hover .icon_wrapper i {
    top: -5px
}

.style-simple .icon_box:hover .image_wrapper img {
    top: -5px
}

.style-simple .icon_box:hover .desc_wrapper .title:before {
    width: 100px
}

.style-simple .icon_box .icon_wrapper i,
.style-simple .icon_box .image_wrapper img,
.style-simple .icon_box .desc_wrapper .title:before {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.style-simple #Filters {
    text-align: center
}

.style-simple #Filters .filters_buttons {
    background: none;
    padding: 15px 0
}

.style-simple #Filters .filters_wrapper {
    margin-top: 0
}

.style-simple #Filters .filters_wrapper ul {
    overflow: visible;
    display: inline-block;
    border-bottom-width: 1px;
    border-style: solid
}

.style-simple #Filters .filters_wrapper ul li {
    width: auto;
    margin: 0
}

.style-simple #Filters .filters_wrapper ul li a {
    background: none;
    border: 0;
    padding: 14px 25px;
    position: relative
}

.style-simple #Filters .filters_wrapper ul li a:after {
    content: "";
    display: none;
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 2px;
    background: #ccc
}

.style-simple #Filters .filters_wrapper ul li.close a {
    color: inherit;
    padding: 14px 15px;
    width: auto;
    border: 0!important
}

.style-simple #Filters .filters_wrapper ul li a:hover,
.style-simple #Filters .filters_wrapper ul li.current-cat a {
    background: none;
    color: inherit
}

.style-simple #Filters .filters_wrapper ul li.current-cat a:after {
    display: block
}

.style-simple ul.clients.clients_tiles li .client_wrapper::after {
    display: none
}

.style-simple .progress_bars .bars_list li .bar {
    height: 5px
}

.style-simple .progress_bars .bars_list li .bar {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) inset;
    background: rgba(0, 0, 0, .03);
    border-radius: 0
}

.style-simple .progress_bars .bars_list li .bar .progress {
    background-image: none
}

.style-simple .counter {
    background-image: none
}

.style-simple .list_item.lists_1 .list_left {
    background-image: none;
    border-radius: 2px;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) inset
}

.style-simple .list_item .circle {
    background-image: none;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) inset
}

.style-simple blockquote {
    background: none;
    line-height: 25px;
    font-style: italic
}

.style-simple blockquote:after {
    display: none
}

.style-simple .testimonials_slider .testimonials_slider_ul li .bq_wrapper {
    padding-top: 0;
    padding-bottom: 1px;
    background: none;
    text-align: center
}

.style-simple .testimonials_slider .testimonials_slider_ul li .bq_wrapper blockquote {
    margin-left: 0;
    margin-right: 0
}

.style-simple .testimonials_slider .slider_images {
    background-color: transparent
}

.style-simple .testimonials_slider .slider_images:before {
    display: none
}

.style-simple .article_box .desc_wrapper {
    background-image: none
}

.style-simple .article_box .desc_wrapper p {
    border-bottom-width: 0;
    margin-bottom: 0;
    padding-bottom: 10px
}

.style-simple .article_box .desc_wrapper p:after {
    background-color: rgba(0, 0, 0, .1);
    content: "";
    display: block;
    height: 2px;
    margin-top: 10px;
    width: 20px
}

.style-simple .article_box:hover .desc_wrapper p:after {
    width: 40%
}

.style-simple .article_box .desc_wrapper i.icon-right-open {
    display: none
}

.style-simple .article_box .desc_wrapper p:after {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.style-simple .idea_box {
    border: 1px solid rgba(0, 0, 0, .08);
    padding: 15px 15px 15px 0;
    background: none
}

.style-simple .idea_box .icon {
    display: block;
    position: static;
    float: left;
    left: 0;
    top: 0;
    margin-top: 0;
    width: 60px;
    text-align: center;
    margin-top: 5px
}

.style-simple .idea_box .desc {
    border-left: 1px solid rgba(0, 0, 0, .08);
    padding: 10px 15px 10px 20px;
    margin-left: 60px
}

.style-simple .sliding_box .photo_wrapper {
    top: 0
}

.style-simple .sliding_box .desc_wrapper {
    background: none;
    padding-left: 0;
    padding-right: 0
}

.style-simple .sliding_box .desc_wrapper h4 {
    color: inherit;
    margin-bottom: 5px
}

.style-simple .sliding_box .desc_wrapper:after {
    display: inline-block;
    content: "";
    width: 20%;
    height: 2px;
    border: 0;
    background-color: rgba(0, 0, 0, .1);
    position: static;
    top: 0;
    margin: 0
}

.style-simple .sliding_box:hover .desc_wrapper:after {
    width: 60%
}

.style-simple .trailer_box .desc {
    padding: 27px 15px 30px
}

.style-simple .trailer_box .desc .line {
    display: none
}

.style-simple .trailer_box .desc .subtitle {
    background-image: none;
    background-color: transparent;
    color: rgba(255, 255, 255, .7);
    margin-bottom: 10px;
    padding: 0
}

.style-simple .trailer_box:hover .desc h2 {
    bottom: 0
}

.style-simple .trailer_box:hover .desc .subtitle {
    bottom: 0
}

.style-simple .trailer_box .desc {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.style-simple .timeline_items {
    background: none
}

.style-simple .timeline_items:after {
    display: none
}

.style-simple .timeline_items>li {
    width: 50%;
    padding: 0 0 0 50%;
    background: none;
    margin-bottom: 15px!important
}

.style-simple .timeline_items>li:nth-child(even) {
    padding: 0 50% 0 0;
    background: none
}

.style-simple .timeline_items>li h3 span {
    background: none!important;
    border-radius: 4px;
    font-size: 14px;
    font-style: italic;
    top: 22px
}

.style-simple .timeline_items>li h3:before {
    display: none
}

.style-simple .timeline_items>li .desc:before {
    display: none
}

.style-simple .timeline_items>li h3 {
    border-left: 2px solid rgba(0, 0, 0, .08);
    margin: 0;
    padding: 15px 0 0 25px;
    width: 100%;
    box-sizing: padding-box;
    -webkit-box-sizing: border-box
}

.style-simple .timeline_items>li h3 span {
    position: absolute;
    right: 52%
}

.style-simple .timeline_items>li:nth-child(even) h3 {
    padding: 15px 25px 0 0;
    text-align: right;
    border-left: 0;
    border-right: 2px solid rgba(0, 0, 0, .04)
}

.style-simple .timeline_items>li:nth-child(even) h3 span {
    left: 52%;
    right: auto
}

.style-simple .timeline_items>li .desc {
    border-left: 2px solid rgba(0, 0, 0, .08);
    padding: 15px 0 15px 25px;
    background: none;
    width: 100%;
    box-sizing: padding-box;
    -webkit-box-sizing: border-box
}

.style-simple .timeline_items>li:nth-child(even) .desc {
    padding: 15px 25px 15px 0;
    border-left: 0;
    border-right: 2px solid rgba(0, 0, 0, .04)
}

.style-simple .timeline_items>li:hover h3,
.style-simple .timeline_items>li:nth-child(even):hover h3,
.style-simple .timeline_items>li:hover .desc,
.style-simple .timeline_items>li:nth-child(even):hover {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.style-simple .quick_fact .number-wrapper {
    font-family: inherit;
    font-size: 60px;
    line-height: 60px
}

.style-simple .quick_fact .title {
    font-family: inherit;
    font-size: 18px;
    font-weight: 400
}

.style-simple .quick_fact hr {
    display: none
}

.style-simple .chart_box:before {
    background-color: transparent;
    background-image: none;
    border-width: 0
}

.style-simple .chart_box .chart .num {
    font-family: inherit;
    font-size: 30px
}

.style-simple .dark .chart_box .chart .icon,
.style-simple .dark .chart_box .chart .num {
    color: #fff
}

.style-simple a.content_link {
    border-width: 0 0 2px;
    margin: 0 10px;
    background-color: transparent;
    background-image: none
}

.style-simple a.content_link:after {
    border-width: 0 0 2px;
    bottom: -2px
}

.style-simple a.content_link:before {
    border-width: 0 5px 6px
}

.style-simple .how_it_works .image {
    border-width: 0 0 2px;
    background: transparent;
    border-radius: 0;
    margin-bottom: 30px
}

.style-simple .how_it_works .image .number {
    border-radius: 0;
    bottom: -17px;
    left: 50%;
    margin-left: -17px;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) inset
}

.style-simple .how_it_works.no-img .image {
    border-width: 0 0 2px
}

.style-simple .offer_thumb_ul li.offer_thumb_li {
    padding-left: 0
}

.style-simple .offer_thumb .slider_pagination a img {
    opacity: .7
}

.style-simple .offer_thumb .slider_pagination a.selected img,
.style-simple .offer_thumb .slider_pagination a:not(.selected):hover img {
    opacity: 1
}

@media only screen and (min-width:768px) {
    .style-simple .offer_thumb .slider_pagination {
        border: 0
    }
    .style-simple .offer_thumb .slider_pagination a {
        margin-bottom: 6px;
        border-width: 1px;
        background: none
    }
    .style-simple .offer_thumb.bottom .slider_pagination a {
        margin: 3px
    }
    .style-simple .offer_thumb .slider_pagination a:before,
    .style-simple .offer_thumb .slider_pagination a:after {
        display: none
    }
}

.style-simple .alert {
    -webkit-border-radius: 0;
    border-radius: 0
}

.style-simple .alert:before {
    display: none!important
}

.style-simple .alert .alert_icon {
    position: absolute;
    left: 0;
    top: 0;
    height: 65px;
    line-height: 65px;
    background: none;
    border-right: 1px solid rgba(0, 0, 0, .05);
    -webkit-border-radius: 0;
    border-radius: 0
}

.style-simple .feature_list hr {
    background-color: rgba(0, 0, 0, 0);
    color: rgba(0, 0, 0, 0)
}

.style-simple .progress_icons .progress_icon {
    color: rgba(0, 0, 0, .3);
    border-width: 1px;
    border-style: solid
}

.style-simple .progress_icons .progress_icon.themebg {
    border-color: transparent;
    color: #fff
}

.style-simple .progress_icons .progress_icon:not(.themebg) {
    background: none;
    border-color: rgba(0, 0, 0, .3)
}

.style-simple .pricing-box {
    border: 0
}

.style-simple .pricing-box:not(.pricing-box-featured) {
    background: none
}

.style-simple .tooltip:hover:after,
.style-simple .tooltip.hover:after {
    background-image: none
}

.style-simple .highlight {
    background-image: none
}

.style-simple .get_in_touch {
    padding: 25px 30px
}

.style-simple .get_in_touch ul li {
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.style-simple .get_in_touch ul li:last-child {
    border: 0
}

.style-simple .get_in_touch ul li:after {
    display: none
}

.style-simple .get_in_touch ul li .icon {
    left: 5px
}

.style-simple .infobox {
    padding: 25px 30px
}

.style-simple .infobox ul li {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding-left: 40px
}

.style-simple .infobox ul li:last-child {
    border: 0
}

.style-simple .infobox ul li:after {
    display: none
}

.style-simple .infobox ul li:before {
    left: 5px
}

.style-simple a.icon_bar {
    border-width: 0;
    background-color: #f0f0f0;
    background-image: none;
    -webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0)
}

.style-simple a.icon_bar span.t {
    opacity: 1
}

.style-simple a:hover.icon_bar span.t {
    opacity: 0
}

.style-simple a.icon_bar span.b {
    position: absolute;
    top: 0;
    opacity: 0
}

.style-simple a:hover.icon_bar span.b {
    opacity: 1
}

.style-simple a.icon_bar span {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.style-simple a.icon_bar span.b {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.style-simple a:hover.icon_bar span {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0)
}

.no-hover-all a.button:after,
.no-hover-all a.tp-button:after,
.no-hover-all a.action_button:after,
.no-hover-all button:after,
.no-hover-all input[type="submit"]:after,
.no-hover-all input[type="reset"]:after,
.no-hover-all input[type="button"]:after {
    background: rgba(0, 0, 0, 0)
}

.no-hover-all a.button:hover:after,
.no-hover-all a.tp-button:hover:after,
.no-hover-all a.action_button:hover:after,
.no-hover-all button:hover:after,
.no-hover-all input[type="submit"]:hover:after,
.no-hover-all input[type="reset"]:hover:after,
.no-hover-all input[type="button"]:hover:after {
    width: 0
}

.no-hover-all ul.clients .client_wrapper:hover {
    background: rgba(0, 0, 0, .01)
}

.no-hover-all ul.clients.clients_tiles li .client_wrapper:hover:before {
    height: 1px;
    background: rgba(0, 0, 0, .08)
}

.no-hover-all ul.clients.clients_tiles li .client_wrapper:hover:after {
    display: none
}

.no-hover-all a:hover.content_link:before {
    display: none
}

.no-hover-all a:hover.content_link:after {
    display: none
}

.no-hover-all a:hover.content_link {
    background-image: inherit
}

.no-hover-all .feature_list ul li:hover,
.no-hover-all .feature_list ul li:hover a {
    color: inherit
}

.no-hover-all .feature_list ul li:hover .icon i,
.no-hover-all .feature_list ul li:hover a .icon i {
    color: inherit
}

.no-hover-all .feature_list ul li:hover,
.no-hover-all .feature_list ul li:hover a {
    background: transparent
}

.no-hover-all .flat_box:hover .photo_wrapper .icon,
.no-hover-all .flat_box a:hover .photo_wrapper .icon {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.no-hover-all .flat_box .photo_wrapper img.photo {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.no-hover-all a:hover.icon_bar {
    color: inherit!important
}

.no-hover-all a:hover.icon_bar span {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0)
}

.no-hover-all .icon_box:hover .icon_wrapper {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.no-hover-all .icon_box:hover .icon_wrapper,
.no-hover-all .icon_box a:hover .icon_wrapper {
    color: inherit
}

.no-hover-all .icon_box:hover .icon_wrapper:before,
.no-hover-all .icon_box a:hover .icon_wrapper::before {
    background-color: transparent
}

.no-hover-all.style-simple .icon_box:hover .icon_wrapper i {
    top: 0
}

.no-hover-all.style-simple .icon_box:hover .image_wrapper img {
    top: 0
}

.no-hover-all.style-simple .icon_box .desc_wrapper .title::before {
    display: none
}

.no-hover-all .sliding_box:hover .desc_wrapper:after {
    top: 0
}

.no-hover-all .sliding_box .photo_wrapper {
    bottom: 0
}

.no-hover-all .sliding_box:hover .photo_wrapper {
    bottom: 0
}

.no-hover-all .style-simple .sliding_box:hover .desc_wrapper::after {
    width: 20%
}

.no-hover-all .story_box .photo_wrapper img {
    opacity: 1
}

.no-hover-all .story_box:hover .desc_wrapper hr {
    width: 20%
}

.no-hover-all .trailer_box:hover a:after {
    display: none
}

.no-hover-all .trailer_box:hover .desc h2 {
    bottom: 0
}

.no-hover-all .trailer_box:hover .desc .subtitle {
    bottom: 0
}

.no-hover-all .trailer_box:hover .desc .line {
    width: 0
}

.no-hover-all .trailer_box.plain .desc .line {
    display: none
}

.no-hover-all .style-simple .trailer_box:hover .desc {
    background-color: transparent
}

.animate,
.hover-bounce,
.hover-flash,
.hover-heartbeat,
.hover-panic,
.hover-pulsate,
.hover-pulse,
.hover-shakeH,
.hover-shakeV,
.hover-slingshotCCW,
.hover-slingshotCW,
.hover-spinCCW,
.hover-spinCW,
.hover-strobe,
.hover-tada,
.hover-wave,
.hover-wobble,
.trigger {
    opacity: 0;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both
}

.animate.slow-mo,
.hover-bounce.slow-mo,
.hover-flash.slow-mo,
.hover-heartbeat.slow-mo,
.hover-panic.slow-mo,
.hover-pulsate.slow-mo,
.hover-pulse.slow-mo,
.hover-shakeH.slow-mo,
.hover-shakeV.slow-mo,
.hover-slingshotCCW.slow-mo,
.hover-slingshotCW.slow-mo,
.hover-spinCCW.slow-mo,
.hover-spinCW.slow-mo,
.hover-strobe.slow-mo,
.hover-tada.slow-mo,
.hover-wave.slow-mo,
.hover-wobble.slow-mo,
.trigger.slow-mo {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -ms-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s
}

.animate.super-slow-mo,
.hover-bounce.super-slow-mo,
.hover-flash.super-slow-mo,
.hover-heartbeat.super-slow-mo,
.hover-panic.super-slow-mo,
.hover-pulsate.super-slow-mo,
.hover-pulse.super-slow-mo,
.hover-shakeH.super-slow-mo,
.hover-shakeV.super-slow-mo,
.hover-slingshotCCW.super-slow-mo,
.hover-slingshotCW.super-slow-mo,
.hover-spinCCW.super-slow-mo,
.hover-spinCW.super-slow-mo,
.hover-strobe.super-slow-mo,
.hover-tada.super-slow-mo,
.hover-wave.super-slow-mo,
.hover-wobble.super-slow-mo,
.trigger.super-slow-mo {
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    -ms-animation-duration: 3s;
    -o-animation-duration: 3s;
    animation-duration: 3s
}

.animate.ultra-slow-mo,
.hover-bounce.ultra-slow-mo,
.hover-flash.ultra-slow-mo,
.hover-heartbeat.ultra-slow-mo,
.hover-panic.ultra-slow-mo,
.hover-pulsate.ultra-slow-mo,
.hover-pulse.ultra-slow-mo,
.hover-shakeH.ultra-slow-mo,
.hover-shakeV.ultra-slow-mo,
.hover-slingshotCCW.ultra-slow-mo,
.hover-slingshotCW.ultra-slow-mo,
.hover-spinCCW.ultra-slow-mo,
.hover-spinCW.ultra-slow-mo,
.hover-strobe.ultra-slow-mo,
.hover-tada.ultra-slow-mo,
.hover-wave.ultra-slow-mo,
.hover-wobble.ultra-slow-mo,
.trigger.ultra-slow-mo {
    -webkit-animation-duration: 4s;
    -moz-animation-duration: 4s;
    -ms-animation-duration: 4s;
    -o-animation-duration: 4s;
    animation-duration: 4s
}

.animate.hyper-slow-mo,
.hover-bounce.hyper-slow-mo,
.hover-flash.hyper-slow-mo,
.hover-heartbeat.hyper-slow-mo,
.hover-panic.hyper-slow-mo,
.hover-pulsate.hyper-slow-mo,
.hover-pulse.hyper-slow-mo,
.hover-shakeH.hyper-slow-mo,
.hover-shakeV.hyper-slow-mo,
.hover-slingshotCCW.hyper-slow-mo,
.hover-slingshotCW.hyper-slow-mo,
.hover-spinCCW.hyper-slow-mo,
.hover-spinCW.hyper-slow-mo,
.hover-strobe.hyper-slow-mo,
.hover-tada.hyper-slow-mo,
.hover-wave.hyper-slow-mo,
.hover-wobble.hyper-slow-mo,
.trigger.hyper-slow-mo {
    -webkit-animation-duration: 5s;
    -moz-animation-duration: 5s;
    -ms-animation-duration: 5s;
    -o-animation-duration: 5s;
    animation-duration: 5s
}

.hover-bounce,
.hover-flash,
.hover-heartbeat,
.hover-panic,
.hover-pulsate,
.hover-pulse,
.hover-shakeH,
.hover-shakeV,
.hover-slingshotCCW,
.hover-slingshotCW,
.hover-spinCCW,
.hover-spinCW,
.hover-strobe,
.hover-tada,
.hover-wave,
.hover-wobble,
.ie .animate,
.no-js .animate,
.trigger {
    opacity: 1
}

.animate.infinite,
.hover-bounce.infinite,
.hover-flash.infinite,
.hover-heartbeat.infinite,
.hover-panic.infinite,
.hover-pulsate.infinite,
.hover-pulse.infinite,
.hover-shakeH.infinite,
.hover-shakeV.infinite,
.hover-slingshotCCW.infinite,
.hover-slingshotCW.infinite,
.hover-spinCCW.infinite,
.hover-spinCW.infinite,
.hover-strobe.infinite,
.hover-tada.infinite,
.hover-wave.infinite,
.hover-wobble.infinite,
.trigger.infinite {
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

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

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

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

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

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

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

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

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

@-ms-keyframes fadeInUp {
    0% {
        opacity: 0;
        -ms-transform: translateY(200px)
    }
    100% {
        opacity: 1;
        -ms-transform: translateY(0)
    }
}

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

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(200px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

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

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

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

@-ms-keyframes fadeInDown {
    0% {
        opacity: 0;
        -ms-transform: translateY(-200px)
    }
    100% {
        opacity: 1;
        -ms-transform: translateY(0)
    }
}

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

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

.animate.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -ms-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-200px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-200px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@-ms-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -ms-transform: translateX(-200px)
    }
    100% {
        opacity: 1;
        -ms-transform: translateX(0)
    }
}

@-o-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-200px)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-200px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.animate.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -ms-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(200px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(200px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@-ms-keyframes fadeInRight {
    0% {
        opacity: 0;
        -ms-transform: translateX(200px)
    }
    100% {
        opacity: 1;
        -ms-transform: translateX(0)
    }
}

@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -o-transform: translateX(200px)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(200px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.animate.fadeInRight {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -ms-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInUpLarge {
    0% {
        opacity: 0;
        -webkit-transform: translateY(1000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes fadeInUpLarge {
    0% {
        opacity: 0;
        -moz-transform: translateY(1000px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@-ms-keyframes fadeInUpLarge {
    0% {
        opacity: 0;
        -ms-transform: translateY(1000px)
    }
    100% {
        opacity: 1;
        -ms-transform: translateY(0)
    }
}

@-o-keyframes fadeInUpLarge {
    0% {
        opacity: 0;
        -o-transform: translateY(1000px)
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}

@keyframes fadeInUpLarge {
    0% {
        opacity: 0;
        transform: translateY(1000px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.animate.fadeInUpLarge {
    -webkit-animation-name: fadeInUpLarge;
    -moz-animation-name: fadeInUpLarge;
    -ms-animation-name: fadeInUpLarge;
    -o-animation-name: fadeInUpLarge;
    animation-name: fadeInUpLarge
}

@-webkit-keyframes fadeInDownLarge {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-1000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes fadeInDownLarge {
    0% {
        opacity: 0;
        -moz-transform: translateY(-1000px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@-ms-keyframes fadeInDownLarge {
    0% {
        opacity: 0;
        -ms-transform: translateY(-1000px)
    }
    100% {
        opacity: 1;
        -ms-transform: translateY(0)
    }
}

@-o-keyframes fadeInDownLarge {
    0% {
        opacity: 0;
        -o-transform: translateY(-1000px)
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}

@keyframes fadeInDownLarge {
    0% {
        opacity: 0;
        transform: translateY(-1000px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.animate.fadeInDownLarge {
    -webkit-animation-name: fadeInDownLarge;
    -moz-animation-name: fadeInDownLarge;
    -ms-animation-name: fadeInDownLarge;
    -o-animation-name: fadeInDownLarge;
    animation-name: fadeInDownLarge
}

@-webkit-keyframes fadeInLeftLarge {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-1000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes fadeInLeftLarge {
    0% {
        opacity: 0;
        -moz-transform: translateX(-1000px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@-ms-keyframes fadeInLeftLarge {
    0% {
        opacity: 0;
        -ms-transform: translateX(-1000px)
    }
    100% {
        opacity: 1;
        -ms-transform: translateX(0)
    }
}

@-o-keyframes fadeInLeftLarge {
    0% {
        opacity: 0;
        -o-transform: translateX(-1000px)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}

@keyframes fadeInLeftLarge {
    0% {
        opacity: 0;
        transform: translateX(-1000px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.animate.fadeInLeftLarge {
    -webkit-animation-name: fadeInLeftLarge;
    -moz-animation-name: fadeInLeftLarge;
    -ms-animation-name: fadeInLeftLarge;
    -o-animation-name: fadeInLeftLarge;
    animation-name: fadeInLeftLarge
}

@-webkit-keyframes fadeInRightLarge {
    0% {
        opacity: 0;
        -webkit-transform: translateX(1000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes fadeInRightLarge {
    0% {
        opacity: 0;
        -moz-transform: translateX(1000px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@-ms-keyframes fadeInRightLarge {
    0% {
        opacity: 0;
        -ms-transform: translateX(1000px)
    }
    100% {
        opacity: 1;
        -ms-transform: translateX(0)
    }
}

@-o-keyframes fadeInRightLarge {
    0% {
        opacity: 0;
        -o-transform: translateX(1000px)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}

@keyframes fadeInRightLarge {
    0% {
        opacity: 0;
        transform: translateX(1000px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.animate.fadeInRightLarge {
    -webkit-animation-name: fadeInRightLarge;
    -moz-animation-name: fadeInRightLarge;
    -ms-animation-name: fadeInRightLarge;
    -o-animation-name: fadeInRightLarge;
    animation-name: fadeInRightLarge
}

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

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

@-ms-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

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

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.animate.fadeOut {
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    -ms-animation-name: fadeOut;
    -o-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-200px)
    }
}

@-moz-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(-200px)
    }
}

@-ms-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -ms-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -ms-transform: translateY(-200px)
    }
}

@-o-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -o-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(-200px)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(-200px)
    }
}

.animate.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    -moz-animation-name: fadeOutUp;
    -ms-animation-name: fadeOutUp;
    -o-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(200px)
    }
}

@-moz-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(200px)
    }
}

@-ms-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -ms-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -ms-transform: translateY(200px)
    }
}

@-o-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -o-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(200px)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(200px)
    }
}

.animate.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    -moz-animation-name: fadeOutDown;
    -ms-animation-name: fadeOutDown;
    -o-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(-200px)
    }
}

@-moz-keyframes fadeOutLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(0)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(-200px)
    }
}

@-ms-keyframes fadeOutLeft {
    0% {
        opacity: 0;
        -ms-transform: translateX(0)
    }
    100% {
        opacity: 1;
        -ms-transform: translateX(-200px)
    }
}

@-o-keyframes fadeOutLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(0)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(-200px)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 0;
        transform: translateX(0)
    }
    100% {
        opacity: 1;
        transform: translateX(-200px)
    }
}

.animate.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    -moz-animation-name: fadeOutLeft;
    -ms-animation-name: fadeOutLeft;
    -o-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(200px)
    }
}

@-moz-keyframes fadeOutRight {
    0% {
        opacity: 0;
        -moz-transform: translateX(0)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(200px)
    }
}

@-ms-keyframes fadeOutRight {
    0% {
        opacity: 0;
        -ms-transform: translateX(0)
    }
    100% {
        opacity: 1;
        -ms-transform: translateX(200px)
    }
}

@-o-keyframes fadeOutRight {
    0% {
        opacity: 0;
        -o-transform: translateX(0)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(200px)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 0;
        transform: translateX(0)
    }
    100% {
        opacity: 1;
        transform: translateX(200px)
    }
}

.animate.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    -moz-animation-name: fadeOutRight;
    -ms-animation-name: fadeOutRight;
    -o-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutUpLarge {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-1000px)
    }
}

@-moz-keyframes fadeOutUpLarge {
    0% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(-1000px)
    }
}

@-ms-keyframes fadeOutUpLarge {
    0% {
        opacity: 1;
        -ms-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -ms-transform: translateY(-1000px)
    }
}

@-o-keyframes fadeOutUpLarge {
    0% {
        opacity: 1;
        -o-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(-1000px)
    }
}

@keyframes fadeOutUpLarge {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(-1000px)
    }
}

.animate.fadeOutUpLarge {
    -webkit-animation-name: fadeOutUpLarge;
    -moz-animation-name: fadeOutUpLarge;
    -ms-animation-name: fadeOutUpLarge;
    -o-animation-name: fadeOutUpLarge;
    animation-name: fadeOutUpLarge
}

@-webkit-keyframes fadeOutDownLarge {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(1000px)
    }
}

@-moz-keyframes fadeOutDownLarge {
    0% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(1000px)
    }
}

@-ms-keyframes fadeOutDownLarge {
    0% {
        opacity: 1;
        -ms-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -ms-transform: translateY(1000px)
    }
}

@-o-keyframes fadeOutDownLarge {
    0% {
        opacity: 1;
        -o-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(1000px)
    }
}

@keyframes fadeOutDownLarge {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(1000px)
    }
}

.animate.fadeOutDownLarge {
    -webkit-animation-name: fadeOutDownLarge;
    -moz-animation-name: fadeOutDownLarge;
    -ms-animation-name: fadeOutDownLarge;
    -o-animation-name: fadeOutDownLarge;
    animation-name: fadeOutDownLarge
}

@-webkit-keyframes fadeOutLeftLarge {
    0% {
        opacity: 0;
        -webkit-transform: translateX(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(-1000px)
    }
}

@-moz-keyframes fadeOutLeftLarge {
    0% {
        opacity: 0;
        -moz-transform: translateX(0)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(-1000px)
    }
}

@-ms-keyframes fadeOutLeftLarge {
    0% {
        opacity: 0;
        -ms-transform: translateX(0)
    }
    100% {
        opacity: 1;
        -ms-transform: translateX(-1000px)
    }
}

@-o-keyframes fadeOutLeftLarge {
    0% {
        opacity: 0;
        -o-transform: translateX(0)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(-1000px)
    }
}

@keyframes fadeOutLeftLarge {
    0% {
        opacity: 0;
        transform: translateX(0)
    }
    100% {
        opacity: 1;
        transform: translateX(-1000px)
    }
}

.animate.fadeOutLeftLarge {
    -webkit-animation-name: fadeOutLeftLarge;
    -moz-animation-name: fadeOutLeftLarge;
    -ms-animation-name: fadeOutLeftLarge;
    -o-animation-name: fadeOutLeftLarge;
    animation-name: fadeOutLeftLarge
}

@-webkit-keyframes fadeOutRightLarge {
    0% {
        opacity: 0;
        -webkit-transform: translateX(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(1000px)
    }
}

@-moz-keyframes fadeOutRightLarge {
    0% {
        opacity: 0;
        -moz-transform: translateX(0)
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(1000px)
    }
}

@-ms-keyframes fadeOutRightLarge {
    0% {
        opacity: 0;
        -ms-transform: translateX(0)
    }
    100% {
        opacity: 1;
        -ms-transform: translateX(1000px)
    }
}

@-o-keyframes fadeOutRightLarge {
    0% {
        opacity: 0;
        -o-transform: translateX(0)
    }
    100% {
        opacity: 1;
        -o-transform: translateX(1000px)
    }
}

@keyframes fadeOutRightLarge {
    0% {
        opacity: 0;
        transform: translateX(0)
    }
    100% {
        opacity: 1;
        transform: translateX(1000px)
    }
}

.animate.fadeOutRightLarge {
    -webkit-animation-name: fadeOutRightLarge;
    -moz-animation-name: fadeOutRightLarge;
    -ms-animation-name: fadeOutRightLarge;
    -o-animation-name: fadeOutRightLarge;
    animation-name: fadeOutRightLarge
}

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

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

@-ms-keyframes zoomIn {
    0% {
        opacity: 0;
        -ms-transform: scale(0)
    }
    100% {
        opacity: 1;
        -ms-transform: scale(1)
    }
}

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

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale(0)
    }
    100% {
        opacity: 1;
        transform: scale(1)
    }
}

.animate.zoomIn {
    -webkit-animation-name: zoomIn;
    -moz-animation-name: zoomIn;
    -ms-animation-name: zoomIn;
    -o-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translateY(200px)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0)
    }
}

@-moz-keyframes zoomInUp {
    0% {
        opacity: 0;
        -moz-transform: scale(0) translateY(200px)
    }
    100% {
        opacity: 1;
        -moz-transform: scale(1) translateY(0)
    }
}

@-ms-keyframes zoomInUp {
    0% {
        opacity: 0;
        -ms-transform: scale(0) translateY(200px)
    }
    100% {
        opacity: 1;
        -ms-transform: scale(1) translateY(0)
    }
}

@-o-keyframes zoomInUp {
    0% {
        opacity: 0;
        -o-transform: scale(0) translateY(200px)
    }
    100% {
        opacity: 1;
        -o-transform: scale(1) translateY(0)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        transform: scale(0) translateY(200px)
    }
    100% {
        opacity: 1;
        transform: scale(1) translateY(0)
    }
}

.animate.zoomInUp {
    -webkit-animation-name: zoomInUp;
    -moz-animation-name: zoomInUp;
    -ms-animation-name: zoomInUp;
    -o-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translateY(-200px)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0)
    }
}

@-moz-keyframes zoomInDown {
    0% {
        opacity: 0;
        -moz-transform: scale(0) translateY(-200px)
    }
    100% {
        opacity: 1;
        -moz-transform: scale(1) translateY(0)
    }
}

@-ms-keyframes zoomInDown {
    0% {
        opacity: 0;
        -ms-transform: scale(0) translateY(-200px)
    }
    100% {
        opacity: 1;
        -ms-transform: scale(1) translateY(0)
    }
}

@-o-keyframes zoomInDown {
    0% {
        opacity: 0;
        -o-transform: scale(0) translateY(-200px)
    }
    100% {
        opacity: 1;
        -o-transform: scale(1) translateY(0)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        transform: scale(0) translateY(-200px)
    }
    100% {
        opacity: 1;
        transform: scale(1) translateY(0)
    }
}

.animate.zoomInDown {
    -webkit-animation-name: zoomInDown;
    -moz-animation-name: zoomInDown;
    -ms-animation-name: zoomInDown;
    -o-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translateX(-200px)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateX(0)
    }
}

@-moz-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -moz-transform: scale(0) translateX(-200px)
    }
    100% {
        opacity: 1;
        -moz-transform: scale(1) translateX(0)
    }
}

@-ms-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -ms-transform: scale(0) translateX(-200px)
    }
    100% {
        opacity: 1;
        -ms-transform: scale(1) translateX(0)
    }
}

@-o-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -o-transform: scale(0) translateX(-200px)
    }
    100% {
        opacity: 1;
        -o-transform: scale(1) translateX(0)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        transform: scale(0) translateX(-200px)
    }
    100% {
        opacity: 1;
        transform: scale(1) translateX(0)
    }
}

.animate.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    -moz-animation-name: zoomInLeft;
    -ms-animation-name: zoomInLeft;
    -o-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translateX(200px)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateX(0)
    }
}

@-moz-keyframes zoomInRight {
    0% {
        opacity: 0;
        -moz-transform: scale(0) translateX(200px)
    }
    100% {
        opacity: 1;
        -moz-transform: scale(1) translateX(0)
    }
}

@-ms-keyframes zoomInRight {
    0% {
        opacity: 0;
        -ms-transform: scale(0) translateX(200px)
    }
    100% {
        opacity: 1;
        -ms-transform: scale(1) translateX(0)
    }
}

@-o-keyframes zoomInRight {
    0% {
        opacity: 0;
        -o-transform: scale(0) translateX(200px)
    }
    100% {
        opacity: 1;
        -o-transform: scale(1) translateX(0)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        transform: scale(0) translateX(200px)
    }
    100% {
        opacity: 1;
        transform: scale(1) translateX(0)
    }
}

.animate.zoomInRight {
    -webkit-animation-name: zoomInRight;
    -moz-animation-name: zoomInRight;
    -ms-animation-name: zoomInRight;
    -o-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUpLarge {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translateY(1000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0)
    }
}

@-moz-keyframes zoomInUpLarge {
    0% {
        opacity: 0;
        -moz-transform: scale(0) translateY(1000px)
    }
    100% {
        opacity: 1;
        -moz-transform: scale(1) translateY(0)
    }
}

@-ms-keyframes zoomInUpLarge {
    0% {
        opacity: 0;
        -ms-transform: scale(0) translateY(1000px)
    }
    100% {
        opacity: 1;
        -ms-transform: scale(1) translateY(0)
    }
}

@-o-keyframes zoomInUpLarge {
    0% {
        opacity: 0;
        -o-transform: scale(0) translateY(1000px)
    }
    100% {
        opacity: 1;
        -o-transform: scale(1) translateY(0)
    }
}

@keyframes zoomInUpLarge {
    0% {
        opacity: 0;
        transform: scale(0) translateY(1000px)
    }
    100% {
        opacity: 1;
        transform: scale(1) translateY(0)
    }
}

.animate.zoomInUpLarge {
    -webkit-animation-name: zoomInUpLarge;
    -moz-animation-name: zoomInUpLarge;
    -ms-animation-name: zoomInUpLarge;
    -o-animation-name: zoomInUpLarge;
    animation-name: zoomInUpLarge
}

@-webkit-keyframes zoomInDownLarge {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translateY(-1000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0)
    }
}

@-moz-keyframes zoomInDownLarge {
    0% {
        opacity: 0;
        -moz-transform: scale(0) translateY(-1000px)
    }
    100% {
        opacity: 1;
        -moz-transform: scale(1) translateY(0)
    }
}

@-ms-keyframes zoomInDownLarge {
    0% {
        opacity: 0;
        -ms-transform: scale(0) translateY(-1000px)
    }
    100% {
        opacity: 1;
        -ms-transform: scale(1) translateY(0)
    }
}

@-o-keyframes zoomInDownLarge {
    0% {
        opacity: 0;
        -o-transform: scale(0) translateY(-1000px)
    }
    100% {
        opacity: 1;
        -o-transform: scale(1) translateY(0)
    }
}

@keyframes zoomInDownLarge {
    0% {
        opacity: 0;
        transform: scale(0) translateY(-1000px)
    }
    100% {
        opacity: 1;
        transform: scale(1) translateY(0)
    }
}

.animate.zoomInDownLarge {
    -webkit-animation-name: zoomInDownLarge;
    -moz-animation-name: zoomInDownLarge;
    -ms-animation-name: zoomInDownLarge;
    -o-animation-name: zoomInDownLarge;
    animation-name: zoomInDownLarge
}

@-webkit-keyframes zoomInLeftLarge {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translateX(-1000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateX(0)
    }
}

@-moz-keyframes zoomInLeftLarge {
    0% {
        opacity: 0;
        -moz-transform: scale(0) translateX(-1000px)
    }
    100% {
        opacity: 1;
        -moz-transform: scale(1) translateX(0)
    }
}

@-ms-keyframes zoomInLeftLarge {
    0% {
        opacity: 0;
        -ms-transform: scale(0) translateX(-1000px)
    }
    100% {
        opacity: 1;
        -ms-transform: scale(1) translateX(0)
    }
}

@-o-keyframes zoomInLeftLarge {
    0% {
        opacity: 0;
        -o-transform: scale(0) translateX(-1000px)
    }
    100% {
        opacity: 1;
        -o-transform: scale(1) translateX(0)
    }
}

@keyframes zoomInLeftLarge {
    0% {
        opacity: 0;
        transform: scale(0) translateX(-1000px)
    }
    100% {
        opacity: 1;
        transform: scale(1) translateX(0)
    }
}

.animate.zoomInLeftLarge {
    -webkit-animation-name: zoomInLeftLarge;
    -moz-animation-name: zoomInLeftLarge;
    -ms-animation-name: zoomInLeftLarge;
    -o-animation-name: zoomInLeftLarge;
    animation-name: zoomInLeftLarge
}

@-webkit-keyframes zoomInRightLarge {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translateX(1000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateX(0)
    }
}

@-moz-keyframes zoomInRightLarge {
    0% {
        opacity: 0;
        -moz-transform: scale(0) translateX(1000px)
    }
    100% {
        opacity: 1;
        -moz-transform: scale(1) translateX(0)
    }
}

@-ms-keyframes zoomInRightLarge {
    0% {
        opacity: 0;
        -ms-transform: scale(0) translateX(1000px)
    }
    100% {
        opacity: 1;
        -ms-transform: scale(1) translateX(0)
    }
}

@-o-keyframes zoomInRightLarge {
    0% {
        opacity: 0;
        -o-transform: scale(0) translateX(1000px)
    }
    100% {
        opacity: 1;
        -o-transform: scale(1) translateX(0)
    }
}

@keyframes zoomInRightLarge {
    0% {
        opacity: 0;
        transform: scale(0) translateX(1000px)
    }
    100% {
        opacity: 1;
        transform: scale(1) translateX(0)
    }
}

.animate.zoomInRightLarge {
    -webkit-animation-name: zoomInRightLarge;
    -moz-animation-name: zoomInRightLarge;
    -ms-animation-name: zoomInRightLarge;
    -o-animation-name: zoomInRightLarge;
    animation-name: zoomInRightLarge
}

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

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

@-ms-keyframes zoomOut {
    0% {
        opacity: 1;
        -ms-transform: scale(1)
    }
    100% {
        opacity: 0;
        -ms-transform: scale(0)
    }
}

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

@keyframes zoomOut {
    0% {
        opacity: 1;
        transform: scale(1)
    }
    100% {
        opacity: 0;
        transform: scale(0)
    }
}

.animate.zoomOut {
    -webkit-animation-name: zoomOut;
    -moz-animation-name: zoomOut;
    -ms-animation-name: zoomOut;
    -o-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutUp {
    0% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0) translateY(-200px)
    }
}

@-moz-keyframes zoomOutUp {
    0% {
        opacity: 1;
        -moz-transform: scale(1) translateY(0)
    }
    100% {
        opacity: 0;
        -moz-transform: scale(0) translateY(-200px)
    }
}

@-ms-keyframes zoomOutUp {
    0% {
        opacity: 1;
        -ms-transform: scale(1) translateY(0)
    }
    100% {
        opacity: 0;
        -ms-transform: scale(0) translateY(-200px)
    }
}

@-o-keyframes zoomOutUp {
    0% {
        opacity: 1;
        -o-transform: scale(1) translateY(0)
    }
    100% {
        opacity: 0;
        -o-transform: scale(0) translateY(-200px)
    }
}

@keyframes zoomOutUp {
    0% {
        opacity: 1;
        transform: scale(1) translateY(0)
    }
    100% {
        opacity: 0;
        transform: scale(0) translateY(-200px)
    }
}

.animate.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    -moz-animation-name: zoomOutUp;
    -ms-animation-name: zoomOutUp;
    -o-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes zoomOutDown {
    0% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0) translateY(200px)
    }
}

@-moz-keyframes zoomOutDown {
    0% {
        opacity: 1;
        -moz-transform: scale(1) translateY(0)
    }
    100% {
        opacity: 0;
        -moz-transform: scale(0) translateY(200px)
    }
}

@-ms-keyframes zoomOutDown {
    0% {
        opacity: 1;
        -ms-transform: scale(1) translateY(0)
    }
    100% {
        opacity: 0;
        -ms-transform: scale(0) translateY(200px)
    }
}

@-o-keyframes zoomOutDown {
    0% {
        opacity: 1;
        -o-transform: scale(1) translateY(0)
    }
    100% {
        opacity: 0;
        -o-transform: scale(0) translateY(200px)
    }
}

@keyframes zoomOutDown {
    0% {
        opacity: 1;
        transform: scale(1) translateY(0)
    }
    100% {
        opacity: 0;
        transform: scale(0) translateY(200px)
    }
}

.animate.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    -moz-animation-name: zoomOutDown;
    -ms-animation-name: zoomOutDown;
    -o-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translateX(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateX(-200px)
    }
}

@-moz-keyframes zoomOutLeft {
    0% {
        opacity: 0;
        -moz-transform: scale(0) translateX(0)
    }
    100% {
        opacity: 1;
        -moz-transform: scale(1) translateX(-200px)
    }
}

@-ms-keyframes zoomOutLeft {
    0% {
        opacity: 0;
        -ms-transform: scale(0) translateX(0)
    }
    100% {
        opacity: 1;
        -ms-transform: scale(1) translateX(-200px)
    }
}

@-o-keyframes zoomOutLeft {
    0% {
        opacity: 0;
        -o-transform: scale(0) translateX(0)
    }
    100% {
        opacity: 1;
        -o-transform: scale(1) translateX(-200px)
    }
}

@keyframes zoomOutLeft {
    0% {
        opacity: 0;
        transform: scale(0) translateX(0)
    }
    100% {
        opacity: 1;
        transform: scale(1) translateX(-200px)
    }
}

.animate.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    -moz-animation-name: zoomOutLeft;
    -ms-animation-name: zoomOutLeft;
    -o-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translateX(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateX(200px)
    }
}

@-moz-keyframes zoomOutRight {
    0% {
        opacity: 0;
        -moz-transform: scale(0) translateX(0)
    }
    100% {
        opacity: 1;
        -moz-transform: scale(1) translateX(200px)
    }
}

@-ms-keyframes zoomOutRight {
    0% {
        opacity: 0;
        -ms-transform: scale(0) translateX(0)
    }
    100% {
        opacity: 1;
        -ms-transform: scale(1) translateX(200px)
    }
}

@-o-keyframes zoomOutRight {
    0% {
        opacity: 0;
        -o-transform: scale(0) translateX(0)
    }
    100% {
        opacity: 1;
        -o-transform: scale(1) translateX(200px)
    }
}

@keyframes zoomOutRight {
    0% {
        opacity: 0;
        transform: scale(0) translateX(0)
    }
    100% {
        opacity: 1;
        transform: scale(1) translateX(200px)
    }
}

.animate.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    -moz-animation-name: zoomOutRight;
    -ms-animation-name: zoomOutRight;
    -o-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUpLarge {
    0% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0) translateY(-1000px)
    }
}

@-moz-keyframes zoomOutUpLarge {
    0% {
        opacity: 1;
        -moz-transform: scale(1) translateY(0)
    }
    100% {
        opacity: 0;
        -moz-transform: scale(0) translateY(-1000px)
    }
}

@-ms-keyframes zoomOutUpLarge {
    0% {
        opacity: 1;
        -ms-transform: scale(1) translateY(0)
    }
    100% {
        opacity: 0;
        -ms-transform: scale(0) translateY(-1000px)
    }
}

@-o-keyframes zoomOutUpLarge {
    0% {
        opacity: 1;
        -o-transform: scale(1) translateY(0)
    }
    100% {
        opacity: 0;
        -o-transform: scale(0) translateY(-1000px)
    }
}

@keyframes zoomOutUpLarge {
    0% {
        opacity: 1;
        transform: scale(1) translateY(0)
    }
    100% {
        opacity: 0;
        transform: scale(0) translateY(-1000px)
    }
}

.animate.zoomOutUpLarge {
    -webkit-animation-name: zoomOutUpLarge;
    -moz-animation-name: zoomOutUpLarge;
    -ms-animation-name: zoomOutUpLarge;
    -o-animation-name: zoomOutUpLarge;
    animation-name: zoomOutUpLarge
}

@-webkit-keyframes zoomOutDownLarge {
    0% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0) translateY(1000px)
    }
}

@-moz-keyframes zoomOutDownLarge {
    0% {
        opacity: 1;
        -moz-transform: scale(1) translateY(0)
    }
    100% {
        opacity: 0;
        -moz-transform: scale(0) translateY(1000px)
    }
}

@-ms-keyframes zoomOutDownLarge {
    0% {
        opacity: 1;
        -ms-transform: scale(1) translateY(0)
    }
    100% {
        opacity: 0;
        -ms-transform: scale(0) translateY(1000px)
    }
}

@-o-keyframes zoomOutDownLarge {
    0% {
        opacity: 1;
        -o-transform: scale(1) translateY(0)
    }
    100% {
        opacity: 0;
        -o-transform: scale(0) translateY(1000px)
    }
}

@keyframes zoomOutDownLarge {
    0% {
        opacity: 1;
        transform: scale(1) translateY(0)
    }
    100% {
        opacity: 0;
        transform: scale(0) translateY(1000px)
    }
}

.animate.zoomOutDownLarge {
    -webkit-animation-name: zoomOutDownLarge;
    -moz-animation-name: zoomOutDownLarge;
    -ms-animation-name: zoomOutDownLarge;
    -o-animation-name: zoomOutDownLarge;
    animation-name: zoomOutDownLarge
}

@-webkit-keyframes zoomOutLeftLarge {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translateX(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateX(-1000px)
    }
}

@-moz-keyframes zoomOutLeftLarge {
    0% {
        opacity: 0;
        -moz-transform: scale(0) translateX(0)
    }
    100% {
        opacity: 1;
        -moz-transform: scale(1) translateX(-1000px)
    }
}

@-ms-keyframes zoomOutLeftLarge {
    0% {
        opacity: 0;
        -ms-transform: scale(0) translateX(0)
    }
    100% {
        opacity: 1;
        -ms-transform: scale(1) translateX(-1000px)
    }
}

@-o-keyframes zoomOutLeftLarge {
    0% {
        opacity: 0;
        -o-transform: scale(0) translateX(0)
    }
    100% {
        opacity: 1;
        -o-transform: scale(1) translateX(-1000px)
    }
}

@keyframes zoomOutLeftLarge {
    0% {
        opacity: 0;
        transform: scale(0) translateX(0)
    }
    100% {
        opacity: 1;
        transform: scale(1) translateX(-1000px)
    }
}

.animate.zoomOutLeftLarge {
    -webkit-animation-name: zoomOutLeftLarge;
    -moz-animation-name: zoomOutLeftLarge;
    -ms-animation-name: zoomOutLeftLarge;
    -o-animation-name: zoomOutLeftLarge;
    animation-name: zoomOutLeftLarge
}

@-webkit-keyframes zoomOutRightLarge {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translateX(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateX(1000px)
    }
}

@-moz-keyframes zoomOutRightLarge {
    0% {
        opacity: 0;
        -moz-transform: scale(0) translateX(0)
    }
    100% {
        opacity: 1;
        -moz-transform: scale(1) translateX(1000px)
    }
}

@-ms-keyframes zoomOutRightLarge {
    0% {
        opacity: 0;
        -ms-transform: scale(0) translateX(0)
    }
    100% {
        opacity: 1;
        -ms-transform: scale(1) translateX(1000px)
    }
}

@-o-keyframes zoomOutRightLarge {
    0% {
        opacity: 0;
        -o-transform: scale(0) translateX(0)
    }
    100% {
        opacity: 1;
        -o-transform: scale(1) translateX(1000px)
    }
}

@keyframes zoomOutRightLarge {
    0% {
        opacity: 0;
        transform: scale(0) translateX(0)
    }
    100% {
        opacity: 1;
        transform: scale(1) translateX(1000px)
    }
}

.animate.zoomOutRightLarge {
    -webkit-animation-name: zoomOutRightLarge;
    -moz-animation-name: zoomOutRightLarge;
    -ms-animation-name: zoomOutRightLarge;
    -o-animation-name: zoomOutRightLarge;
    animation-name: zoomOutRightLarge
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1)
    }
    70% {
        opacity: 1;
        -webkit-transform: scale(.9)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes bounceIn {
    0% {
        opacity: 0;
        -moz-transform: scale(0)
    }
    50% {
        opacity: 1;
        -moz-transform: scale(1.1)
    }
    70% {
        opacity: 1;
        -moz-transform: scale(.9)
    }
    100% {
        opacity: 1;
        -moz-transform: scale(1)
    }
}

@-ms-keyframes bounceIn {
    0% {
        opacity: 0;
        -ms-transform: scale(0)
    }
    50% {
        opacity: 1;
        -ms-transform: scale(1.1)
    }
    70% {
        opacity: 1;
        -ms-transform: scale(.9)
    }
    100% {
        opacity: 1;
        -ms-transform: scale(1)
    }
}

@-o-keyframes bounceIn {
    0% {
        opacity: 0;
        -o-transform: scale(0)
    }
    50% {
        opacity: 1;
        -o-transform: scale(1.1)
    }
    70% {
        opacity: 1;
        -o-transform: scale(.9)
    }
    100% {
        opacity: 1;
        -o-transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(0)
    }
    50% {
        opacity: 1;
        transform: scale(1.1)
    }
    70% {
        opacity: 1;
        transform: scale(.9)
    }
    100% {
        opacity: 1;
        transform: scale(1)
    }
}

.animate.bounceIn {
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -ms-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translateY(200px)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(1.1) translateY(-40px)
    }
    80% {
        opacity: 1;
        -webkit-transform: scale(.9) translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0)
    }
}

@-moz-keyframes bounceInUp {
    0% {
        opacity: 0;
        -moz-transform: scale(0) translateY(200px)
    }
    60% {
        opacity: 1;
        -moz-transform: scale(1.1) translateY(-40px)
    }
    80% {
        opacity: 1;
        -moz-transform: scale(.9) translateY(20px)
    }
    100% {
        opacity: 1;
        -moz-transform: scale(1) translateY(0)
    }
}

@-ms-keyframes bounceInUp {
    0% {
        opacity: 0;
        -ms-transform: scale(0) translateY(200px)
    }
    60% {
        opacity: 1;
        -ms-transform: scale(1.1) translateY(-40px)
    }
    80% {
        opacity: 1;
        -ms-transform: scale(.9) translateY(20px)
    }
    100% {
        opacity: 1;
        -ms-transform: scale(1) translateY(0)
    }
}

@-o-keyframes bounceInUp {
    0% {
        opacity: 0;
        -o-transform: scale(0) translateY(200px)
    }
    60% {
        opacity: 1;
        -o-transform: scale(1.1) translateY(-40px)
    }
    80% {
        opacity: 1;
        -o-transform: scale(.9) translateY(20px)
    }
    100% {
        opacity: 1;
        -o-transform: scale(1) translateY(0)
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: scale(0) translateY(200px)
    }
    60% {
        opacity: 1;
        transform: scale(1.1) translateY(-40px)
    }
    80% {
        opacity: 1;
        transform: scale(.9) translateY(20px)
    }
    100% {
        opacity: 1;
        transform: scale(1) translateY(0)
    }
}

.animate.bounceInUp {
    -webkit-animation-name: bounceInUp;
    -moz-animation-name: bounceInUp;
    -ms-animation-name: bounceInUp;
    -o-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translateY(-200px)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(1.1) translateY(40px)
    }
    80% {
        opacity: 1;
        -webkit-transform: scale(.9) translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0)
    }
}

@-moz-keyframes bounceInDown {
    0% {
        opacity: 0;
        -moz-transform: scale(0) translateY(-200px)
    }
    60% {
        opacity: 1;
        -moz-transform: scale(1.1) translateY(40px)
    }
    80% {
        opacity: 1;
        -moz-transform: scale(.9) translateY(-20px)
    }
    100% {
        opacity: 1;
        -moz-transform: scale(1) translateY(0)
    }
}

@-ms-keyframes bounceInDown {
    0% {
        opacity: 0;
        -ms-transform: scale(0) translateY(-200px)
    }
    60% {
        opacity: 1;
        -ms-transform: scale(1.1) translateY(40px)
    }
    80% {
        opacity: 1;
        -ms-transform: scale(.9) translateY(-20px)
    }
    100% {
        opacity: 1;
        -ms-transform: scale(1) translateY(0)
    }
}

@-o-keyframes bounceInDown {
    0% {
        opacity: 0;
        -o-transform: scale(0) translateY(-200px)
    }
    60% {
        opacity: 1;
        -o-transform: scale(1.1) translateY(40px)
    }
    80% {
        opacity: 1;
        -o-transform: scale(.9) translateY(-20px)
    }
    100% {
        opacity: 1;
        -o-transform: scale(1) translateY(0)
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: scale(0) translateY(-200px)
    }
    60% {
        opacity: 1;
        transform: scale(1.1) translateY(40px)
    }
    80% {
        opacity: 1;
        transform: scale(.9) translateY(-20px)
    }
    100% {
        opacity: 1;
        transform: scale(1) translateY(0)
    }
}

.animate.bounceInDown {
    -webkit-animation-name: bounceInDown;
    -moz-animation-name: bounceInDown;
    -ms-animation-name: bounceInDown;
    -o-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translateX(-200px)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(1.1) translateX(40px)
    }
    80% {
        opacity: 1;
        -webkit-transform: scale(.9) translateX(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateX(0)
    }
}

@-moz-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -moz-transform: scale(0) translateX(-200px)
    }
    60% {
        opacity: 1;
        -moz-transform: scale(1.1) translateX(40px)
    }
    80% {
        opacity: 1;
        -moz-transform: scale(.9) translateX(-20px)
    }
    100% {
        opacity: 1;
        -moz-transform: scale(1) translateX(0)
    }
}

@-ms-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -ms-transform: scale(0) translateX(-200px)
    }
    60% {
        opacity: 1;
        -ms-transform: scale(1.1) translateX(40px)
    }
    80% {
        opacity: 1;
        -ms-transform: scale(.9) translateX(-20px)
    }
    100% {
        opacity: 1;
        -ms-transform: scale(1) translateX(0)
    }
}

@-o-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -o-transform: scale(0) translateX(-200px)
    }
    60% {
        opacity: 1;
        -o-transform: scale(1.1) translateX(40px)
    }
    80% {
        opacity: 1;
        -o-transform: scale(.9) translateX(-20px)
    }
    100% {
        opacity: 1;
        -o-transform: scale(1) translateX(0)
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: scale(0) translateX(-200px)
    }
    60% {
        opacity: 1;
        transform: scale(1.1) translateX(40px)
    }
    80% {
        opacity: 1;
        transform: scale(.9) translateX(-20px)
    }
    100% {
        opacity: 1;
        transform: scale(1) translateX(0)
    }
}

.animate.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    -moz-animation-name: bounceInLeft;
    -ms-animation-name: bounceInLeft;
    -o-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translateX(200px)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(1.1) translateX(-40px)
    }
    80% {
        opacity: 1;
        -webkit-transform: scale(.9) translateX(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1) translateX(0)
    }
}

@-moz-keyframes bounceInRight {
    0% {
        opacity: 0;
        -moz-transform: scale(0) translateX(200px)
    }
    60% {
        opacity: 1;
        -moz-transform: scale(1.1) translateX(-40px)
    }
    80% {
        opacity: 1;
        -moz-transform: scale(.9) translateX(20px)
    }
    100% {
        opacity: 1;
        -moz-transform: scale(1) translateX(0)
    }
}

@-ms-keyframes bounceInRight {
    0% {
        opacity: 0;
        -ms-transform: scale(0) translateX(200px)
    }
    60% {
        opacity: 1;
        -ms-transform: scale(1.1) translateX(-40px)
    }
    80% {
        opacity: 1;
        -ms-transform: scale(.9) translateX(20px)
    }
    100% {
        opacity: 1;
        -ms-transform: scale(1) translateX(0)
    }
}

@-o-keyframes bounceInRight {
    0% {
        opacity: 0;
        -o-transform: scale(0) translateX(200px)
    }
    60% {
        opacity: 1;
        -o-transform: scale(1.1) translateX(-40px)
    }
    80% {
        opacity: 1;
        -o-transform: scale(.9) translateX(20px)
    }
    100% {
        opacity: 1;
        -o-transform: scale(1) translateX(0)
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: scale(0) translateX(200px)
    }
    60% {
        opacity: 1;
        transform: scale(1.1) translateX(-40px)
    }
    80% {
        opacity: 1;
        transform: scale(.9) translateX(20px)
    }
    100% {
        opacity: 1;
        transform: scale(1) translateX(0)
    }
}

.animate.bounceInRight {
    -webkit-animation-name: bounceInRight;
    -moz-animation-name: bounceInRight;
    -ms-animation-name: bounceInRight;
    -o-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1)
    }
    30% {
        opacity: 1;
        -webkit-transform: scale(1.1)
    }
    50% {
        opacity: 0;
        -webkit-transform: scale(.9)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0)
    }
}

@-moz-keyframes bounceOut {
    0% {
        opacity: 1;
        -moz-transform: scale(1)
    }
    30% {
        opacity: 1;
        -moz-transform: scale(1.1)
    }
    50% {
        opacity: 0;
        -moz-transform: scale(.9)
    }
    100% {
        opacity: 0;
        -moz-transform: scale(0)
    }
}

@-ms-keyframes bounceOut {
    0% {
        opacity: 1;
        -ms-transform: scale(1)
    }
    30% {
        opacity: 1;
        -ms-transform: scale(1.1)
    }
    50% {
        opacity: 0;
        -ms-transform: scale(.9)
    }
    100% {
        opacity: 0;
        -ms-transform: scale(0)
    }
}

@-o-keyframes bounceOut {
    0% {
        opacity: 1;
        -o-transform: scale(1)
    }
    30% {
        opacity: 1;
        -o-transform: scale(1.1)
    }
    50% {
        opacity: 0;
        -o-transform: scale(.9)
    }
    100% {
        opacity: 0;
        -o-transform: scale(0)
    }
}

@keyframes bounceOut {
    0% {
        opacity: 1;
        transform: scale(1)
    }
    30% {
        opacity: 1;
        transform: scale(1.1)
    }
    50% {
        opacity: 0;
        transform: scale(.9)
    }
    100% {
        opacity: 0;
        transform: scale(0)
    }
}

.animate.bounceOut {
    -webkit-animation-name: bounceOut;
    -moz-animation-name: bounceOut;
    -ms-animation-name: bounceOut;
    -o-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(40px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-200px)
    }
}

@-moz-keyframes bounceOutUp {
    0% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -moz-transform: translateY(40px)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(-200px)
    }
}

@-ms-keyframes bounceOutUp {
    0% {
        opacity: 1;
        -ms-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -ms-transform: translateY(40px)
    }
    100% {
        opacity: 0;
        -ms-transform: translateY(-200px)
    }
}

@-o-keyframes bounceOutUp {
    0% {
        opacity: 1;
        -o-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -o-transform: translateY(40px)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(-200px)
    }
}

@keyframes bounceOutUp {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        transform: translateY(40px)
    }
    100% {
        opacity: 0;
        transform: translateY(-200px)
    }
}

.animate.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    -moz-animation-name: bounceOutUp;
    -ms-animation-name: bounceOutUp;
    -o-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes bounceOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-40px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(200px)
    }
}

@-moz-keyframes bounceOutDown {
    0% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -moz-transform: translateY(-40px)
    }
    100% {
        opacity: 0;
        -moz-transform: translateY(200px)
    }
}

@-ms-keyframes bounceOutDown {
    0% {
        opacity: 1;
        -ms-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -ms-transform: translateY(-40px)
    }
    100% {
        opacity: 0;
        -ms-transform: translateY(200px)
    }
}

@-o-keyframes bounceOutDown {
    0% {
        opacity: 1;
        -o-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -o-transform: translateY(-40px)
    }
    100% {
        opacity: 0;
        -o-transform: translateY(200px)
    }
}

@keyframes bounceOutDown {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        transform: translateY(-40px)
    }
    100% {
        opacity: 0;
        transform: translateY(200px)
    }
}

.animate.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    -moz-animation-name: bounceOutDown;
    -ms-animation-name: bounceOutDown;
    -o-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(40px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-200px)
    }
}

@-moz-keyframes bounceOutLeft {
    0% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -moz-transform: translateX(40px)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(-200px)
    }
}

@-ms-keyframes bounceOutLeft {
    0% {
        opacity: 1;
        -ms-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -ms-transform: translateX(40px)
    }
    100% {
        opacity: 0;
        -ms-transform: translateX(-200px)
    }
}

@-o-keyframes bounceOutLeft {
    0% {
        opacity: 1;
        -o-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -o-transform: translateX(40px)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(-200px)
    }
}

@keyframes bounceOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        transform: translateX(40px)
    }
    100% {
        opacity: 0;
        transform: translateX(-200px)
    }
}

.animate.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    -moz-animation-name: bounceOutLeft;
    -ms-animation-name: bounceOutLeft;
    -o-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-40px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(200px)
    }
}

@-moz-keyframes bounceOutRight {
    0% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -moz-transform: translateX(-40px)
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(200px)
    }
}

@-ms-keyframes bounceOutRight {
    0% {
        opacity: 1;
        -ms-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -ms-transform: translateX(-40px)
    }
    100% {
        opacity: 0;
        -ms-transform: translateX(200px)
    }
}

@-o-keyframes bounceOutRight {
    0% {
        opacity: 1;
        -o-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -o-transform: translateX(-40px)
    }
    100% {
        opacity: 0;
        -o-transform: translateX(200px)
    }
}

@keyframes bounceOutRight {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        transform: translateX(-40px)
    }
    100% {
        opacity: 0;
        transform: translateX(200px)
    }
}

.animate.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    -moz-animation-name: bounceOutRight;
    -ms-animation-name: bounceOutRight;
    -o-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

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

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

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

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

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

.hover-flash:hover,
.trigger.flash {
    -webkit-animation-name: flash;
    -moz-animation-name: flash;
    -ms-animation-name: flash;
    -o-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes strobe {
    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        opacity: 1
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        opacity: 0
    }
}

@-moz-keyframes strobe {
    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        opacity: 1
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        opacity: 0
    }
}

@-ms-keyframes strobe {
    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        opacity: 1
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        opacity: 0
    }
}

@-o-keyframes strobe {
    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        opacity: 1
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        opacity: 0
    }
}

@keyframes strobe {
    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        opacity: 1
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        opacity: 0
    }
}

.hover-strobe:hover,
.trigger.strobe {
    -webkit-animation-name: strobe;
    -moz-animation-name: strobe;
    -ms-animation-name: strobe;
    -o-animation-name: strobe;
    animation-name: strobe
}

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

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

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

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

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

.hover-shakeH:hover,
.trigger.shakeH {
    -webkit-animation-name: shakeH;
    -moz-animation-name: shakeH;
    -ms-animation-name: shakeH;
    -o-animation-name: shakeH;
    animation-name: shakeH
}

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

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

@-ms-keyframes shakeV {
    0%,
    100% {
        -ms-transform: translateY(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -ms-transform: translateY(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        -ms-transform: translateY(10px)
    }
}

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

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

.hover-shakeV:hover,
.trigger.shakeV {
    -webkit-animation-name: shakeV;
    -moz-animation-name: shakeV;
    -ms-animation-name: shakeV;
    -o-animation-name: shakeV;
    animation-name: shakeV
}

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

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

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

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

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

.hover-bounce:hover,
.trigger.bounce {
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    -ms-animation-name: bounce;
    -o-animation-name: bounce;
    animation-name: bounce
}

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

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

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

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

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

.hover-tada:hover,
.trigger.tada {
    -webkit-animation-name: tada;
    -moz-animation-name: tada;
    -ms-animation-name: tada;
    -o-animation-name: tada;
    animation-name: tada
}

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

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

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

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

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

.hover-wave:hover {
    -webkit-animation-name: wave;
    -moz-animation-name: wave;
    -ms-animation-name: wave;
    -o-animation-name: wave;
    animation-name: wave
}

@-webkit-keyframes spinCW {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes spinCW {
    0% {
        -moz-transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(360deg)
    }
}

@-ms-keyframes spinCW {
    0% {
        -ms-transform: rotate(0deg)
    }
    100% {
        -ms-transform: rotate(360deg)
    }
}

@-o-keyframes spinCW {
    0% {
        -o-transform: rotate(0deg)
    }
    100% {
        -o-transform: rotate(360deg)
    }
}

@keyframes spinCW {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.hover-spinCW:hover,
.trigger.spinCW {
    -webkit-animation-name: spinCW;
    -moz-animation-name: spinCW;
    -ms-animation-name: spinCW;
    -o-animation-name: spinCW;
    animation-name: spinCW
}

@-webkit-keyframes spinCCW {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(-360deg)
    }
}

@-moz-keyframes spinCCW {
    0% {
        -moz-transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(-360deg)
    }
}

@-ms-keyframes spinCCW {
    0% {
        -ms-transform: rotate(0deg)
    }
    100% {
        -ms-transform: rotate(-360deg)
    }
}

@-o-keyframes spinCCW {
    0% {
        -o-transform: rotate(0deg)
    }
    100% {
        -o-transform: rotate(-360deg)
    }
}

@keyframes spinCCW {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(-360deg)
    }
}

.hover-spinCCW:hover,
.trigger.spinCCW {
    -webkit-animation-name: spinCCW;
    -moz-animation-name: spinCCW;
    -ms-animation-name: spinCCW;
    -o-animation-name: spinCCW;
    animation-name: spinCCW
}

@-webkit-keyframes slingshotCW {
    0% {
        -webkit-transform: rotate(0deg)
    }
    20%,
    30% {
        -webkit-transform: rotate(-45deg)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes slingshotCW {
    0% {
        -moz-transform: rotate(0deg)
    }
    20%,
    30% {
        -moz-transform: rotate(-45deg)
    }
    100% {
        -moz-transform: rotate(360deg)
    }
}

@-ms-keyframes slingshotCW {
    0% {
        -ms-transform: rotate(0deg)
    }
    20%,
    30% {
        -ms-transform: rotate(-45deg)
    }
    100% {
        -ms-transform: rotate(360deg)
    }
}

@-o-keyframes slingshotCW {
    0% {
        -o-transform: rotate(0deg)
    }
    20%,
    30% {
        -o-transform: rotate(-45deg)
    }
    100% {
        -o-transform: rotate(360deg)
    }
}

@keyframes slingshotCW {
    0% {
        transform: rotate(0deg)
    }
    20%,
    30% {
        transform: rotate(-45deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.hover-slingshotCW:hover,
.trigger.slingshotCW {
    -webkit-animation-name: slingshotCW;
    -moz-animation-name: slingshotCW;
    -ms-animation-name: slingshotCW;
    -o-animation-name: slingshotCW;
    animation-name: slingshotCW
}

@-webkit-keyframes slingshotCCW {
    0% {
        -webkit-transform: rotate(0deg)
    }
    20%,
    30% {
        -webkit-transform: rotate(45deg)
    }
    100% {
        -webkit-transform: rotate(-360deg)
    }
}

@-moz-keyframes slingshotCCW {
    0% {
        -moz-transform: rotate(0deg)
    }
    20%,
    30% {
        -moz-transform: rotate(45deg)
    }
    100% {
        -moz-transform: rotate(-360deg)
    }
}

@-ms-keyframes slingshotCCW {
    0% {
        -ms-transform: rotate(0deg)
    }
    20%,
    30% {
        -ms-transform: rotate(45deg)
    }
    100% {
        -ms-transform: rotate(-360deg)
    }
}

@-o-keyframes slingshotCCW {
    0% {
        -o-transform: rotate(0deg)
    }
    20%,
    30% {
        -o-transform: rotate(45deg)
    }
    100% {
        -o-transform: rotate(-360deg)
    }
}

@keyframes slingshotCCW {
    0% {
        transform: rotate(0deg)
    }
    20%,
    30% {
        transform: rotate(45deg)
    }
    100% {
        transform: rotate(-360deg)
    }
}

.hover-slingshotCCW:hover,
.trigger.slingshotCCW {
    -webkit-animation-name: slingshotCCW;
    -moz-animation-name: slingshotCCW;
    -ms-animation-name: slingshotCCW;
    -o-animation-name: slingshotCCW;
    animation-name: slingshotCCW
}

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

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

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

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

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

.hover-wobble:hover,
.trigger.wobble {
    -webkit-animation-name: wobble;
    -moz-animation-name: wobble;
    -ms-animation-name: wobble;
    -o-animation-name: wobble;
    animation-name: wobble
}

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

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

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

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

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

.hover-pulse:hover,
.trigger.pulse {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -ms-animation-name: pulse;
    -o-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes pulsate {
    0%,
    100%,
    50% {
        -webkit-transform: scale(1)
    }
    25%,
    75% {
        -webkit-transform: scale(1.1)
    }
}

@-moz-keyframes pulsate {
    0%,
    100%,
    50% {
        -moz-transform: scale(1)
    }
    25%,
    75% {
        -moz-transform: scale(1.1)
    }
}

@-ms-keyframes pulsate {
    0%,
    100%,
    50% {
        -ms-transform: scale(1)
    }
    25%,
    75% {
        -ms-transform: scale(1.1)
    }
}

@-o-keyframes pulsate {
    0%,
    100%,
    50% {
        -o-transform: scale(1)
    }
    25%,
    75% {
        -o-transform: scale(1.1)
    }
}

@keyframes pulsate {
    0%,
    100%,
    50% {
        transform: scale(1)
    }
    25%,
    75% {
        transform: scale(1.1)
    }
}

.hover-pulsate:hover,
.trigger.pulsate {
    -webkit-animation-name: pulsate;
    -moz-animation-name: pulsate;
    -ms-animation-name: pulsate;
    -o-animation-name: pulsate;
    animation-name: pulsate
}

@-webkit-keyframes heartbeat {
    0%,
    30%,
    50%,
    60%,
    80% {
        -webkit-transform: scale(1)
    }
    40%,
    70% {
        -webkit-transform: scale(1.1)
    }
}

@-moz-keyframes heartbeat {
    0%,
    30%,
    50%,
    60%,
    80% {
        -moz-transform: scale(1)
    }
    40%,
    70% {
        -moz-transform: scale(1.1)
    }
}

@-ms-keyframes heartbeat {
    0%,
    30%,
    50%,
    60%,
    80% {
        -ms-transform: scale(1)
    }
    40%,
    70% {
        -ms-transform: scale(1.1)
    }
}

@-o-keyframes heartbeat {
    0%,
    30%,
    50%,
    60%,
    80% {
        -o-transform: scale(1)
    }
    40%,
    70% {
        -o-transform: scale(1.1)
    }
}

@keyframes heartbeat {
    0%,
    30%,
    50%,
    60%,
    80% {
        transform: scale(1)
    }
    40%,
    70% {
        transform: scale(1.1)
    }
}

.hover-heartbeat:hover,
.trigger.heartbeat {
    -webkit-animation-name: heartbeat;
    -moz-animation-name: heartbeat;
    -ms-animation-name: heartbeat;
    -o-animation-name: heartbeat;
    animation-name: heartbeat
}

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

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

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

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

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

.hover-panic:hover,
.trigger.panic {
    -webkit-animation-name: panic;
    -moz-animation-name: panic;
    -ms-animation-name: panic;
    -o-animation-name: panic;
    animation-name: panic
}

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    position: absolute!important;
    clip: rect(1px, 1px, 1px, 1px)
}

.ui-helper-reset {
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
    margin: 0;
    padding: 0
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    zoom: 1
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0
}

.ui-state-disabled {
    cursor: default!important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    background-image: url(../../../themes/betheme/assets/ui/images/ui-icons_222222_256x240.png)
}

.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #aaa url(../../../themes/betheme/assets/ui/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3
}

.ui-accordion {
    width: 100%
}

.ui-accordion .ui-accordion-header {
    cursor: pointer;
    position: relative;
    margin-top: 1px;
    zoom: 1;
    border-style: solid;
    border-width: 1px
}

.ui-accordion .ui-accordion-li-fix {
    display: inline
}

.ui-accordion .ui-accordion-header-active {
    border-bottom: 0!important
}

.ui-accordion .ui-accordion-header a {
    display: block;
    font-size: 13px;
    padding: .5em .5em .5em .7em
}

.ui-accordion-icons .ui-accordion-header a {
    padding-left: 30px
}

.ui-accordion .ui-accordion-header .ui-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px
}

.ui-accordion .ui-accordion-content {
    border-top: 0;
    margin-top: -2px;
    position: relative;
    top: 1px;
    margin-bottom: 2px;
    overflow: auto;
    display: none;
    zoom: 1;
    -webkit-border-radius: 0 0 6px 4px;
    border-radius: 0 0 6px 4px;
    border-style: solid;
    border-width: 1px;
    padding: 1em 2.2em
}

.ui-accordion .ui-accordion-content-active {
    display: block;
    background: none
}

.ui-accordion .ui-state-active {
    background: none!important;
    font-weight: 700;
    -webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
    border-bottom: 0
}

.ui-accordion .ui-icon {
    display: block
}

.ui-accordion .ui-state-default {
    background: url(../../../themes/betheme/assets/ui/images/bg_widget_header.png) no-repeat 0 0
}

.ui-accordion .ui-state-hover {
    background: url(../../../themes/betheme/assets/ui/images/bg_widget_header_active.png) no-repeat 0 0
}

.ui-tabs {
    position: relative;
    overflow: hidden;
    zoom: 1;
    margin-bottom: 15px;
    background: none!important;
    border-radius: 5px!important;
    border-style: solid;
    border-width: 1px
}

.ui-tabs .ui-tabs-nav {
    display: block;
    background-image: url(../../../themes/betheme/images/bg_panel.png);
    background-repeat: repeat-x;
    background-position: left top;
    border-style: solid;
    border-width: 0 0 1px;
    margin: 0;
    padding: 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    white-space: nowrap;
    border-style: solid;
    border-width: 0 1px 0 0;
    margin: 0;
    padding: 0
}

.ui-tabs .ui-tabs-nav li a {
    text-decoration: none;
    display: block;
    font-size: 13px;
    font-weight: 700;
    padding: 14px 30px!important
}

.ui-tabs .ui-tabs-nav li a i {
    margin-right: 4px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected:after,
.ui-tabs .ui-tabs-nav li.ui-state-active:after {
    content: "";
    display: block;
    height: 5px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -5px;
    z-index: 1
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a,
.ui-tabs .ui-tabs-nav li.ui-state-active a {
    cursor: text
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a:after,
.ui-tabs .ui-tabs-nav li.ui-state-processing a:after,
.ui-tabs .ui-tabs-nav li.ui-state-active a:after {
    content: "";
    display: block;
    height: 1px;
    width: 80%;
    position: absolute;
    left: 50%;
    margin-left: -40%;
    bottom: -1px;
    z-index: 2
}

.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url(../../../themes/betheme/images/box_shadow.png);
    background-repeat: repeat-x;
    background-position: left top;
    border-width: 0;
    padding: 15px 20px 20px;
    margin: 0;
    overflow: hidden
}

.wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab.ui-tabs-panel {
    background-color: #fff
}

.ui-tabs .ui-tabs-panel p:last-child {
    margin-bottom: 0
}

.ui-tabs .ui-tabs-hide {
    display: none!important
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget-content {
    background: #fff url(../../../themes/betheme/assets/ui/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    border-style: solid;
    border-width: 1px
}

.ui-widget-header {
    font-weight: 700;
    border-style: solid;
    border-width: 1px
}

.ui-widget :active {
    outline: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee url(../../../themes/betheme/assets/ui/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
    color: #363636
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url(../../../themes/betheme/assets/ui/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
    color: #cd0a0a
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    font-weight: 400
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    background-image: none
}

.ui-state-default .ui-icon {
    background-image: url(../../../themes/betheme/assets/ui/images/ui-icons_888888_256x240.png)
}

.ui-state-highlight .ui-icon {
    background-image: url(../../../themes/betheme/assets/ui/images/ui-icons_2e83ff_256x240.png)
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(../../../themes/betheme/assets/ui/images/ui-icons_cd0a0a_256x240.png)
}

.ui-icon-carat-1-n {
    background-position: 0 0
}

.ui-icon-carat-1-ne {
    background-position: -16px 0
}

.ui-icon-carat-1-e {
    background-position: -32px 0
}

.ui-icon-carat-1-se {
    background-position: -48px 0
}

.ui-icon-carat-1-s {
    background-position: -64px 0
}

.ui-icon-carat-1-sw {
    background-position: -80px 0
}

.ui-icon-carat-1-w {
    background-position: -96px 0
}

.ui-icon-carat-1-nw {
    background-position: -112px 0
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-off {
    background-position: -96px -144px
}

.ui-icon-radio-on {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 0
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 0
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 0
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 0
}

.ui-accordion-header.ui-corner-all {
    border-bottom-left-radius: 4px
}

.ui-tabs .ui-corner-top {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.ui-widget-shadow {
    background: #aaa url(../../../themes/betheme/assets/ui/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    border-radius: 8px;
    margin: -8px 0 0 -8px;
    padding: 8px
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    font-weight: 400
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    text-decoration: none
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a,
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #cd0a0a
}

.ui-widget-content .ui-icon,
.ui-widget-header .ui-icon {
    background-image: url(../../../themes/betheme/assets/ui/images/ui-icons_222222_256x240.png)
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-state-active .ui-icon {
    background-image: url(../../../themes/betheme/assets/ui/images/ui-icons_454545_256x240.png)
}

.ui-icon-seek-start,
.ui-icon-seek-first {
    background-position: -80px -160px
}

.wpb_tour .wpb_tabs_nav a {
    width: auto!important
}

.tabs_centered.ui-tabs .ui-tabs-nav {
    text-align: center
}

.tabs_centered.ui-tabs .ui-tabs-nav li {
    display: inline-block;
    float: none
}

.tabs_centered.ui-tabs .ui-tabs-nav li:first-child {
    border-left-width: 1px
}

@media only screen and (min-width:767px) {
    .tabs_vertical.ui-tabs {
        -webkit-border-radius: 0!important;
        border-radius: 0!important
    }
    .tabs_vertical.ui-widget-content {
        border: 0
    }
    .tabs_vertical.ui-tabs .ui-tabs-nav {
        width: 30%;
        float: left;
        background: none;
        -webkit-border-radius: 5px 0 0 5px!important;
        border-radius: 5px 0 0 5px!important;
        border-width: 1px 0 1px 1px
    }
    .tabs_vertical.ui-tabs .ui-tabs-panel {
        width: 69.7%;
        float: left;
        min-height: 120px;
        -webkit-border-radius: 0 5px 5px 5px!important;
        border-radius: 0 5px 5px 5px!important;
        background-image: none;
        border: 1px solid rgba(0, 0, 0, .08)!important
    }
    .tabs_vertical.ui-tabs .ui-tabs-nav li {
        float: none;
        width: 100%;
        white-space: normal;
        border-width: 0 0 1px
    }
    .tabs_vertical.ui-tabs .ui-tabs-nav li:first-child a {
        -webkit-border-radius: 5px 0 0 0!important;
        border-radius: 5px 0 0 0!important
    }
    .tabs_vertical.ui-tabs .ui-tabs-nav li:last-child {
        border-bottom: 0!important
    }
    .tabs_vertical.ui-tabs .ui-tabs-nav li a {
        float: none;
        line-height: 18px;
        height: auto;
        padding-left: 20px;
        padding-right: 20px;
        background-image: url(../../../themes/betheme/images/bg_panel.png);
        background-repeat: repeat-x;
        background-position: left top
    }
    .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
    .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-active a {
        background-image: none
    }
    .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after,
    .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-disabled a:after,
    .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-processing a:after,
    .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-active a:after {
        display: none
    }
    .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-tabs-selected:after,
    .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-active:after {
        content: "";
        display: block;
        height: 100%;
        width: 1px;
        position: absolute;
        left: auto;
        right: -1px;
        top: 0;
        z-index: 1
    }
}

div.jp-audio,
div.jp-audio-stream,
div.jp-video {
    background-color: #f8f8f8;
    color: #666;
    font-family: Verdana, Arial, sans-serif;
    font-size: 1.25em;
    line-height: 1.6;
    position: relative
}

div.jp-video-full {
    height: 270px;
    position: static!important;
    width: 100%
}

div.jp-video-full div.jp-jplayer,
div.jp-jplayer>video {
    height: 100%!important
}

div.jp-video-full div div {
    z-index: 1000
}

div.jp-video-full div.jp-jplayer {
    left: 0;
    overflow: hidden;
    position: fixed!important;
    top: 0
}

div.jp-video-full div.jp-gui {
    height: 100%;
    left: 0;
    position: fixed!important;
    top: 0;
    width: 100%;
    z-index: 1001
}

div.jp-video-full div.jp-interface {
    bottom: 0;
    left: 0;
    position: absolute!important
}

div.jp-interface {
    -moz-box-sizing: border-box;
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 30px;
    background-color: rgba(50, 50, 50, .8)
}

div.jp-controls-holder {
    clear: both;
    height: 0;
    overflow: hidden;
    top: -8px;
    width: 440px;
    margin: 0 auto
}

div.jp-interface ul.jp-controls {
    list-style-type: none;
    overflow: hidden;
    margin: 0;
    padding: 0
}

div.jp-audio ul.jp-controls {
    width: 380px;
    padding: 20px 20px 0
}

div.jp-audio-stream ul.jp-controls {
    width: 142px;
    padding: 20px 20px 0
}

div.jp-video div.jp-type-single ul.jp-controls {
    margin-left: 200px;
    width: 78px
}

div.jp-video div.jp-type-playlist ul.jp-controls {
    margin-left: 172px;
    width: 134px
}

div.jp-interface ul.jp-controls a {
    display: block;
    overflow: hidden;
    text-indent: -9999px
}

a.jp-play,
a.jp-pause {
    height: 30px;
    width: 30px;
    background-color: rgba(0, 0, 0, .05)
}

a:hover.jp-play,
a:hover.jp-pause {
    background-color: rgba(0, 0, 0, .1)
}

a.jp-play {
    background-image: url(../../../themes/betheme/assets/jplayer/css/jplayer.png);
    background-repeat: no-repeat;
    background-position: -8px -8px;
    left: 0;
    position: absolute;
    top: 0
}

a.jp-pause {
    background-image: url(../../../themes/betheme/assets/jplayer/css/jplayer.png);
    background-repeat: no-repeat;
    background-position: -53px -8px;
    display: none;
    left: 0;
    position: absolute;
    top: 0
}

a.jp-stop,
a.jp-previous,
a.jp-next {
    height: 24px;
    width: 24px
}

a.jp-stop {
    background: url(../../../themes/betheme/assets/jplayer/css/jplayer.png) no-repeat scroll -60px 0 rgba(0, 0, 0, 0);
    left: 60px;
    position: absolute;
    top: 23px;
    display: none!important
}

a.jp-stop:hover {
    background: url(../../../themes/betheme/assets/jplayer/css/jplayer.png) no-repeat scroll -60px 0 rgba(0, 0, 0, 0)
}

a.jp-previous {
    background: url(../../../themes/betheme/assets/jplayer/css/jplayer.blue.monday.jpg) no-repeat scroll 0 -112px rgba(0, 0, 0, 0)
}

a.jp-previous:hover {
    background: url(../../../themes/betheme/assets/jplayer/css/jplayer.blue.monday.jpg) no-repeat scroll -29px -112px rgba(0, 0, 0, 0)
}

a.jp-next {
    background: url(../../../themes/betheme/assets/jplayer/css/jplayer.blue.monday.jpg) no-repeat scroll 0 -141px rgba(0, 0, 0, 0)
}

a.jp-next:hover {
    background: url(../../../themes/betheme/assets/jplayer/css/jplayer.blue.monday.jpg) no-repeat scroll -29px -141px rgba(0, 0, 0, 0)
}

div.jp-progress {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    overflow: hidden;
    margin: 0 90px 0 30px;
    height: 30px!important
}

div.jp-audio div.jp-progress {
    height: 15px;
    position: absolute;
    top: 32px
}

div.jp-video div.jp-progress {
    height: 4px;
    left: 0;
    top: 0
}

div.jp-seek-bar {
    cursor: pointer;
    height: 100%;
    width: 0;
    background: none!important
}

div.jp-play-bar {
    height: 100%;
    width: 0;
    background-color: rgba(255, 255, 255, .15)
}

div.jp-seeking-bg {
    background: url(../../../themes/betheme/assets/jplayer/css/jplayer.blue.monday.seeking.gif) repeat scroll 0 0 rgba(0, 0, 0, 0)
}

a.jp-mute,
a.jp-unmute,
a.jp-volume-max {
    height: 10px;
    width: 10px
}

div.jp-audio div.jp-type-single a.jp-mute,
div.jp-audio div.jp-type-single a.jp-unmute {
    margin-left: 210px
}

div.jp-audio div.jp-type-playlist a.jp-mute,
div.jp-audio div.jp-type-playlist a.jp-unmute {
    margin-left: 154px
}

div.jp-audio-stream div.jp-type-single a.jp-mute div.jp-audio-stream div.jp-type-single a.jp-unmute {
    margin-left: 10px
}

div.jp-audio a.jp-volume-max,
div.jp-audio-stream a.jp-volume-max {
    margin-left: 56px
}

ul.jp-toggles li a.jp-repeat {
    display: none!important
}

div.jp-video a.jp-mute,
div.jp-video a.jp-unmute,
div.jp-video a.jp-volume-max {
    margin-top: 0;
    position: absolute;
    top: 12px
}

div.jp-video a.jp-mute,
div.jp-video a.jp-unmute {
    right: 70px;
    top: 10px;
    z-index: 2
}

div.jp-video a.jp-volume-max {
    display: none!important;
    left: 134px
}

a.jp-unmute {
    background-image: url(../../../themes/betheme/assets/jplayer/css/jplayer.png);
    background-repeat: no-repeat;
    background-position: -235px 0;
    display: none
}

a.jp-unmute:hover {
    background-image: url(../../../themes/betheme/assets/jplayer/css/jplayer.png);
    background-repeat: no-repeat;
    background-position: -235px 0
}

a.jp-volume-max {
    background: url(../../../themes/betheme/assets/jplayer/css/jplayer.blue.monday.jpg) no-repeat scroll 0 -186px rgba(0, 0, 0, 0)
}

a.jp-volume-max:hover {
    background: url(../../../themes/betheme/assets/jplayer/css/jplayer.blue.monday.jpg) no-repeat scroll -19px -186px rgba(0, 0, 0, 0)
}

div.jp-volume-bar {
    background-image: url(../../../themes/betheme/assets/jplayer/css/jplayer.png);
    background-repeat: no-repeat;
    background-position: -105px -8px;
    cursor: pointer;
    height: 30px;
    position: absolute;
    width: 37px
}

div.jp-volume-bar:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 45px;
    height: 30px;
    top: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .05)
}

div.jp-audio div.jp-volume-bar {
    left: 330px;
    top: 37px
}

div.jp-audio-stream div.jp-volume-bar {
    left: 92px;
    top: 37px
}

div.jp-video div.jp-volume-bar {
    right: 30px;
    top: 0
}

div.jp-volume-bar-value {
    background-image: url(../../../themes/betheme/assets/jplayer/css/jplayer.png);
    background-repeat: no-repeat;
    background-position: -150px -8px;
    height: 30px;
    width: 0
}

div.jp-audio div.jp-time-holder {
    position: absolute;
    top: 50px
}

div.jp-current-time,
div.jp-duration {
    font-size: .64em;
    font-style: oblique;
    width: 60px
}

div.jp-duration {
    display: inline;
    float: right;
    text-align: right
}

div.jp-video div.jp-current-time {
    display: none;
    margin-left: 20px
}

div.jp-video div.jp-duration {
    display: none;
    margin-right: 20px
}

div.jp-title {
    display: none;
    font-weight: 700;
    text-align: center
}

div.jp-title,
div.jp-playlist {
    background-color: #CCC;
    border-top: 1px solid #009BE3;
    width: 100%
}

div.jp-type-single div.jp-title,
div.jp-type-playlist div.jp-title,
div.jp-type-single div.jp-playlist {
    border-top: medium none
}

div.jp-title ul,
div.jp-playlist ul {
    font-size: .72em;
    list-style-type: none;
    margin: 0;
    padding: 0 20px
}

div.jp-title li {
    font-weight: 700;
    padding: 5px 0
}

div.jp-playlist li {
    border-bottom: 1px solid #EEE;
    padding: 5px 0 4px 20px
}

div.jp-playlist li div {
    display: inline
}

div.jp-type-playlist div.jp-playlist li:last-child {
    border-bottom: medium none;
    padding: 5px 0 5px 20px
}

div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
    list-style-position: inside;
    list-style-type: square;
    padding-left: 7px
}

div.jp-type-playlist div.jp-playlist a {
    color: #333;
    text-decoration: none
}

div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove {
    color: #666;
    display: inline;
    float: right;
    font-weight: 700;
    margin-right: 10px;
    text-align: right
}

div.jp-type-playlist div.jp-playlist span.jp-free-media {
    display: inline;
    float: right;
    margin-right: 10px;
    text-align: right
}

div.jp-type-playlist div.jp-playlist span.jp-free-media a {
    color: #666
}

span.jp-artist {
    color: #666;
    font-size: .8em
}

div.jp-video-play {
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    overflow: hidden;
    width: 100%
}

div.jp-video-full div.jp-video-play {
    height: 100%
}

a.jp-video-play-icon {
    background: url(../../../themes/betheme/assets/jplayer/css/jplayer.png) no-repeat scroll -280px 0 rgba(0, 0, 0, 0);
    display: block;
    height: 72px;
    left: 50%;
    margin-left: -36px;
    margin-top: -66px;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    width: 72px
}

div.jp-video-play:hover a.jp-video-play-icon {
    background: url(../../../themes/betheme/assets/jplayer/css/jplayer.png) no-repeat scroll -352px 0 rgba(0, 0, 0, 0)
}

div.jp-jplayer audio,
div.jp-jplayer {
    height: 0;
    width: 0;
    overflow: hidden
}

div.jp-jplayer {
    background-color: #000
}

div.jp-jplayer>img {
    height: auto!important
}

.image_frame:not(.no_link) .image_wrapper div.jp-jplayer>img {
    margin-bottom: 0!important;
    opacity: 1!important;
    transform: scale(1)!important
}

ul.jp-toggles {
    list-style-type: none;
    overflow: hidden;
    margin: 0 auto;
    padding: 0
}

div.jp-audio .jp-type-single ul.jp-toggles {
    width: 25px
}

div.jp-audio .jp-type-playlist ul.jp-toggles {
    left: 325px;
    position: absolute;
    top: 50px;
    width: 55px;
    margin: 0
}

div.jp-video ul.jp-toggles {
    margin-top: 10px;
    width: 100px
}

ul.jp-toggles li {
    display: block;
    float: right
}

ul.jp-toggles li a {
    display: block;
    height: 30px;
    line-height: 100%;
    text-indent: -9999px;
    width: 30px
}

a.jp-repeat {
    background: url(../../../themes/betheme/assets/jplayer/css/jplayer.blue.monday.jpg) no-repeat scroll 0 -290px rgba(0, 0, 0, 0)
}

a.jp-repeat:hover {
    background: url(../../../themes/betheme/assets/jplayer/css/jplayer.blue.monday.jpg) no-repeat scroll -30px -290px rgba(0, 0, 0, 0)
}

a.jp-repeat-off {
    background: url(../../../themes/betheme/assets/jplayer/css/jplayer.blue.monday.jpg) no-repeat scroll -60px -290px rgba(0, 0, 0, 0)
}

a.jp-repeat-off:hover {
    background: url(../../../themes/betheme/assets/jplayer/css/jplayer.blue.monday.jpg) no-repeat scroll -90px -290px rgba(0, 0, 0, 0)
}

a.jp-shuffle {
    background: url(../../../themes/betheme/assets/jplayer/css/jplayer.blue.monday.jpg) no-repeat scroll 0 -270px rgba(0, 0, 0, 0);
    margin-left: 5px
}

a.jp-shuffle:hover {
    background: url(../../../themes/betheme/assets/jplayer/css/jplayer.blue.monday.jpg) no-repeat scroll -30px -270px rgba(0, 0, 0, 0)
}

a.jp-shuffle-off {
    background: url(../../../themes/betheme/assets/jplayer/css/jplayer.blue.monday.jpg) no-repeat scroll -60px -270px rgba(0, 0, 0, 0);
    margin-left: 5px
}

a.jp-shuffle-off:hover {
    background: url(../../../themes/betheme/assets/jplayer/css/jplayer.blue.monday.jpg) no-repeat scroll -90px -270px rgba(0, 0, 0, 0)
}

.jp-no-solution {
    background-color: #EEE;
    border: 2px solid #009BE3;
    color: #000;
    display: none;
    font-size: .8em;
    padding: 5px
}

.jp-no-solution a {
    color: #000
}

.jp-no-solution span {
    display: block;
    font-size: 1em;
    font-weight: 700;
    text-align: center
}

div.jp-audio,
div.jp-audio-stream,
div.jp-video-270p,
div.jp-video-360p {
    width: 100%
}

div.jp-audio div.jp-type-single div.jp-interface,
div.jp-audio div.jp-type-playlist div.jp-interface,
div.jp-audio-stream div.jp-type-single div.jp-interface {
    height: 80px
}

div.jp-video ul.jp-controls,
div.jp-interface ul.jp-controls li,
div.jp-current-time {
    display: inline;
    float: left
}

div.jp-audio div.jp-type-single div.jp-progress,
div.jp-audio div.jp-type-single div.jp-time-holder {
    left: 110px;
    width: 186px
}

div.jp-audio div.jp-type-playlist div.jp-progress,
div.jp-audio div.jp-type-playlist div.jp-time-holder {
    left: 166px;
    width: 130px
}

a.jp-mute,
a.jp-mute:hover {
    background-image: url(../../../themes/betheme/assets/jplayer/css/jplayer.png);
    background-repeat: no-repeat;
    background-position: -225px 0
}

div.jp-type-playlist div.jp-playlist a:hover,
div.jp-type-playlist div.jp-playlist a.jp-playlist-current,
div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover,
div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover {
    color: #0D88C1
}

a.jp-full-screen,
a.jp-restore-screen {
    background-image: url(../../../themes/betheme/assets/jplayer/css/jplayer.png);
    background-repeat: no-repeat;
    background-position: -188px -8px;
    background-color: rgba(0, 0, 0, .05);
    position: absolute;
    right: 0;
    top: 0
}

a.jp-full-screen:hover,
a.jp-restore-screen:hover {
    background-color: rgba(0, 0, 0, .1)
}

html,
body {
    overflow-x: hidden
}

@media only screen and (min-width:1240px) {
    .layout-boxed {
        padding: 25px
    }
    .layout-boxed.boxed-no-margin {
        padding: 0
    }
    #Top_bar.loading {
        display: none
    }
    .hover_color:hover .hover_color_bg,
    .hover_color.hover .hover_color_bg {
        background-color: inherit!important;
        border-color: inherit!important
    }
}

@media only screen and (min-width:1240px) and (max-width:1489px) {
    body.header-open {
        min-width: 0
    }
    .header-open #Wrapper {
        max-width: 960px
    }
    .header-open .section_wrapper,
    .header-open .container,
    .header-open.with_aside .content_wrapper {
        max-width: 940px
    }
    .header-open.with_aside .section_wrapper {
        max-width: 100%
    }
    .header-open #Error_404 .error_pic i {
        font-size: 220px;
        line-height: 260px
    }
    .header-open #Error_404 .error_desk {
        padding-top: 40px
    }
    .header-open .section.full-width .wrap.one .column_map.one .google-map-contact-wrapper {
        left: auto;
        right: 50px
    }
    .header-open .offer .offer_li .desc_wrapper {
        width: 436px;
        width: calc(50% - 42px)
    }
    body.header-open:not(.with_aside) .portfolio_group.list .portfolio-item .portfolio-item-fw-wrapper {
        width: 921px
    }
    .header-open .Recent_posts ul li .desc {
        margin-right: 60px
    }
    .header-open .Recent_posts ul li .photo {
        width: 60px;
        height: 60px
    }
    .header-open .Recent_posts ul li .photo .c {
        width: 20px;
        height: 20px;
        line-height: 20px;
        bottom: 5px;
        right: -8px
    }
}

@media only screen and (max-width:1239px) {
    a[href^=tel] {
        color: inherit;
        text-decoration: none
    }
    .no-hover-tablet a.button:after,
    .no-hover-tablet a.tp-button:after,
    .no-hover-tablet button:after,
    .no-hover-tablet input:after {
        display: none
    }
    .no-hover-tablet .image_frame .image_wrapper img {
        top: 0!important
    }
    .no-hover-tablet .image_frame:not(.no_link) .image_wrapper img:not(.ls-l) {
        margin-bottom: 0!important
    }
    .no-hover-tablet .image_frame .image_wrapper .mask,
    .no-hover-tablet .image_frame .image_wrapper .image_links {
        display: none!important
    }
    .no-hover-tablet .Recent_posts ul li .desc:after {
        display: none
    }
    .no-hover-tablet .Recent_posts ul li a:hover h6,
    .no-hover-tablet .Recent_posts ul li a:hover .desc .date {
        color: inherit!important
    }
    body:not(.no-hover-tablet) .hover_color:hover .hover_color_bg,
    body:not(.no-hover-tablet) .hover_color.hover .hover_color_bg {
        background-color: inherit!important;
        border-color: inherit!important
    }
    .with_aside .portfolio_group.masonry-hover .portfolio-item:not(.no-thumbnail) .masonry-hover-wrapper .hover-desc .desc-inner .desc-wrappper {
        display: none
    }
    .no-section-bg-tablet .section {
        background-image: none!important
    }
    .section.full-width .wrap.one .column_map.one .google-map-contact-wrapper {
        left: auto;
        right: 50px
    }
}

@media only screen and (min-width:960px) and (max-width:1239px) {
    body {
        min-width: 0
    }
    #Wrapper {
        max-width: 960px
    }
    .section_wrapper,
    .container,
    .with_aside .content_wrapper {
        max-width: 940px
    }
    #Top_bar .top_bar_left {
        width: 729px
    }
    .posts_group.grid.col-5 .post-item,
    .posts_group.masonry.col-5 .post-item,
    .posts_group.grid.col-6 .post-item,
    .posts_group.masonry.col-6 .post-item {
        width: 22.99%
    }
    .posts_group.grid.col-5 .post-item:nth-child(5n+1) {
        clear: none
    }
    .posts_group.grid.col-6 .post-item:nth-child(6n+1) {
        clear: none
    }
    .posts_group.grid.col-5 .post-item:nth-child(4n+1) {
        clear: both
    }
    .posts_group.grid.col-6 .post-item:nth-child(4n+1) {
        clear: both
    }
    .column.one-fourth .Latest_news ul .desc .date i {
        display: none
    }
    .column.one-second .Latest_news.featured ul .desc .date i {
        display: none
    }
    .wrap.two-third .column.three-fifth .Latest_news.featured ul,
    .wrap.two-third .column.one-second .Latest_news.featured ul,
    .wrap.three-fifth .column.three-fifth .Latest_news.featured ul,
    .wrap.three-fifth .column.one-second .Latest_news.featured ul,
    .wrap.one-second .column.three-fourth .Latest_news.featured ul {
        width: 100%
    }
    .wrap.two-fifth .Latest_news.featured ul,
    .wrap.one-third .Latest_news.featured ul,
    .wrap.one-fourth .Latest_news.featured ul {
        width: 100%
    }
    .blog-teaser li:not(:first-child) .desc-wrapper .desc {
        padding: 70px 20px 25px
    }
    .column.two-third .blog-teaser li:not(:first-child) .desc-wrapper .desc .post-meta,
    .column.three-fifth .blog-teaser li:not(:first-child) .desc-wrapper .desc .post-meta {
        display: none
    }
    .wrap.two-third .blog-teaser li:not(:first-child) .desc-wrapper .desc .post-meta,
    .wrap.three-fifth .blog-teaser li:not(:first-child) .desc-wrapper .desc .post-meta {
        display: none
    }
    body:not(.with_aside) .portfolio_group.list .portfolio-item .portfolio-item-fw-wrapper {
        width: 921px
    }
    .portfolio_group.grid.col-5 .portfolio-item,
    .portfolio_group.masonry.col-5 .portfolio-item,
    .portfolio_group.masonry-hover.col-5 .portfolio-item,
    .portfolio_group.masonry-minimal.col-5 .portfolio-item,
    .portfolio_group.grid.col-6 .portfolio-item,
    .portfolio_group.masonry.col-6 .portfolio-item,
    .portfolio_group.masonry-hover.col-6 .portfolio-item,
    .portfolio_group.masonry-minimal.col-6 .portfolio-item {
        width: 22.99%
    }
    .portfolio_group.flat.col-5 .portfolio-item,
    .portfolio_group.flat.col-6 .portfolio-item {
        width: 24.99%
    }
    #Error_404 .error_pic i {
        font-size: 220px;
        line-height: 260px
    }
    #Error_404 .error_desk {
        padding-top: 40px
    }
    a.button.kill_the_icon .button_icon {
        padding-left: 10px;
        padding-right: 10px
    }
    a.button.kill_the_icon .button_label {
        padding-left: 15px;
        padding-right: 15px
    }
    .offer .offer_li .desc_wrapper {
        width: 436px;
        width: calc(50% - 42px)
    }
    .Recent_posts ul li .desc {
        margin-right: 60px
    }
    .Recent_posts ul li .photo {
        width: 60px;
        height: 60px
    }
    .Recent_posts ul li .photo .c {
        width: 20px;
        height: 20px;
        line-height: 20px;
        bottom: 5px;
        right: -8px
    }
    .Recent_posts ul li.format-link .photo:after {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 30px
    }
    .Recent_posts ul li.format-quote .photo:after {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 30px
    }
    .zoom_box .desc .desc_txt {
        font-size: 22px;
        line-height: 26px
    }
}

@media only screen and (min-width:960px) {
    .hide-desktop {
        display: none!important
    }
}

@media only screen and (min-width:768px) and (max-width:959px) {
    body {
        min-width: 0
    }
    #Wrapper {
        max-width: 728px
    }
    .section_wrapper,
    .container,
    .with_aside .content_wrapper {
        max-width: 708px
    }
    .mcb-wrap[data-tablet="no-up"] {
        margin-top: 0!important
    }
    .hide-tablet {
        display: none!important
    }
    .header-magazine #Top_bar .banner_wrapper {
        width: 300px;
        top: 27px
    }
    #Top_bar .top_bar_left {
        width: 501px
    }
    .footer-fixed #Content,
    .footer-sliding #Content {
        margin-bottom: 0!important
    }
    .footer-fixed #Footer,
    .footer-sliding #Footer {
        position: static
    }
    #Subheader .title {
        width: 100%
    }
    #Subheader ul.breadcrumbs {
        display: none
    }
    #Filters .filters_wrapper ul li {
        width: 24%;
        margin: .5%
    }
    .with_aside .classic .post-meta .author-date .author .label {
        display: none
    }
    .with_aside .classic .post-meta .category {
        display: none
    }
    .grid .post-item,
    .masonry .post-item {
        width: 47.9%
    }
    .timeline .post-photo-wrapper {
        width: 100%;
        float: none
    }
    .timeline .post-desc-wrapper {
        width: 100%;
        float: none
    }
    .posts_group.grid.col-4 .post-item,
    .posts_group.masonry.col-4 .post-item,
    .posts_group.grid.col-5 .post-item,
    .posts_group.masonry.col-5 .post-item,
    .posts_group.grid.col-6 .post-item,
    .posts_group.masonry.col-6 .post-item {
        width: 31.33%
    }
    .posts_group.grid.col-4 .post-item:nth-child(4n+1) {
        clear: none
    }
    .posts_group.grid.col-5 .post-item:nth-child(5n+1) {
        clear: none
    }
    .posts_group.grid.col-6 .post-item:nth-child(6n+1) {
        clear: none
    }
    .posts_group.grid.col-4 .post-item:nth-child(3n+1) {
        clear: both
    }
    .posts_group.grid.col-5 .post-item:nth-child(3n+1) {
        clear: both
    }
    .posts_group.grid.col-6 .post-item:nth-child(3n+1) {
        clear: both
    }
    .posts_group.masonry.tiles.col-4 .post-item,
    .posts_group.masonry.tiles.col-5 .post-item,
    .posts_group.masonry.tiles.col-6 .post-item {
        width: 49.9%
    }
    .posts_group.masonry.margin.col-4 .post-item,
    .posts_group.masonry.margin.col-5 .post-item,
    .posts_group.masonry.margin.col-6 .post-item {
        width: 48.9%
    }
    .column.one-third .Latest_news ul .desc .date i {
        display: none
    }
    .column.one-second .Latest_news.featured ul {
        width: 100%
    }
    .column.one-third .Latest_news.featured ul .desc .date i,
    .column.one-fourth .Latest_news.featured ul .desc .date i {
        display: none
    }
    .wrap.five-sixth .column.three-fifth .Latest_news.featured ul,
    .wrap.four-fifth .column.three-fifth .Latest_news.featured ul,
    .wrap.three-fourth .column.three-fifth .Latest_news.featured ul,
    .wrap.two-third .column.three-fifth .Latest_news.featured ul,
    .wrap.two-third .column.one-second .Latest_news.featured ul,
    .wrap.two-third .column.three-fourth .Latest_news.featured ul,
    .wrap.three-fifth .column.three-fifth .Latest_news.featured ul,
    .wrap.three-fifth .column.one-second .Latest_news.featured ul,
    .wrap.three-fifth .column.three-fourth .Latest_news.featured ul {
        width: 100%
    }
    .wrap.one-second .Latest_news.featured ul,
    .wrap.two-fifth .Latest_news.featured ul,
    .wrap.one-third .Latest_news.featured ul,
    .wrap.one-fourth .Latest_news.featured ul {
        width: 100%
    }
    .blog-teaser li .desc-wrapper .desc {
        padding: 70px 25px 25px
    }
    .blog-teaser li:not(:first-child) .desc-wrapper .desc {
        padding: 70px 20px 20px
    }
    .blog-teaser li:not(:first-child) .desc-wrapper .desc .post-meta {
        display: none
    }
    .column.three-fifth .blog-teaser li .desc-wrapper .desc .post-meta .comments {
        display: none
    }
    .wrap.three-fifth .blog-teaser li .desc-wrapper .desc .post-meta .comments {
        display: none
    }
    .Recent_posts ul li .desc {
        margin-right: 40px
    }
    .Recent_posts ul li .photo {
        width: 40px;
        height: 40px
    }
    .Recent_posts ul li.format-link .photo {
        background-size: 40% auto
    }
    .Recent_posts ul li .photo .c {
        width: 20px;
        height: 20px;
        line-height: 20px;
        bottom: 5px;
        right: -8px
    }
    .Recent_posts ul li.format-link .photo:after {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 20px
    }
    .Recent_posts ul li.format-quote .photo:after {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 20px
    }
    body:not(.with_aside) .portfolio_group.list .portfolio-item .portfolio-item-fw-wrapper {
        width: 694px
    }
    .portfolio_group.grid.col-4 .portfolio-item,
    .portfolio_group.masonry.col-4 .portfolio-item,
    .portfolio_group.masonry-hover.col-4 .portfolio-item,
    .portfolio_group.masonry-minimal.col-4 .portfolio-item,
    .portfolio_group.grid.col-5 .portfolio-item,
    .portfolio_group.masonry.col-5 .portfolio-item,
    .portfolio_group.masonry-hover.col-5 .portfolio-item,
    .portfolio_group.masonry-minimal.col-5 .portfolio-item,
    .portfolio_group.grid.col-6 .portfolio-item,
    .portfolio_group.masonry.col-6 .portfolio-item,
    .portfolio_group.masonry-hover.col-6 .portfolio-item,
    .portfolio_group.masonry-minimal.col-6 .portfolio-item {
        width: 31.33%
    }
    .portfolio_group.flat.col-4 .portfolio-item,
    .portfolio_group.flat.col-5 .portfolio-item,
    .portfolio_group.flat.col-6 .portfolio-item {
        width: 33.33%
    }
    .tabs_vertical.ui-tabs .ui-tabs-nav {
        width: 33%!important
    }
    .tabs_vertical.ui-tabs .ui-tabs-panel {
        width: 66.7%!important
    }
    .one-fourth .counter.counter_horizontal,
    .one-fifth .counter.counter_horizontal,
    .one-sixth .counter.counter_horizontal {
        text-align: center
    }
    .one-fourth .counter.counter_horizontal .icon_wrapper,
    .one-fifth .counter.counter_horizontal .icon_wrapper,
    .one-sixth .counter.counter_horizontal .icon_wrapper {
        position: static;
        margin: 0 auto;
        margin-bottom: 15px
    }
    .one-fourth .counter.counter_horizontal .desc_wrapper,
    .one-fifth .counter.counter_horizontal .desc_wrapper,
    .one-sixth .counter.counter_horizontal .desc_wrapper {
        padding-left: 0
    }
    .one-third .article_box .photo_wrapper {
        width: 100%;
        float: none;
        text-align: center
    }
    .one-third .article_box .desc_wrapper {
        width: 100%;
        min-height: auto;
        float: none
    }
    .pricing-box .plan-header h2 {
        word-wrap: break-word
    }
    .pricing-box .plan-header .price sup.period {
        position: static;
        top: 0;
        display: block
    }
    .infobox {
        padding-left: 20px;
        word-wrap: break-word
    }
    .infobox ul li {
        padding-left: 0;
        padding-right: 0
    }
    .infobox ul li:before {
        display: none
    }
    .style-simple .infobox ul li {
        padding-left: 0
    }
    .portfolio-photo .portfolio-item .portfolio-details:hover .details {
        opacity: 1
    }
    .portfolio-photo .portfolio-item .portfolio-details .more {
        display: none
    }
    .get_in_touch {
        padding-left: 20px;
        word-wrap: break-word
    }
    .get_in_touch ul li {
        padding-left: 0;
        padding-right: 0
    }
    .get_in_touch ul li .icon {
        display: none
    }
    .hover_color {
        word-wrap: break-word
    }
    .how_it_works .image {
        width: 116px;
        height: 116px;
        line-height: 114px
    }
    .how_it_works .image img {
        max-width: 66px!important;
        max-height: 66px!important
    }
    .how_it_works .image .number {
        bottom: 0;
        right: 0
    }
    .how_it_works.has_border:after {
        top: 60px
    }
    .how_it_works.fill .image img {
        border-radius: 100%;
        max-width: 116px!important;
        max-height: 116px!important
    }
    .opening_hours {
        padding-left: 20px;
        word-wrap: break-word
    }
    .opening_hours .opening_hours_wrapper li span {
        font-size: 16px;
        line-height: 16px
    }
    .icon_box.icon_position_left {
        min-height: auto;
        padding-left: 0;
        padding-right: 0
    }
    .icon_box.icon_position_left .icon_wrapper {
        position: static;
        margin-bottom: 15px
    }
    .icon_box.icon_position_left .desc_wrapper {
        text-align: center;
        padding-top: 0
    }
    .icon_box.icon_position_left .image_wrapper {
        position: static;
        left: 0;
        margin-bottom: 15px;
        width: auto;
        height: auto
    }
    .flat_box .photo_wrapper .icon {
        width: 50px
    }
    .flat_box .photo_wrapper .icon i {
        height: 40px;
        line-height: 40px;
        font-size: 30px;
        margin-top: -20px
    }
    .flat_box a:hover .photo_wrapper .icon {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px)
    }
    .flat_box .desc_wrapper {
        margin: 0
    }
    .rtl .flat_box a:hover .photo_wrapper .icon {
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }
    .offer_thumb_ul li.offer_thumb_li .image_wrapper {
        width: 100%;
        float: none
    }
    .offer_thumb_ul li.offer_thumb_li .desc_wrapper {
        width: 100%;
        float: none
    }
    .offer_thumb.bottom .offer_thumb_ul li.offer_thumb_li .image_wrapper {
        width: 100%
    }
    .offer_thumb.bottom .offer_thumb_ul li.offer_thumb_li .desc_wrapper {
        margin-right: 0;
        width: 100%
    }
    .trailer_box .desc h2 {
        font-size: 22px;
        line-height: 22px
    }
    .offer .offer_li .desc_wrapper {
        width: 324px;
        width: calc(50% - 42px)
    }
    #Error_404 {
        position: static;
        padding-top: 50px;
        margin-top: 0
    }
    #Error_404 .error_pic {
        width: 100%;
        float: none
    }
    #Error_404 .error_pic i {
        font-size: 260px;
        line-height: 260px
    }
    #Error_404 .error_desk {
        width: 100%;
        float: none;
        padding-top: 20px;
        text-align: center
    }
    a.kill_the_icon .button_icon,
    .widget-area a.button .button_icon {
        display: none
    }
    .button-stroke a.button_left.button.kill_the_icon .button_label {
        padding-left: 20px
    }
    .button-stroke a.button_left.button_large.kill_the_icon .button_label {
        padding-left: 30px
    }
    .button-stroke a.button_right.button.kill_the_icon .button_label {
        padding-right: 20px
    }
    .button-stroke a.button_right.button_large.kill_the_icon .button_label {
        padding-right: 30px
    }
    .button-flat a.button_left.button.kill_the_icon .button_label {
        padding-left: 20px
    }
    .button-flat a.button_left.button_large.kill_the_icon .button_label {
        padding-left: 30px
    }
    .button-flat a.button_right.button.kill_the_icon .button_label {
        padding-right: 20px
    }
    .button-flat a.button_right.button_large.kill_the_icon .button_label {
        padding-right: 30px
    }
    .zoom_box .desc .desc_txt {
        font-size: 18px;
        line-height: 22px
    }
    .edd_downloads_list .edd_download {
        width: 50%!important
    }
    .edd_downloads_list .edd_download:nth-child(5n+3) {
        clear: both
    }
    .edd_downloads_list .edd_download .edd_download_inner {
        margin: 0 5% 20px
    }
}

@media only screen and (min-width:768px) {
    .section.full-width-ex-mobile>.section_wrapper {
        max-width: 100%!important
    }
    .section.full-width-ex-mobile>.one.column,
    .section.full-width-ex-mobile>.section_wrapper>.one.column,
    .section.full-width-ex-mobile .one.wrap .one.column {
        width: 100%;
        margin: 0
    }
    .tr-menu #Top_bar .wpml-languages a.active,
    .tr-menu #Top_bar .wpml-languages ul.wpml-lang-dropdown {
        background-color: transparent
    }
    .header-creative .header_placeholder,
    .header-empty .header_placeholder,
    .header-fixed .header_placeholder,
    .header-modern .header_placeholder,
    .header-semi .header_placeholder,
    .header-simple .header_placeholder,
    .header-transparent .header_placeholder {
        height: 0!important
    }
    .tr-menu .header_placeholder {
        height: 0!important
    }
    .tr-menu.header-classic #Top_bar {
        position: absolute
    }
    .tr-menu.header-classic #Top_bar:not(.is-sticky) {
        top: 0!important;
        background-color: transparent!important
    }
    .tr-menu.header-classic.ab-show #Top_bar:not(.is-sticky) {
        top: 45px!important
    }
    .tr-menu.header-classic.minimalist-header:not(.template-slider) #Header {
        min-height: 135px
    }
    .tr-menu.header-creative #Header_creative {
        transition: left .5s ease-in-out, right .5s ease-in-out, background-color .5s ease-in-out
    }
    .tr-menu.header-creative #Header_creative:not(.active) {
        background-color: transparent
    }
    .tr-menu.header-plain #Top_bar {
        position: absolute
    }
    .tr-menu.header-plain #Top_bar:not(.is-sticky) {
        top: 0!important;
        background-color: transparent!important
    }
    .tr-menu.header-plain.ab-show #Top_bar:not(.is-sticky) {
        top: 45px!important
    }
    .tr-menu.header-plain.minimalist-header:not(.template-slider) #Header {
        min-height: 125px
    }
    .header-plain #Top_bar,
    .header-plain #Top_bar .menu>li>a span:not(.description),
    .header-plain #Top_bar a#header_cart,
    .header-plain #Top_bar a#search_button,
    .header-plain #Top_bar .wpml-languages,
    .header-plain #Top_bar a.action_button {
        border-color: rgba(255, 255, 255, .1)
    }
    .tr-menu.header-split #Top_bar {
        position: absolute
    }
    .tr-menu.header-split #Top_bar:not(.is-sticky) {
        top: 0!important;
        background-color: transparent!important
    }
    .tr-menu.header-split.ab-show #Top_bar:not(.is-sticky) {
        top: 45px!important
    }
    .tr-menu.header-split.minimalist-header:not(.template-slider) #Header {
        min-height: 135px
    }
    .header-semi #Top_bar:not(.is-sticky) {
        position: absolute;
        background-color: rgba(255, 255, 255, .8)
    }
    .header-semi.ab-show #Top_bar:not(.is-sticky) {
        top: 45px!important
    }
    .header-semi.ab-hide #Top_bar:not(.is-sticky) {
        top: 0!important
    }
    .tr-menu.header-stack #Top_bar {
        position: absolute
    }
    .tr-menu.header-stack #Top_bar:not(.is-sticky) {
        top: 0!important;
        background-color: transparent!important
    }
    .tr-menu.header-stack.ab-show #Top_bar:not(.is-sticky) {
        top: 45px!important
    }
    .tr-menu.header-stack.minimalist-header:not(.template-slider) #Header {
        min-height: 196px
    }
    .section.full-width:not(.no-margin-h) .wrap .wpcf7-form .one.column {
        width: 98%;
        margin-left: 1%;
        margin-right: 1%
    }
}

@media only screen and (max-width:767px) {
    body {
        min-width: 0
    }
    #Wrapper {
        max-width: 90%;
        max-width: calc(100% - 67px)
    }
    .section_wrapper .mcb-wrap,
    .section_wrapper .column,
    .container .column,
    .sections_group,
    .four.columns {
        margin: 0;
        width: 100%!important;
        clear: both
    }
    .aside_both .sections_group {
        margin: 0 auto!important
    }
    .section_wrapper,
    .container,
    .four.columns .widget-area {
        max-width: 700px!important;
        padding-left: 33px!important;
        padding-right: 33px!important
    }
    .left-sidebar .items_group,
    .right-sidebar .items_group,
    .with_aside .content_wrapper {
        max-width: 100%
    }
    .section_wrapper .column {
        margin: 0 0 20px;
        height: auto!important
    }
    .four.columns {
        margin: auto 0!important
    }
    .mcb-wrap[data-mobile="no-up"] {
        margin-top: 0!important
    }
    .column_attr.mobile_align_left {
        text-align: left
    }
    .column_attr.mobile_align_right {
        text-align: right
    }
    .column_attr.mobile_align_center {
        text-align: center
    }
    .column_attr.mobile_align_justify {
        text-align: justify
    }
    .boxed2fw {
        padding: 0!important
    }
    .boxed2fw #Wrapper {
        margin: 0!important;
        max-width: 100%!important;
        width: 100%!important
    }
    .column_placeholder>.placeholder {
        height: 0
    }
    .section {
        background-attachment: scroll!important;
        height: auto!important
    }
    .highlight-left .section_wrapper,
    .highlight-right .section_wrapper {
        max-width: 100%!important;
        padding: 0!important
    }
    .highlight-left .section_wrapper .wrap,
    .highlight-right .section_wrapper .wrap {
        padding: 0 33px
    }
    .highlight-left.full-screen>.section_wrapper,
    .highlight-right.full-screen>.section_wrapper {
        padding: 0!important
    }
    .equal-height-wrap .mcb-wrap {
        height: auto!important
    }
    .equal-height-wrap .mcb-wrap .mcb-wrap-inner {
        top: 0!important;
        -webkit-transform: none!important;
        -moz-transform: none!important;
        -ms-transform: none!important;
        -o-transform: none!important;
        transform: none!important
    }
    .section.has-navi .section-nav.prev {
        top: 10px
    }
    .section.has-navi .section-nav.next {
        bottom: 10px
    }
    .hide-mobile {
        display: block!important;
        height: 0!important;
        min-height: 0!important;
        margin: 0!important;
        padding: 0!important;
        overflow: hidden!important
    }
    .section_wrapper .column.hide-mobile {
        height: 0!important
    }
    .widget-area {
        min-height: 0!important;
        margin: 30px auto!important;
        border: 0!important;
        box-sizing: content-box
    }
    .widget-area:after,
    .widget-area:before {
        display: none
    }
    .widget:after {
        width: 100%
    }
    .mobile-tr-header .header_placeholder,
    body:not(.mobile-sticky) .header_placeholder {
        height: 0!important
    }
    #Top_bar,
    #Action_bar {
        background-color: #fff!important;
        position: static
    }
    #Top_bar .container {
        max-width: 100%!important;
        padding: 0!important
    }
    #Top_bar .top_bar_left {
        float: none;
        width: 100%!important;
        background: none!important
    }
    #Top_bar a.responsive-menu-toggle {
        right: 10px
    }
    #Top_bar a.responsive-menu-toggle.is-sticky {
        position: fixed;
        top: 30px;
        left: 10px
    }
    .admin-bar #Top_bar a.responsive-menu-toggle.is-sticky {
        top: 56px
    }
    #Top_bar .menu_wrapper {
        float: left!important;
        width: 100%;
        margin: 0!important
    }
    #Top_bar #menu {
        float: left;
        position: static!important;
        width: 100%!important
    }
    #Top_bar .logo {
        position: static;
        float: left;
        width: 100%;
        text-align: center;
        margin: 0
    }
    #Top_bar .logo #logo,
    #Top_bar .logo .custom-logo-link {
        padding: 0!important;
        margin: 10px 50px
    }
    #Top_bar #logo img.logo-main {
        display: none
    }
    #Top_bar #logo img.logo-mobile {
        display: inline-block
    }
    #Top_bar #logo img.logo-mobile-sticky {
        display: none
    }
    #Header_creative #Top_bar #logo img.logo-sticky {
        display: none
    }
    .mobile-sticky #Top_bar.is-sticky #logo img:not(.svg) {
        width: auto!important
    }
    .mobile-sticky #Top_bar.is-sticky #logo img.logo-mobile {
        display: none
    }
    .mobile-sticky #Top_bar.is-sticky #logo img.logo-mobile-sticky {
        display: inline-block
    }
    .mobile-sticky.logo-overflow #Top_bar.is-sticky #logo img.logo-mobile-sticky {
        max-height: 80px!important
    }
    .logo-overflow #Top_bar .logo {
        height: auto!important
    }
    #Top_bar .search_wrapper {
        top: auto;
        bottom: -129px
    }
    #Top_bar .top_bar_right {
        float: none;
        top: 0;
        height: 60px!important;
        padding: 0 10px
    }
    #Top_bar .top_bar_right .top_bar_right_wrapper {
        float: right;
        margin-right: -10px
    }
    #Top_bar .top_bar_right:before {
        display: none
    }
    #Top_bar .top_bar_right_wrapper {
        top: 0!important
    }
    #Top_bar .top_bar_right_wrapper {
        padding-top: 10px
    }
    #Top_bar .wpml-languages a.active {
        height: 15px;
        line-height: 17px
    }
    .mobile-tb-left #Top_bar .top_bar_right .top_bar_right_wrapper {
        float: left
    }
    .mobile-tb-center #Top_bar .top_bar_right {
        text-align: center
    }
    .mobile-tb-center #Top_bar .top_bar_right .top_bar_right_wrapper {
        display: inline-block;
        float: none
    }
    .mobile-tb-hide #Top_bar .top_bar_right {
        display: none
    }
    .mobile-menu #Top_bar .menu.menu-main,
    .mobile-menu #Side_slide .menu.menu-main,
    .mobile-menu #Overlay .menu.overlay-menu {
        display: none
    }
    .mobile-menu #Top_bar .menu.menu-mobile,
    .mobile-menu #Overlay .menu.menu-mobile,
    .mobile-menu #Side_slide .menu.menu-mobile {
        display: block
    }
    body.header-below:not(.template-slider) #Header {
        padding-top: 0
    }
    .header-creative #Header_creative {
        position: static
    }
    .header-creative.layout-boxed {
        padding-top: 0
    }
    .header-creative.layout-boxed #Wrapper {
        margin-top: 25px
    }
    .header-creative.layout-full-width #Wrapper {
        padding-top: 0!important
    }
    #Header_creative #Top_bar .responsive-menu-toggle {
        top: 35px
    }
    #Header_creative #Top_bar .responsive-menu-toggle.is-sticky {
        position: fixed;
        top: 10px;
        left: 10px;
        margin-top: 0
    }
    .admin-bar #Header_creative #Top_bar .responsive-menu-toggle.is-sticky {
        top: 56px
    }
    #Header_creative #Top_bar .top_bar_left {
        margin-top: 0;
        overflow: hidden
    }
    #Header_creative #Top_bar .logo #logo,
    #Header_creative #Top_bar .logo .custom-logo-link {
        padding: 0
    }
    #Header_creative #Top_bar .logo #logo img,
    #Header_creative #Top_bar .logo .custom-logo-link img {
        max-height: 50px
    }
    .logo-no-sticky-padding #Header_creative #Top_bar .logo #logo img {
        max-height: 60px
    }
    #Header_creative #Top_bar #menu {
        position: static;
        width: 100%
    }
    .admin-bar #Header_creative {
        top: 0!important
    }
    #Intro {
        min-height: auto!important
    }
    #Intro .intro-inner {
        padding: 100px 30px!important
    }
    #Intro .intro-next {
        font-size: 25px;
        bottom: 10px
    }
    .header-magazine #Top_bar .banner_wrapper {
        width: 100%;
        height: auto;
        text-align: center;
        position: static;
        margin-bottom: 20px
    }
    body.minimalist-header.header-classic:not(.template-slider) #Header,
    body.minimalist-header.header-creative:not(.template-slider) #Header,
    body.minimalist-header.header-plain:not(.template-slider) #Header,
    body.minimalist-header.header-split:not(.template-slider) #Header {
        min-height: 0
    }
    body.minimalist-header.header-simple:not(.template-slider) #Header {
        min-height: 90px
    }
    body.minimalist-header.header-transparent #Header {
        min-height: 0!important
    }
    .minimalist-header-no #Subheader {
        padding: 80px 0!important
    }
    .header-overlay .overlay-menu-toggle {
        top: 10px;
        right: 5px
    }
    #overlay-menu ul li a {
        font-size: 22px;
        line-height: 36px
    }
    .header-plain #Top_bar .logo {
        text-align: left
    }
    .header-plain #Top_bar .logo #logo,
    .header-plain #Top_bar .logo .custom-logo-link {
        padding: 5px 42px 15px 15px
    }
    .header-plain #Top_bar .top_bar_right {
        height: 50px!important
    }
    .header-plain #Top_bar .top_bar_right .top_bar_right_wrapper {
        line-height: 0;
        padding-top: 0
    }
    .header-plain #Top_bar a#header_cart,
    .header-plain #Top_bar a#search_button {
        padding: 0 10px;
        line-height: 50px!important
    }
    .header-plain #Top_bar .wpml-languages {
        padding: 0 13px;
        height: 50px!important
    }
    .header-plain #Top_bar .wpml-languages a.active {
        line-height: 50px
    }
    .header-plain #Top_bar a.action_button {
        line-height: 50px!important;
        padding: 0 12px
    }
    .header-plain #Top_bar .top_bar_right_wrapper>*:last-child {
        border-right-width: 1px
    }
    .header-simple #Top_bar .top_bar_left {
        top: 0!important
    }
    .header-split #Top_bar a#search_button {
        display: none
    }
    .header-stack #Top_bar .logo {
        padding: 0;
        text-align: center!important
    }
    .header-stack #Top_bar .logo #logo,
    .header-stack #Top_bar .logo .custom-logo-link {
        display: block
    }
    .header-stack #Top_bar a.responsive-menu-toggle {
        position: absolute!important;
        margin-top: -17px!important
    }
    .header-stack #Top_bar a.responsive-menu-toggle.is-sticky {
        position: fixed!important;
        margin-top: 0!important
    }
    .header-stack #Top_bar .secondary_menu_wrapper {
        display: none
    }
    .header-stack #Top_bar .top_bar_right {
        position: static
    }
    .mobile-header-mini #Action_bar {
        display: none
    }
    .mobile-header-mini #Top_bar {
        top: 0
    }
    .mobile-header-mini #Top_bar .container {
        max-width: 100%!important
    }
    .mobile-header-mini #Top_bar .top_bar_left {
        float: left;
        position: static
    }
    .mobile-header-mini #Top_bar .logo {
        width: auto;
        float: left;
        margin-left: 15px;
        border: none
    }
    .mobile-header-mini #Top_bar #logo,
    .mobile-header-mini #Top_bar .custom-logo-link {
        height: 60px!important;
        line-height: 60px!important;
        margin: 0
    }
    .mobile-header-mini.logo-overflow #Top_bar #logo img.logo-mobile {
        max-height: 80px!important
    }
    .mobile-header-mini #Top_bar a.responsive-menu-toggle {
        top: 30px!important;
        left: auto;
        right: 10px;
        margin-top: -17px
    }
    .mobile-header-mini.mobile-sticky #Top_bar.is-sticky #logo,
    .mobile-header-mini.mobile-sticky #Top_bar.is-sticky .custom-logo-link {
        margin-left: 0!important;
        margin-right: 0!important
    }
    .mobile-header-mini #Top_bar .top_bar_right {
        position: absolute;
        top: 0;
        right: 54px;
        background: none;
        padding: 0
    }
    .mobile-header-mini #Top_bar a.action_button {
        display: none
    }
    .mobile-header-mini #Top_bar #header_cart {
        margin-right: -1px
    }
    .mobile-header-mini #Top_bar #search_button {
        margin-left: 0;
        margin-right: 0
    }
    .mobile-header-mini #Top_bar .wpml-languages {
        top: 3px;
        margin-right: 0
    }
    .mobile-header-mini #Top_bar .wpml-languages a.active,
    .mobile-header-mini #Top_bar .wpml-languages ul.wpml-lang-dropdown {
        border: none
    }
    .mobile-header-mini #Top_bar #menu {
        padding-bottom: 10px
    }
    .mobile-header-mini #Top_bar #menu ul li a span {
        line-height: 44px
    }
    .mobile-header-mini #Top_bar #menu ul li.submenu .menu-toggle {
        line-height: 44px;
        right: 3px
    }
    .mobile-header-mini #Top_bar .search_wrapper {
        bottom: -59px;
        padding: 10px;
        width: 100%
    }
    .mobile-header-mini #Top_bar .search_wrapper .icon_search {
        left: 10px;
        top: 17px
    }
    .mobile-header-mini #Top_bar .search_wrapper .icon_close {
        top: 17px
    }
    .mobile-header-mini #Header_creative #Top_bar .top_bar_right_wrapper {
        padding-top: 0
    }
    .mobile-header-mini.mobile-mini-mr-lr #Top_bar .logo {
        float: right;
        margin-left: 0;
        margin-right: 54px
    }
    .mobile-header-mini.mobile-mini-mr-lr #Top_bar .top_bar_right {
        left: 10px;
        right: auto
    }
    .mobile-header-mini.mobile-mini-mr-lc #Top_bar .logo {
        float: none;
        margin-left: 0;
        margin-right: 0;
        text-align: center
    }
    .mobile-header-mini.mobile-mini-mr-lc #Top_bar .top_bar_right {
        left: 10px;
        right: auto
    }
    .mobile-header-mini.mobile-mini-ml-ll #Top_bar a.responsive-menu-toggle {
        left: 10px;
        right: 0
    }
    .mobile-header-mini.mobile-mini-ml-ll #Top_bar .logo {
        margin-left: 54px!important
    }
    .mobile-header-mini.mobile-mini-ml-ll #Top_bar .top_bar_right {
        right: 15px
    }
    .mobile-header-mini.mobile-mini-ml-lc #Top_bar a.responsive-menu-toggle {
        left: 10px;
        right: 0
    }
    .mobile-header-mini.mobile-mini-ml-lc #Top_bar .logo {
        float: none;
        margin-left: 0;
        margin-right: 0;
        text-align: center
    }
    .mobile-header-mini.mobile-mini-ml-lc #Top_bar .top_bar_right {
        right: 15px
    }
    .mobile-header-mini.mobile-mini-ml-lr #Top_bar a.responsive-menu-toggle {
        left: 10px;
        right: 0
    }
    .mobile-header-mini.mobile-mini-ml-lr #Top_bar .logo {
        float: right;
        margin-left: 0;
        margin-right: 15px
    }
    .mobile-header-mini.mobile-mini-ml-lr #Top_bar .top_bar_right {
        left: 49px;
        right: auto
    }
    .mobile-header-mini.header-plain #Top_bar .top_bar_right {
        margin-right: 5px
    }
    .mobile-header-mini.header-plain #Top_bar a#header_cart {
        line-height: 60px!important;
        border: none;
        padding: 0 5px
    }
    .mobile-header-mini.header-plain #Top_bar a#search_button {
        line-height: 60px!important;
        border: none;
        padding: 0 3px
    }
    .mobile-header-mini.header-plain #Top_bar .wpml-languages {
        height: 60px!important;
        border: none;
        padding: 0 5px 0 10px;
        top: 0
    }
    .mobile-header-mini.header-plain #Top_bar .wpml-languages a.active {
        line-height: 60px!important
    }
    .mobile-header-mini.header-plain #Top_bar .wpml-languages:hover a.active {
        background: none
    }
    .mobile-header-mini.header-split #Top_bar .top_bar_left .logo {
        width: auto;
        margin-left: 15px
    }
    .mobile-header-mini #Header_creative #Top_bar {
        width: 100%;
        margin: 0
    }
    .mobile-header-mini #Header_creative #Top_bar #header_cart {
        top: 20px
    }
    .mobile-header-mini #Header_creative #Top_bar #search_button {
        top: 19px
    }
    .mobile-header-mini #Header_creative #Top_bar .wpml-languages {
        top: 13px
    }
    .mobile-header-mini .overlay-menu-toggle {
        font-size: 22px;
        top: 8px;
        margin: 0!important
    }
    .mobile-sticky #Top_bar.is-sticky {
        position: fixed!important
    }
    .mobile-sticky #Top_bar.is-sticky a.responsive-menu-toggle {
        top: 30px!important
    }
    .mobile-sticky #Top_bar.is-sticky .top_bar_right {
        display: none
    }
    .mobile-sticky #Top_bar #menu {
        overflow: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    .mobile-sticky #Top_bar.is-sticky #logo,
    .mobile-sticky #Top_bar.is-sticky .custom-logo-link {
        height: 50px!important;
        line-height: 50px!important;
        margin: 5px 50px
    }
    .logo-no-sticky-padding.mobile-sticky #Top_bar.is-sticky #logo {
        height: 60px!important;
        line-height: 60px!important;
        margin: 0 50px
    }
    .mobile-header-mini.mobile-sticky #Top_bar .top_bar_right {
        display: block
    }
    .mobile-tr-header #Action_bar,
    .mobile-tr-header #Top_bar,
    .mobile-tr-header #Top_bar .top_bar_right {
        background: none!important
    }
    .mobile-tr-header #Top_bar {
        position: absolute;
        top: 50px
    }
    .mobile-tr-header.ab-hide #Top_bar {
        top: 0
    }
    .mobile-tr-header #Action_bar {
        position: absolute
    }
    .mobile-tr-header #Top_bar .wpml-languages a.active,
    .mobile-tr-header #Top_bar .wpml-languages ul.wpml-lang-dropdown {
        background: none
    }
    .mobile-tr-header.header-creative.layout-full-width #Wrapper {
        padding-top: 0
    }
    .mobile-tr-header.header-plain #Top_bar,
    .mobile-tr-header.header-plain #Top_bar .top_bar_right_wrapper>* {
        border: none!important;
        background: none!important
    }
    .mobile-tr-header #Header_creative {
        background: none!important;
        position: absolute
    }
    #Action_bar .contact_details li,
    #Action_bar .social {
        padding: 0!important
    }
    #Action_bar .contact_details {
        float: none;
        text-align: center;
        padding: 5px 0;
        color: #222
    }
    #Action_bar .contact_details li {
        padding: 0
    }
    #Action_bar .contact_details li.slogan {
        display: none
    }
    #Action_bar .social {
        float: none;
        text-align: center;
        padding: 5px 0 0;
        margin-bottom: 5px
    }
    #Action_bar .social li {
        margin-right: 5px
    }
    #Action_bar .social li a {
        color: rgba(0, 0, 0, .3)
    }
    #Action_bar .social li a:hover {
        color: rgba(0, 0, 0, .8)
    }
    #Action_bar .social-menu {
        float: none;
        text-align: center;
        padding: 5px 0 0
    }
    body:not(.template-slider):not(.header-simple) #Header {
        min-height: 350px;
        background-position: center 202px
    }
    #Subheader .title {
        width: 100%
    }
    #Subheader ul.breadcrumbs {
        display: none
    }
    #Footer .footer_copy {
        text-align: center
    }
    #Footer .footer_copy .copyright {
        float: none;
        margin: 0 0 10px
    }
    #Footer .footer_copy .social {
        float: none;
        margin: 0
    }
    #Footer .footer_copy .social-menu {
        float: none;
        margin: 0
    }
    .footer-fixed #Content,
    .footer-sliding #Content {
        margin-bottom: 0!important
    }
    .footer-fixed #Footer,
    .footer-sliding #Footer {
        position: static
    }
    #back_to_top {
        float: none;
        margin: -10px 0 10px
    }
    #back_to_top.in_footer,
    #back_to_top.sticky {
        right: 20px!important;
        margin: 0
    }
    .classic .post-photo-wrapper {
        width: 100%;
        float: none
    }
    .classic .post-desc-wrapper {
        width: 100%;
        float: none
    }
    .classic .post-meta .author-date .author .label {
        display: none
    }
    .classic .post-meta .category {
        display: none
    }
    .classic .post-desc-wrapper .post-footer .button-love .love-text {
        display: none
    }
    .classic .post-desc-wrapper .post-desc {
        padding: 15px 0 0
    }
    .timeline .post-item {
        padding-left: 0;
        background: none
    }
    .timeline .post-item:before {
        display: none
    }
    .timeline .post-photo-wrapper {
        width: 100%;
        float: none
    }
    .timeline .post-desc-wrapper {
        width: 100%;
        float: none
    }
    .timeline .post-item .date_label {
        display: inline-block;
        position: static;
        margin-bottom: 10px
    }
    .timeline .post-meta .category {
        display: none
    }
    .timeline .post-desc-wrapper .post-footer .button-love .love-text {
        display: none
    }
    .timeline .post-desc-wrapper .post-desc {
        padding: 15px 0 0
    }
    .style-simple .timeline_items>li {
        width: 100%;
        padding: 0!important;
        background: none!important
    }
    .style-simple .timeline_items>li h3 span {
        display: block;
        position: static
    }
    .style-simple .timeline_items>li:nth-child(even) {
        padding: 0
    }
    .style-simple .timeline_items>li:nth-child(even) .desc {
        text-align: right
    }
    .grid .post-item,
    .masonry .post-item {
        width: 100%!important;
        margin: 0 0 20px!important
    }
    .masonry.tiles .post-item {
        width: 100%!important
    }
    .photo .post-desc .post-head {
        margin-bottom: 5px
    }
    .photo .post-desc .post-head .post-meta .category {
        display: none
    }
    .photo .post-desc .post-head .post-meta .author-date {
        margin-right: 10px
    }
    .single-post .format-image .single-photo-wrapper .image_frame {
        display: block
    }
    .single-post .format-link .single-photo-wrapper,
    .single-post .format-quote .single-photo-wrapper {
        display: none
    }
    .post-header .button-love {
        width: 69px
    }
    .post-header .title_wrapper {
        margin-left: 69px;
        padding-left: 20px
    }
    .post-header .title_wrapper h1 {
        font-size: 27px;
        line-height: 27px
    }
    .post-header .post-meta .category {
        display: none
    }
    .single-photo-wrapper .image_frame {
        max-width: 100%!important;
        margin-left: 0
    }
    .single-photo-wrapper .share_wrapper {
        float: none;
        padding: 5px 15px 0;
        margin-bottom: 20px;
        width: auto
    }
    .no-share-mobile .single-photo-wrapper .share_wrapper {
        display: none
    }
    .wp-caption-text.hide-mobile {
        display: none
    }
    .post-nav {
        padding: 10px 10px 4px 90px
    }
    .no-share-mobile .share-simple-wrapper,
    .no-share-mobile .section-post-intro-share {
        display: none
    }
    .portfolio_group .portfolio-item {
        width: 100%!important;
        margin: 0 0 20px!important;
        float: none
    }
    .section.full-width .portfolio_group .portfolio-item {
        width: 100%!important
    }
    .portfolio_group .portfolio-item .list_style_header {
        padding-right: 0;
        min-height: inherit
    }
    .portfolio_group .portfolio-item .list_style_header h3 {
        margin: 0
    }
    .portfolio_group .portfolio-item .list_style_header .links_wrapper {
        display: none
    }
    .portfolio_group .portfolio-item .desc .desc-wrapper {
        margin-right: 0
    }
    .portfolio_group .portfolio-item .desc .details-wrapper {
        float: none;
        width: 100%;
        padding-left: 0;
        border-left-width: 0;
        border-bottom-width: 1px;
        padding-bottom: 15px;
        margin-bottom: 15px
    }
    .portfolio_group.list .portfolio-item .desc {
        padding-top: 10px
    }
    .portfolio_group.list .portfolio-item .portfolio-item-fw-bg {
        background-image: none!important;
        padding-bottom: 0
    }
    body:not(.with_aside) .portfolio_group.list .portfolio-item .portfolio-item-fw-wrapper {
        width: 380px
    }
    .project-description li,
    .project-description li.one-third {
        width: 100%;
        border-width: 0 0 1px
    }
    .project-description li:last-child {
        border-bottom: 0
    }
    .portfolio_group.exposure .portfolio-item {
        margin: 0!important;
        overflow: hidden
    }
    .portfolio_group.exposure .portfolio-item .desc-inner .desc-wrappper {
        display: none
    }
    .portfolio_group.exposure .portfolio-item .desc-inner .desc-wrapper-inner {
        padding: 0
    }
    .portfolio_group.exposure .portfolio-item .details-wrapper {
        display: none
    }
    .portfolio_group.exposure .portfolio-item .image-wrapper {
        margin: 0 -100px
    }
    .full-width .portfolio_group.exposure .portfolio-item .desc-inner {
        top: 30px
    }
    .portfolio_group.flat .portfolio-item {
        margin-bottom: 0!important
    }
    ul.portfolio_grid li {
        width: 100%!important;
        float: left
    }
    .portfolio_group.masonry-flat .portfolio-item {
        width: 49.9%!important;
        margin: 0!important
    }
    .portfolio_group.masonry-flat .portfolio-item.wide {
        width: 99.8%!important
    }
    .portfolio_group.masonry-flat .portfolio-item.tall .portfolio-item-fill {
        padding-bottom: calc(156% - 1px)
    }
    .portfolio-photo .portfolio-item .portfolio-details .details {
        display: none
    }
    .portfolio-photo .portfolio-item .portfolio-details .more {
        opacity: 1
    }
    .blog-teaser li {
        width: 100%!important
    }
    .blog-teaser li:not(:first-child) {
        margin-top: 10px
    }
    .blog-teaser.margin-no li {
        margin-top: 0
    }
    .call_to_action .call_left,
    .call_to_action .call_center,
    .call_to_action .call_right {
        display: block;
        width: 100%
    }
    .call_to_action .call_left {
        margin-bottom: 20px
    }
    .call_to_action .call_center {
        margin-bottom: 20px
    }
    .call_to_action .call_right {
        margin-bottom: 0;
        text-align: center
    }
    ul.clients:not(.clients_slider_ul) li {
        width: 50%!important
    }
    .content_slider {
        padding: 0!important;
        margin: 0 0 50px
    }
    .content_slider .slider_pagination {
        padding: 0 20%;
        box-sizing: border-box
    }
    .content_slider a.button {
        top: auto!important;
        bottom: -60px
    }
    .content_slider a.slider_prev {
        left: 0!important
    }
    .content_slider a.slider_next {
        right: 0!important
    }
    .content_slider a.button .button_icon {
        padding: 7px 9px
    }
    .content_slider.flat a.button,
    .content_slider.carousel a.button {
        bottom: -50px
    }
    .content_slider.flat a.button .button_icon {
        font-size: 30px
    }
    .content_slider.center {
        margin-bottom: 0
    }
    .content_slider.center a.button {
        display: none!important
    }
    .hr_full hr,
    .aside_left .hr_full hr,
    .aside_right .hr_full hr {
        position: absolute;
        left: -1000px;
        top: 0;
        width: 3000px
    }
    .fancy_heading h2 {
        font-size: 30px;
        line-height: 30px
    }
    .feature_list ul li {
        width: 100%!important;
        float: none;
        border-bottom: 1px solid rgba(0, 0, 0, .08)
    }
    .feature_list hr {
        display: none
    }
    .flat_box .desc_wrapper {
        margin: 0
    }
    .google-map-contact-wrapper {
        position: static;
        margin-left: 0!important
    }
    .google-map-contact-wrapper .get_in_touch {
        float: none;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    .google-map-contact-wrapper .get_in_touch:after {
        display: none
    }
    .how_it_works .image,
    .with_aside .how_it_works .image {
        width: 196px;
        height: 196px;
        line-height: 194px
    }
    .how_it_works .image img {
        max-width: 116px!important;
        max-height: 116px!important
    }
    .how_it_works .image .number,
    .with_aside .how_it_works .image .number {
        bottom: 10px;
        right: 10px
    }
    .how_it_works.has_border:after {
        display: none
    }
    .with_aside .how_it_works .image img {
        max-width: 116px!important;
        max-height: 116px!important
    }
    .with_aside .how_it_works.fill .image img {
        max-width: 196px!important;
        max-height: 196px!important
    }
    .offer .offer_li .image_wrapper {
        width: 100%;
        float: none;
        margin-bottom: 15px;
        overflow: hidden
    }
    .offer .offer_li .desc_wrapper {
        width: 90%;
        width: calc(100% - 67px)!important;
        margin: 0 auto;
        float: none;
        clear: both
    }
    .offer .offer_li .desc_wrapper .title {
        padding-right: 0;
        margin-bottom: 15px
    }
    .offer .offer_li .desc_wrapper .title h3 {
        margin-bottom: 15px;
        font-size: 27px;
        line-height: 27px
    }
    .offer .offer_li .desc_wrapper .title a.button {
        position: relative
    }
    .offer a.slider_prev {
        left: 20px;
        top: 20px;
        margin: 0
    }
    .offer .slider_pagination {
        left: 20px;
        top: 65px;
        margin: 0
    }
    .offer a.slider_next {
        left: 20px;
        top: 111px;
        margin: 0
    }
    .button-stroke .offer a.slider_prev {
        margin-top: -8px
    }
    .button-stroke .offer a.slider_next {
        margin-top: 6px
    }
    .icon_box.has_border:after {
        display: none
    }
    .image_frame {
        margin-top: 0!important
    }
    .offer_thumb {
        padding-left: 0
    }
    .offer_thumb_ul li.offer_thumb_li {
        padding-left: 0
    }
    .offer_thumb_ul li.offer_thumb_li .image_wrapper {
        width: 100%;
        float: none
    }
    .offer_thumb_ul li.offer_thumb_li .desc_wrapper {
        width: 100%;
        float: none
    }
    .offer_thumb_ul li.offer_thumb_li .desc_wrapper .title {
        padding-right: 0
    }
    .offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3 {
        margin-bottom: 15px
    }
    .offer_thumb_ul li.offer_thumb_li .desc_wrapper .title a.button {
        position: relative
    }
    .offer_thumb .slider_pagination {
        margin-top: 20px;
        line-height: inherit
    }
    .offer_thumb.bottom .offer_thumb_ul li.offer_thumb_li .image_wrapper {
        width: 100%
    }
    .offer_thumb.bottom .offer_thumb_ul li.offer_thumb_li .desc_wrapper {
        margin-right: 0;
        width: 100%
    }
    .pricing-box-label .plan-header,
    .pricing-box-label .plan-footer {
        display: none
    }
    .pricing-box-label ul li {
        text-align: center!important
    }
    .promo_box.has_border:after {
        display: none
    }
    .promo_box_wrapper {
        overflow: visible
    }
    .promo_box_wrapper .photo_wrapper {
        width: 100%;
        float: none;
        line-height: 0;
        margin-bottom: 15px
    }
    .promo_box_wrapper .desc_wrapper {
        width: 100%;
        margin: 0!important;
        float: none;
        padding-top: 0
    }
    .story_box {
        padding: 0 11%!important
    }
    .story_box .desc_wrapper {
        margin-right: 0!important
    }
    .table-responsive table {
        overflow-x: auto;
        display: block
    }
    .table-responsive table a.kill_the_icon .button_icon {
        display: none
    }
    .ui-tabs .ui-tabs-nav {
        background: none
    }
    .ui-tabs .ui-tabs-nav li {
        float: none!important;
        width: 100%!important;
        border-width: 0 0 1px
    }
    .ui-tabs .ui-tabs-nav li:last-child {
        border-bottom: 0
    }
    .ui-tabs .ui-tabs-nav li a {
        text-align: center;
        background: #f9f9f9;
        box-shadow: inset 0 4px 3px -2px rgba(0, 0, 0, .04)
    }
    .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
    .ui-tabs .ui-tabs-nav li.ui-state-active a {
        background-image: none
    }
    .ui-tabs .ui-tabs-nav li.ui-tabs-selected:after,
    .ui-tabs .ui-tabs-nav li.ui-state-active:after {
        display: none
    }
    .ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after,
    .ui-tabs .ui-tabs-nav li.ui-state-disabled a:after,
    .ui-tabs .ui-tabs-nav li.ui-state-processing a:after,
    .ui-tabs .ui-tabs-nav li.ui-state-active a:after {
        display: none
    }
    .style-simple .ui-tabs .ui-tabs-nav li a {
        background-image: none
    }
    .style-simple .ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after,
    .style-simple .ui-tabs .ui-tabs-nav li.ui-state-disabled a:after,
    .style-simple .ui-tabs .ui-tabs-nav li.ui-state-processing a:after,
    .style-simple .ui-tabs .ui-tabs-nav li.ui-state-active a:after {
        display: block
    }
    .style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li a {
        text-align: center;
        padding-right: 20px
    }
    .style-simple .tabs_vertical.ui-tabs .ui-tabs-panel {
        border-width: 1px 0 0!important
    }
    .style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after,
    .style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-disabled a:after,
    .style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-processing a:after,
    .style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li.ui-state-active a:after {
        display: block;
        width: 100%;
        height: 2px;
        left: 0;
        top: auto;
        bottom: 0;
        right: auto
    }
    .testimonials_list .item {
        margin-bottom: 30px
    }
    .testimonials_list .item .photo {
        width: 100%;
        float: none;
        margin-bottom: 10px
    }
    .testimonials_list .item .desc {
        width: 100%;
        float: none;
        margin-bottom: 0
    }
    .timeline_items {
        background-position: 91px top
    }
    .timeline_items>li {
        padding: 0 0 25px 150px!important;
        background: url(../../../themes/betheme/images/timeline_right.png) no-repeat!important;
        background-position: 50px top!important;
        width: auto
    }
    .timeline_items>li h3 span {
        left: 0!important;
        right: auto
    }
    .timeline_items>li h3,
    .timeline_items>li:nth-child(even) h3 {
        text-align: left
    }
    .timeline_items>li h3:before {
        left: 93px
    }
    .timeline_items>li .desc,
    .timeline_items>li:nth-child(even) .desc {
        text-align: left
    }
    .timeline_items>li .desc:before {
        display: none
    }
    .timeline_items:after {
        left: 93px
    }
    #Error_404 {
        position: static;
        padding-top: 20px;
        margin-top: 0
    }
    #Error_404 .error_pic {
        width: 100%;
        float: none
    }
    #Error_404 .error_pic i {
        font-size: 160px;
        line-height: 160px
    }
    #Error_404 .error_desk {
        width: 100%;
        float: none;
        padding-top: 20px;
        text-align: center
    }
    #Error_404 .error_desk h2 {
        font-size: 30px;
        line-height: 30px
    }
    #Error_404 .error_desk h4 {
        font-size: 19px;
        line-height: 25px
    }
    #Error_404 .error_desk p .check {
        line-height: 22px;
        font-size: 16px;
        margin-bottom: 15px;
        display: block
    }
    #Filters .filters_wrapper ul li {
        width: 49%;
        margin: .5%
    }
    .fixed-nav {
        display: none!important
    }
    #popup_contact {
        display: none
    }
    .search-not-found .snf-pic {
        width: 100%;
        float: none
    }
    .search-not-found .snf-pic i {
        font-size: 260px;
        line-height: 260px
    }
    .search-not-found .snf-desc {
        width: 100%;
        float: none;
        padding-top: 20px;
        text-align: center
    }
    .content_video.iframe {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden
    }
    .content_video.iframe iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
    .admin-bar #wpadminbar {
        z-index: 9999!important;
        position: fixed
    }
    .bbpress ul {
        font-size: 13px
    }
    .bbpress li.bbp-forum-info,
    .bbpress li.bbp-topic-title {
        width: 44%
    }
    .bbpress li.bbp-forum-topic-count,
    .bbpress li.bbp-topic-voice-count,
    .bbpress li.bbp-forum-reply-count,
    .bbpress li.bbp-topic-reply-count {
        width: 15%
    }
    .bbpress .bbp-body li.bbp-forum-freshness,
    .bbpress .bbp-body li.bbp-topic-freshness {
        line-height: 16px;
        font-size: 11px
    }
    .edd_downloads_list .edd_download {
        width: 100%!important
    }
    .edd_downloads_list .edd_download .edd_download_inner {
        margin: 0 8% 20px
    }
    .pp_pic_holder {
        width: 90%!important;
        left: 5%!important;
        overflow: hidden
    }
    .pp_content {
        width: 98%!important;
        height: auto!important
    }
    .pp_fade {
        width: 100%!important;
        height: 100%!important
    }
    a.pp_expand,
    a.pp_contract,
    .pp_hoverContainer,
    .pp_gallery {
        display: none!important
    }
    #pp_full_res img {
        width: 100%!important;
        height: auto!important
    }
    .pp_details {
        width: 100%!important;
        position: static!important;
        min-height: 25px
    }
    .pp_details a.pp_close {
        top: auto;
        right: 25px
    }
    div.pp_pic_holder,
    div.pp_content,
    div.pp_details {
        max-width: 100%
    }
    div.pp_content {
        overflow: auto
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    #respond .comment-form-author {
        width: 100%;
        margin-right: 0;
        float: none
    }
    #respond .comment-form-email {
        width: 100%;
        margin-right: 0;
        float: none
    }
    #respond .comment-form-url {
        width: 100%;
        float: none
    }
    #respond input[type="text"],
    #respond input[type="password"],
    #respond input[type="email"],
    #respond select {
        width: 100%
    }
    #respond .comment-form-comment textarea {
        width: 100%
    }
    #respond .required {
        right: 15px
    }
    #comments .commentlist>li .comment-body {
        margin-left: 90px;
        padding: 10px
    }
    #comments .commentlist>li .photo {
        left: -90px
    }
    #comments .commentlist>li .children {
        margin-left: 0;
        padding-left: 10px
    }
    #comments .commentlist>li .reply {
        right: 10px;
        top: 10px
    }
    #comments .commentlist>li .comment-meta a.comment-edit-link {
        padding-right: 45px
    }
    .rtl #comments .commentlist>li .comment-body {
        margin-left: 0;
        margin-right: 90px
    }
    .rtl #comments .commentlist>li .photo {
        left: auto;
        right: -90px
    }
    .rtl #comments .commentlist>li .children {
        margin-right: 0;
        padding-left: 0;
        padding-right: 10px
    }
    .rtl #comments .commentlist>li .reply {
        left: 10px;
        right: auto
    }
    .rtl #comments .commentlist>li .comment-meta a.comment-edit-link {
        padding-left: 45px;
        padding-right: 0
    }
    .zoom_box .desc .desc_txt {
        font-size: 18px;
        line-height: 22px
    }
    #Content .gallery:not(.gallery-columns-1) .gallery-item {
        width: 50%;
        clear: none
    }
    #Content .gallery:not(.gallery-columns-1) .gallery-item:nth-of-type(2n+1) {
        clear: both
    }
    .Latest_news.featured ul {
        width: 49%!important
    }
}

@media only screen and (min-width:448px) and (max-width:500px) {
    .blog_slider a.kill_the_icon .button_icon {
        display: none
    }
}

@media only screen and (max-width:479px) {
    #Top_bar a.action_button {
        margin-right: 0
    }
    .post-nav {
        padding: 10px 10px 4px
    }
    body:not(.with_aside) .portfolio_group.list .portfolio-item .portfolio-item-fw-wrapper {
        width: 260px
    }
    .portfolio_group.masonry-flat .portfolio-item,
    .portfolio_group.masonry-flat .portfolio-item.wide {
        width: 100%!important
    }
    .Latest_news.featured ul {
        width: 100%!important
    }
    #Filters .filters_buttons li {
        margin-right: 10px
    }
    #Filters .filters_buttons li.label {
        display: none
    }
    #Filters .filters_buttons li i.icon-docs,
    #Filters .filters_buttons li i.icon-tag {
        display: none
    }
    .team.team_horizontal .image_frame {
        width: 100%;
        margin: 0 0 15px;
        float: none
    }
    .team.team_horizontal .desc_wrapper {
        width: 100%;
        float: none
    }
    .timeline_items {
        background-position: 21px top
    }
    .timeline_items>li {
        padding: 0 0 25px 80px!important;
        background-position: -20px top!important
    }
    .timeline_items>li h3 span {
        display: table;
        position: relative;
        margin-bottom: 20px;
        clear: both
    }
    .timeline_items>li h3:before {
        left: 24px
    }
    .timeline_items:after {
        left: 23px
    }
    .testimonials_slider a.slider_prev {
        display: none!important
    }
    .testimonials_slider a.slider_next {
        display: none!important
    }
    .testimonials_slider .testimonials_slider_ul li {
        padding: 0
    }
    #respond .comment-form-author {
        width: 99%;
        margin-right: 0;
        float: none
    }
    #respond .comment-form-email {
        width: 99%;
        margin-right: 0;
        float: none
    }
    #respond .comment-form-url {
        width: 99%;
        float: none
    }
    #respond input[type="text"],
    #respond input[type="password"],
    #respond input[type="email"],
    #respond select {
        width: 100%
    }
    #respond .comment-form-comment textarea {
        width: 100%
    }
    #respond .required {
        right: 11px
    }
    #comments .commentlist>li .comment-body {
        margin-left: 55px;
        padding: 10px
    }
    #comments .commentlist>li .photo {
        width: 32px;
        height: 32px;
        left: -55px
    }
    #comments .commentlist>li .children {
        margin-left: 0;
        padding-left: 10px
    }
    #comments .commentlist>li .reply {
        right: 10px;
        top: 10px
    }
    #comments .commentlist>li .comment-meta a.comment-edit-link {
        padding-right: 0;
        position: static;
        float: none
    }
    .rtl #comments .commentlist>li .comment-body {
        margin-left: 0;
        margin-right: 55px
    }
    .rtl #comments .commentlist>li .photo {
        left: auto;
        right: -55px
    }
    .rtl #comments .commentlist>li .children {
        margin-right: 0;
        padding-left: 0;
        padding-right: 10px
    }
    .rtl #comments .commentlist>li .reply {
        left: 10px;
        right: auto
    }
    .rtl #comments .commentlist>li .comment-meta a.comment-edit-link {
        padding: 0
    }
    .zoom_box .desc .desc_img img {
        max-height: 60px;
        width: auto
    }
    .zoom_box .desc .desc_txt {
        font-size: 14px;
        line-height: 17px
    }
    .feature_box .feature_box_wrapper {
        display: block
    }
    .feature_box .feature_box_wrapper .photo_wrapper,
    .feature_box .feature_box_wrapper .desc_wrapper {
        display: block;
        width: 100%;
        padding: 0
    }
    .feature_box .feature_box_wrapper .photo_wrapper {
        margin-bottom: 15px;
        text-align: center
    }
    .feature_box .feature_box_wrapper .photo_wrapper a {
        display: inline-block
    }
    #Content .gallery .gallery-item {
        width: 100%
    }
    .bbpress #bbpress-forums p.bbp-topic-meta,
    .bbpress #bbpress-forums p.bbp-topic-meta {
        display: none
    }
    .edd_downloads_list .edd_download {
        width: 100%!important
    }
    .edd_downloads_list .edd_download .edd_download_inner {
        margin: 0 0 20px
    }
}

@media only screen and (max-device-width:1024px) {
    html.ios,
    .ios .section.bg-cover {
        background-attachment: scroll!important
    }
}

@charset "utf-8";
.mhb-grid {
    position: relative;
    width: 100%
}

.mhb-placeholder {
    display: none;
    height: 80px
}

.mhb-grid:not(.is-sticky) .mhb-view.sticky {
    display: none!important
}

.mhb-view {
    position: relative;
    z-index: 200
}

.mhb-view.on-top,
.is-sticky .mhb-view {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%
}

.admin-bar .mhb-view.on-top,
.admin-bar .is-sticky .mhb-view {
    top: 32px
}

.mhb-row-wrapper {
    display: flex;
    justify-content: space-between;
    position: static;
    min-height: 80px
}

.mhb-row-wrapper:after {
    display: none!important
}

.mhb-view.full_width .mhb-row-wrapper {
    max-width: 100%!important
}

.action-bar .mhb-row-wrapper {
    min-height: 40px
}

.mhb-col {
    display: flex;
    align-items: center
}

.mhb-item {
    margin: 0 20px
}

.mhb-logo h1 {
    margin: 0;
    font-size: 0;
    line-height: 0
}

.mhb-logo .overflow.mhb-item-inner {
    height: 80px
}

.mhb-menu {
    position: relative;
    height: 100%
}

.mhb-menu .menu {
    z-index: 201
}

.mhb-menu .menu li a {
    color: #333;
    text-decoration: none
}

.mhb-menu .menu li a:hover,
.mhb-menu .menu li.current-menu-item>a,
.mhb-menu .menu li.current-menu-ancestor>a,
.mhb-menu .menu li.current-page-item>a,
.mhb-menu .menu li.current-page-ancestor>a {
    color: #0095eb
}

.mhb-menu .menu>li {
    float: left;
    position: relative;
    z-index: 202
}

.mhb-menu .menu>li>a {
    display: block;
    padding: 10px 0
}

.mhb-menu .menu>li>a>span {
    display: block;
    padding: 0 20px
}

.mhb-menu .menu li ul {
    position: absolute;
    left: 0;
    top: 100%;
    background-color: #F2F2F2;
    display: none
}

.mhb-menu .menu li ul li {
    position: relative;
    width: 200px;
    padding: 0
}

.mhb-menu .menu li ul li a {
    display: block;
    padding: 10px 20px;
    border-bottom: 1px solid rgba(0, 0, 0, .05)
}

.mhb-menu .menu li ul li:last-child a {
    border-bottom-width: 0
}

.mhb-menu .menu li ul li a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.mhb-menu .menu li ul li ul {
    left: 200px;
    top: 0
}

.mhb-menu .menu.borders>li>a>span {
    border-right: 1px solid rgba(0, 0, 0, .05)
}

.mhb-menu .menu.borders>li:last-child>a>span {
    border-right-width: 0
}

.mhb-menu .menu.last li:nth-last-child(-n+2) ul {
    left: auto;
    right: 0
}

.mhb-menu .menu.last li:nth-last-child(-n+2) ul li ul {
    left: auto;
    right: 200px
}

.mhb-menu .menu.arrows li.menu-item-has-children>a:after {
    font-family: 'mfn-icons';
    content: '\e869';
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -13px
}

.mhb-menu .menu.arrows>li.menu-item-has-children>a>span {
    padding-right: 30px
}

.mhb-menu .menu.arrows li ul li.menu-item-has-children>a:after {
    content: '\e917'
}

.mhb-menu .mobile-menu-toggle {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 22px;
    display: none
}

.mhb-menu_icon a {
    padding: 10px;
    font-size: 22px
}

.mhb-button {
    line-height: 0
}

.mhb-extras>* {
    float: left;
    line-height: 40px;
    margin: 0 5px
}

.mhb-extras a {
    color: #333
}

.mhb-extras .search {
    font-size: 22px;
    color: #333
}

.mhb-extras .search .search-icon {
    font-size: 22px
}

.mhb-extras .search .search-icon i:before {
    margin: 0
}

.mhb-extras .search form {
    position: relative
}

.mhb-extras .search form i {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 22px;
    color: #333
}

.mhb-extras .search form input {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding-left: 35px;
    border-width: 0 0 1px 0;
    background-color: transparent;
    box-shadow: unset;
    border-color: #ddd
}

.mhb-extras .search form input:focus {
    background-color: transparent!important;
    border-color: #ddd
}

.mhb-extras .search.icon form {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    background-color: #eee;
    display: none;
    z-index: 201
}

.mhb-extras .search.icon form i {
    left: 20px;
    top: 20px
}

.mhb-extras #header_cart {
    font-size: 22px
}

.mhb-extras #header_cart span {
    position: relative;
    right: 9px;
    top: -10px;
    display: inline-block;
    width: 17px;
    height: 17px;
    line-height: 17px;
    text-align: center;
    font-size: 11px;
    background-color: #333;
    color: #fff;
    border-radius: 3px
}

.mhb-extras .wpml-languages {
    position: relative
}

.mhb-extras .wpml-languages a {
    text-decoration: none
}

.mhb-extras .wpml-languages.list ul li {
    float: left;
    margin-right: 5px
}

.mhb-extras .wpml-languages.dropdown ul {
    position: absolute;
    left: -15px;
    padding: 0 15px;
    background: rgba(255, 255, 255, .5);
    display: none;
    z-index: 201
}

.mhb-extras .wpml-languages.dropdown:hover ul {
    display: block
}

.mhb-social a {
    color: #333
}

.mhb-social ul li {
    float: left;
    margin: 0 2px
}

.mhb-social ul li a {
    font-size: 18px
}

.mhb-icon a {
    padding: 5px;
    font-size: 18px;
    color: #333
}

.mhb-text {
    line-height: 130%
}

.mhb-image {
    line-height: 0
}

.mhb-image img {
    max-height: 80px
}

@media only screen and (min-width:960px) {
    .mhb-view.tablet,
    .mhb-view.mobile {
        display: none
    }
    .is-sticky .mhb-view.desktop.sticky {
        display: block
    }
    .is-sticky:not([data-desktop$="off"]) .mhb-placeholder {
        display: block
    }
    .is-sticky[data-desktop$="custom"] .mhb-view.default {
        display: none
    }
    .is-sticky[data-desktop$="off"] .mhb-view.default {
        position: relative
    }
    .mhb-menu .menu {
        display: block!important
    }
}

@media only screen and (min-width:768px) and (max-width:959px) {
    .mhb-view.desktop,
    .mhb-view.mobile {
        display: none
    }
    .mhb-view.tablet {
        display: block
    }
    .mhb-grid[data-tablet^="auto"] .desktop.default {
        display: block
    }
    .is-sticky .mhb-view.tablet.sticky {
        display: block
    }
    .is-sticky:not([data-tablet$="off"]) .mhb-placeholder {
        display: block
    }
    .is-sticky[data-tablet$="custom"] .mhb-view.default {
        display: none
    }
    .is-sticky[data-tablet$="off"] .mhb-view.default {
        position: relative
    }
    .mhb-menu .mobile .menu {
        display: block!important
    }
    .mhb-menu .tabletMobile .menu {
        display: none;
        box-shadow: 2px 2px 2px rgba(0, 0, 0, .05)
    }
    .mhb-menu .tabletMobile .mobile-menu-toggle {
        display: block
    }
    .mhb-menu .tabletMobile .menu {
        position: absolute;
        top: 100%;
        right: 0;
        width: 200px;
        background: #fff
    }
    .mhb-menu .tabletMobile .menu li {
        width: 100%
    }
    .mhb-menu .tabletMobile .menu li a {
        padding: 0 25px
    }
    .mhb-menu .tabletMobile .menu li a span {
        padding: 0;
        line-height: 44px!important;
        border-right: 0!important
    }
    .mhb-menu .tabletMobile .menu li .menu-toggle {
        position: absolute;
        right: 0;
        top: 0;
        display: block;
        width: 44px;
        line-height: 44px;
        text-align: center;
        cursor: pointer
    }
    .mhb-menu .tabletMobile .menu li .menu-toggle:after {
        font-family: 'mfn-icons';
        content: '\e964'
    }
    .mhb-menu .tabletMobile .menu li.hover>.menu-toggle:after {
        content: '\e965'
    }
    .mhb-menu .tabletMobile .menu li ul {
        position: static
    }
    .mhb-menu .tabletMobile .menu li ul li a {
        padding: 0 25px 0 35px;
        border-bottom-width: 0
    }
    .mhb-menu .tabletMobile .menu li ul li ul li a {
        padding-left: 45px
    }
    .mhb-col.left .mhb-menu .tabletMobile .menu {
        left: 0;
        right: auto
    }
    .mhb-col.center .mhb-menu .tabletMobile .menu {
        left: -100px
    }
}

@media only screen and (max-width:767px) {
    .mhb-view.desktop,
    .mhb-view.tablet {
        display: none
    }
    .mhb-view.mobile {
        display: block
    }
    .mhb-grid[data-mobile^="auto"] .desktop.default {
        display: block
    }
    .mhb-grid[data-mobile^="auto"] .mhb-item:not(.mhb-logo):not(.mhb-menu):not(.mhb-menu_icon) {
        display: none
    }
    .is-sticky .mhb-view.mobile.sticky {
        display: block
    }
    .is-sticky:not([data-mobile$="off"]) .mhb-placeholder {
        display: block
    }
    .is-sticky[data-mobile$="custom"] .mhb-view.default {
        display: none
    }
    .is-sticky[data-mobile$="off"] .mhb-view.default {
        position: relative
    }
    .mhb-menu .menu {
        display: none;
        box-shadow: 2px 2px 2px rgba(0, 0, 0, .05)
    }
    .mhb-menu .mobile-menu-toggle {
        display: block
    }
    .mhb-menu .menu {
        position: absolute;
        top: 100%;
        right: 0;
        width: 200px;
        background: #fff
    }
    .mhb-menu .menu li {
        width: 100%
    }
    .mhb-menu .menu li a {
        padding: 0 25px
    }
    .mhb-menu .menu li a span {
        padding: 0;
        line-height: 44px!important;
        border-right: 0!important
    }
    .mhb-menu .menu li .menu-toggle {
        position: absolute;
        right: 0;
        top: 0;
        display: block;
        width: 44px;
        line-height: 44px;
        text-align: center;
        cursor: pointer
    }
    .mhb-menu .menu li .menu-toggle:after {
        font-family: 'mfn-icons';
        content: '\e964'
    }
    .mhb-menu .menu li.hover>.menu-toggle:after {
        content: '\e965'
    }
    .mhb-menu .menu li ul {
        position: static
    }
    .mhb-menu .menu li ul li a {
        padding: 0 25px 0 35px;
        border-bottom-width: 0
    }
    .mhb-menu .menu li ul li ul li a {
        padding-left: 45px
    }
    .mhb-col.left .mhb-menu .menu {
        left: 0;
        right: auto
    }
    .mhb-col.center .mhb-menu .menu {
        left: -100px
    }
}

@media only screen and (max-width:783px) {
    .admin-bar .mhb-view.on-top,
    .admin-bar .is-sticky .mhb-view {
        top: 46px
    }
}

@font-face {
    font-family: TablePress;
    src: url(../../../plugins/tablepress/css/tablepress.eot);
    src: url(../../../plugins/tablepress/css/tablepress.eot?#ie) format('embedded-opentype'), url(data:application/x-font-woff;base64,d09GRgABAAAAAAXYAAwAAAAACXwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABHAAAABwAAAAcZInHOk9TLzIAAAE4AAAAPgAAAGB7NXPDY21hcAAAAXgAAABMAAABUvD45QVnYXNwAAABxAAAAAgAAAAIAAAAEGdseWYAAAHMAAABKQAAAgjYVHFyaGVhZAAAAvgAAAAvAAAANv2jaBNoaGVhAAADKAAAAB0AAAAkCk0F6GhtdHgAAANIAAAAIAAAACgoAADqbG9jYQAAA2gAAAAWAAAAFgJWAbxtYXhwAAADgAAAAB0AAAAgAE4AH25hbWUAAAOgAAAB3AAAA43ZugaUcG9zdAAABXwAAABZAAAAgeNVfAkAAAABAAAAAMwXcmMAAAAAy1XFoAAAAADNHI82eJxjYGbexjiBgZWBhaWHxZiBgaENQjMVM0SB+ThBQWVRMYPDh+APd9gY/gP5bAyMykCKEUmJAgMjAC56Ct8AAHicY2BgYGaAYBkGRgYQ8AHyGMF8FgYDIM0BhEwMDB9CPtz6cOf/fyAr+MN1EIt/A78evy5UFxgwsjHAuYxAPSB9KICRYdgDAL67D8kAAQAB//8AD3icXU/NTsJAEJ5ZFggxxmCbkiwHAzLTowlu4ejeyxPwCOBR7r3rE/geeubuG3i3TyGts12MtT18ndnd7w8QsvpdX/Q/IAboI9s1rpY3mMTDkcAVDuaqPD0RqRfaU05UGSxJhj2p5wDNUplqyjsZQT6EQ/2mc9GcyBIPReQOObPrkccHMZhgonMS3R1tiLCsDNFm8bgQF3W06ekgqqnN5Aa//D9nlrOgDeg09Aq4lK3RTiX16n621BBVLrIe2PQK09s2c4THyPIvF4TrAndwO5uHvhPUwOa7MNw8FsCtZfZDJBKB66BQhW58cRwHW09OVMEtI+3aOhEHX+E63crM2dh6X+WazMFLvf6F57OvAqiPGvo+87Tb+LrT4X9/7lT6bKXs9vsByDlkyAAAAHicY2BkYGAA4mO9Sxji+W2+MnCzM4DAWZl+bwT9fyuLN+tpIJeDgQkkCgAbqgoOAHicY2BkYGBj+HeXgYGdAQRYvBkYGVABFwA+hgJEAAAAeJxjZ4AAdiBmaWAwBeJSFhAbiJkaGByAGMwGADa+AxEAAAAAAAAAAAAqAFgAdgCUALIA0AEEAAB4nGNgZGBg4GKQYWBiAAEQycgAEnMA8xkABjEAbgAAAHicjZJBaxNBFMf/u0mbJoig5KC3QcRblt2tFCm9lEp701iKIHiZJLPJ0mSnzE5S8h38BB79Nn4ab94E/zN9JVB7MCEzv/3Pm/f+720ADPEbCe4/qXCCAV4Kp+jhrXAHGb4Ld/Ecv4T38Cx5I7yPQfJBuIdPyR/hAzxJa+E+Buk3Zku6fal8xwn9dIRTPMVr4Q6+4kS4S/Wn8B5eJanwPobJO+EefiRfhA/wIv0o3Mcw3YRyV9CYYAmDMRzXll9c6cnSjJ1pyZcU51gzRDMAl2a+XmrCOSwa+Lg7RhgolJxKzv2Yv8cSqwfZ7iILHGHEdcT7OfdDJreNP7dublSZ5epY7QwpMUCxOBoVozIvDh/v4mEx/JsE+MwQx+A6dhO8hA7y2EvwUjLEuLa2jSqyPFcsV/7H0MbxUFMOYwkhVSykODAb10U8OePTDbY8qel0QV3FO1PSvaUqDnh3p5LBB8WxxozqKnZ4TU1T9THfhJ3vsjTcw9M02s1ocWl0a5QzlXHKW+UXRp3Zm62r5wuvWjP1oenKunhS8YUo7/TMrLS7Vtp7V0/WMaSxvp6aNoP8FYKzU9zGOpbOTHidzqvTW9PaFZ/e0+QmtnJBatjAlqLeGHWhm9kWfwGPR6C4eJxjYGIAg/9VDFEM2AAXEDMyMDEyMTIzsjCyMrIxsjNy8CRnpJYV5efF56SmlfDCOEWZ6RklXMmJRakl8Sn55XkcEGZpAVQMpJgbwgQrZSnOLyoBACnGHqgAAAA=) format('woff'), url(../../../plugins/tablepress/css/tablepress.ttf) format('truetype'), url(../../../plugins/tablepress/css/tablepress.svg#TablePress) format('svg');
    font-weight: 400;
    font-style: normal
}

.tablepress-table-description {
    clear: both;
    display: block
}

.tablepress {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 1em;
    border: none
}

.tablepress td,
.tablepress th {
    padding: 8px;
    border: none;
    background: 0 0;
    text-align: left;
    float: none!important
}

.tablepress tbody td {
    vertical-align: top
}

.tablepress tbody td,
.tablepress tfoot th {
    border-top: 1px solid #ddd
}

.tablepress tbody tr:first-child td {
    border-top: 0
}

.tablepress thead th {
    border-bottom: 1px solid #ddd
}

.tablepress tfoot th,
.tablepress thead th {
    background-color: #d9edf7;
    font-weight: 700;
    vertical-align: middle
}

.tablepress .odd td {
    background-color: #f9f9f9
}

.tablepress .even td {
    background-color: #fff
}

.tablepress .row-hover tr:hover td {
    background-color: #f3f3f3
}

.tablepress img {
    margin: 0;
    padding: 0;
    border: none;
    max-width: none
}

.dataTables_wrapper {
    clear: both;
    margin-bottom: 1em
}

.dataTables_wrapper .tablepress {
    clear: both;
    margin: 0!important
}

.dataTables_length {
    float: left;
    white-space: nowrap
}

.dataTables_filter {
    float: right;
    white-space: nowrap
}

.dataTables_wrapper .dataTables_filter input {
    margin-left: .5em
}

.dataTables_info {
    clear: both;
    float: left;
    margin: 4px 0 0
}

.dataTables_paginate {
    float: right;
    margin: 4px 0 0
}

.dataTables_paginate a {
    color: #111!important;
    display: inline-block;
    outline: 0;
    position: relative;
    text-decoration: underline;
    margin: 0 5px
}

.dataTables_paginate a:first-child {
    margin-left: 0
}

.dataTables_paginate a:last-child {
    margin-right: 0
}

.paginate_button:hover {
    cursor: pointer;
    text-decoration: none
}

.paginate_button.disabled {
    color: #999!important;
    text-decoration: none;
    cursor: default
}

.paginate_button.current {
    font-weight: 700;
    text-decoration: none;
    cursor: default
}

.dataTables_paginate.paging_simple {
    padding: 0 15px
}

.paging_simple .paginate_button.next:after,
.paging_simple .paginate_button.previous:before {
    text-align: left;
    font-family: TablePress;
    font-size: 14px;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    content: "\f053";
    text-shadow: .1em .1em #666;
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: -14px;
    margin: auto;
    height: 14px;
    width: 14px;
    line-height: 1
}

.paging_simple .paginate_button.next:after {
    text-align: right;
    content: "\f054";
    left: auto
}

.paginate_button:after,
.paginate_button:before {
    color: #d9edf7
}

.paginate_button:hover:after,
.paginate_button:hover:before {
    color: #049cdb
}

.paginate_button.disabled:after,
.paginate_button.disabled:before {
    color: #f9f9f9
}

.dataTables_processing {
    display: none
}

.dataTables_scroll {
    clear: both
}

.dataTables_scrollBody {
    -webkit-overflow-scrolling: touch
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td>div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th>div.dataTables_sizing {
    height: 0;
    overflow: hidden;
    margin: 0!important;
    padding: 0!important
}

.tablepress .sorting,
.tablepress .sorting_asc,
.tablepress .sorting_desc {
    position: relative;
    padding-right: 20px;
    cursor: pointer;
    outline: 0
}

.tablepress .sorting:after,
.tablepress .sorting_asc:after,
.tablepress .sorting_desc:after {
    font-family: TablePress;
    font-weight: 400;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: 6px;
    margin: auto;
    height: 14px;
    line-height: 1
}

.tablepress .sorting:after {
    content: "\f0dc"
}

.tablepress .sorting_asc:after {
    content: "\f0d8";
    padding: 0 0 2px
}

.tablepress .sorting_desc:after {
    content: "\f0d7"
}

.tablepress .sorting:hover,
.tablepress .sorting_asc,
.tablepress .sorting_desc {
    background-color: #049cdb
}

.dataTables_scrollBody .tablepress thead th:after {
    content: ""
}

.dataTables_wrapper:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.dataTables_wrapper label input,
.dataTables_wrapper label select {
    display: inline;
    margin: 2px;
    width: auto
}

#nta-wa-gdpr {
    vertical-align: text-top!important;
    padding: 0!important;
    margin: 0!important
}

.nta-wa-gdpr {
    font-size: 11px;
    padding: 5px;
    margin-left: -5px;
    margin-right: -5px;
    border-radius: 4px
}

.nta-wa-gdpr a {
    text-decoration: underline;
    color: inherit
}

.pointer-disable {
    pointer-events: none
}

.nta-woo-products-button:before,
.nta-woo-products-button:after {
    content: '';
    display: block;
    clear: both
}

.wa__button {
    border-bottom: none!important
}

.wa__btn_w_img:hover {
    text-decoration: none
}

.wa__button,
.wa__btn_popup,
.wa__button *,
.wa__btn_popup *,
.wa__btn_popup :before,
.wa__button :before,
.wa__button :after,
.wa__btn_popup :after,
.wa__popup_chat_box,
.wa__popup_chat_box *,
.wa__popup_chat_box :before,
.wa__popup_chat_box :after {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.wa__button {
    position: relative;
    width: 300px;
    min-height: 64px;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #fff;
    box-shadow: 0 4px 8px 1px rgba(32, 32, 37, .09);
    -webkit-box-shadow: 0 4px 8px 1px rgba(32, 32, 37, .09);
    -moz-box-shadow: 0 4px 8px 1px rgba(32, 32, 37, .09)
}

.wa__btn_txt {
    display: inline-block;
    font-size: 12px;
    line-height: 1.33em
}

.wa__btn_w_icon .wa__btn_txt {
    padding: 16px 20px 15px 71px
}

.wa__button_text_only .wa__btn_txt,
.wa__r_button.wa__btn_w_img.wa__button_text_only .wa__btn_txt,
.wa__sq_button.wa__btn_w_img.wa__button_text_only .wa__btn_txt {
    padding-top: 25px;
    padding-bottom: 24px
}

.wa__btn_w_icon .wa__btn_txt .wa__btn_title {
    font-weight: 600;
    padding-left: 2px;
    font-size: 14px
}

.wa__cs_info {
    margin-bottom: 2px
}

.wa__btn_status {
    color: #F5A623;
    font-size: 9px;
    padding: 2px 0 0;
    font-weight: 700
}

.wa__cs_info .wa__cs_name,
.wa__cs_info .wa__cs_status {
    display: inline-block
}

.wa__cs_info .wa__cs_name {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.36em
}

.wa__stt_online .wa__cs_info .wa__cs_name {
    color: #d5f0d9
}

.wa__stt_offline .wa__cs_info .wa__cs_name {
    color: #76787d
}

.wa__cs_info .wa__cs_status {
    width: 36px;
    height: 14px;
    margin-left: 3px;
    padding: 1px;
    font-size: 9px;
    line-height: 1.34em;
    border-radius: 5px;
    color: rgba(255, 255, 255, .98);
    position: relative;
    top: -1px;
    left: 0;
    text-align: center
}

.wa__stt_online .wa__cs_info .wa__cs_status {
    background: #62c971
}

.wa__stt_offline .wa__cs_info .wa__cs_status {
    background: #b9bbbe
}

.wa__stt_online {
    background: #2DB742;
    cursor: pointer;
    transition: 0.4s ease all;
    -webkit-transition: 0.4s ease all;
    -moz-transition: 0.4s ease all;
    backface-visibility: hidden;
    will-change: transform
}

.wa__stt_online .wa__btn_txt {
    position: relative;
    z-index: 4
}

.wa__r_button.wa__stt_online:before {
    border-radius: 50vh
}

.wa__sq_button.wa__stt_online:before {
    border-radius: 5px
}

.wa__stt_online:before {
    content: '';
    transition: 0.4s ease all;
    -webkit-transition: 0.4s ease all;
    -moz-transition: 0.4s ease all;
    background: rgba(0, 0, 0, .2);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    opacity: 0;
    will-change: opacity
}

.wa__button.wa__stt_online:focus,
.wa__button.wa__stt_online:active,
.wa__button.wa__stt_online:hover {
    box-shadow: 0 4px 8px 1px rgba(32, 32, 37, .19);
    transform: translate(0, -3px);
    -webkit-transform: translate(0, -3px);
    -moz-transform: translate(0, -3px);
    -ms-transform: translate(0, -3px)
}

.wa__button.wa__stt_online:focus:before,
.wa__button.wa__stt_online:active:before,
.wa__button.wa__stt_online:hover:before {
    opacity: 1
}

.wa__stt_online.wa__btn_w_icon .wa__btn_icon img {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    -moz-transition: 0.2s ease all
}

.wa__stt_offline {
    background: #EBEDF0;
    color: #595B60;
    box-shadow: none;
    cursor: initial
}

.wa__stt_offline.wa__btn_w_icon .wa__btn_txt {
    padding: 8px 20px 6px 71px
}

.wa__stt_offline.wa__r_button.wa__btn_w_img .wa__btn_txt {
    padding: 8px 20px 8px 100px
}

.wa__stt_offline.wa__sq_button.wa__btn_w_img .wa__btn_txt {
    padding: 8px 20px 8px 70px
}

.wa__btn_w_icon .wa__btn_icon {
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%)
}

.wa__btn_w_icon .wa__btn_icon img {
    width: 41px;
    height: 69px
}

.wa__btn_w_img {
    position: relative;
    width: 300px;
    margin: 20px 0 20px
}

.wa__btn_w_img .wa__cs_img {
    position: absolute;
    top: 50%;
    left: 0;
    text-align: center;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%)
}

.wa__btn_w_img .wa__cs_img_wrap {
    width: 79px;
    height: 79px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 3px solid #fff;
    position: relative;
    overflow: hidden
}

.wa__btn_w_img .wa__cs_img img {
    max-width: 100%;
    height: auto;
    transition: 0.2s ease transform;
    -webkit-transition: 0.2s ease transform;
    -moz-transition: 0.2s ease transform
}

.wa__btn_w_img .wa__cs_img:after {
    content: '';
    background: #fff url(../../../plugins/whatsapp-for-wordpress/assets/img/whatsapp_logo_green.svg) center center no-repeat;
    background-size: 21px;
    display: block;
    width: 27px;
    height: 27px;
    position: absolute;
    top: 20px;
    right: -14px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    box-shadow: 0 4px 6px 0 rgba(39, 38, 38, .3);
    -webkit-box-shadow: 0 4px 6px 0 rgba(39, 38, 38, .3);
    -moz-box-shadow: 0 4px 6px 0 rgba(39, 38, 38, .3)
}

.wa__stt_offline.wa__btn_w_img .wa__cs_img:after {
    content: '';
    background: #fff url(../../../plugins/whatsapp-for-wordpress/assets/img/whatsapp_logo_gray.svg) center center no-repeat;
    background-size: 21px;
    display: block;
    width: 27px;
    height: 27px;
    position: absolute;
    top: 20px;
    right: -14px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    box-shadow: 0 4px 6px 0 rgba(39, 38, 38, .3);
    -webkit-box-shadow: 0 4px 6px 0 rgba(39, 38, 38, .3);
    -moz-box-shadow: 0 4px 6px 0 rgba(39, 38, 38, .3)
}

.wa__btn_w_img .wa__btn_txt {
    padding: 14px 20px 12px 103px
}

.wa__r_button {
    border-radius: 50vh
}

.wa__sq_button {
    border-radius: 5px
}

.wa__sq_button.wa__btn_w_img {
    width: 270px;
    margin-left: 30px
}

.wa__r_button.wa__btn_w_img .wa__cs_img {
    left: -5px
}

.wa__sq_button.wa__btn_w_img .wa__cs_img {
    left: -35px
}

.wa__sq_button.wa__btn_w_img .wa__btn_txt {
    padding: 10px 20px 10px 70px;
    display: table-cell;
    vertical-align: middle;
    height: 66px
}

.wa__btn_txt .wa__btn_title {
    font-weight: 600
}

.wa__r_button.wa__btn_w_img .wa__btn_txt {
    padding: 8px 20px 8px 100px;
    display: table-cell;
    vertical-align: middle;
    height: 66px
}

.wa__r_button.wa__btn_w_img .wa__cs_info .wa__cs_status {
    margin-left: 3px
}

.wa__popup_chat_box {
    font-family: Arial, Helvetica, sans-serif;
    width: 351px;
    border-radius: 5px 5px 8px 8px;
    -webkit-border-radius: 5px 5px 8px 8px;
    -moz-border-radius: 5px 5px 8px 8px;
    position: fixed;
    overflow: hidden;
    box-shadow: 0 10px 10px 4px rgba(0, 0, 0, .04);
    -webkit-box-shadow: 0 10px 10px 4px rgba(0, 0, 0, .04);
    -moz-box-shadow: 0 10px 10px 4px rgba(0, 0, 0, .04);
    bottom: 102px;
    right: 25px;
    z-index: 998;
    opacity: 0;
    visibility: hidden;
    -ms-transform: translate(0, 50px);
    transform: translate(0, 50px);
    -webkit-transform: translate(0, 50px);
    -moz-transform: translate(0, 50px);
    transition: 0.4s ease all;
    -webkit-transition: 0.4s ease all;
    -moz-transition: 0.4s ease all;
    will-change: transform, visibility, opacity;
    max-width: calc(100% - 50px)
}

.wa__popup_chat_box:hover,
.wa__popup_chat_box:focus,
.wa__popup_chat_box:active {
    box-shadow: 0 10px 10px 4px rgba(32, 32, 37, .23);
    -webkit-box-shadow: 0 10px 10px 4px rgba(32, 32, 37, .23);
    -moz-box-shadow: 0 10px 10px 4px rgba(32, 32, 37, .23)
}

.wa__popup_chat_box.wa__active {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    visibility: visible;
    opacity: 1
}

.wa__popup_chat_box .wa__popup_heading {
    position: relative;
    padding: 15px 43px 17px 74px;
    color: #d9ebc6;
    background: #2db742
}

.wa__popup_chat_box .wa__popup_heading_sm {
    padding: 12px 15px 17px 74px
}

.wa__popup_chat_box .wa__popup_heading:before {
    content: '';
    background: url(../../../plugins/whatsapp-for-wordpress/assets/img/whatsapp_logo.svg) center top no-repeat;
    background-size: 33px;
    display: block;
    width: 55px;
    height: 33px;
    position: absolute;
    top: 20px;
    left: 12px
}

.wa__popup_chat_box .wa__popup_heading_sm:before {
    top: 19px;
    left: 11px
}

.wa__popup_chat_box .wa__popup_heading .wa__popup_title {
    padding-top: 2px;
    padding-bottom: 3;
    color: #fff;
    font-size: 18px;
    line-height: 24px
}

.wa__popup_chat_box .wa__popup_heading .wa__popup_intro {
    padding-top: 4px;
    font-size: 12px;
    line-height: 20px
}

.wa__popup_chat_box .wa__popup_heading_sm .wa__popup_intro {
    padding-top: 0
}

.wa__popup_chat_box .wa__popup_heading .wa__popup_intro a {
    display: inline-block;
    color: #fff;
    text-decoration: none
}

.wa__popup_chat_box .wa__popup_heading .wa__popup_intro a:hover,
.wa__popup_chat_box .wa__popup_heading .wa__popup_intro a:focus,
.wa__popup_chat_box .wa__popup_heading .wa__popup_intro a:active {
    text-decoration: underline
}

.wa__popup_chat_box .wa__popup_notice {
    font-size: 11px;
    color: #a5abb7;
    font-weight: 500;
    padding: 0 3px
}

.wa__popup_chat_box .wa__popup_content {
    background: #fff;
    padding: 13px 20px 21px 19px;
    text-align: center
}

.wa__popup_chat_box .wa__popup_content_left {
    text-align: left
}

.wa__popup_chat_box .wa__popup_avatar {
    position: absolute;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    left: 12px;
    top: 12px
}

.wa__popup_chat_box .wa__popup_avatar.nta-default-avt {
    border-radius: unset;
    -webkit-border-radius: unset;
    -moz-border-radius: unset
}

.wa__popup_chat_box .wa__stt {
    padding: 13px 40px 12px 74px;
    position: relative;
    text-decoration: none;
    display: table;
    width: 100%;
    border-left: 2px solid #2db742;
    background: #f5f7f9;
    border-radius: 2px 4px 2px 4px;
    -webkit-border-radius: 2px 4px 2px 4px;
    -moz-border-radius: 2px 4px 2px 4px
}

.wa__popup_chat_box .wa__stt:after {
    content: '';
    background: url(../../../plugins/whatsapp-for-wordpress/assets/img/whatsapp_logo_green.svg) 0 0 no-repeat;
    position: absolute;
    right: 14px;
    top: 26px;
    width: 20px;
    height: 20px;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%
}

.wa__popup_chat_box .wa__stt.wa__stt_offline:after {
    background-image: url(../../../plugins/whatsapp-for-wordpress/assets/img/whatsapp_logo_gray_sm.svg)
}

.wa__popup_chat_box .wa__stt.wa__stt_online {
    transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    -moz-transition: 0.2s ease all
}

.wa__popup_chat_box .wa__stt.wa__stt_online:hover,
.wa__popup_chat_box .wa__stt.wa__stt_online:active,
.wa__popup_chat_box .wa__stt.wa__stt_online:focus {
    background: #fff;
    box-shadow: 0 7px 15px 1px rgba(55, 62, 70, .07);
    -webkit-box-shadow: 0 7px 15px 1px rgba(55, 62, 70, .07);
    -moz-box-shadow: 0 7px 15px 1px rgba(55, 62, 70, .07)
}

.wa__popup_content_list .wa__popup_content_item {
    margin: 14px 0 0;
    transform: translate(0, 20px);
    -webkit-transform: translate(0, 20px);
    -moz-transform: translate(0, 20px);
    will-change: opacity, transform;
    opacity: 0
}

.wa__popup_chat_box.wa__pending .wa__popup_content_list .wa__popup_content_item {
    transition: 0.4s ease all;
    -webkit-transition: 0.4s ease all;
    -moz-transition: 0.4s ease all;
    transition-delay: 2.1s;
    -webkit-transition-delay: 2.1s;
    -moz-transition-delay: 2.1s
}

.wa__popup_chat_box.wa__pending .wa__popup_content_list .wa__popup_content_item:nth-child(1) {
    transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s
}

.wa__popup_chat_box.wa__pending .wa__popup_content_list .wa__popup_content_item:nth-child(2) {
    transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s
}

.wa__popup_chat_box.wa__pending .wa__popup_content_list .wa__popup_content_item:nth-child(3) {
    transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s;
    -moz-transition-delay: 0.7s
}

.wa__popup_chat_box.wa__pending .wa__popup_content_list .wa__popup_content_item:nth-child(4) {
    transition-delay: 0.9s;
    -webkit-transition-delay: 0.9s;
    -moz-transition-delay: 0.9s
}

.wa__popup_chat_box.wa__pending .wa__popup_content_list .wa__popup_content_item:nth-child(5) {
    transition-delay: 1.1s;
    -webkit-transition-delay: 1.1s;
    -moz-transition-delay: 1.1s
}

.wa__popup_chat_box.wa__pending .wa__popup_content_list .wa__popup_content_item:nth-child(6) {
    transition-delay: 1.3s;
    -webkit-transition-delay: 1.3s;
    -moz-transition-delay: 1.3s
}

.wa__popup_chat_box.wa__pending .wa__popup_content_list .wa__popup_content_item:nth-child(7) {
    transition-delay: 1.5s;
    -webkit-transition-delay: 1.5s;
    -moz-transition-delay: 1.5s
}

.wa__popup_chat_box.wa__pending .wa__popup_content_list .wa__popup_content_item:nth-child(8) {
    transition-delay: 1.7s;
    -webkit-transition-delay: 1.7s;
    -moz-transition-delay: 1.7s
}

.wa__popup_chat_box.wa__pending .wa__popup_content_list .wa__popup_content_item:nth-child(9) {
    transition-delay: 1.9s;
    -webkit-transition-delay: 1.9s;
    -moz-transition-delay: 1.9s
}

.wa__popup_chat_box.wa__lauch .wa__popup_content_list .wa__popup_content_item {
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0)
}

.wa__popup_content_list .wa__popup_content_item .wa__member_name {
    font-size: 14px;
    color: #363c47;
    line-height: 1.188em!important
}

.wa__popup_content_list .wa__popup_content_item .wa__member_duty {
    font-size: 11px;
    color: #989b9f;
    padding: 2px 0 0;
    line-height: 1.125em!important
}

.wa__popup_content_list .wa__popup_content_item .wa__member_status {
    color: #F5A623;
    font-size: 10px;
    padding: 5px 0 0;
    line-height: 1.125em!important
}

.wa__popup_content_list .wa__popup_content_item .wa__popup_txt {
    display: table-cell;
    vertical-align: middle;
    min-height: 48px;
    height: 48px
}

.wa__popup_content_list .wa__popup_content_item .wa__stt_offline {
    border-left-color: #c0c5ca
}

.wa__popup_avt_list {
    font-size: 0;
    margin: 7px 0 24px
}

.wa__popup_avt_list .wa__popup_avt_item {
    display: inline-block;
    position: relative;
    width: 46px
}

.wa__popup_avt_list .wa__popup_avt_img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    position: relative;
    overflow: hidden;
    border: 2px solid #fff;
    left: -7px
}

.wa__popup_call_btn {
    background: #2db742;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    width: 275px;
    max-width: 100%;
    font-size: 16px;
    padding: 14px 10px;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    margin: 25px 0 15px;
    box-shadow: 0 8px 17px 2px rgba(13, 15, 18, .2);
    -webkit-box-shadow: 0 8px 17px 2px rgba(13, 15, 18, .2);
    -moz-box-shadow: 0 8px 17px 2px rgba(13, 15, 18, .2)
}

.wa__popup_call_btn.wa__popup_call_btn_lg:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    background: url(../../../plugins/whatsapp-for-wordpress/assets/img/whatsapp_logo_green_sm.svg) 0 0 no-repeat;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    vertical-align: top;
    top: 0;
    margin-right: -19px;
    left: -31px;
    transition: 0.2s ease background-image;
    -webkit-transition: 0.2s ease background-image;
    -moz-transition: 0.2s ease background-image
}

.wa__popup_call_btn.wa__popup_call_btn_lg:hover:before,
.wa__popup_call_btn.wa__popup_call_btn_lg:focus:before,
.wa__popup_call_btn.wa__popup_call_btn_lg:active:before {
    background-image: url(../../../plugins/whatsapp-for-wordpress/assets/img/whatsapp_logo.svg)
}

.wa__popup_chat_box_gray {
    border-radius: 2px 2px 8px 8px
}

.wa__popup_chat_box_gray .wa__popup_heading_gray {
    background: #f8f8f8;
    border-top: 3px solid #2db742;
    color: #868c9a;
    font-weight: 500
}

.wa__popup_chat_box_gray .wa__popup_heading_gray .wa__popup_title {
    color: #595b60
}

.wa__popup_chat_box_gray .wa__popup_heading_gray:before {
    content: '';
    background: url(../../../plugins/whatsapp-for-wordpress/assets/img/whatsapp_logo_green.svg) center top no-repeat;
    background-size: 33px;
    display: block;
    width: 55px;
    height: 33px;
    position: absolute;
    top: 20px;
    left: 12px
}

.wa__popup_chat_box_gray .wa__popup_heading_gray .wa__popup_intro a {
    color: #595b60
}

.wa__popup_chat_box_ct {
    width: 384px;
    text-align: center
}

.wa__popup_chat_box_ct .wa__popup_heading_ct {
    text-align: center;
    padding: 18px 0 18px
}

.wa__popup_chat_box_ct .wa__popup_heading_ct:before {
    content: '';
    background: url(../../../plugins/whatsapp-for-wordpress/assets/img/whatsapp_logo.svg) center top no-repeat;
    background-size: 30px;
    display: block;
    width: 30px;
    height: 31px;
    position: absolute;
    top: 15px;
    left: 72px
}

.wa__popup_chat_box_ct .wa__popup_heading_ct .wa__popup_title {
    padding-left: 22px;
    padding-bottom: 14px
}

.wa__popup_chat_box_ct .wa__popup_heading_ct .wa__popup_intro {
    margin-top: -5px;
    line-height: 12px
}

.wa__popup_chat_box_ct .wa__popup_ct_avt_list:after {
    content: '';
    clear: both;
    display: block
}

.wa__popup_chat_box_ct .wa__popup_ct_content {
    background: #fff;
    padding: 0 0 14px
}

.wa__popup_chat_box_ct .wa__popup_ct_content .wa__popup_notice {
    padding-top: 18px;
    padding-bottom: 15px
}

.wa__popup_chat_box_ct .wa__popup_ct_content_item {
    width: 33%;
    float: left;
    font-size: 10px
}

.wa__popup_chat_box_ct .wa__popup_ct_content_item a {
    text-decoration: none;
    color: #989b9f
}

.wa__popup_chat_box_ct .wa__popup_ct_content_item .wa__popup_ct_txt {
    padding-top: 8px
}

.wa__popup_chat_box_ct .wa__popup_ct_content_item .wa__member_name {
    color: #363c47;
    font-size: 13px
}

.wa__popup_chat_box_ct .wa__popup_ct_content_item .wa__member_duty {
    color: #989b9f;
    padding: 3px 0 0
}

.wa__popup_chat_box_ct .wa__popup_ct_content_item .wa__member_stt_online {
    color: #2db742;
    font-size: 9px;
    line-height: 12px;
    display: inline-block;
    padding: 3px 0 0 16px;
    background: url(../../../plugins/whatsapp-for-wordpress/assets/img/whatsapp_logo_green.svg) 0 3px no-repeat;
    background-size: 12px auto;
    -webkit-background-size: 12px auto;
    -moz-background-size: 12px auto
}

.wa__popup_chat_box_ct .wa__popup_ct_content_item .wa__member_stt_offline {
    color: #f5a623;
    font-size: 9px;
    line-height: 12px;
    padding: 2px 0 0
}

.wa__popup_chat_box_ct .wa__popup_ct_avatar img {
    border-radius: 50%
}

.wa__popup_chat_box_ct .wa__popup_ct_call_btn {
    width: 97px;
    font-size: 11px;
    padding: 9px 10px 11px;
    margin: 15px 0 15px
}

.wa__btn_popup {
    position: fixed;
    right: 30px;
    bottom: 30px;
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    z-index: 999
}

.wa__btn_popup .wa__btn_popup_icon {
    width: 56px;
    height: 56px;
    background: #2db742;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    box-shadow: 0 6px 8px 2px rgba(0, 0, 0, .14);
    -webkit-box-shadow: 0 6px 8px 2px rgba(0, 0, 0, .14);
    -moz-box-shadow: 0 6px 8px 2px rgba(0, 0, 0, .14)
}

.wa__btn_popup .wa__btn_popup_icon:before {
    content: '';
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: transparent url(../../../plugins/whatsapp-for-wordpress/assets/img/whatsapp_logo.svg) center center no-repeat;
    background-size: 30px auto;
    -webkit-background-size: 30px auto;
    -moz-background-size: 30px auto;
    transition: 0.4s ease all;
    -webkit-transition: 0.4s ease all;
    -moz-transition: 0.4s ease all
}

.wa__btn_popup .wa__btn_popup_icon:after {
    content: '';
    opacity: 0;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: transparent url(../../../plugins/whatsapp-for-wordpress/assets/img/x_icon.svg) center center no-repeat;
    background-size: 14px auto;
    -webkit-background-size: 14px auto;
    -moz-background-size: 14px auto;
    transition: 0.4s ease all;
    -webkit-transition: 0.4s ease all;
    -moz-transition: 0.4s ease all;
    -ms-transform: scale(0) rotate(-360deg);
    transform: scale(0) rotate(-360deg);
    -webkit-transform: scale(0) rotate(-360deg);
    -moz-transform: scale(0) rotate(-360deg)
}

.wa__btn_popup.wa__active .wa__btn_popup_icon:before {
    opacity: 0;
    -ms-transform: scale(0) rotate(360deg);
    transform: scale(0) rotate(360deg);
    -webkit-transform: scale(0) rotate(360deg);
    -moz-transform: scale(0) rotate(360deg)
}

.wa__btn_popup.wa__active .wa__btn_popup_icon:after {
    opacity: 1;
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg)
}

.wa__btn_popup .wa__btn_popup_txt {
    position: absolute;
    width: 156px;
    right: 100%;
    background-color: #f5f7f9;
    font-size: 12px;
    color: #43474e;
    top: 15px;
    padding: 7px 0 7px 12px;
    margin-right: 7px;
    letter-spacing: -.03em;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    transition: 0.4s ease all;
    -webkit-transition: 0.4s ease all;
    -moz-transition: 0.4s ease all
}

.wa__btn_popup.wa__active .wa__btn_popup_txt {
    -ms-transform: translate(0, 15px);
    transform: translate(0, 15px);
    -webkit-transform: translate(0, 15px);
    -moz-transform: translate(0, 15px);
    opacity: 0;
    visibility: hidden
}

.home .extra-footer,
.page-id-392 .extra-footer,
.page-id-102 .extra-footer,
.single-portfolio .extra-footer,
.page-id-109 .extra-footer,
.page-id-539 .extra-footer,
.page-id-542 .extra-footer,
.page-id-609 .extra-footer {
    display: none
}

.blockquote .author span {
    color: #00484e!important
}

body {
    font-family: "Montserrat", sans-serif;
    overflow-x: hidden;
    font-size: 15px;
    line-height: 25px;
    background-repeat: repeat-y
}

@media (max-width:1239px) {
    body {
        background-repeat: repeat-x
    }
    #Header_creative {
        background-color: transparent!important
    }
    #Top_bar {
        background-color: rgba(3, 58, 81, .85)!important
    }
}

*,
*:after,
*:before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased!important;
    font-smoothing: antialiased!important;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility!important
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Montserrat", sans-serif;
    letter-spacing: 4px;
    margin-bottom: 35px;
    color: #005a7c;
    text-transform: uppercase
}

input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
extarea,
select {
    font-family: "Montserrat", sans-serif
}

#Content .content_wrapper .sections_group .entry-content .section,
#instagram,
#Footer {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto
}

#Content .content_wrapper .sections_group .entry-content #home {
    position: relative;
    max-width: 100%;
    overflow: hidden
}

#Content .content_wrapper .sections_group del {
    font-style: italic;
    padding: 0 5px;
    color: #9c0000
}

#Content p,
#Content a,
#Content ul li,
#Content dl dt,
#Content dl dd {
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    line-height: 25px
}

#Content ul li {
    color: #414141
}

#Content p:last-of-type {
    margin-bottom: 0
}

#Content strong {
    font-family: "Montserrat", sans-serif
}

.button-stroke a.button,
.button-stroke a.button .button_icon i {
    color: #005a7c!important;
    font-family: "Montserrat", sans-serif;
    font-weight: 700
}

.button-stroke a.button:hover,
.button-stroke a.button:hover .button_icon i {
    color: #fff!important
}

@media (min-width:768px) and (max-width:1239px) {
    .section_wrapper,
    .container,
    .with_aside .content_wrapper {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (max-width:767px) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: 24px;
        letter-spacing: 0;
        margin-bottom: 20px
    }
    .section_wrapper,
    .container,
    .with_aside .content_wrapper {
        max-width: 100%!important;
        padding-left: 15px!important;
        padding-right: 15px!important
    }
}

.single-post h2,
.single-post h3 {
    color: #005a7c!important
}

#Header_wrapper {
    height: 80px
}

#Header_wrapper .first-row .left .mhb-item.mhb-image {
    min-width: 174px
}

@media (max-width:601px) {
    #Header_wrapper .second-row .mhb-menu .menu {
        min-width: 605px
    }
}

#Header_wrapper .mhb-grid .second-row .mhb-col.right a.book-now {
    border: none
}

h1.entry-title {
    font-size: 67px;
    line-height: 70px;
    color: #fff;
    text-align: center;
    text-transform: uppercase
}

.section_wrapper h2 .sub-title {
    display: block;
    font-family: "Montserrat", sans-serif;
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 500
}

@media (max-width:767px) {
    h1.entry-title {
        font-size: 30px;
        line-height: 33px
    }
    .section_wrapper h2 .sub-title {
        font-size: 16px;
        line-height: 25px
    }
}

.paralax .section_wrapper .mcb-wrap-inner {
    text-align: center
}

.paralax .section_wrapper .mcb-wrap-inner h2 {
    font-size: 28px;
    line-height: 35px;
    color: #fff;
    text-align: center;
    background: rgba(0, 90, 124, .9);
    display: inline-block;
    padding: 10px 15px
}

#home .section_wrapper {
    max-width: 1080px!important;
    position: relative;
    margin: 0 auto;
    border: none
}

#home .section_wrapper .slogan span {
    font-size: 50px;
    line-height: 65px;
    letter-spacing: 8px;
    color: #fff;
    display: block;
    text-align: left
}

@media (max-width:767px) {
    #home .section_wrapper {
        padding: 0 0!important
    }
    .slogan {
        top: -75px;
        position: relative
    }
    #home .section_wrapper .slogan span {
        font-size: 30px;
        line-height: 42px;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        color: #35786d
    }
}

@media (max-width:400px) {
    #home .section_wrapper .slogan span {
        font-size: 23px;
        line-height: 18px;
        position: relative;
        padding: 12px 15px
    }
}

#our-story .col-1 {
    padding: 15.4% 0 15.4% 6%
}

#our-story .col-1 h2 {
    color: #28334a;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    text-align: left;
    margin-left: 80px
}

#our-story .col-1 h2 span {
    background-image: url(/wellness/wp-content/uploads/sites/5/2019/07/bg-title.jpg);
    background-position: center center;
    display: block;
    font-size: 63px;
    line-height: 66px;
    margin-left: -5px
}

#our-story .col-1 h2 span strong {
    color: #000;
    background-color: #fff;
    mix-blend-mode: screen;
    width: 100%;
    height: 100%;
    font-weight: bolder;
    margin: 0;
    display: block;
    text-align: left
}

.our-story.row-1.col-1 {
    margin-bottom: 30px!important;
    margin-top: -100px
}

.our-story.row-1.col-2 .mcb-wrap-inner:before {
    content: "";
    background-color: #033a51;
    width: 93%;
    height: 100%;
    position: absolute;
    z-index: 1
}

.our-story.row-1.col-2 .column {
    margin: 0;
    width: 100%;
    position: relative;
    z-index: 3
}

.our-story.row-1.col-2 .image_wrapper {
    margin-top: -20%;
    padding-left: 35px
}

.our-story.row-1.col-2 .image_wrapper img {
    width: 100%
}

.our-story.row-1.col-2 .mcb-column .column_attr {
    padding: 8px 35px
}

.our-story.row-1.col-2 .mcb-column .column_attr p {
    color: #fff;
    font-style: italic;
    margin-bottom: 0
}

.our-story.row-1.col-1 .column .column_attr {
    padding-right: 50px
}

.our-story.row-2 {
    padding: 35px 0
}

.our-story.row-2.col-2 .column .column_attr {
    padding-left: 50px
}

@media (max-width:1024px) {
    #our-story .col-1 {
        padding: 15.4% 0 15.4% 15px
    }
    #our-story h2 {
        padding-right: 10px
    }
}

@media (max-width:950px) {
    #our-story .col-1 h2 span {
        font-size: 50px;
        line-height: 53px
    }
}

@media (max-width:767px) {
    .our-story.row-1.col-1 {
        margin-top: 0
    }
    #our-story .col-1 h2 span {
        margin-left: 0;
        font-size: 45px
    }
    #our-story .col-1 h2 span strong {
        text-align: center
    }
    #our-story .col-1 {
        padding: 40px 15px
    }
    #our-story .col-1 h2 {
        margin-bottom: 0;
        margin-left: 0;
        text-align: center
    }
    #our-story .col-2,
    .our-story .row-1.col-2,
    .our-story .row-2.col-1 {
        display: none
    }
    .our-story.row-1.col-1 .column .column_attr {
        padding-right: 0
    }
    .our-story.row-2 {
        padding: 15px 0 0
    }
    .our-story.row-2.col-2 .column .column_attr {
        padding-left: 0
    }
}

@media (max-width:550px) {
    #our-story .col-1 h1 span {
        font-size: 35px
    }
}

#our-menu h5 {
    margin-bottom: 15px
}

#our-menu .col-1,
#our-menu .col-2,
.menu-layout .col-1,
.menu-layout .col-2 {
    float: none;
    font-size: 0;
    display: inline-block;
    position: relative;
    vertical-align: middle
}

#our-menu .column,
#our-menu .columns,
.menu-layout .column,
.menu-layout .columns {
    margin: 0 0
}

#our-menu img,
.menu-layout img {
    width: 100%
}

#our-menu h2,
.menu-layout h2 {
    color: #005a7c;
    font-size: 40px;
    line-height: 50px
}

#our-menu dl,
.menu-layout dl {
    display: block;
    position: relative;
    zoom: 1
}

#our-menu dl dt,
#our-menu dl dd,
.menu-layout dl dt,
.menu-layout dl dd {
    width: 70%;
    float: none;
    color: #414141;
    text-transform: capitalize;
    border: none;
    margin-bottom: 15px;
    padding: 0;
    display: inline-block;
    zoom: 1
}

#our-menu dl dd,
.menu-layout dl dd {
    width: 30%;
    text-align: right;
    vertical-align: middle;
    margin-left: 0
}

#our-menu dl dd span,
.menu-layout dl dd span {
    display: block
}

#our-menu dl dt span,
.menu-layout dl dt span {
    display: block
}

#our-menu .section_wrapper dl dt,
.menu-layout .section_wrapper dl dt {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing: 2px
}

#our-menu dl dt span,
.menu-layout dl dt span {
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    text-transform: lowercase;
    letter-spacing: 0
}

#our-menu a,
.menu-layout a {
    border: 1px solid #fff
}

#our-menu a:hover,
.menu-layout a:hover {
    cursor: pointer;
    background-color: #fff!important;
    color: #28334a
}

#our-menu .half-content,
.menu-layout .half-content,
.content-venues .half-content {
    padding: 25px 0 25px 50px
}

#our-menu .half-content:nth-of-type(odd),
.menu-layout .half-content:nth-of-type(odd),
.content-venues .half-content:nth-of-type(odd) {
    padding: 25px 50px 25px 0
}

#our-menu .row-2.col-2.half-content dl dt ul,
.menu-layout .row-2.col-2.half-content dl dt ul {
    margin-left: 17px
}

#our-menu .row-2.col-2.half-content dl dt ul:after,
.menu-layout .row-2.col-2.half-content dl dt ul:after {
    content: "";
    display: block;
    clear: both
}

#our-menu .row-2.col-2.half-content dl dt ul,
#our-menu .row-2.col-2.half-content dl dt ul li,
.menu-layout .row-2.col-2.half-content dl dt ul,
.menu-layout .row-2.col-2.half-content dl dt ul li {
    margin-bottom: 0
}

#our-menu .row-2.col-2.half-content dl dt ul li,
.menu-layout .row-2.col-2.half-content dl dt ul li {
    float: left;
    margin-right: 35px
}

@media (max-width:768px) {
    #our-menu .half-content:nth-of-type(odd),
    .menu-layout .half-content:nth-of-type(odd),
    #our-menu .half-content,
    .menu-layout .half-content {
        padding: 0 0 0
    }
    #our-menu .row-1.col-2,
    .menu-layout .row-1.col-2,
    #our-menu .row-2.col-1,
    .menu-layout .row-2.col-1 {
        display: none
    }
    #our-menu .mobile .button {
        margin-top: 20px!important
    }
    .content-venues .half-content {
        padding: 25px 0 25px 0!important
    }
}

.content-yoga-class .section_wrapper .title-class h3 {
    margin-bottom: 10px
}

.content-yoga-class .section_wrapper .title-class p {
    font-style: italic;
    padding-bottom: 30px
}

.content-yoga-class .section_wrapper table {
    background-color: transparent;
    min-width: 600px
}

.content-yoga-class .section_wrapper table tr td {
    width: 50%
}

.content-yoga-class .tablepress thead th {
    border-top: 1px solid #ddd!important;
    box-shadow: none!important
}

.tablepress {
    min-width: 100%!important
}

.tablepress tbody tr:first-child td {
    border-top: 1px solid #ddd!important
}

table tr:first-child td {
    box-shadow: none!important
}

.content-yoga-class .section_wrapper .three-fifth {
    padding-left: 20px
}

.content-yoga-class #tablepress-2,
.content-yoga-class #tablepress-4 {
    display: none
}

.content-yoga-class .tablepress tr td {
    background-color: #ffffff!important
}

.content-yoga-class .tablepress tr:nth-child(2n) td {
    background-color: #f4f5f5!important
}

.content-yoga-class .accordion .question:first-of-type {
    margin-top: 0
}

.content-yoga-class .accordion .question {
    margin-top: 15px
}

.content-yoga-class .accordion .question .title {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 23px;
    font-weight: 700;
    color: #fff;
    background-color: #005a7c
}

.content-yoga-class .accordion .question .answer {
    padding: 20px 20px 10px 50px
}

.content-yoga-class .accordion .question .title .acc-icon-plus {
    color: #fff
}

@media (max-width:1040px) {
    .content-yoga-class .section_wrapper table tr td {
        width: 40%
    }
    .content-yoga-class .section_wrapper .three-fifth {
        padding-left: 0
    }
    .content-yoga-class #tablepress-2,
    .content-yoga-class #tablepress-4 {
        display: block
    }
    .content-yoga-class table tr td:first-of-type {
        vertical-align: middle;
        text-align: center;
        width: 20%
    }
    .content-yoga-class #tablepress-1,
    .content-yoga-class #tablepress-3 {
        display: none
    }
}

.post-retreat #Filters .filters_wrapper ul {
    border: none!important
}

.post-retreat #Filters .filters_wrapper ul li {
    margin: 5px 5px!important
}

.post-retreat #Filters .filters_wrapper ul li a {
    background-color: #f2f2f2!important;
    padding: 6px 55px!important
}

.post-retreat #Filters .filters_wrapper ul li.current-cat a,
.post-retreat #Filters .filters_wrapper ul li a:hover {
    background-color: #005a7c!important
}

.post-retreat .portfolio_group .portfolio-item .desc {
    background: #f2f2f2!important
}

.post-retreat .blog_slider .slider_pager {
    display: none
}

.post-retreat .blog_slider {
    z-index: 1
}

.post-retreat .blog_slider .blog_slider_ul li .item_wrapper .image_frame {
    margin-left: 0
}

.post-retreat .blog_slider .blog_slider_ul li .item_wrapper .image_frame .image_wrapper img {
    width: 100%
}

.post-retreat .blog_slider .blog_slider_ul li .item_wrapper .date_label,
.post-retreat .blog_slider .blog_slider_ul li .item_wrapper .desc .button {
    display: none
}

.post-retreat .blog_slider .blog_slider_ul li .item_wrapper .desc {
    position: relative;
    display: block;
    height: auto;
    padding: 0 10px;
    bottom: 0;
    margin-top: -30px;
    background-color: transparent
}

.post-retreat .blog_slider .blog_slider_ul li .item_wrapper .desc h4 {
    margin-bottom: 0;
    background-color: #005a7c;
    vertical-align: middle;
    min-height: 56px;
    letter-spacing: 2px;
    padding: 6px 20px
}

.post-retreat .blog_slider .blog_slider_ul li .item_wrapper .desc h4 a {
    font-family: "Montserrat", sans-serif;
    color: #fff;
    text-transform: uppercase;
    line-height: 18px!important;
    font-weight: 700
}

.post-retreat .blog_slider .blog_slider_header {
    margin-top: -40px;
    margin-bottom: 15px;
    min-height: 50px;
    overflow: hidden
}

.post-retreat .blog_slider .blog_slider_header {
    width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2
}

.post-retreat .blog_slider .blog_slider_header a {
    border: none
}

.post-retreat .blog_slider .blog_slider_header a.slider_prev {
    left: 10px;
    right: auto
}

.post-retreat .blog_slider .blog_slider_header a.slider_next {
    right: 10px
}

.post-retreat .blog_slider .blog_slider_header a span i {
    color: #fff!important;
    font-size: 30px
}

.portfolio_wrapper .button-stroke a.button {
    color: #005a7c!important
}

@media (max-width:768px) {
    .post-retreat #Filters .filters_wrapper ul li a {
        padding: 6px 25px!important
    }
    .post-retreat .blog_slider .blog_slider_ul li .item_wrapper .desc h4,
    .post-retreat .blog_slider .blog_slider_ul li .item_wrapper .desc h4 a {
        font-weight: 600!important;
        display: table-cell;
        padding: 6px 20px 8px
    }
}

@media (max-width:450px) {
    .post-retreat .section_wrapper,
    #mentors .column_portfolio_slider {
        padding: 0 30px!important
    }
}

@media (max-width:376px) {
    .post-retreat .section_wrapper,
    #mentors .column_portfolio_slider {
        padding: 0 0px!important
    }
}

.host-mentors .host-retreat .column_attr {
    max-width: 763px;
    margin: 0 auto;
    text-align: center;
    padding: 30px 54px
}

.host-mentors .column_attr p {
    font-size: 17px!important;
    line-height: 22px!important
}

.host-mentors .host-retreat.bg-white .column_attr {
    background-color: #fff;
    padding: 0 40px 30px
}

.host-mentors .host-retreat .column_attr a {
    margin: 30px 0 0
}

.host-mentors .blog_slider_header {
    position: absolute;
    width: 100%;
    top: 50%;
    z-index: 2;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.host-mentors .blog_slider.hide-arrows .blog_slider_header a.button {
    display: block!important
}

.host-mentors .blog_slider .blog_slider_header a.slider_prev,
.host-mentors .blog_slider .blog_slider_header a.slider_next {
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px
}

.host-mentors .blog_slider .blog_slider_header a.slider_prev {
    right: auto;
    left: 0
}

.host-mentors .blog_slider .blog_slider_header a.button .button_icon {
    padding: 6px 8px
}

.host-mentors .column_blog_slider .blog_slider ul {
    margin-left: 39px!important;
    margin-right: 50px!important;
    z-index: 3
}

.host-mentors .column_blog_slider .blog_slider ul li .item_wrapper .image_frame {
    margin-left: 0
}

.host-mentors .column_blog_slider .blog_slider ul li .item_wrapper .date_label {
    display: none
}

.host-mentors .column_blog_slider .blog_slider ul li .item_wrapper .desc {
    position: absolute;
    bottom: 0;
    top: auto;
    width: 100%;
    background-color: #005a7c;
    text-align: center
}

.host-mentors .column_blog_slider .blog_slider ul li .item_wrapper .desc h4 {
    margin-bottom: 0;
    padding: 15px 5px
}

.host-mentors .column_blog_slider .blog_slider ul li .item_wrapper .desc h4 a {
    color: #fff
}

.host-mentors .slider_pagination {
    display: none
}

@media (max-width:768px) {
    .host-mentors .host-retreat .column_attr {
        padding: 30px 20px
    }
    .host-mentors .host-retreat.bg-white .column_attr {
        padding: 0 20px 30px
    }
    .host-mentors .host-retreat.bg-white .column_attr p {
        text-align: left;
        font-size: 15px!important
    }
}

.content-venues .section_wrapper h3 {
    text-transform: uppercase;
    margin-bottom: 15px
}

.content-venues .section_wrapper .icon-location-line {
    display: inline-block;
    font-size: 30px;
    color: #005a7c;
    text-align: left
}

.content-venues .section_wrapper .icon-location-line:before {
    margin-left: 0
}

.content-venues .section_wrapper h4 {
    display: inline-block;
    font-size: 20px
}

.content-venues .section_wrapper .column_attr a.button {
    font-weight: 700;
    margin-top: 30px
}

#reviews .section_wrapper .wrap {
    background: rgba(255, 255, 255, .85);
    max-width: 757px;
    width: 100%;
    margin: 0 auto;
    float: none
}

#reviews .section_wrapper h2 {
    padding-top: 30px;
    text-transform: uppercase;
    text-align: center
}

#reviews .section_wrapper .testimonials_slider ul.testimonials_slider_ul li.slick-slide .hr_dots {
    display: none
}

#reviews .testimonials_slider .testimonials_slider_ul li .author h5 {
    font-size: 15px
}

#reviews .testimonials_slider ul.testimonials_slider_ul a.slider_prev,
#reviews .testimonials_slider ul.testimonials_slider_ul a.slider_next {
    border: none;
    font-size: 30px;
    margin-bottom: 0;
    min-height: 50px;
    position: absolute;
    top: 40%;
    overflow: hidden;
    z-index: 2;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

#reviews .testimonials_slider ul.testimonials_slider_ul a.slider_prev {
    left: 10px
}

#reviews .testimonials_slider ul.testimonials_slider_ul a.slider_next {
    right: 10px
}

#reviews .section_wrapper .testimonials_slider ul.testimonials_slider_ul li.slick-slide blockquote {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 32px
}

#reviews .wpcf7 {
    position: relative;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    border-top: 1px solid #fff;
    padding-top: 30px
}

#reviews .wpcf7 form .wpcf7-submit {
    color: #414141!important
}

#reviews .wpcf7 form .wpcf7-submit:hover {
    background-color: #005a7c!important;
    border-color: #005a7c;
    color: #fff!important
}

@media (max-width:479px) {
    #reviews .section_wrapper .testimonials_slider ul.testimonials_slider_ul li.slick-slide blockquote {
        font-size: 15px;
        line-height: 26px;
        text-align: justify
    }
}

#about-bk .content_slider {
    padding: 0 0
}

#about-bk .col-1,
#about-bk .col-2 {
    float: none;
    display: inline-block;
    position: relative;
    vertical-align: middle
}

#about-bk .half-content {
    padding: 25px 0 25px 25px
}

#about-bk h2,
#instagram h2 {
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    font-size: 33px;
    line-height: 38px
}

#about-bk .content_slider .content_slider_ul.slick-slider {
    border: none
}

#about-bk .content_slider a.slider_prev,
#about-bk .content_slider a.slider_next,
#mentors .section_wrapper a.slider_prev,
#mentors .section_wrapper a.slider_next {
    left: 0;
    background: transparent;
    color: #fff;
    box-shadow: none;
    border: none;
    z-index: 1
}

#about-bk .content_slider a.slider_next,
#mentors .section_wrapper a.slider_next {
    left: auto;
    right: 0
}

#about-bk .content_slider a span,
#mentors .section_wrapper a span {
    background: transparent
}

#about-bk .content_slider a span i,
#mentors .section_wrapper a span i {
    color: #fff;
    font-size: 35px
}

#about-bk .content_slider a:hover span i,
#mentors .section_wrapper a:hover span i {
    color: #fff!important
}

#about-bk .content_slider a.slider_prev:hover,
#about-bk .content_slider a.slider_next:hover,
#mentors .content_slider a.slider_prev:hover,
#mentors .section_wrapper a.slider_next:hover {
    background-color: transparent!important
}

#about-bk .content_slider .slider_pagination {
    margin-top: -55px
}

#about-bk .slider_pagination a {
    border: 1px solid #fff
}

#about-bk .slider_pagination a.selected,
#about-bk .slider_pagination .slick-active a {
    background-color: #fff;
    border: 1px solid #fff;
    transform: none;
    border-radius: 50%!important;
    width: 12px;
    height: 12px;
    margin: 0 9px;
    top: 0
}

#about-bk .slider_pagination .slick-active a:after {
    top: 0;
    background-color: #fff;
    border: 1px solid #fff;
    transform: none;
    border-radius: 50%!important
}

#about-bk .content_slider .content_slider_ul .slick-list .slick-track a {
    background: #000;
    position: relative
}

#about-bk .content_slider .content_slider_ul .slick-list .slick-track a:hover img.wp-post-image {
    opacity: .8;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out
}

#about-bk .content_slider .content_slider_ul .slick-list .slick-track a h3 {
    display: none
}

#about-bk .content_slider .content_slider_ul .slick-list .slick-track a .desc {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#about-bk .content_slider .content_slider_ul .slick-list .slick-track a .desc img {
    margin: 0 auto;
    opacity: 0;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out
}

#about-bk .content_slider .content_slider_ul .slick-list .slick-track a:hover .desc img {
    opacity: 1;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out
}

@media (max-width:768px) {
    #about-bk .content_slider {
        margin: 0 0 0
    }
    #about-bk .content_slider a.button {
        top: 50%!important
    }
    #about-bk .half-content {
        padding: 30px 0 0
    }
    #about-bk .content_slider .content_slider_ul .slick-list .slick-track a .desc img {
        max-width: 200px
    }
}

#reservation-part-2 .section_wrapper,
#contact .section_wrapper {
    position: relative;
    max-width: 800px;
    margin: 0 auto
}

#reservation.section_wrapper,
#reservation-part-2 .section_wrapper {
    min-height: 500px
}

#reservation-part-2 .section_wrapper {
    margin-top: -527px
}

#reservation-part-2 form .column {
    padding-bottom: 10px
}

#reservation-part-2 form .column.one {
    padding-top: 20px
}

@media (max-width:1023px) {
    #reservation-part-2 .section_wrapper {
        margin-top: -50%
    }
}

@media (max-width:900px) {
    #reservation {
        padding: 0 0px!important
    }
    #reservation-part-2 {
        padding-top: 0px!important;
        padding-bottom: 0px!important;
        background-image: none!important;
        background-color: #27334c
    }
    #reservation-part-2 .section_wrapper {
        margin-top: 0
    }
}

@media (max-width:768px) {
    #reservation-part-2 .section_wrapper .mcb-wrap {
        padding: 40px 0 15px!important
    }
    #reservation-part-2 form .column_divider {
        padding: 0 0!important
    }
}

#contact form textarea {
    padding-top: 20px
}

#contact form {
    margin-top: 50px
}

#contact form input[type="submit"] {
    background-color: #171e2b!important;
    border: 1px solid #fff;
    max-width: 250px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: block
}

#contact form input[type="submit"]:hover {
    background-color: transparent!important;
    border: 1px solid #171e2b!important
}

#reservation-part-2 h2,
#contact h2 {
    text-align: center
}

#contact form input[type="submit"] {
    color: #fff!important;
    background-color: #171e2b!important;
    border: 1px solid #fff;
    max-width: 250px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}

#Wrapper form input[type="email"],
#Wrapper form input[type="text"],
#Wrapper form input[type="date"],
#Wrapper form input[type="email"],
#Wrapper form input[type="number"],
#Wrapper form input[type="password"],
#Wrapper form input[type="search"],
#Wrapper form input[type="tel"],
#Wrapper form input[type="url"],
#Wrapper form input,
#Wrapper form select,
#Wrapper form textarea,
#Wrapper #Footer form input[type="email"] {
    background-color: transparent!important;
    font-family: "Montserrat", sans-serif;
    font-size: 15px!important;
    line-height: 15px!important;
    font-weight: 300;
    padding: 10px!important;
    outline: none;
    display: block;
    margin: 0 auto;
    border-radius: 0;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    box-sizing: border-box;
    zoom: 1
}

#Wrapper form input[type="submit"] {
    border-width: 1px;
    background-color: #171e2b;
    border-color: #171e2b;
    color: #fff;
    max-width: 302px
}

#Wrapper form input[type="submit"]:hover {
    background-color: #fff;
    border-color: #171e2b;
    color: #171e2b!important
}

#reservation-part-2 form input[type="submit"],
#contact form input[type="submit"] {
    background-color: #fff!important;
    border-color: #171e2b;
    color: #171e2b!important
}

#reservation-part-2 form input[type="submit"]:hover,
#contact form input[type="submit"]:hover {
    background-color: #005a7c!important;
    border-color: #005a7c;
    color: #fff!important
}

#Wrapper form select {
    text-align: center;
    margin: 0 auto;
    line-height: 19px!important
}

#Wrapper form select option {
    color: #63666a;
    text-align: center
}

#Wrapper #Footer form input[type="email"] {
    border: 1px solid #fff;
    font-size: 14px!important;
    line-height: 18px!important;
    color: #fff
}

form.wpcf7-form .column.row-recaptcha {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    display: block
}

form.wpcf7-form .column.row-recaptcha .wpc-form-control-wrap {
    text-align: center;
    margin: 0 auto;
    max-width: 302px
}

form #rc-imageselect {
    transform: scale(.77);
    -webkit-transform: scale(.77);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0
}

@media (max-width:768px) {
    #Wrapper .form-restaurant form span.wpc-form-control-wrap {
        max-width: 100%;
        padding: 0 0
    }
}

@media screen and (max-height:575px) {
    form #rc-imageselect,
    .g-recaptcha {
        transform: scale(.95);
        -webkit-transform: scale(.95);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0
    }
}

.sections_group .segment-header h2 {
    font-size: 50px;
    line-height: 5px;
    color: #fff;
    margin-bottom: 0
}

.segment-menu-list .group-item {
    padding-top: 50px
}

.segment-menu-list .group-item:first-of-type {
    padding-top: 0
}

.segment-menu-list .group-item .row-item {
    position: relative;
    display: block;
    margin-bottom: 30px;
    zoom: 1
}

.segment-menu-list .group-item .row-item:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0
}

.segment-menu-list .group-item .row-item:last-of-type {
    margin-bottom: 0
}

.segment-menu-list .group-item .row-item .left {
    float: left;
    width: 80%
}

.segment-menu-list .group-item .row-item .right {
    float: right;
    width: 20%;
    text-align: right
}

.segment-menu-list .group-item .row-item .right span {
    padding-right: 15px
}

.segment-menu-list .group-item .row-item h2 {
    font-size: 35px;
    line-height: 38px
}

.segment-menu-list .group-item .row-item h3 {
    font-size: 25px;
    line-height: 28px
}

.segment-menu-list .group-item .row-item h5 {
    font-size: 15px;
    line-height: 15px;
    margin-bottom: 0;
    letter-spacing: 2px
}

.segment-menu-list .group-item .row-item .full-row.item-price .left {
    width: 45%
}

.segment-menu-list .group-item .row-item .full-row.item-price .right {
    width: 55%
}

.segment-menu-list .group-item .row-item .full-row.item-price .left,
.segment-menu-list .group-item .row-item .full-row.item-price .right {
    font-weight: 500
}

.segment-menu-list .group-item .row-item .full-row.item-price .left span,
.segment-menu-list .group-item .row-item .full-row.item-price .right span {
    padding: 5px 0
}

#ivs-therapy .group-item .row-item h2 {
    margin-bottom: 5px
}

#ivs-therapy .group-item .row-item .slogan {
    font-style: italic;
    padding-bottom: 40px
}

.segment-menu-list i.seminyak,
.segment-menu-list i.ubud {
    margin-left: 10px;
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    font-style: normal;
    font-size: 15px;
    line-height: 25px;
    color: #fff;
    text-transform: uppercase;
    background-color: #005a7c;
    border: 1px solid #005a7c;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.segment-menu-list h5 i.seminyak,
.segment-menu-list h5 i.ubud {
    padding-left: 2px
}

.segment-menu-list i.ubud {
    background-color: #fff;
    color: #005a7c
}

.segment-menu-list .group-item .row-item .left span,
.segment-menu-list .group-item .row-item .right span {
    display: block
}

.segment-menu-list .group-item .row-item .full-row.item-price .left span,
.segment-menu-list .group-item .row-item .full-row.item-price .right span {
    font-size: 14px
}

.segment-menu-list .group-item .row-item p {
    margin-bottom: 0
}

.segment-menu-list .group-item .row-item span {
    margin-bottom: 0
}

.segment-menu-list .group-item .row-item ul {
    margin-top: 10px
}

.segment-menu-list .group-item .row-item ul li {
    margin-bottom: 0
}

@media (max-width:767px) {
    .segment-menu-list .group-item .row-item .left {
        float: left;
        width: inherit
    }
}

.spa-location.segment-menu-list .note .image_wrapper img {
    width: 100%
}

.spa-location.segment-menu-list .note h3 {
    margin-bottom: 20px
}

.spa-location.segment-menu-list .note ul {
    text-align: left
}

.spa-location.segment-menu-list .note ul li {
    padding: 0 0!important;
    color: #005a7c!important;
    text-transform: uppercase!important;
    font-size: 23px!important
}

.spa-location.segment-menu-list .note ul li i {
    margin-left: 0px!important;
    vertical-align: top
}

.segment-menu-list .note span {
    text-align: center;
    display: block
}

.segment-menu-list .note ul {
    display: block;
    text-align: center;
    margin: 0 0 5px
}

#Content .segment-menu-list .note ul li {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: #28334a;
    display: inline-block;
    padding-left: 15px;
    text-transform: capitalize
}

.segment-menu-list .note span {
    font-family: "Montserrat", sans-serif;
    font-style: italic
}

.segment-btn-reservation a {
    width: 100%;
    max-width: 200px
}

.segment-btn-reservation a span {
    float: none!important
}

.segment-btn-reservation a:hover {
    background-color: #5b6478
}

.segment-btn-reservation a:hover {
    color: #fff!important
}

@media (max-width:768px) {
    .segment-menu-list .col-2 .group-item:first-of-type {
        padding-top: 30px
    }
    .segment-menu-list .col-2 .group-item:first-of-type {
        padding-top: 50px
    }
    .sections_group .segment-header {
        padding: 100px 0!important
    }
    .sections_group .segment-header h2 {
        font-size: 35px;
        line-height: 38px
    }
    .segment-menu-list .group-item .row-item .right span {
        padding-right: 0;
        font-size: 15px
    }
}

.header-reservation h1 {
    font-size: 50px;
    line-height: 53px;
    color: #fff
}

#media .clients_slider .clients_slider_header a.button .button_icon {
    padding: 7px 12px
}

#media ul.clients_slider_ul li.slick-slide .client_wrapper {
    background: transparent
}

#media .clients_slider .clients_slider_header {
    width: 100%;
    margin-bottom: 0;
    min-height: 50px;
    position: absolute;
    top: 50%;
    overflow: hidden;
    z-index: 2;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

#media .clients_slider {
    position: relative
}

#media .clients_slider .clients_slider_header a.slider_prev,
#media .clients_slider .clients_slider_header a.slider_next {
    border: none;
    font-size: 30px
}

#media .clients_slider .clients_slider_header a.slider_prev {
    left: 10px;
    right: auto
}

#media .clients_slider .clients_slider_header a.slider_next {
    right: 10px
}

@media (max-width:767px) {
    #media .clients_slider .clients_slider_header a.slider_prev {
        left: 0
    }
    #media .clients_slider .clients_slider_header a.slider_next {
        right: 0
    }
    #media .clients_slider .clients_slider_header a.button .button_icon {
        padding: 7px 0
    }
}

.single-portfolio .sections_group .portfolio.portfolio-types-wellness-mentors {
    padding-top: 40px
}

.single-portfolio .sections_group .portfolio {
    position: relative
}

.single-portfolio .sections_group .section-post-header {
    float: left;
    width: 40%
}

.single-portfolio .sections_group .entry-content {
    float: right;
    width: 60%
}

.single-portfolio .sections_group .entry-content:after {
    content: "";
    clear: both;
    display: block
}

.single-portfolio .sections_group .section-post-header .section_wrapper .post-header {
    display: none
}

@media (max-width:970px) {
    .single-portfolio .tabs_wrapper ul.ui-tabs-nav li a {
        white-space: normal
    }
}

@media (max-width:767px) {
    .single-portfolio .sections_group .portfolio {
        display: block
    }
    .single-portfolio .sections_group .section-post-header,
    .single-portfolio .sections_group .entry-content {
        width: 100%;
        float: none
    }
    .single-portfolio .sections_group .entry-content {
        padding: 0 0
    }
    .single-portfolio .section-post-related,
    .single-portfolio .section-related-adjustment {
        padding-top: 35px
    }
}

.form-restaurant .group-half {
    position: relative;
    width: 100%;
    margin: 0 0;
    font-size: 0
}

.form-restaurant .group-half .half {
    width: 46.7%;
    display: inline-block;
    vertical-align: top;
    padding: 0 15px
}

.form-restaurant .group-fullwidth.max800 {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding-top: 30px
}

.form-restaurant .group-fullwidth.max800 .group-half .half {
    width: 44%
}

.form-restaurant .group-fullwidth.max800 .form-row .input .your-message {
    padding: 0 15px;
    max-width: 560px
}

.form-restaurant form h3 {
    padding: 0 0px!important;
    font-size: 25px;
    line-height: 28px;
    text-align: left;
    color: #28334a
}

.form-restaurant .group,
.form-restaurant p,
.form-restaurant .group-half .half .form-row label {
    font-size: 15px;
    line-height: 25px
}

.form-restaurant p:empty {
    display: none
}

.form-restaurant form {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 25px;
    text-align: left;
    margin-bottom: 40px
}

.form-restaurant form h2.title {
    padding: 30px 0px!important;
    font-size: 38px;
    line-height: 38px;
    text-align: center
}

.form-restaurant form h2.title:after {
    content: "";
    position: relative;
    display: block;
    border-bottom: 2px solid #000;
    margin: 15px auto 0;
    max-width: 250px
}

.form-restaurant form p.slogan {
    font-style: italic;
    margin-top: -15px;
    color: #28334a
}

.form-restaurant form h2 {
    padding: 0 0px!important
}

.form-restaurant form .form-row {
    display: block;
    margin-bottom: 15px;
    zoom: 1
}

.form-restaurant form .form-row label:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.form-restaurant form .form-row label small {
    font-family: "Montserrat", sans-serif;
    font-size: 14px!important;
    line-height: 17px;
    font-weight: 300;
    letter-spacing: 0
}

.form-restaurant form .form-row label span input[type="checkbox"] {
    -webkit-appearance: checkbox!important
}

.form-restaurant form .form-row label span {
    width: auto
}

.form-restaurant form .form-row .input label span {
    width: 100%
}

.form-restaurant form .form-row label span.party-size {
    width: 100%;
    max-width: 125px;
    display: inline-block;
    zoom: 1
}

.form-restaurant form .form-row label span.location {
    width: 100%;
    display: inline-block;
    zoom: 1
}

.form-restaurant form .form-row label span.wpcf7-list-item {
    margin-left: 0;
    margin-right: 8px
}

.form-restaurant form .form-row span.circles {
    height: 22px;
    width: 22px;
    text-align: center;
    font-size: 10px;
    line-height: 20px;
    vertical-align: top;
    margin-left: 10px;
    border: 1px solid #333;
    border-radius: 50%;
    text-transform: uppercase;
    display: inline-block
}

.form-restaurant form .form-row.detail-circle {
    padding-top: 20px;
    padding-bottom: 0
}

.form-restaurant form .form-row.detail-circle .circles {
    margin-right: 5px
}

.form-restaurant form .form-row.detail-circle .circles:first-of-type {
    margin-left: 0
}

.form-restaurant form .form-row .input.col-2 {
    text-align: center
}

.form-restaurant form .form-row .input.col-2 label {
    display: inline-block;
    width: 50%;
    vertical-align: top
}

.form-restaurant form .form-row label .wpcf7-list-item-label {
    display: none
}

.form-restaurant form .form-row label small {
    display: block;
    font-size: 13px;
    line-height: 20px;
    margin-left: 30px
}

.form-restaurant form .btn-aqua {
    margin: 0;
    padding: 0 12px;
    border-radius: 5px
}

.form-restaurant form input[type="submit"] {
    border-color: #28334a;
    border: 1px solid #28334a;
    color: #171e2b!important;
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    line-height: 20px;
    text-transform: capitalize
}

#Wrapper .form-restaurant form input[type="submit"]:hover {
    background-color: #28334a!important;
    color: #fff!important
}

.form-restaurant form .ajax-loader {
    display: none!important
}

#Wrapper .form-restaurant form select {
    line-height: 15px!important
}

.form-restaurant .group-half.menu .form-row label,
.form-restaurant .group-fullwidth.menu .form-row label {
    display: block;
    font-family: "Montserrat", sans-serif;
    color: #28334a;
    font-weight: 700;
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: 5px;
    letter-spacing: 2px;
    text-shadow: 0 0 0 #28334a
}

.form-restaurant .group-half.menu .form-row label strong,
.form-restaurant .group-fullwidth.menu .form-row label strong {
    font-size: 15px;
    font-style: italic;
    text-align: right;
    float: right;
    padding-left: 15px
}

.form-restaurant .group-fullwidth h3,
.form-restaurant .group-half h3 {
    margin-top: 40px
}

.form-restaurant .group-fullwidth h3:first-of-type,
.form-restaurant .group-half h3:first-of-type {
    margin-top: 0
}

.form-restaurant .member label:first-of-type {
    margin-bottom: 15px
}

.form-restaurant .form-row .input input,
.form-restaurant .form-row .input select {
    display: block;
    width: 100%;
    max-width: 290px;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s
}

.form-restaurant .form-row input::-webkit-input-placeholder,
.form-restaurant .form-row select::-webkit-input-placeholder,
.form-restaurant .form-row textarea::-webkit-input-placeholder {
    color: #63666a!important;
    opacity: 1
}

.form-restaurant .form-row input::-webkit-input-placeholder,
.form-restaurant .form-row select::-webkit-input-placeholder,
.form-restaurant .form-row textarea::-webkit-input-placeholder {
    color: #63666a!important;
    opacity: 1
}

.form-restaurant .form-row input::-webkit-input-placeholder,
.form-restaurant .form-row select::-webkit-input-placeholder,
.form-restaurant .form-row textarea::-webkit-input-placeholder {
    color: #63666a!important;
    opacity: 1
}

.form-restaurant .form-row input::-webkit-input-placeholder,
.form-restaurant .form-row select::-webkit-input-placeholder,
.form-restaurant .form-row textarea::-webkit-input-placeholder {
    color: #63666a!important;
    opacity: 1
}

.form-restaurant .form-row .your-message textarea {
    width: 100%;
    max-width: 820px;
    resize: vertical;
    display: block;
    font-size: 16px;
    color: #555;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s
}

.form-restaurant .group-half .form-row .input label {
    margin-bottom: 15px
}

.form-restaurant .group-half .form-row .input label:last-of-type {
    margin-bottom: 0
}

.form-restaurant .form-row.detail-circle,
.form-restaurant .form-row small i {
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: 17px;
    font-family: "Montserrat", sans-serif;
    font-weight: 300
}

@media (max-width:1024px) {
    .form-restaurant form h2 {
        font-size: 16px
    }
}

@media (max-width:970px) {
    .form-restaurant .group-half {
        margin: 0 0
    }
    .form-restaurant .group-half .half,
    .form-restaurant .group-fullwidth.max800 .group-half .half {
        width: 100%;
        display: block;
        padding: 0 0
    }
    .form-restaurant form .form-row.detail-circle .circles {
        margin-bottom: 10px
    }
    .form-restaurant form .form-row .input.col-2 label {
        max-width: 130px
    }
    .form-restaurant .group-fullwidth.max800 .form-row .input .your-message,
    .form-restaurant form .btn-aqua {
        padding: 0
    }
}

#Content .column_button a.button {
    padding: 0 0;
    font-size: 15px;
    line-height: 15px;
    color: #005a7c;
    border: 2px solid #005a7c;
    text-transform: capitalize;
    font-weight: 700
}

#Content .column_button a.button:hover {
    color: #fff;
    background-color: #005a7c!important
}

.form-menu h3 {
    text-align: center;
    margin-bottom: 0
}

.banner-slider ul.content_slider_ul {
    max-width: 1024px;
    margin: 0 auto!important
}

.banner-slider .content_slider {
    padding: 0 20px
}

.banner-slider h3 {
    font-size: 20px
}

.banner-slider p {
    max-width: 600px;
    display: table;
    margin-top: -5px
}

.banner-slider ul.content_slider_ul li.slick-slide img {
    float: left;
    padding: 0 20px 0 0;
    margin-bottom: 0
}

.banner-slider ul.content_slider_ul li.slick-slide h3 {
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff
}

.banner-slider ul.content_slider_ul li.slick-slide div.desc {
    text-align: left;
    padding: 0 0;
    margin-top: 0;
    color: #fff
}

.banner-slider ul.content_slider_ul li.slick-slide div.desc a.button {
    padding: 0 0;
    font-size: 15px;
    line-height: 15px;
    color: #fff;
    border: 2px solid #fff;
    text-transform: capitalize;
    position: relative;
    margin: 12px 0 0;
    display: inline-block;
    margin-bottom: 10px
}

.banner-slider ul.content_slider_ul li.slick-slide div.desc a.button:hover {
    color: #fff;
    background-color: #005a7c!important
}

.banner-slider ul.content_slider_ul li.slick-slide div.desc a.button .button_label {
    padding: 3px 20px;
    color: #fff
}

.banner-slider a.button:hover .button_icon i {
    color: #28334a!important
}

.banner-slider .content_slider a.slider_prev,
.banner-slider .content_slider a.slider_next {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width:1500px) {
    .banner .column_attr {
        padding-left: 100px
    }
}

@media (max-width:1024px) {
    .banner-slider ul.content_slider_ul li.slick-slide img {
        float: none;
        width: 100%;
        padding: 20px 0 20px
    }
}

@media (max-width:767px) {
    .banner .column_attr {
        padding-left: 0
    }
    .banner-slider ul.content_slider_ul li.slick-slide {
        padding: 0 15px
    }
    .banner-slider ul.content_slider_ul li.slick-slide h3 {
        margin: 0 0
    }
    .banner-slider ul.content_slider_ul li.slick-slide div.desc a.button {
        margin: 25px 0 0;
        bottom: 0
    }
}

.post-retreat .blog_wrapper .posts_group .post-item {
    margin: 0 1% 30px
}

.post-retreat .blog_wrapper .posts_group .post-item .image_frame .image_wrapper a {
    line-height: 10px!important
}

.post-retreat .blog_wrapper .posts_group .post-item .post-photo-wrapper {
    position: relative;
    z-index: 1
}

.post-retreat .blog_wrapper .posts_group .post-item .post-desc-wrapper {
    margin-top: -25px;
    z-index: 2;
    position: relative;
    padding: 0 20px
}

.post-retreat .blog_wrapper .posts_group .post-item .post-photo-wrapper img {
    width: 100%
}

.post-retreat .blog_wrapper .posts_group .post-item .post-desc-wrapper .post-desc {
    padding: 0 0
}

.post-retreat .blog_wrapper .posts_group .post-item .post-desc-wrapper .post-desc .post-title {
    background-color: rgba(0, 90, 124, 1);
    display: table-cell;
    vertical-align: middle;
    padding: 4px 20px 8px;
    min-height: 56px;
    height: 56px
}

.post-retreat .blog_wrapper .posts_group .post-item .post-desc-wrapper .post-desc h2 {
    margin: 0;
    text-align: center;
    line-height: 18px
}

.post-retreat .blog_wrapper .posts_group .post-item .post-desc-wrapper .post-desc h2 a {
    font-family: "Montserrat", sans-serif;
    color: #fff;
    text-transform: uppercase;
    line-height: 18px!important;
    font-weight: 700!important
}

.post-retreat .blog_wrapper .posts_group .post-item .post-desc-wrapper .post-head,
.post-retreat .blog_wrapper .posts_group .post-item .post-desc-wrapper .post-excerpt,
.post-retreat .blog_wrapper .posts_group .post-item .post-desc-wrapper .post-footer {
    display: none
}

@media (max-width:767px) {
    .post-retreat .blog_wrapper .posts_group .post-item .post-desc-wrapper .post-desc .post-title {
        display: block;
        height: auto
    }
}

.healing-therapies .story_box {
    padding: 0 0
}

.healing-therapies .story_box .photo_wrapper img {
    opacity: 1!important
}

.healing-therapies .story_box:hover .photo_wrapper img {
    opacity: 0.7!important
}

.healing-therapies .story_box .photo_wrapper img {
    width: 100%
}

.healing-therapies .story_box .desc_wrapper {
    padding: 0 20px;
    margin: -30px 0 0
}

.healing-therapies .story_box .desc_wrapper h3 {
    text-align: center;
    margin: 0;
    background-color: #005a7c;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    padding: 10px 20px;
    display: table-cell;
    min-height: 56px;
    height: 56px;
    vertical-align: middle;
    font-family: "Montserrat", sans-serif;
    font-weight: 700
}

.healing-therapies .story_box .desc_wrapper .desc {
    text-align: center
}

.healing-therapies .story_box .desc_wrapper .desc a {
    max-width: 135px;
    margin: 15px auto 0
}

.healing-therapies .story_box .desc_wrapper .desc a span {
    padding: 9px 20px
}

@media (max-width:767px) {
    .healing-therapies .section_wrapper .column {
        margin: 0 0 0
    }
    .healing-therapies .story_box .desc_wrapper h3 {
        display: block;
        height: auto
    }
}

@media (max-width:500px) {
    .healing-therapies .story_box {
        padding: 0 0!important
    }
}

#Content .footer-segment-contact .section_wrapper .wrap {
    background-color: #8ea09d;
    padding: 25px 25px
}

#Content .footer-segment-contact .section_wrapper .column .column_attr,
#Content .footer-segment-contact .section_wrapper .column .column_attr h2,
#Content .footer-segment-contact .section_wrapper .column a.button,
#Content .footer-segment-contact .section_wrapper .column a.button span {
    color: #fff
}

#Content .footer-segment-contact .section_wrapper .wrap:last-of-type {
    margin: 0 auto;
    text-align: center
}

#Content .footer-segment-contact .section_wrapper .column a.button {
    border: 2px solid #fff
}

#Content .footer-segment-contact .section_wrapper .column a.button:hover {
    color: #005a7c!important;
    background-color: #fff!important
}

#Content .footer-segment-contact .section_wrapper .column a.button:hover span {
    color: #005a7c!important
}

#Content .footer-segment-contact .section_wrapper .column .column_attr h2 {
    margin-bottom: 15px
}

@media (max-width:767px) {
    #Content .footer-segment-contact .section_wrapper .wrap {
        text-align: center
    }
    #Content .footer-segment-contact .section_wrapper .column a.button {
        margin-top: -25px!important
    }
}

#mentors .section_wrapper ul.portfolio_slider_ul li.slick-slide {
    border: 5px solid #fff
}

#mentors .section_wrapper ul.portfolio_slider_ul li.slick-slide .image_wrapper .image_links {
    position: relative;
    display: block;
    height: auto;
    padding: 0 10px;
    bottom: 0;
    margin-top: -20px;
    background-color: transparent
}

#mentors .section_wrapper ul.portfolio_slider_ul li.slick-slide .image_wrapper .image_links a {
    background-color: #005a7c;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    text-transform: capitalize;
    vertical-align: middle;
    min-height: 56px;
    letter-spacing: 2px;
    padding: 6px 20px
}

#mentors .section_wrapper ul.portfolio_slider_ul li.slick-slide .image_wrapper .image_links a span,
.post-related .desc h4 a span {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase
}

#mentors .section_wrapper a.slider_prev,
#mentors .section_wrapper a.slider_next {
    opacity: 1;
    font-size: 45px
}

#mentors .section_wrapper a.slider_next {
    right: 25px
}

#vegan-menu .section_wrapper .wrap .mcb-wrap-inner .column_image {
    z-index: 1
}

#vegan-menu .section_wrapper .wrap .mcb-wrap-inner .column_image:last-of-type {
    z-index: 2;
    margin: 0 auto;
    text-align: center;
    margin-top: -60px
}

#vegan-menu .section_wrapper .wrap .mcb-wrap-inner .column_image:last-of-type img {
    width: auto;
    border: 5px solid #fff
}

.extra-footer form input[type="text"],
.extra-footer form input[type="email"],
.extra-footer form input[type="tel"],
.extra-footer form textarea,
.extra-footer form select#location {
    color: #fff!important;
    border-color: #ffffff!important
}

.extra-footer h2 {
    color: #fff!important
}

.extra-footer form input[type="text"]::placeholder,
.extra-footer form input[type="email"]::placeholder,
.extra-footer form input[type="tel"]::placeholder,
.extra-footer form textarea::placeholder,
#Wrapper #Footer form input[type="email"]::placeholder {
    color: #fff!important
}

.extra-footer form input[type="submit"] {
    background-color: #005a7c!important;
    color: #fff!important;
    border-color: #fff!important
}

.extra-footer form input[type="submit"]:hover {
    background-color: #033a51!important;
    border-color: #fff
}

.extra-footer .section_wrapper {
    max-width: 100%;
    padding-top: 70px;
    padding-bottom: 60px;
    background-color: #8ea09d
}

.footer-retreat {
    max-width: 1080px;
    position: relative;
    margin: 0 auto;
    padding: 60px 0;
    background-color: #fff
}

.extra-footer .section_wrapper .form-contact {
    position: relative;
    max-width: 800px;
    margin: 0 auto
}

.extra-footer .section_wrapper .form-contact h2 {
    text-align: center
}

.footer-retreat .isotope-filters .filters_wrapper {
    display: block!important
}

.footer-retreat .isotope-filters .filters_buttons,
.footer-retreat .isotope-filters ul.filters_buttons .label,
.footer-retreat .isotope-filters ul.filters_buttons .tags,
.footer-retreat .isotope-filters ul.filters_buttons .authors,
.footer-retreat .isotope-filters .filters_wrapper ul.tags,
.footer-retreat .isotope-filters .filters_wrapper ul.authors,
.footer-retreat .isotope-filters .filters_wrapper ul.categories li.close {
    display: none!important
}

.footer-retreat .isotope-filters .filters_wrapper ul {
    border: none!important
}

.footer-retreat .isotope-filters .filters_wrapper ul li {
    margin: 5px 5px!important
}

.footer-retreat .isotope-filters .filters_wrapper ul.categories li a {
    background-color: #f2f2f2!important;
    padding: 6px 55px!important
}

.footer-retreat .isotope-filters .filters_wrapper ul.categories li.current-cat a {
    background-color: #005a7c!important
}

.footer-retreat .isotope-filters .filters_wrapper ul.categories li.current-cat a:after {
    border: 2px solid!important
}

.footer-retreat .isotope_wrapper .posts_group .post-item .post-desc-wrapper {
    margin-top: -25px;
    z-index: 2;
    position: relative;
    padding: 0 20px
}

.footer-retreat .isotope_wrapper .posts_group .post-item .post-desc-wrapper .post-desc {
    padding: 0 0
}

.footer-retreat .isotope_wrapper .posts_group .post-item .post-photo-wrapper .image_wrapper img {
    width: 100%
}

.footer-retreat .isotope_wrapper .posts_group .post-item .post-desc-wrapper .post-desc .post-title {
    background-color: rgba(0, 90, 124, 1);
    display: table-cell;
    vertical-align: middle;
    padding: 4px 20px 8px;
    min-height: 56px;
    height: 56px
}

.footer-retreat .isotope_wrapper .posts_group .post-item .post-desc-wrapper .post-desc .post-title h2 {
    margin: 0;
    text-align: center;
    line-height: 18px
}

.footer-retreat .isotope_wrapper .posts_group .post-item .post-desc-wrapper .post-desc .post-title h2 a {
    font-family: "Montserrat", sans-serif;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 18px!important
}

.footer-retreat .isotope_wrapper .posts_group .post-item .post-photo-wrapper .image_wrapper a {
    line-height: 0!important
}

.footer-retreat .isotope_wrapper .posts_group .post-item .post-desc-wrapper .post-head,
.footer-retreat .isotope_wrapper .posts_group .post-item .post-desc-wrapper .post-excerpt,
.footer-retreat .isotope_wrapper .posts_group .post-item .post-desc-wrapper .post-footer {
    display: none!important
}

.single-post .sections_group .section-post-header {
    display: none
}

.single-post .section_wrapper .post-header .title_wrapper h1 {
    display: none;
    color: #005a7c;
    margin-bottom: 15px
}

.single-post h2,
.single-post h3 {
    text-transform: uppercase;
    color: #414141;
    margin-bottom: 15px
}

.single-post h3 {
    font-size: 18px;
    line-height: 18px
}

.single-post .hr_narrow {
    margin: 40px auto!important;
    width: 100%!important;
    background: #000!important
}

.single-post .section_wrapper .wrap a {
    text-decoration: underline;
    color: #414141
}

.single-post .extra-footer#enquire-extra-footer {
    padding-top: 0
}

.single-post .sections_group .introduction .content-text .mcb-wrap-inner {
    background-color: #005a7c;
    padding: 40px 75px;
    margin-left: -75px
}

.single-post .sections_group .introduction .content-text .mcb-wrap-inner a {
    color: #fff
}

.single-post .sections_group .introduction .content-text .mcb-wrap-inner .column {
    color: #fff;
    margin-bottom: 0
}

.single-post .sections_group .introduction .content-text .mcb-wrap-inner .column h1 {
    color: #fff
}

@media (max-width:768px) {
    .single-post .extra-footer {
        padding-left: 15px;
        padding-right: 15px
    }
    .single-post .extra-footer #Filters {
        display: none
    }
    .single-post .sections_group .introduction .content-text .mcb-wrap-inner {
        padding: 25px 25px;
        margin-left: 0
    }
    .single-post .segment-progam-schedule .column_divider {
        display: none
    }
    .single-post .segment-progam-schedule .section_wrapper .column {
        padding-bottom: 25px
    }
    .single-post .segment-progam-schedule .section_wrapper .column:last-of-type {
        padding-bottom: 0
    }
}

@media (max-width:768px) {
    .single-post .sections_group .introduction img {
        width: 100%
    }
}

#Error_404 p a {
    color: #28334a!important
}

#Error_404 p a:hover {
    color: #fff!important
}

@media (max-width:767px) {
    #Error_404 {
        margin-left: 40px
    }
}

.wa__btn_popup .wa__btn_popup_txt {
    width: 165px
}

.post-related .date_label,
.post-related a.button,
.post-related hr {
    display: none
}

.post-related .desc h4 a {
    background-color: #005a7c;
    color: #fff;
    font-weight: 700!important;
    font-size: 18px!important;
    line-height: 20px!important;
    text-transform: capitalize;
    min-height: 56px;
    height: 56px;
    letter-spacing: 2px;
    padding: 6px 20px;
    width: 90%;
    display: block;
    margin: auto
}

.post-related .desc h4 a span {
    font-size: 12px;
    text-transform: uppercase
}

.post-related .image_frame {
    margin: 0 10px!important
}

.post-related .desc {
    position: relative;
    padding: 0 10px;
    margin: -20px auto 0;
    text-align: center
}

.menu-layout.our-values h2 {
    font-size: 25px;
    line-height: 28px
}

.menu-layout.our-values h2 {
    font-size: 22px;
    line-height: 25px
}

@media (max-width:767px) {
    #our-values {
        padding-top: 30px!important
    }
    .menu-layout .half-content {
        display: block!important
    }
}

#our-sanctuary .owl-carousel .owl-stage-outer .owl-item h3 {
    font-size: 20px;
    line-height: 28px
}

#our-sanctuary .owl-carousel .owl-stage-outer .owl-item img {
    width: 100%
}

#our-sanctuary .owl-carousel .owl-dots {
    bottom: -10px!important
}

#our-sanctuary .owl-carousel .owl-dots .owl-dot span {
    background-color: rgba(255, 255, 255, .2)!important
}

#our-sanctuary .owl-carousel .owl-dots .owl-dot.active span {
    background-color: rgba(0, 0, 0, .5)!important
}

#Filters li.healing {
    display: none!important
}

.healing-therapies .blog_wrapper .posts_group .post-item .post-photo-wrapper a {
    pointer-events: none
}

.healing-therapies .blog_wrapper .posts_group .post-item .post-desc-wrapper {
    margin-top: -45px;
    z-index: 2;
    position: relative
}

.healing-therapies .blog_wrapper .posts_group .post-item .post-desc-wrapper .post-desc .post-title {
    background-color: rgba(0, 90, 124, 1);
    display: table-cell;
    vertical-align: middle;
    padding: 4px 20px 8px;
    min-height: 56px;
    height: 56px
}

.healing-therapies .blog_wrapper .posts_group .post-item .post-desc-wrapper .post-desc .post-title h2 {
    margin: 0;
    text-align: center;
    line-height: 18px;
    letter-spacing: 2px
}

.healing-therapies .blog_wrapper .posts_group .post-item .post-desc-wrapper .post-desc .post-title h2 a {
    font-family: "Montserrat", sans-serif;
    color: #fff;
    text-transform: uppercase;
    line-height: 18px!important;
    font-weight: 700!important;
    pointer-events: none
}

.healing-therapies .blog_wrapper .posts_group .post-item .post-desc-wrapper .post-desc .post-excerpt {
    margin-top: 15px
}

.healing-therapies .blog_wrapper .posts_group .post-item .post-desc-wrapper .post-desc .post-footer {
    display: none
}

.healing-therapies .owl-carousel .owl-stage-outer .owl-item img {
    width: 100%
}

.healing-therapies .owl-carousel .owl-stage-outer .owl-item .post-item .post-desc-wrapper .post-desc .post-title {
    display: block;
    height: auto
}

.healing-therapies .owl-carousel .owl-nav.owl-nav button {
    margin-top: -115px!important
}

.healing-therapies .owl-carousel .owl-nav .owl-prev {
    left: 20px
}

.healing-therapies .owl-carousel .owl-dots {
    bottom: 0px!important
}

.sitemap h2 {
    font-size: 20px
}

.sitemap ul {
    margin: 0 0 15px 0;
    list-style: none
}

.sitemap ul.ul-second {
    list-style: none
}

.sitemap ul li,
.sitemap ul li a {
    color: #414141
}

.sitemap h2.wsp-posts-title,
.sitemap h2.wsp-portfolios-title,
.sitemap ul li strong.wsp-category-title {
    display: none
}

#Content .footer-segment-contact#booknow-package .section_wrapper .wrap {
    padding: 0 25px
}

@media (max-width:768px) {
    #Content .footer-segment-contact#booknow-package .section_wrapper .wrap {
        padding: 0 5px 5px
    }
    #Content .footer-segment-contact#booknow-package .section_wrapper .wrap a.button {
        margin-top: 10px!important
    }
}

.stick {
    position: fixed;
    top: 40px;
    z-index: 3;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out
}

#sb_instagram .sb_instagram_header {
    padding-bottom: 50px!important
}

#sb_instagram .sb_instagram_header {
    position: relative;
    float: none;
    text-align: center;
    width: 100%;
    max-width: 360px;
    margin: 0 auto 15px!important
}

#sb_instagram .sb_instagram_header h3 {
    font-size: 23px;
    text-transform: uppercase;
    line-height: 1
}

@media (max-width:480px) {
    #sb_instagram.sbi_col_10 #sbi_images .sbi_item,
    #sb_instagram.sbi_col_3 #sbi_images .sbi_item,
    #sb_instagram.sbi_col_4 #sbi_images .sbi_item,
    #sb_instagram.sbi_col_5 #sbi_images .sbi_item,
    #sb_instagram.sbi_col_6 #sbi_images .sbi_item,
    #sb_instagram.sbi_col_7 #sbi_images .sbi_item,
    #sb_instagram.sbi_col_8 #sbi_images .sbi_item,
    #sb_instagram.sbi_col_9 #sbi_images .sbi_item {
        width: 25%
    }
    #sb_instagram .sb_instagram_header h3 {
        font-size: 20px;
        line-height: 1.3
    }
}

#Footer .subscribe {
    margin-top: 35px
}

#Footer .container {
    max-width: 100%
}

#Footer h3 {
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 1px
}

#Footer .copyright,
#Footer p,
#Footer a,
#Footer span,
#Footer ul li {
    font-size: 14px!important;
    line-height: 24px;
    margin-bottom: 12px;
    color: #fff
}

#Footer h3.member {
    margin: 0 0 15px
}

#Wrapper #Footer form p {
    margin: 0 0
}

#Wrapper #Footer form label {
    width: 58%;
    max-width: 256px;
    display: inline-block;
    margin: 0 0
}

#Wrapper #Footer form input[type="submit"] {
    background-color: #5b6478!important;
    margin-left: 0;
    border-radius: 1px;
    border: none;
    padding: 8px 11px 7px!important;
    font-size: 25px!important;
    line-height: 25px!important;
    vertical-align: top;
    display: inline-block;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

#Wrapper #Footer form input[type="submit"]:hover {
    background-color: #fff!important;
    color: #5b6478!important
}

@media (max-width:768px) {
    #Wrapper #Footer form label {
        width: 75%;
        max-width: 250px;
        margin-left: 8px
    }
}

#Footer {
    background-color: #005a7c;
    padding: 0 30px;
    background-position: center center;
    background-size: cover
}

#Footer h4 {
    font-size: 17px;
    line-height: 25px;
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: uppercase
}

#Footer .widgets_wrapper {
    padding: 50px 0 65px
}

#Footer .widgets_wrapper .widget {
    padding: 0 0
}

#Footer .widgets_wrapper .container .one-second {
    width: 100%;
    padding-bottom: 50px
}

#Footer .widgets_wrapper .container .one-second p,
#Footer .widgets_wrapper .container .one-second a {
    margin-bottom: 0px!important;
    line-height: 0px!important
}

#Footer .widgets_wrapper .container .one-second:after {
    clear: both;
    display: block
}

#Footer .column.one-second .widget_custom_html .textwidget {
    position: relative;
    max-width: 1200px;
    margin: 0 auto
}

#Footer .widgets_wrapper .container .one-fourth.column {
    width: 48%
}

#Footer .widgets_wrapper .container .one-fourth.column .half {
    width: 70%;
    float: left
}

#Footer .widgets_wrapper .container .one-fourth.column .half:last-of-type {
    width: 30%;
    float: right;
    text-align: right
}

#Footer .widgets_wrapper .container .one-fourth.column .half:last-of-type h3 {
    text-align: right
}

#Footer .widgets_wrapper .container .one-fourth.column ul.collection.member li img {
    max-width: 120px
}

#Footer .widgets_wrapper .container .one-second h4 {
    text-align: center;
    margin-bottom: 15px
}

#Footer .widgets_wrapper .container .one-fourth.column ul.collection.member li img {
    max-width: 120px
}

#Footer .widgets_wrapper .container .one-second h4 {
    text-align: center;
    margin-bottom: 15px
}

#Footer .widgets_wrapper .container .one-second ul.collection {
    width: 100%;
    position: relative;
    margin: 0 auto;
    text-align: left
}

#Footer .widgets_wrapper .container .one-second ul.collection li {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    max-height: 100px;
    text-align: left;
    margin: 0 2.7%
}

#Footer .widgets_wrapper .container .one-second ul li {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    max-height: 100px;
    text-align: left;
    margin: 0 3.6%
}

#Footer .widgets_wrapper .container .one-second ul.collection li:first-child {
    margin-left: 0
}

#Footer .widgets_wrapper .container .one-second ul.collection li:last-child {
    position: absolute;
    right: 20px;
    margin: 0
}

#Footer .widgets_wrapper .container .one-second ul li a img {
    max-height: 100px;
    padding: 10px 10px
}

#Footer a,
#Footer p,
#Footer span,
#Footer ul li {
    font-size: 14px;
    line-height: 24px;
    color: #fff
}

#Footer .footer_copy i.icon-up-open-big:before {
    margin-top: 12px
}

@media (max-width:1239px) {
    #Footer .widgets_wrapper .container .one-second ul.collection li {
        margin: 0 1.9%
    }
    #Footer .widgets_wrapper .container .one-second ul.collection li a img {
        max-height: 87px
    }
}

@media (max-width:959px) {
    #Footer .widgets_wrapper .container .one-second ul.collection li {
        width: 32.433%;
        margin: 0 0
    }
    #Footer .widgets_wrapper .container .one-second ul.collection li:nth-of-type(2),
    #Footer .widgets_wrapper .container .one-second ul.collection li:nth-of-type(5) {
        text-align: center
    }
    #Footer .widgets_wrapper .container .one-second ul.collection li:nth-of-type(3),
    #Footer .widgets_wrapper .container .one-second ul.collection li:nth-of-type(6) {
        text-align: right;
        right: 0
    }
    #Footer .widgets_wrapper .container .one-second ul.collection li:nth-of-type(3) {
        float: right
    }
}

@media (max-width:767px) {
    #Footer .widgets_wrapper .container .one-second ul.collection {
        padding-top: 20px
    }
    #Footer .widgets_wrapper .container .one-second ul.collection li a img {
        max-height: 70px
    }
}

@media (max-width:767px) {
    #Footer .widgets_wrapper .container .one-second ul li {
        width: 33.333%
    }
    #Footer .widgets_wrapper .container .one-fourth.column {
        text-align: center
    }
    #Footer .widgets_wrapper .container .one-fourth.column .half,
    #Footer .widgets_wrapper .container .one-fourth.column .half:last-of-type {
        width: 100%;
        float: none;
        text-align: center;
        padding-top: 30px
    }
    #Footer .footer_copy .social li a i {
        font-size: 20px
    }
}

#Content ol li {
    color: #414141
}

#Content a.button.white {
    border: 1px solid #fff;
    color: #fff!important
}

#Content a.button.white:hover {
    background-color: #fff!important;
    color: #005a7c!important
}

.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
    color: #dedede
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5
}

.-disabled-.datepicker--cell-day.-other-month-:hover,
.-disabled-.datepicker--cell-year.-other-decade-:hover {
    color: #dedede
}

.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6
}

.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none
}

.datepicker--cells {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.datepicker--cell {
    border-radius: 4px;
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 32px;
    z-index: 1
}

.datepicker--cell:hover {
    background: #f0f0f0
}

.datepicker--cell.-current- {
    color: #4EB5E6
}

.datepicker--cell.-current-:hover {
    color: #4a4a4a
}

.datepicker--cell.-disabled- {
    cursor: default;
    color: #aeaeae;
    background: none
}

.datepicker--cell.-selected- {
    color: #fff;
    background: #5cc4ef
}

.datepicker--cell.-selected-.-current- {
    color: #fff;
    background: #5cc4ef
}

.datepicker--days-names {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 8px 0 3px
}

.datepicker--day-name {
    color: #FF9A19;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    text-transform: uppercase;
    font-size: .8em
}

.datepicker--cell-day {
    width: 14.28571%
}

.datepicker--cells-months {
    height: 170px
}

.datepicker--cell-month {
    width: 33.33%;
    height: 25%
}

.datepicker--years {
    height: 170px
}

.datepicker--cells-years {
    height: 170px
}

.datepicker--cell-year {
    width: 25%;
    height: 33.33%
}

.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
    color: #dedede
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5
}

.-disabled-.datepicker--cell-day.-other-month-:hover,
.-disabled-.datepicker--cell-year.-other-decade-:hover {
    color: #dedede
}

.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6
}

.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none
}

.datepickers-container {
    position: absolute;
    left: 0;
    top: 0
}

.datepicker {
    background: #fff;
    border: 1px solid #dbdbdb;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    border-radius: 4px;
    box-sizing: content-box;
    font-family: Tahoma, sans-serif;
    font-size: 14px;
    color: #4a4a4a;
    width: 250px;
    position: absolute;
    left: -100000px;
    opacity: 0;
    transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s;
    transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
    z-index: 100
}

.datepicker.-from-top- {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px)
}

.datepicker.-from-right- {
    -webkit-transform: translateX(8px);
    transform: translateX(8px)
}

.datepicker.-from-bottom- {
    -webkit-transform: translateY(8px);
    transform: translateY(8px)
}

.datepicker.-from-left- {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px)
}

.datepicker.active {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0);
    transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s;
    transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease
}

.datepicker-inline .datepicker {
    border-color: #d7d7d7;
    box-shadow: none;
    position: static;
    left: auto;
    right: auto;
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.datepicker-inline .datepicker--pointer {
    display: none
}

.datepicker--content {
    box-sizing: content-box;
    padding: 4px
}

.datepicker--pointer {
    position: absolute;
    background: #fff;
    border-top: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    width: 10px;
    height: 10px;
    z-index: -1
}

.-top-left- .datepicker--pointer,
.-top-center- .datepicker--pointer,
.-top-right- .datepicker--pointer {
    top: calc(100% - 4px);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.-right-top- .datepicker--pointer,
.-right-center- .datepicker--pointer,
.-right-bottom- .datepicker--pointer {
    right: calc(100% - 4px);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.-bottom-left- .datepicker--pointer,
.-bottom-center- .datepicker--pointer,
.-bottom-right- .datepicker--pointer {
    bottom: calc(100% - 4px);
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg)
}

.-left-top- .datepicker--pointer,
.-left-center- .datepicker--pointer,
.-left-bottom- .datepicker--pointer {
    left: calc(100% - 4px);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.-top-left- .datepicker--pointer,
.-bottom-left- .datepicker--pointer {
    left: 10px
}

.-top-right- .datepicker--pointer,
.-bottom-right- .datepicker--pointer {
    right: 10px
}

.-top-center- .datepicker--pointer,
.-bottom-center- .datepicker--pointer {
    left: calc(50% - 10px / 2)
}

.-left-top- .datepicker--pointer,
.-right-top- .datepicker--pointer {
    top: 10px
}

.-left-bottom- .datepicker--pointer,
.-right-bottom- .datepicker--pointer {
    bottom: 10px
}

.-left-center- .datepicker--pointer,
.-right-center- .datepicker--pointer {
    top: calc(50% - 10px / 2)
}

.datepicker--body {
    display: none
}

.datepicker--body.active {
    display: block
}

.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
    color: #dedede
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5
}

.-disabled-.datepicker--cell-day.-other-month-:hover,
.-disabled-.datepicker--cell-year.-other-decade-:hover {
    color: #dedede
}

.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6
}

.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none
}

.datepicker--nav {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #efefef;
    min-height: 32px;
    padding: 4px
}

.datepicker--nav-title,
.datepicker--nav-action {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.datepicker--nav-action {
    width: 32px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.datepicker--nav-action:hover {
    background: #f0f0f0
}

.datepicker--nav-action.-disabled- {
    visibility: hidden
}

.datepicker--nav-action svg {
    width: 32px;
    height: 32px
}

.datepicker--nav-action path {
    fill: none;
    stroke: #9c9c9c;
    stroke-width: 2px
}

.datepicker--nav-title {
    border-radius: 4px;
    padding: 0 8px
}

.datepicker--nav-title i {
    font-style: normal;
    color: #9c9c9c;
    margin-left: 5px
}

.datepicker--nav-title:hover {
    background: #f0f0f0
}

.datepicker--nav-title.-disabled- {
    cursor: default;
    background: none
}

.datepicker--buttons {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 4px;
    border-top: 1px solid #efefef
}

.datepicker--button {
    color: #4EB5E6;
    cursor: pointer;
    border-radius: 4px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 32px
}

.datepicker--button:hover {
    color: #4a4a4a;
    background: #f0f0f0
}

.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
    color: #dedede
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5
}

.-disabled-.datepicker--cell-day.-other-month-:hover,
.-disabled-.datepicker--cell-year.-other-decade-:hover {
    color: #dedede
}

.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6
}

.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: inline;
    width: auto;
    height: auto;
    max-width: 100%
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: none
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease
}

.owl-carousel .owl-item .owl-lazy[src^=""],
.owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(../../../plugins/slide-anything/owl-carousel/owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-carousel .owl-stage-outer {
    width: 100%!important
}

#sa_invalid_postid {
    width: 100%!important;
    padding: 20px 0px!important;
    font-size: 16px!important;
    line-height: 22px!important;
    color: crimson!important
}

.sa_owl_theme .owl-dots {
    position: absolute;
    width: 100%;
    display: block!important;
    padding: 10px 0 0px!important;
    bottom: -22px!important;
    text-align: center!important;
    font-size: 12px!important;
    line-height: 12px!important
}

.sa_owl_theme .owl-dots .owl-dot {
    display: inline-block!important
}

.sa_owl_theme .owl-dots .owl-dot span {
    display: inline-block!important;
    border-style: none!important;
    background-color: rgba(0, 0, 0, .2)!important;
    width: 10px!important;
    height: 10px!important;
    border-radius: 50%!important;
    margin: unset!important;
    transition: all .3s ease-in-out!important;
    -webkit-transition: all .3s ease-in-out!important;
    -moz-transition: all .3s ease-in-out!important;
    -o-transition: all .3s ease-in-out!important
}

.sa_owl_theme .owl-dots .active span {
    background-color: rgba(0, 0, 0, .5)!important
}

.sa_owl_theme .owl-dots .owl-dot span:hover {
    background-color: rgba(0, 0, 0, .5)!important
}

.owl-pagination-true {
    margin-bottom: 22px!important
}

.sa_owl_theme .owl-nav {
    display: block!important
}

.autohide-arrows .owl-nav {
    display: none!important
}

.autohide-arrows:hover .owl-nav {
    display: block!important
}

.sa_owl_theme .owl-nav div,
.sa_owl_theme .owl-nav button {
    position: absolute;
    top: 50%;
    padding: 2px 0px!important;
    display: inline-block;
    margin-top: -20px!important;
    line-height: 30px!important;
    height: 40px!important;
    width: 30px!important;
    transition: all .3s ease-in-out!important;
    -webkit-transition: all .3s ease-in-out!important;
    -moz-transition: all .3s ease-in-out!important;
    -o-transition: all .3s ease-in-out!important
}

.sa_owl_theme .owl-nav .owl-prev {
    left: 10px
}

.sa_owl_theme .owl-nav .owl-next {
    right: 10px
}

.sa_owl_theme .disabled .owl-prev,
.sa_owl_theme .disabled .owl-next {
    display: none!important
}

.white .sa_owl_theme .owl-nav .owl-prev {
    background: rgba(0, 0, 0, .3) url(../../../plugins/slide-anything/images/icon_prev.png) no-repeat center center!important
}

.white .sa_owl_theme .owl-nav .owl-next {
    background: rgba(0, 0, 0, .3) url(../../../plugins/slide-anything/images/icon_next.png) no-repeat center center!important
}

.white .sa_owl_theme .owl-nav .owl-prev:hover,
.white .sa_owl_theme .owl-nav .owl-next:hover {
    background-color: rgba(0, 0, 0, .8)!important
}

.black .sa_owl_theme .owl-nav .owl-prev {
    background: rgba(255, 255, 255, .3) url(../../../plugins/slide-anything/images/black_icon_prev.png) no-repeat center center!important
}

.black .sa_owl_theme .owl-nav .owl-next {
    background: rgba(255, 255, 255, .3) url(../../../plugins/slide-anything/images/black_icon_next.png) no-repeat center center!important
}

.black .sa_owl_theme .owl-nav .owl-prev:hover,
.black .sa_owl_theme .owl-nav .owl-next:hover {
    background-color: rgba(255, 255, 255, .8)!important
}

.sa_owl_theme .owl-item .sa_hover_container .sa_hover_buttons {
    width: auto;
    height: auto;
    position: absolute;
    border-radius: 0px!important;
    z-index: 2;
    cursor: pointer;
    background: transparent!important
}

.sa_owl_theme .owl-item .sa_hover_container .always_visible .sa_slide_link_icon,
.sa_owl_theme .owl-item .sa_hover_container .always_visible .sa_popup_zoom_icon,
.sa_owl_theme .owl-item .sa_hover_container .always_visible .sa_popup_video_icon,
.sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_slide_link_icon,
.sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_zoom_icon,
.sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_video_icon {
    display: block;
    float: left;
    width: 40px;
    height: 40px
}

.sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_slide_link_icon:hover,
.sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_zoom_icon:hover,
.sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_video_icon:hover {
    transition: background-color .3s ease-in-out, background-image .3s ease-in-out!important;
    -webkit-transition: background-color .3s ease-in-out, background-image .3s ease-in-out!important;
    -moz-transition: background-color .3s ease-in-out, background-image .3s ease-in-out!important;
    -o-transition: background-color .3s ease-in-out, background-image .3s ease-in-out!important
}

.white .sa_owl_theme .owl-item .sa_hover_container .always_visible .sa_slide_link_icon,
.white .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_slide_link_icon {
    background: rgba(0, 0, 0, .3) url(../../../plugins/slide-anything/images/slide_link.png) no-repeat center center!important
}

.white .sa_owl_theme .owl-item .sa_hover_container .always_visible .sa_popup_zoom_icon,
.white .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_zoom_icon {
    background: rgba(0, 0, 0, .3) url(../../../plugins/slide-anything/images/lightbox_zoom.png) no-repeat center center!important
}

.white .sa_owl_theme .owl-item .sa_hover_container .always_visible .sa_popup_video_icon,
.white .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_video_icon {
    background: rgba(0, 0, 0, .3) url(../../../plugins/slide-anything/images/lightbox_video.png) no-repeat center center!important
}

.white .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_slide_link_icon:hover,
.white .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_zoom_icon:hover,
.white .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_video_icon:hover {
    background-color: rgba(0, 0, 0, .8)!important
}

.black .sa_owl_theme .owl-item .sa_hover_container .always_visible .sa_slide_link_icon,
.black .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_slide_link_icon {
    background: rgba(255, 255, 255, .3) url(../../../plugins/slide-anything/images/black_slide_link.png) no-repeat center center!important
}

.black .sa_owl_theme .owl-item .sa_hover_container .always_visible .sa_popup_zoom_icon,
.black .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_zoom_icon {
    background: rgba(255, 255, 255, .3) url(../../../plugins/slide-anything/images/black_lightbox_zoom.png) no-repeat center center!important
}

.black .sa_owl_theme .owl-item .sa_hover_container .always_visible .sa_popup_video_icon,
.black .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_video_icon {
    background: rgba(255, 255, 255, .3) url(../../../plugins/slide-anything/images/black_lightbox_video.png) no-repeat center center!important
}

.black .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_slide_link_icon:hover,
.black .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_zoom_icon:hover,
.black .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_popup_video_icon:hover {
    background-color: rgba(255, 255, 255, .8)!important
}

.white .sa_hero_slider,
.black .sa_hero_slider {
    height: 100vh!important
}

.white .sa_hero_slider .owl-stage-outer,
.black .sa_hero_slider .owl-stage-outer,
.white .sa_hero_slider .owl-stage-outer .owl-stage,
.black .sa_hero_slider .owl-stage-outer .owl-stage,
.white .sa_hero_slider .owl-stage-outer .owl-stage .owl-item,
.black .sa_hero_slider .owl-stage-outer .owl-stage .owl-item,
.white .sa_hero_slider .owl-stage-outer .owl-stage .owl-item .sa_hover_container,
.black .sa_hero_slider .owl-stage-outer .owl-stage .owl-item .sa_hover_container {
    height: 100%!important
}

.white,
.black {
    position: relative!important
}

.white>#showcase_nav,
.black>#showcase_nav {
    display: block!important;
    z-index: 2!important
}

.white>#showcase_nav.autohide_arrows,
.black>#showcase_nav.autohide_arrows {
    display: none!important
}

.white:hover>#showcase_nav,
.black:hover>#showcase_nav {
    display: block!important
}

#showcase_nav div,
#showcase_nav button {
    position: absolute;
    top: 50%;
    border-style: none!important;
    padding: 2px 0px!important;
    display: inline-block;
    margin-top: -20px!important;
    line-height: 30px!important;
    height: 40px!important;
    width: 30px!important;
    cursor: pointer!important;
    z-index: 2!important;
    transition: all .3s ease-in-out!important;
    -webkit-transition: all .3s ease-in-out!important;
    -moz-transition: all .3s ease-in-out!important;
    -o-transition: all .3s ease-in-out!important
}

#showcase_nav .owl-prev {
    left: 10px
}

#showcase_nav .owl-next {
    right: 10px
}

.white>.disabled .owl-prev,
.white>.disabled .owl-next,
.black>.disabled .owl-prev,
.black>.disabled .owl-next {
    display: none!important
}

.sa_owl_theme .disabled .owl-prev,
.sa_owl_theme .disabled .owl-next {
    display: none!important
}

.white>#showcase_nav .owl-prev {
    background: rgba(0, 0, 0, .3) url(../../../plugins/slide-anything/images/icon_prev.png) no-repeat center center!important
}

.white>#showcase_nav .owl-next {
    background: rgba(0, 0, 0, .3) url(../../../plugins/slide-anything/images/icon_next.png) no-repeat center center!important
}

.white>#showcase_nav .owl-prev:hover,
.white>#showcase_nav .owl-next:hover {
    background-color: rgba(0, 0, 0, .8)!important
}

.black>#showcase_nav .owl-prev {
    background: rgba(255, 255, 255, .3) url(../../../plugins/slide-anything/images/black_icon_prev.png) no-repeat center center!important
}

.black>#showcase_nav .owl-next {
    background: rgba(255, 255, 255, .3) url(../../../plugins/slide-anything/images/black_icon_next.png) no-repeat center center!important
}

.black>#showcase_nav .owl-prev:hover,
.black>#showcase_nav .owl-next:hover {
    background-color: rgba(255, 255, 255, .8)!important
}

@media only screen and (max-width:999px) {
    .showcase_tablet {
        width: var(--widthtab)!important;
        left: var(--lefttab)!important
    }
    .showcase_hide_tablet {
        width: 100%!important;
        left: 0px!important
    }
}

@media only screen and (max-width:767px) {
    .showcase_mobile {
        width: var(--widthmob)!important;
        left: var(--leftmob)!important
    }
    .showcase_hide_mobile {
        width: 100%!important;
        left: 0px!important
    }
}

.sa_owl_thumbs_wrap {
    display: block!important;
    z-index: 2!important;
    text-align: center!important
}

.sa_owl_thumbs_wrap .owl-thumbs {
    display: block!important;
    margin: auto!important;
    text-align: center!important;
    font-size: 0px!important;
    line-height: 0px!important
}

.sa_owl_thumbs_wrap .owl-thumbs .owl-thumb-item {
    display: inline-block!important;
    cursor: pointer;
    transition: all .3s ease-in-out!important;
    -webkit-transition: all .3s ease-in-out!important;
    -moz-transition: all .3s ease-in-out!important;
    -o-transition: all .3s ease-in-out!important
}

.sa_owl_thumbs_wrap .owl-thumbs .active,
.sa_owl_thumbs_wrap .owl-thumbs .owl-thumb-item:hover {
    opacity: 1.0!important
}

.sa_thumbs_inside_bottom,
.sa_thumbs_inside_top {
    position: absolute!important;
    width: 100%!important
}

.sa_thumbs_inside_bottom {
    bottom: 0px!important
}

.sa_thumbs_inside_top {
    top: 0px!important
}

.sa_thumbs_inside_left,
.sa_thumbs_inside_right {
    position: absolute!important;
    top: 0px!important;
    height: 100%!important;
    padding: 0px!important;
    box-sizing: content-box!important;
    padding-top: 0px!important;
    padding-bottom: 0px!important;
    overflow: hidden!important
}

.sa_thumbs_inside_left .owl-thumbs,
.sa_thumbs_inside_right .owl-thumbs {
    position: absolute!important;
    top: 50%!important;
    transform: translate(0, -50%)!important;
    max-height: 100%!important;
    box-sizing: content-box!important;
    width: 100%!important;
    padding-right: 20px!important;
    overflow-y: scroll!important;
    overflow-x: hidden!important
}

.sa_thumbs_outside_bottom {
    position: relative!important;
    width: 100%!important
}

@media only screen and (max-width:999px) {
    .white .sa_thumbs_hide_tablet,
    .black .sa_thumbs_hide_tablet {
        display: none!important
    }
}

@media only screen and (max-width:767px) {
    .white .sa_thumbs_hide_mobile,
    .black .sa_thumbs_hide_mobile {
        display: none!important
    }
}

.sa_custom_popup {
    position: relative;
    padding: 20px;
    width: auto;
    margin: 20px auto
}

.mfp-hide {
    display: none!important
}

@charset "UTF-8";

/*!

 * 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;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

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

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

@-webkit-keyframes bounce {
    20%,
    53%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(.755, .050, .855, .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 {
    20%,
    53%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        animation-timing-function: cubic-bezier(.755, .050, .855, .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 {
    50%,
    from,
    to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

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

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

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

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

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

@-webkit-keyframes rubberBand {
    from,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .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)
    }
}

@keyframes rubberBand {
    from,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .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)
    }
}

.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,
    to {
        -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)
    }
}

@keyframes tada {
    from,
    to {
        -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)
    }
}

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

@-webkit-keyframes wobble {
    from,
    to {
        -webkit-transform: none;
        transform: none
    }
    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)
    }
}

@keyframes wobble {
    from,
    to {
        -webkit-transform: none;
        transform: none
    }
    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)
    }
}

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

@-webkit-keyframes jello {
    11.1%,
    from,
    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(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }
    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {
    11.1%,
    from,
    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(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }
    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

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

@-webkit-keyframes bounceIn {
    20%,
    40%,
    60%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    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 {
    20%,
    40%,
    60%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    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 {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    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 {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    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 {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    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 {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    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 {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    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 {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    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 {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    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 {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    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-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
}

.flipInY,
.flipOutX {
    -webkit-backface-visibility: visible!important
}

@-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 {
    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;
    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-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
}

@-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
}

@-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(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    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(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    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(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    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(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    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(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    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(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    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(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    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(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    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(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    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(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    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(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    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(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    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(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 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)
    }
}

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