@charset "UTF-8";
/* ------------------------------------------------------------------
* [Table of contents]
*
* 1. Base Styling
* 2. WordPress Styles
* 3. Tables
* 4. Forms
* 5. Buttons
*
* 6. UI Components
* 		6.1. Header
* 		6.2. Footer
* 		6.3. Sections
* 		6.4. Components 
*
* ------------------------------------------------------------------ */
/* */
/* */
/* */
/* */
/* ----------------- 1. Base Styling ----------------- */

* {
    margin: 0;
    border: 0;
    padding: 0;
    font-size: 100%;
}
/* IMPORT ROBOTO */

@import url('https://fonts.googleapis.com/css?family=Roboto');
body {
    opacity: 0;
    color: #4a4a4a;
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.04em;
    font-size: 16px;
    line-height: 22px;
    -webkit-transition: all 525ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 525ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 525ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
body.dom-ready {
    opacity: 1;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #262b2d;
    margin: 0 0 0.5em;
    font-weight: 700;
    line-height: 1.35em;
    font-family: 'Roboto', sans-serif;
}
@media (max-width: 1200px) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        line-height: 1.25em;
    }
}
@media (max-width: 992px) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        line-height: 1.2em;
    }
}
@media (max-width: 768px) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        line-height: 1.15em;
    }
}
h1 {
    font-size: 45px;
}
@media (max-width: 1200px) {
    h1 {
        font-size: 36px;
    }
}
@media (max-width: 992px) {
    h1 {
        font-size: 32px;
    }
}
@media (max-width: 768px) {
    h1 {
        font-size: 28px;
    }
}
h2 {
    font-size: 32px;
}
@media (max-width: 1200px) {
    h2 {
        font-size: 26px;
    }
}
@media (max-width: 992px) {
    h2 {
        font-size: 22px;
    }
}
@media (max-width: 768px) {
    h2 {
        font-size: 18px;
    }
}
h3 {
    font-size: 22px;
}
@media (max-width: 1200px) {
    h3 {
        font-size: 18px;
    }
}
@media (max-width: 992px) {
    h3 {
        font-size: 17px;
    }
}
@media (max-width: 768px) {
    h3 {
        font-size: 15px;
    }
}
h4 {
    font-size: 17px;
}
h5 {
    font-size: 15px;
}
h6 {
    font-size: 12px;
}
p {
    font-size: 16px;
    margin: 0 0 0.5em;
}
img {
    max-width: 100%;
    height: auto;
}
input[type="number"],
input[type="search"],
input[type="email"],
input[type="text"],
input[type="url"],
input[type="password"],
input[type="submit"],
textarea {
    -webkit-appearance: none;
    border-radius: 0;
}
input:focus,
button:focus,
select:focus,
textarea:focus {
    outline: none;
}
a {
    text-decoration: none;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    transition: all 0.15s;
    color: inherit;
}
a:hover,
a:focus,
a:active {
    text-decoration: none;
    color: inherit;
}
html .row-fit {
    margin: 0;
}
html .row-fit [class*="col-"] {
    padding: 0;
}
html .row-fit-10 {
    margin: 0 -5px;
}
html .row-fit-10 [class*="col-"] {
    padding: 0 5px;
}
html .row-fit-30 {
    margin: 0 -15px;
}
html .row-fit-30 [class*="col-"] {
    padding: 0 15px;
}
html [class*="vc_col-"] {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.vc_row {
    margin: 0 !important;
}
.vc_column_container>.vc_column-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.ovh {
    overflow: hidden;
}
.full-height {
    height: 100vh;
    overflow-y: auto;
    padding-top: 0;
    padding-bottom: 0;
}
.middle-content {
    position: relative;
}
.middle-content > div:not(.vc_parallax-inner) {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
}
.box.vc_row {
    margin-left: auto !important;
    margin-right: auto !important;
}
.paralax-section {
    position: relative;
    overflow: hidden;
}
.paralax-section > div:not(.vc_parallax-inner) {
    z-index: 1;
    position: relative;
}
.vc_parallax-inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    pointer-events: none;
}
.container {
    margin-left: 0;
    width: 100%;
}
.container-fluid {
    max-width: 1920px;
    padding-left: 7%;
    padding-right: 7%;
}
.box-no-spaces {
    margin: 0 !important;
    padding: 0 !important;
}
.no-padding {
    padding: 0 !important;
}
.no-margin {
    margin: 0 !important;
}
.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.uppercase {
    text-transform: uppercase;
}
.align-left {
    text-align: left;
}
.align-center {
    text-align: center;
}
.align-right {
    text-align: right;
}
.clean-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.clean-list li {
    list-style-type: none;
}
.content-wrapper {
    padding: 50px 0;
    overflow: hidden;
}
@-webkit-keyframes pop-upwards {
    0% {
        -webkit-transform: translateY(20px) scale(0);
        -ms-transform: translateY(20px) scale(0);
        transform: translateY(20px) scale(0);
        opacity: 0;
    }
    20% {
        -webkit-transform: translateY(10px) scale(0.5);
        -ms-transform: translateY(10px) scale(0.5);
        transform: translateY(10px) scale(0.5);
        opacity: 0.7;
    }
    40% {
        -webkit-transform: translateY(0) scale(0.85);
        -ms-transform: translateY(0) scale(0.85);
        transform: translateY(0) scale(0.85);
        opacity: 1;
    }
    70% {
        -webkit-transform: translateY(-5px) scale(1.15);
        -ms-transform: translateY(-5px) scale(1.15);
        transform: translateY(-5px) scale(1.15);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateY(0) scale(1);
        -ms-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}
@-moz-keyframes pop-upwards {
    0% {
        -webkit-transform: translateY(20px) scale(0);
        -ms-transform: translateY(20px) scale(0);
        transform: translateY(20px) scale(0);
        opacity: 0;
    }
    20% {
        -webkit-transform: translateY(10px) scale(0.5);
        -ms-transform: translateY(10px) scale(0.5);
        transform: translateY(10px) scale(0.5);
        opacity: 0.7;
    }
    40% {
        -webkit-transform: translateY(0) scale(0.85);
        -ms-transform: translateY(0) scale(0.85);
        transform: translateY(0) scale(0.85);
        opacity: 1;
    }
    70% {
        -webkit-transform: translateY(-5px) scale(1.15);
        -ms-transform: translateY(-5px) scale(1.15);
        transform: translateY(-5px) scale(1.15);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateY(0) scale(1);
        -ms-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}
@-ms-keyframes pop-upwards {
    0% {
        -webkit-transform: translateY(20px) scale(0);
        -ms-transform: translateY(20px) scale(0);
        transform: translateY(20px) scale(0);
        opacity: 0;
    }
    20% {
        -webkit-transform: translateY(10px) scale(0.5);
        -ms-transform: translateY(10px) scale(0.5);
        transform: translateY(10px) scale(0.5);
        opacity: 0.7;
    }
    40% {
        -webkit-transform: translateY(0) scale(0.85);
        -ms-transform: translateY(0) scale(0.85);
        transform: translateY(0) scale(0.85);
        opacity: 1;
    }
    70% {
        -webkit-transform: translateY(-5px) scale(1.15);
        -ms-transform: translateY(-5px) scale(1.15);
        transform: translateY(-5px) scale(1.15);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateY(0) scale(1);
        -ms-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}
@-o-keyframes pop-upwards {
    0% {
        -webkit-transform: translateY(20px) scale(0);
        -ms-transform: translateY(20px) scale(0);
        transform: translateY(20px) scale(0);
        opacity: 0;
    }
    20% {
        -webkit-transform: translateY(10px) scale(0.5);
        -ms-transform: translateY(10px) scale(0.5);
        transform: translateY(10px) scale(0.5);
        opacity: 0.7;
    }
    40% {
        -webkit-transform: translateY(0) scale(0.85);
        -ms-transform: translateY(0) scale(0.85);
        transform: translateY(0) scale(0.85);
        opacity: 1;
    }
    70% {
        -webkit-transform: translateY(-5px) scale(1.15);
        -ms-transform: translateY(-5px) scale(1.15);
        transform: translateY(-5px) scale(1.15);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateY(0) scale(1);
        -ms-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}
@keyframes pop-upwards {
    0% {
        -webkit-transform: translateY(20px) scale(0);
        -ms-transform: translateY(20px) scale(0);
        transform: translateY(20px) scale(0);
        opacity: 0;
    }
    20% {
        -webkit-transform: translateY(10px) scale(0.5);
        -ms-transform: translateY(10px) scale(0.5);
        transform: translateY(10px) scale(0.5);
        opacity: 0.7;
    }
    40% {
        -webkit-transform: translateY(0) scale(0.85);
        -ms-transform: translateY(0) scale(0.85);
        transform: translateY(0) scale(0.85);
        opacity: 1;
    }
    70% {
        -webkit-transform: translateY(-5px) scale(1.15);
        -ms-transform: translateY(-5px) scale(1.15);
        transform: translateY(-5px) scale(1.15);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateY(0) scale(1);
        -ms-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}
/* ----------------- 2. Wordpress Styles ----------------- */

.alignleft {
    float: left;
    text-align: left;
    margin-bottom: 10px;
    margin-right: 20px;
}
.alignright {
    float: right;
    text-align: right;
    margin-bottom: 20px;
    margin-left: 20px;
}
.aligncenter {
    text-align: center;
}
.post-content img.aligncenter {
    display: table;
    margin-left: auto;
    margin-right: auto;
}
.post-content a {
    color: #e00a1a !important;
}
.align-left {
    text-align: left !important;
}
img.size-full,
img.size-large {
    max-width: 100%;
    width: auto;
    height: auto;
}
.wp-caption {
    font-family: 'Roboto', sans-serif;
    max-width: 100%;
    position: relative;
}
.wp-caption p {
    margin: 0 !important;
}
.wp-caption-text {
    font-family: 'Roboto', sans-serif;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 11px;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 400;
    margin: 0 !important;
}
.wp-caption-text p {
    margin: 0 !important;
}
/* ------------- Start Unit-Testing ------------- */

iframe {
    max-width: 100% !important;
}
table,
tr,
td,
th {
    border: 1px solid #2a3239;
}
table {
    font-family: "Montserrat", sans-serif;
    table-layout: fixed;
    text-align: left;
    width: 100%;
    margin-bottom: 20px;
}
table thead {
    font-size: 19px !important;
    letter-spacing: 0.1em;
    background: #2a3239;
    font-weight: 700;
    color: #fff;
}
table td,
table th {
    font-size: 15px !important;
    padding: 10px 20px;
    font-weight: 500;
}
ul,
ol {
    margin-bottom: 20px;
    padding-left: 25px;
}
ul li ol,
ul li ul,
ol li ol,
ol li ul {
    margin: 7.5px 0;
}
blockquote {
    margin: 0 auto 25px;
    font-style: italic;
    max-width: 750px;
    font-size: 19px !important;
    font-family: Georgia, Times, "Times New Roman", serif;
    color: #2a3239;
    display: block;
    width: 100%;
    padding-left: 25px;
    border-left: 2px solid #e00a1a;
}
blockquote p {
    color: #2a3239 !important;
    font-size: inherit !important;
}
address {
    border: 3px dashed #e00a1a;
    font-size: 19px !important;
    font-family: Georgia, Times, "Times New Roman", serif;
    line-height: 1.35em;
    margin: 0 auto 25px;
    padding: 20px 30px;
    max-width: 750px;
    font-weight: 700;
    color: #2a3239;
}
pre {
    background: #2a3239;
    padding: 20px 30px;
    margin: 0 0 25px;
    display: block;
    color: #fff;
}
code {
    padding: 2.5px 13.5px;
    background: #2a3239;
    color: #fff;
}
dl {
    margin: 0 0 25px;
}
dl dt {
    margin: 10px 0 0;
    font-weight: 700;
    font-size: 18px;
    color: #2a3239;
}
dl dd {
    padding: 2.5px 0 0 15px;
}
abbr {
    cursor: help;
}
select {
    -webkit-transition: all 125ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 125ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 125ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    border: 2px solid #2a3239;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    width: 100%;
    max-width: 100% !important;
    padding: 5px 15px;
    margin: 5px 0;
    display: block;
    background: 0;
}
select:focus {
    border-color: #e00a1a;
}
/* ------------- End Unit-Testing ------------- */
/* ----------------- 3. Tables ----------------- */
/* ----------------- 4. Forms ----------------- */
/* ------ Subscribe form ------ */

.subscribe-form {
    position: relative;
    font-size: 0;
    font-family: "Montserrat", sans-serif;
}
.result_container {
    position: absolute;
    top: 10px;
    right: 178px;
    color: #F0686D;
    font-size: 9px;
}
.subscribe-form input {
    display: inline-block;
    border-radius: 25px;
}
.subscribe-form .form-input {
    -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    margin: 0 20px 0 0;
    padding: 9px 30px;
    font-size: 13px;
    color: #8d969a;
    width: 240px;
}
.subscribe-form .form-input::-webkit-input-placeholder {
    color: #bebebe;
}
.subscribe-form .form-input:-moz-placeholder {
    color: #bebebe;
}
.subscribe-form .form-input.placeholder {
    color: #bebebe;
}
.subscribe-form .form-input:focus,
.subscribe-form .form-input.has-value {
    width: 300px;
}
.subscribe-form .form-submit {
    color: #fff;
    font-size: 14px;
    min-width: 150px;
    line-height: 1em;
    background: #e00a1a;
    text-align: center;
    padding: 13px 25px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    -webkit-transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -moz-transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.subscribe-form .form-submit:hover {
    -webkit-box-shadow: -5px 3px 10px rgba(31, 46, 57, 0.2);
    box-shadow: -5px 3px 10px rgba(31, 46, 57, 0.2);
    background: #2aacfd;
}
/* ------ Comments & Contact form ------- */

.tt-custom-form {
    font-family: "Montserrat", sans-serif;
}
.tt-custom-form .title {
    text-transform: uppercase;
    letter-spacing: 0.3em;
    line-height: 1em;
    font-weight: 500;
    margin: 0 0 40px !important;
    font-size: 14px;
    color: #b5bbbc;
}
.tt-custom-form .input-line {
    position: relative;
    margin: 0 0 30px !important;
    display: block;
}
.tt-custom-form .input-line .input {
    border-bottom: 1px solid #ebebeb;
    display: block;
    width: 100%;
}
.tt-custom-form .input-line .input,
.tt-custom-form .input-line .label {
    color: #c2c2c2;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
.tt-custom-form .input-line .input {
    padding: 0 35px 5px;
    -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.tt-custom-form .input-line .input:focus,
.tt-custom-form .input-line .input.has-value {
    border-color: #e00a1a;
}
.tt-custom-form .input-line .input:focus + .label,
.tt-custom-form .input-line .input.has-value + .label {
    -webkit-transform: translateY(-3.5px);
    -ms-transform: translateY(-3.5px);
    transform: translateY(-3.5px);
    font-size: 10px;
    bottom: 100%;
    color: #e00a1a;
}
.tt-custom-form .input-line .input:focus + .label + .dot,
.tt-custom-form .input-line .input.has-value + .label + .dot {
    border-color: #e00a1a;
}
.tt-custom-form .input-line textarea {
    height: 28px;
    -webkit-transition: all 0.45s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.45s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.45s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.tt-custom-form .input-line textarea + .label {
    -webkit-transition-delay: 0.3s !important;
    -moz-transition-delay: 0.3s !important;
    transition-delay: 0.3s !important;
}
.tt-custom-form .input-line textarea:focus,
.tt-custom-form .input-line textarea.has-value {
    -webkit-transition-delay: 0.2s !important;
    -moz-transition-delay: 0.2s !important;
    transition-delay: 0.2s !important;
    height: 95px;
}
.tt-custom-form .input-line textarea:focus + .label,
.tt-custom-form .input-line textarea.has-value + .label {
    -webkit-transition-delay: 0s !important;
    -moz-transition-delay: 0s !important;
    transition-delay: 0s !important;
}
.tt-custom-form .input-line .label {
    left: 35px;
    z-index: 2;
    bottom: 11px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    line-height: 1em;
    position: absolute;
    pointer-events: none;
    -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.tt-custom-form .input-line .dot {
    -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    border: 1px solid #ebebeb;
    display: inline-block;
    position: absolute;
    bottom: -6.5px;
    left: 10px;
    width: 14px;
    height: 14px;
    background: #fff;
    border-radius: 50%;
}
.tt-custom-form .submit-wrapper .submit-btn {
    -webkit-transition: all 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    text-transform: uppercase;
    display: inline-block;
    letter-spacing: 0.1em;
    border-radius: 25px;
    padding: 13px 15px;
    background: #e00a1a;
    font-weight: 500;
    line-height: 1em;
    min-width: 150px;
    font-size: 14px;
    color: #fff;
}
.tt-custom-form .submit-wrapper .submit-btn:hover {
    -webkit-box-shadow: 3px -2px 10px 0px rgba(31, 46, 57, 0.2);
    box-shadow: 3px -2px 10px 0px rgba(31, 46, 57, 0.2);
    background: #18a6ff;
}
/* ------ Publish Form ------- */

.publish-form .title-placeholder {
    pointer-events: none;
    position: relative;
    z-index: -1;
}
.publish-form .title {
    color: #485257;
    font-size: 22px;
    margin: 0 0 90px;
    font-weight: 500;
    line-height: 1.1em;
    letter-spacing: 0.3em;
    text-transform: uppercase;
}
.publish-form .tt_editor {
    font-family: Georgia, Times, "Times New Roman", serif;
    min-height: 500px;
    color: #414141;
}
.publish-form .tt_editor div:focus {
    outline: none;
}
.publish-form .tt_editor .story-title {
    margin: 0 0 15px;
    color: inherit;
    font-size: 36px;
    font-weight: 700;
    letter-spacing: 0.04em;
}
.publish-form .tt_editor .story-title:focus {
    outline: none;
}
.publish-form .tt_editor .story-title .title-placeholder {
    color: #c2c2c2;
}
.publish-form .tt_editor p {
    width: 100%;
    display: block;
    color: inherit;
    font-size: 22px;
    min-height: 22px;
    margin: 0 0 20px;
    letter-spacing: 0.05em;
    font-family: Georgia, Times, "Times New Roman", serif;
}
.publish-form .tt_editor p .body-placeholder {
    color: #c2c2c2;
}
.publish-form .tt_editor img {
    -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    margin: 15px 0;
}
.publish-form .tt_editor img[data-align="centered"] {
    width: 75%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.publish-form .tt_editor img[data-align="full-width"] {
    width: 100%;
}
.publish-form .tt_editor img[data-align="left"] {
    float: left;
    width: 50%;
    margin-top: 5px;
    margin-right: 15px;
    margin-left: 0;
    margin-bottom: 15px;
}
.publish-form .tt_editor img[data-align="right"] {
    float: right;
    width: 50%;
    margin-top: 5px;
    margin-left: 15px;
    margin-right: 0;
    margin-bottom: 15px;
}
.publish-form .tt_editor .image-selected {
    -webkit-box-shadow: 0 0 0 3px #e00a1a;
    box-shadow: 0 0 0 3px #e00a1a;
}
.publish-form .tt_editor .story-body h1,
.publish-form .tt_editor .story-body h2,
.publish-form .tt_editor .story-body h3,
.publish-form .tt_editor .story-body h4,
.publish-form .tt_editor .story-body h5,
.publish-form .tt_editor .story-body h6 {
    font-family: Georgia, Times, "Times New Roman", serif;
}
.publish-form .tt_editor .story-body blockquote {
    border-left: 3px solid #e00a1a;
    color: rgba(0, 0, 0, 0.9);
    padding: 10px 25px;
    font-style: italic;
    line-height: 1.25em;
    margin: 0 0 20px;
    font-size: 28px;
    display: block;
}
.publish-form .submit-wrapper {
    background: #f5f5f5;
    padding: 45px 0 90px;
}
.publish-form .submit-wrapper .file-upload {
    display: block;
    margin: 0 0 45px;
}
.publish-form .submit-wrapper .file-upload input {
    display: none;
}
.publish-form .submit-wrapper .file-upload .text-wrapper {
    cursor: pointer;
    color: #c2c2c2;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
}
.publish-form .submit-wrapper .file-upload .text-wrapper span {
    border-bottom: 1px dashed #c2c2c2;
    -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.publish-form .submit-wrapper .file-upload .text-wrapper:after {
    -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    font-family: icomoon;
    display: inline-block;
    position: relative;
    margin: 0 0 0 10px;
    content: "";
    font-size: 14px;
    top: 2px;
}
.publish-form .submit-wrapper .file-upload .text-wrapper:hover:after {
    color: #e00a1a;
}
.publish-form .submit-wrapper .file-upload .text-wrapper:hover span {
    color: #e00a1a;
    border-color: #e00a1a;
}
.image-alignments {
    position: absolute;
    visibility: hidden;
    display: none;
    z-index: 8;
    left: 0;
    top: 0;
}
.image-alignments.visible {
    visibility: visible;
    display: inline-block;
    -webkit-animation: pop-upwards 200ms forwards linear;
    animation: pop-upwards 200ms forwards linear;
}
.image-alignments .align-options {
    display: inline-block;
    border-radius: 25px;
    background: #30363c;
    position: relative;
    padding: 7px 14px;
    line-height: 1em;
    font-size: 0;
}
.image-alignments .align-options:after {
    border-color: #30363c transparent transparent transparent;
    -webkit-transform: rotate(360deg);
    border-width: 7px 7.5px 0 7.5px;
    border-style: solid;
    position: absolute;
    margin-left: -7px;
    content: "";
    height: 0;
    left: 50%;
    top: calc(100% - 1px);
    width: 0;
}
.image-alignments .align-options .option {
    display: inline-block;
    margin: 0 15px 0 0;
}
.image-alignments .align-options .option i {
    -webkit-transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    vertical-align: middle;
    display: inline-block;
    text-align: center;
    min-width: 14px;
    font-size: 13px;
    color: #fff;
    cursor: pointer;
}
.image-alignments .align-options .option i:hover {
    color: #e00a1a;
}
.image-alignments .align-options .option:last-of-type {
    margin: 0;
}
/* ----------------- 5. Buttons ----------------- */

.btn {
    -webkit-transition: all 0.285s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.285s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.285s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    font-family: 'Roboto', sans-serif;
    font-family: 'Roboto', sans-serif;
    display: inline-block;
    text-align: center;
    line-height: 1em;
}
.btn:active,
.btn:focus {
    text-decoration: none;
    outline: none;
}
.btn.template-btn-1 {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    background: #e00a1a;
    padding: 14px 50px;
    border-radius: 25px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
.btn.template-btn-1:hover {
    -webkit-box-shadow: 2.5px 4.33px 10px 0px rgba(31, 46, 57, 0.2);
    box-shadow: 2.5px 4.33px 10px 0px rgba(31, 46, 57, 0.2);
    background: #18a6ff;
}
/* ----------------- 6. UI Components ----------------- */
/* ----------------- 6.1. Header ----------------- */

header .main-header-wrapper {
    background: #ffffff;
    position: relative;
    padding: 0 0 10px;
}
header .main-header-wrapper:before,
header .main-header-wrapper:after {
    width: calc(100% - 40px);
    background: #dce0e2;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 2px;
    content: "";
    z-index: 1;
    left: 50%;
}
header .main-header-wrapper:before {
    bottom: 4px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
header .main-header-wrapper:after {
    bottom: 0;
}
header .main-header-wrapper .site-identity {
    margin: 50px 0 0;
    display: block;
}
header .main-header-wrapper .advertising-block {
    padding: 20px 85px;
    border-bottom: 1px solid #dce0e2;
}
header .main-header-wrapper .advertising-block img {
    width: 100%;
}
header .main-header-wrapper .breaking-news {
    border-bottom: 1px solid #dce0e2;
    display: block;
    margin: 5px 0 0;
    padding: 22.5px 0 17.5px 205px;
    position: relative;
    min-height: 80px;
}
header .main-header-wrapper .breaking-news .block-title {
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    display: inline-block;
    letter-spacing: 0.1em;
    background: #dd4b4c;
    padding: 8px 11.5px;
    position: absolute;
    line-height: 1em;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    top: 15px;
    left: 0;
}
header .main-header-wrapper .breaking-news .block-body {
    color: #a9acae;
    font-size: 17px;
    line-height: 1em;
    overflow: hidden;
    min-height: 30px;
}
header .main-header-wrapper .breaking-news .block-body a {
    color: #e00a1a;
    margin: 0 3.5px;
    border-bottom: 1px solid transparent;
    -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
header .main-header-wrapper .breaking-news .block-body a:hover {
    border-color: #e00a1a;
}
@media (max-width: 650px) {
    header .main-header-wrapper .breaking-news {
        display: none;
    }
}
header .main-header-wrapper .main-nav {
    font-family: "Montserrat", sans-serif;
    padding: 25px 0 0;
    display: block;
    position: relative;
}
header .main-header-wrapper .main-nav ul {
    display: inline-block;
    font-size: 0;
}
header .main-header-wrapper .main-nav ul li {
    display: inline-block;
    position: relative;
    font-size: 14px;
    color: #485257;
}
header .main-header-wrapper .main-nav ul li:last-of-type {
    margin: 0;
}
header .main-header-wrapper .main-nav ul li a:hover {
    color: #e00a1a;
}
header .main-header-wrapper .main-nav ul li:hover > ul {
    visibility: visible;
    opacity: 1;
}
header .main-header-wrapper .main-nav ul li ul {
    border-top: 2px solid #e00a1a;
    visibility: hidden;
    position: absolute;
    background: #fff;
    text-align: left;
    display: block;
    width: 100%;
    z-index: 6;
    opacity: 0;
    padding: 0;
    margin: 0;
    top: 100%;
    left: 0;
}
header .main-header-wrapper .main-nav ul li ul li {
    border-bottom: 1px solid rgba(141, 150, 154, 0.2);
    padding: 10px 17.5px;
    position: relative;
    line-height: 1em;
    font-size: 14px;
    display: block;
    width: 100%;
    margin: 0;
}
header .main-header-wrapper .main-nav ul li ul li ul {
    left: 100%;
    top: 0;
}
header .main-header-wrapper .main-nav ul li ul li:last-of-type {
    border: 0;
}
header .main-header-wrapper .main-nav .search-panel-toggle {
    position: absolute;
    top: 24px;
    right: 0;
}
header .main-header-wrapper .main-nav .search-panel-toggle i {
    color: #485257;
    cursor: pointer;
    font-size: 18px;
    -webkit-transition: all 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -moz-transition: all 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: all 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
header .main-header-wrapper .main-nav .search-panel-toggle i:hover {
    color: #e00a1a;
}
header .main-header-wrapper .main-social-block {
    border-left: 1px solid #dce0e2;
    text-align: right;
}
header .main-social-block {
    margin: 40px 0 0;
}
header .main-social-block .social-platforms .platform {
    margin-right: 20px;
}
header .main-social-block .social-platforms .platform a {
    min-width: 115px;
}
header .main-social-block .social-platforms .platform:last-of-type {
    margin: 0;
}
@media (max-width: 1400px) {
    header .main-header-wrapper .main-nav ul li {
        font-size: 16px;
        margin: 0 20px 0 0;
    }
    header .main-header-wrapper .main-nav ul li:last-of-type {
        margin: 0;
    }
}
@media (max-width: 992px) {
    header .main-header-wrapper .site-identity {
        margin: 30px auto 0;
        display: block;
        max-width: 50%;
    }
}
@media (max-width: 768px) {
    header .main-header-wrapper {
        position: relative;
    }
    header .main-header-wrapper .site-identity {
        max-width: 35%;
    }
    header .main-header-wrapper .main-social-block {
        display: none;
    }
}
@media (max-width: 1700px) {
    header .main-social-block {
        margin: 15px 0 0;
    }
    header .main-social-block .social-platforms {
        padding-bottom: 27.5px;
    }
    header .main-social-block .social-platforms .platform {
        margin: 0 15px 0 0;
    }
    header .main-social-block .social-platforms .platform .title {
        display: none;
    }
    header .main-social-block .social-platforms .platform a {
        min-width: 0;
        height: 40px;
        font-size: 13px;
        padding: 0 15px;
        line-height: 40px;
    }
}
@media (min-width: 1601px) {
    header .main-social-block .social-platforms .platform:last-of-type {
        margin: 0 15px 0 0;
        padding-top: 10px;
    }
}
/* ----------------- 6.2. Footer ----------------- */

footer {
    font-family: "Montserrat", sans-serif;
    background: #f5f5f5;
    position: relative;
    padding: 0;
}
footer:before,
footer:after {
    width: calc(100% - 40px);
    background: #dce0e2;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 2px;
    content: "";
    z-index: 1;
    left: 50%;
}
footer:before {
    top: 0;
}
footer:after {
    top: 4px;
    width: calc(100% - 42px);
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
footer .widgets-area {
    margin: 0 0 15px;
    padding: 0 0 40px;
    border-bottom: 1px solid #dce0e2;
}
footer .widgets-area .widget .widget-title {
    color: #9eaeaf;
    font-size: 18px;
    margin: 0 0 30px;
    line-height: 1em;
    font-weight: 500;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}
footer .widgets-area .widget.widget-about img {
    display: inline-block;
    margin: 0 0 20px;
    max-width: 190px;
}
footer .widgets-area .widget.widget-about p {
    letter-spacing: 0.06em;
    font-size: 12px;
    color: #9eaeaf;
}
footer .widgets-area .widget ul {
    list-style-type: none;
    font-size: 0;
    padding: 0;
    margin: 0;
}
footer .widgets-area .widget ul li {
    padding: 0 20px 0 0;
    font-size: 14px;
    color: #9eaeaf;
}
footer .widgets-area .widget ul li a {
    border-bottom: 1px dashed transparent;
}
footer .widgets-area .widget ul li a:hover {
    color: inherit;
    border-color: #9eaeaf;
}
footer .widgets-area .widget.widget_archive ul li,
footer .widgets-area .widget.widget_nav_menu ul li,
footer .widgets-area .widget.widget_categories ul li,
footer .widgets-area .widget.widget_pages ul li {
    display: inline-block;
    width: 50%;
}
footer .social-section, .user-meta social-section {
    padding: 0 0 15px;
}
.user-meta .social-section {
	margin-bottom: 45px;
}
footer .social-section .social-block {
    font-size: 0;
}
footer .social-section .social-block li, .user-meta .social-section .social-block li  {
    display: inline-block;
    margin: 0 35px 0 0;
    font-weight: 500;
    font-size: 16px;
}
footer .social-section .social-block li:last-of-type, .user-meta .social-section .social-block li:last-of-type {
    margin: 0;
}
footer .social-section .social-block li a:hover, .user-meta  .social-section .social-block li a:hover {
    color: #e00a1a;
}
footer .social-section .social-block li a i, .user-meta .social-section .social-block li a i{
    display: inline-block;
    position: relative;
    margin: 0 4px 0 0;
    font-size: 22px;
    top: 2px;
}
footer .social-section .subscribe-form {
    float: right;
}
footer .social-section .subscribe-form .form-input:focus,
footer .social-section .subscribe-form .form-input.has-value {
    width: 240px;
}
footer .copyrights {
    letter-spacing: 0.04em;
    background: #262b2d;
    font-weight: 500;
    font-size: 1em;
    padding: 24px 0 16px;
    color: #83898c;
}
footer .copyrights a {
    color: #d2d5d6;
    margin-right: 10px;
}
footer .copyrights a:hover {
    color: #e00a1a;
}
@media (max-width: 1200px) {
    footer .social-section .subscribe-form .form-input {
        width: 200px;
        margin-right: 10px;
        margin-bottom: 10px;
    }
}
@media (max-width: 992px) {
    footer .social-section {
        text-align: center;
    }
    footer .social-section .subscribe-form {
        margin: 15px 0;
        float: none;
    }
}
@media (max-width: 992px) and (max-width: 500px) {
    footer .social-section .subscribe-form .form-input {
        display: block;
        margin: 0 auto 15px;
    }
}
/* ----------------- 6.3. Sections ----------------- */

.page-hero {
    padding: 90px 0;
    min-height: 240px;
    margin: 0 0 120px;
    background-size: cover;
    background-position: top center;
}
.page-hero.authors {
    background-image: url(../img/authors-hero.jpg);
}
.page-hero.single-author {
    background-image: url(../img/single-author-hero.jpg);
}
.page-hero.get-published {
    background-image: url(../img/get-published-hero.jpg);
}
.page-hero.weather-hero {
    background-image: url(../img/weather-page-hero.jpg);
}
.page-hero h1 {
    margin: 0;
    color: #fff;
    font-size: 50px;
    line-height: 1em;
    letter-spacing: 0em;
}
/* -------- Contact Section -------- */

.map-canvas {
    height: 700px;
}
.map-canvas-wrapper {
    position: relative;
}
.map-canvas-wrapper.open #contact-popup {
    visibility: visible;
    opacity: 1;
}
.map-canvas-wrapper #contact-popup {
    font-family: "Montserrat", sans-serif;
    margin: -115px 0 0 -30px;
    display: inline-block;
    visibility: hidden;
    position: absolute;
    background: #e00a1a;
    color: #fff;
    width: 430px;
    z-index: 4;
    opacity: 0;
    top: -100%;
    left: -100%;
}
.map-canvas-wrapper #contact-popup .close {
    position: absolute;
    cursor: pointer;
    right: 20px;
    top: 20px;
    font-size: 20px;
}
.map-canvas-wrapper #contact-popup .message {
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.6em;
    letter-spacing: 0.02em;
    padding: 45px 45px 45px 70px;
}
.map-canvas-wrapper #contact-popup a {
    border-top: 1px solid #fff;
    letter-spacing: 0.02em;
    text-align: center;
    padding: 25px 0 0;
    max-width: 260px;
    display: block;
    margin: 0 auto;
    font-size: 15px;
    line-height: 1em;
    font-weight: 500;
}
.map-canvas-wrapper #contact-popup a:hover {
    font-weight: 700;
}
@media (max-width: 1200px) {
    .map-canvas-wrapper #map-canvas {
        height: 650px;
    }
}
@media (max-width: 992px) {
    .map-canvas-wrapper #map-canvas {
        height: 450px;
    }
}
@media (max-width: 768px) {
    .map-canvas-wrapper #map-canvas {
        height: 300px;
    }
}
.contact-info-container {
    padding: 100px 0 45px;
    min-height: 545px;
    display: block;
    margin: 0 auto;
}
.contact-info-container h3 {
    text-transform: uppercase;
    letter-spacing: 0.3em;
    line-height: 1em;
    font-weight: 500;
    margin: 0 0 75px;
    color: #485257;
}
@media (max-width: 768px) {
    .contact-info-container h3 {
        margin: 0 0 40px;
    }
}
/* -------- Single Author -------- */

.author-info-block {
    margin: 0 auto;
    display: block;
    max-width: 90%;
}
@media (max-width: 992px) {
    .author-info-block .author {
        margin: 0 auto;
        display: block;
    }
}
.author-info-block .author-bio-block {
    font-family: "Montserrat", sans-serif;
}
.author-info-block .author-bio-block .title {
    color: #fff;
    display: block;
    font-size: 16px;
    line-height: 1em;
    font-weight: 500;
    margin: -40px 0 50px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.author-info-block .author-bio-block .body {
    color: #9eaeaf;
    font-size: 20px;
    margin: 0 0 50px;
    line-height: 1.5em;
    letter-spacing: 0.02em;
}
@media (max-width: 992px) {
    .author-info-block .author-bio-block .title {
        margin: 50px 0 25px;
        color: #485257;
    }
}
.author-info-block .author-categories {
    border: 1px solid #ebebeb;
    padding: 25px 0 40px;
    position: relative;
    max-width: 610px;
    margin: 0 auto;
}
.author-info-block .author-categories:after,
.author-info-block .author-categories:before {
    left: 50%;
    width: 50%;
    content: "";
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    border-top: 1px solid #fff;
}
.author-info-block .author-categories:after {
    top: -1px;
}
.author-info-block .author-categories:before {
    bottom: -1px;
}
.author-info-block .author-categories h5 {
    color: #485257;
    font-size: 16px;
    margin: 0 0 45px;
    line-height: 1em;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.author-info-block .author-categories a,
.author-info-block .author-social-media a {
    color: #e00a1a;
    font-size: 18px;
    line-height: 1em;
    margin: 0 40px 10px 0;
    display: inline-block;
    letter-spacing: 0.04em;
    font-family: "Montserrat", sans-serif;
    -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.author-info-block .author-categories a:hover {
    color: #485257;
}
.author-info-block .author-categories a:before {
    content: "#";
    color: #485257;
}
@media (max-width: 992px) {
    .author-info-block .author-categories {
        margin: 0 auto 75px;
    }
}
.author-posts-header {
    position: relative;
    margin: 0 auto 20px;
    max-width: 70%;
    display: block;
    width: 100%;
    font-size: 18px;
    color: #485257;
    font-weight: 500;
    letter-spacing: 0.08em;
}
.author-posts-header span {
    color: #e00a1a;
}
.author-posts-header:before {
    border-right: 1px solid #e5e5e5;
    position: absolute;
    bottom: 0;
    height: 80px;
    left: 50%;
    content: "";
}
.author-posts-header:after {
    margin: 30px 0 0;
    display: block;
    height: 60px;
    width: 100%;
    content: "";
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}
@media (max-width: 992px) {
    .author-posts-header {
        max-width: 50%;
    }
    .author-posts-header:before {
        display: none;
    }
}
@media (max-width: 768px) {
    .author-posts-header {
        max-width: 98%;
    }
}
/* -------- Weather Section -------- */

.weather-hero {
    margin-bottom: 0 !important;
}
.extended-weather-section {
    padding: 50px 0 20px;
}
.extended-weather-section h2 {
    margin: 0 0 45px;
    color: #485257;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.091em;
    letter-spacing: 0.3em;
    text-transform: uppercase;
}
.extended-weather-section .weather-header-form {
    font-family: "Montserrat", sans-serif;
    margin: 0 0 60px;
}
.extended-weather-section .weather-header-form .form-body .location-input {
    width: 100%;
    height: 40px;
    max-width: 38%;
    padding: 0 30px;
    font-size: 13px;
    font-weight: 500;
    line-height: 40px;
    margin: 0 15px 0 0;
    border-radius: 25px;
    background: #f8f8f8;
    letter-spacing: 0.06em;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #dfdfdf;
    color: #6b7377;
    -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.extended-weather-section .weather-header-form .form-body .location-input::-webkit-input-placeholder {
    color: #9fa6a9;
}
.extended-weather-section .weather-header-form .form-body .location-input:-moz-placeholder {
    color: #9fa6a9;
}
.extended-weather-section .weather-header-form .form-body .location-input.placeholder {
    color: #9fa6a9;
}
.extended-weather-section .weather-header-form .form-body .location-input.highlight {
    -webkit-animation: highLight 0.5s linear;
    -moz-animation: highLight 0.5s linear;
    -ms-animation: highLight 0.5s linear;
    -o-animation: highLight 0.5s linear;
    animation: highLight 0.5s linear;
}
.extended-weather-section .weather-header-form .form-body .location-input.has-error {
    border-color: #ff6353 !important;
    color: #ff6353 !important;
}
.extended-weather-section .weather-header-form .form-body .location-input:focus,
.extended-weather-section .weather-header-form .form-body .location-input.has-value {
    background: #eeeeee;
    border-color: #d5d5d5;
}
@media (max-width: 640px) {
    .extended-weather-section .weather-header-form .form-body .location-input {
        max-width: 100%;
        margin-bottom: 20px;
    }
}
.extended-weather-section .weather-header-form .form-body .forecast-btn {
    -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    text-transform: uppercase;
    padding: 0 25px;
    margin: 0 15px 0 0;
    vertical-align: middle;
    display: inline-block;
    letter-spacing: 0.1em;
    border-radius: 25px;
    line-height: 40px;
    background: #e00a1a;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    height: 40px;
}
.extended-weather-section .weather-header-form .form-body .forecast-btn:hover {
    background: #1aa7ff;
    -webkit-box-shadow: -4px 4px 7px 0px rgba(0, 0, 0, 0.2);
    box-shadow: -4px 4px 7px 0px rgba(0, 0, 0, 0.2);
}
@media (max-width: 640px) {
    .extended-weather-section .weather-header-form .form-body .forecast-btn {
        display: block;
        max-width: 180x;
        margin: 0 auto;
    }
}
.extended-weather-section .weather-header-form .form-body .select-group {
    vertical-align: top;
    display: inline-block;
    border-radius: 25px;
    overflow: hidden;
    font-size: 0;
}
.extended-weather-section .weather-header-form .form-body .select-group .select-option {
    display: inline-block;
}
.extended-weather-section .weather-header-form .form-body .select-group .select-option input {
    display: none;
}
.extended-weather-section .weather-header-form .form-body .select-group .select-option input:checked + .label {
    background: #e00a1a;
}
.extended-weather-section .weather-header-form .form-body .select-group .select-option .label {
    -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    vertical-align: middle;
    display: inline-block;
    background: #d7dadd;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    cursor: pointer;
    color: #fff;
    height: 40px;
    width: 60px;
}
@media (max-width: 640px) {
    .extended-weather-section .weather-header-form .form-body .select-group {
        margin-top: 20px;
    }
}
.extended-weather-section .weekly-weather-carousel {
    margin: 0 -15px;
    cursor: move;
}
.extended-weather-section .weekly-weather-carousel * {
    outline: none !important;
}
.extended-weather-section .weekly-weather-carousel li {
    margin: 0 15px;
}
.world-weather-map h2 {
    margin: 0 0 45px;
    color: #485257;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.091em;
    letter-spacing: 0.3em;
    text-transform: uppercase;
}
.current-location-weather {
    margin: 0 0 85px;
}
.current-location-weather .block-title {
    margin: 0 0 65px;
}
@media (min-width: 992px) {
    .current-location-weather .row {
        position: relative;
    }
    .current-location-weather .col-lg-9 {
        position: absolute;
        bottom: 0;
        right: 0;
    }
}
@-webkit-keyframes highLight {
    0% {
        -webkit-box-shadow: 0 0 0 1px #e00a1a;
        box-shadow: 0 0 0 1px #e00a1a;
    }
    100% {
        -webkit-box-shadow: 0 0 0 1px transparent;
        box-shadow: 0 0 0 1px transparent;
    }
}
@-moz-keyframes highLight {
    0% {
        -webkit-box-shadow: 0 0 0 1px #e00a1a;
        box-shadow: 0 0 0 1px #e00a1a;
    }
    100% {
        -webkit-box-shadow: 0 0 0 1px transparent;
        box-shadow: 0 0 0 1px transparent;
    }
}
@-ms-keyframes highLight {
    0% {
        -webkit-box-shadow: 0 0 0 1px #e00a1a;
        box-shadow: 0 0 0 1px #e00a1a;
    }
    100% {
        -webkit-box-shadow: 0 0 0 1px transparent;
        box-shadow: 0 0 0 1px transparent;
    }
}
@-o-keyframes highLight {
    0% {
        -webkit-box-shadow: 0 0 0 1px #e00a1a;
        box-shadow: 0 0 0 1px #e00a1a;
    }
    100% {
        -webkit-box-shadow: 0 0 0 1px transparent;
        box-shadow: 0 0 0 1px transparent;
    }
}
@keyframes highLight {
    0% {
        -webkit-box-shadow: 0 0 0 1px #e00a1a;
        box-shadow: 0 0 0 1px #e00a1a;
    }
    100% {
        -webkit-box-shadow: 0 0 0 1px transparent;
        box-shadow: 0 0 0 1px transparent;
    }
}
/* -------- Error Section -------- */

.error-section {
    padding: 100px 0;
    background-image: url(../img/404-bg.jpg);
    background-size: cover;
    background-position: top center;
}
.error-section h1 {
    color: #fff;
    font-size: 80px;
    font-weight: 500;
    margin: 0 0 20px;
    letter-spacing: 0;
}
.error-section h3 {
    display: block;
    color: #96a6b1;
    max-width: 540px;
    font-weight: 500;
    margin: 0 auto 30px;
    line-height: 1.35em;
    letter-spacing: 0.3em;
    text-transform: uppercase;
}
.error-section p {
	color: #fff;
}
@media (max-width: 1400px) {
    .error-section {
        padding: 200px 0 230px;
    }
}
@media (max-width: 992px) {
    .error-section {
        padding: 130px 0 160px;
    }
}
@media (max-width: 768px) {
    .error-section {
        padding: 85px 0 90px;
    }
    .error-section h1 {
        font-size: 48px;
    }
}
/* ----------------- 6.4. Components ----------------- */
/* -------- Medium Editor -------- */

.medium-editor-anchor-preview,
.medium-editor-toolbar {
    font-family: "Helvetica", Arial, sans-serif;
    font-size: 16px;
    z-index: 2000;
}
@-webkit-keyframes medium-editor-image-loading {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes medium-editor-image-loading {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-webkit-keyframes medium-editor-pop-upwards {
    0% {
        opacity: 0;
        -webkit-transform: matrix(0.97, 0, 0, 1, 0, 12);
        transform: matrix(0.97, 0, 0, 1, 0, 12);
    }
    20% {
        opacity: 0.7;
        -webkit-transform: matrix(0.99, 0, 0, 1, 0, 2);
        transform: matrix(0.99, 0, 0, 1, 0, 2);
    }
    40% {
        opacity: 1;
        -webkit-transform: matrix(1, 0, 0, 1, 0, -1);
        transform: matrix(1, 0, 0, 1, 0, -1);
    }
    100% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0);
    }
}
@keyframes medium-editor-pop-upwards {
    0% {
        opacity: 0;
        -webkit-transform: matrix(0.97, 0, 0, 1, 0, 12);
        transform: matrix(0.97, 0, 0, 1, 0, 12);
    }
    20% {
        opacity: 0.7;
        -webkit-transform: matrix(0.99, 0, 0, 1, 0, 2);
        transform: matrix(0.99, 0, 0, 1, 0, 2);
    }
    40% {
        opacity: 1;
        -webkit-transform: matrix(1, 0, 0, 1, 0, -1);
        transform: matrix(1, 0, 0, 1, 0, -1);
    }
    100% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0);
    }
}
.medium-editor-anchor-preview {
    left: 0;
    line-height: 1.4;
    max-width: 280px;
    position: absolute;
    text-align: center;
    top: 0;
    word-break: break-all;
    word-wrap: break-word;
    visibility: hidden;
}
.medium-editor-anchor-preview a {
    color: #fff;
    display: inline-block;
    margin: 5px 5px 10px;
}
.medium-editor-anchor-preview-active {
    visibility: visible;
}
.medium-editor-dragover {
    background: #ddd;
}
.medium-editor-image-loading {
    -webkit-animation: medium-editor-image-loading 1s infinite ease-in-out;
    animation: medium-editor-image-loading 1s infinite ease-in-out;
    background-color: #333;
    border-radius: 100%;
    display: inline-block;
    height: 40px;
    width: 40px;
}
.medium-editor-placeholder {
    position: relative;
}
.medium-editor-placeholder:after {
    content: attr(data-placeholder) !important;
    font-style: italic;
    left: 0;
    position: absolute;
    top: 0;
    white-space: pre;
}
.medium-toolbar-arrow-over ul:before {
    display: block !important;
}
.medium-toolbar-arrow-over ul:after {
    display: none;
}
.medium-editor-toolbar {
    left: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    display: inline-block;
}
.medium-editor-toolbar ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    border-radius: 25px;
    background: #30363c;
    position: relative;
    padding: 7px 14px;
    line-height: 1em;
    font-size: 0;
    list-style: none;
}
.medium-editor-toolbar ul:before {
    border-color: transparent transparent #30363c transparent;
    -webkit-transform: rotate(360deg);
    border-width: 0 7.5px 7px 7.5px;
    display: inline-block;
    border-style: solid;
    position: absolute;
    margin-left: -7px;
    margin-top: -6px;
    content: "";
    display: none;
    height: 0;
    left: 50%;
    top: 0;
    width: 0;
}
.medium-editor-toolbar ul:after {
    border-color: #30363c transparent transparent transparent;
    -webkit-transform: rotate(360deg);
    border-width: 7px 7.5px 0 7.5px;
    border-style: solid;
    position: absolute;
    margin-left: -7px;
    content: "";
    height: 0;
    left: 50%;
    top: calc(100% - 1px);
    width: 0;
}
.medium-editor-toolbar li {
    display: inline-block;
    margin: 0 15px 0 0;
    line-height: 1em;
    font-size: 13px;
    min-height: 14px;
}
.medium-editor-toolbar li:last-of-type {
    margin: 0;
}
.medium-editor-toolbar li button {
    display: inline-block;
    line-height: 1em;
    background: 0;
}
.medium-editor-toolbar li button:focus {
    outline: 0;
}
.medium-editor-toolbar li button * {
    -webkit-transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    vertical-align: middle;
    display: inline-block;
    text-align: center;
    line-height: 1em;
    min-width: 14px;
    font-size: 13px;
    color: #fff;
}
.medium-editor-toolbar li button *:hover {
    color: #e00a1a;
}
.medium-editor-toolbar li .medium-editor-action-underline {
    text-decoration: underline;
}
.medium-editor-toolbar li .medium-editor-action-pre {
    font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
    font-size: 12px;
    font-weight: 100;
    padding: 15px 0;
}
.medium-editor-toolbar-active {
    visibility: visible;
}
.medium-editor-sticky-toolbar {
    position: fixed;
    top: 1px;
}
.medium-editor-relative-toolbar {
    position: relative;
}
.medium-editor-toolbar-active.medium-editor-stalker-toolbar {
    -webkit-animation: medium-editor-pop-upwards 160ms forwards linear;
    animation: medium-editor-pop-upwards 160ms forwards linear;
}
.medium-editor-action-bold {
    font-weight: bolder;
}
.medium-editor-action-italic {
    font-style: italic;
}
.medium-editor-toolbar-form {
    display: none;
}
.medium-editor-toolbar-form a,
.medium-editor-toolbar-form input {
    font-family: "Helvetica", Arial, sans-serif;
}
.medium-editor-toolbar-form .medium-editor-toolbar-form-row {
    line-height: 14px;
    margin-left: 5px;
    padding-bottom: 5px;
}
.medium-editor-toolbar-form .medium-editor-toolbar-input,
.medium-editor-toolbar-form label {
    border: none;
    box-sizing: border-box;
    font-size: 14px;
    margin: 0;
    padding: 6px;
    width: 316px;
    display: inline-block;
}
.medium-editor-toolbar-form .medium-editor-toolbar-input:focus,
.medium-editor-toolbar-form label:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    box-shadow: none;
    outline: 0;
}
.medium-editor-toolbar-form a {
    display: inline-block;
    font-size: 24px;
    font-weight: bolder;
    margin: 0 10px;
    text-decoration: none;
}
.medium-editor-toolbar-actions:after {
    clear: both;
    content: "";
    display: table;
}
[data-medium-editor-element] img {
    max-width: 100%;
}
[data-medium-editor-element] sub {
    vertical-align: sub;
}
[data-medium-editor-element] sup {
    vertical-align: super;
}
.medium-editor-hidden {
    display: none;
}
/* -------- Slick Slider -------- */

.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}
.slick-track:before,
.slick-track:after {
    content: "";
    display: table;
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}
[dir="rtl"] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* -------- Magnific Popup -------- */

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.9;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #f2f2f2;
    filter: alpha(opacity=90);
}
.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    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;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    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: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}
.mfp-ajax-cur {
    cursor: progress;
}
.mfp-zoom-out-cur {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}
.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;
}
.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: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}
.mfp-preloader a {
    color: #CCC;
}
.mfp-preloader a:hover {
    color: #FFF;
}
.mfp-s-ready .mfp-preloader,
.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: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
}
button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
button.mfp-close {
    display: none;
}
.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(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;
    filter: alpha(opacity=100);
}
.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: 0.65;
    filter: alpha(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;
    filter: alpha(opacity=100);
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}
.mfp-arrow-left {
    left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
    border-right: 17px solid #FFF;
    margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
    right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
    border-left: 17px solid #FFF;
    margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
    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, 0.6);
    background: #000;
}
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
    outline: none;
}
.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, 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;
}
@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, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        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, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}
@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.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;
    }
}
.mfp-ie7 .mfp-img {
    padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
    padding: 0;
}
.mfp-ie7 .mfp-content {
    padding-top: 44px;
}
.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
}
/* -------- Blog Posts -------- */

.blog-post-container {
    background: #fff;
    position: relative;
    padding: 40px 0 0 0;
}
.post .author {
    margin: 0;
}
.post .post-title a {
    -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.post .post-title a:hover {
    color: #e00a1a;
}
.post .post-cover {
    position: relative;
}
/*div.post-cover .category-marker {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: 0;
    border-right: 35px solid #dd3495;
    border-bottom: 35px solid transparent;
    z-index: 3;
}*/
.post .post-cover .post-categories {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
}
.post .post-categories {
    font-family: 'Roboto', Arial;
    padding: 20px 0 0 20px;
    font-size: 0;
}
/* Rote Bubbles auf Kategorieseiten ausblenden */

.archive .post .post-cover .post-categories {
    display: none;
}
.post .post-categories li {
    display: inline-block;
    margin: 0 20px 20px 0;
}
.post .post-categories li:last-of-type {
    margin: 0;
}
.post .post-categories li a {
    -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    display: inline-block;
    letter-spacing: 0.1em;
    background: #e00a1a;
    border-radius: 25px;
    padding: 11px 26px;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.5em;
    font-weight: 300;
    font-size: 13px;
    color: #fff;
}
.post .post-categories li a:hover {
    -webkit-box-shadow: 5px 3px 10px rgba(31, 46, 57, 0.2);
    box-shadow: 5px 3px 10px rgba(31, 46, 57, 0.2);
    background: #a30b1a;
}
@media (max-width: 992px) {
	.archive .clearfix {
		display: none !important;
		clear: none !important;
	}
}
@media (max-width: 768px) {
    .post {
        margin: 0 0 30px !important;
    }
    .post .post-categories li {
        margin: 0 10px 10px 0;
    }
    .post .post-categories li:last-of-type {
        margin: 0;
    }
    .post .post-categories li a {
        padding: 7px 13px;
    }
    .post .featured-post .small-featured-post {
        margin: 0 0 38px !important;
    }
}
@media (max-width: 550px) {
    .post .post-categories {
        padding: 10px 0 0 10px;
    }
    .post .post-categories li {
        margin: 0 7.5px 7.5px 0;
    }
    .post .post-categories li a {
        font-size: 11px;
    }
}
.post.featured-post .post-cover:hover:after {
    opacity: 1;
    z-index: 2;
}
.post.featured-post .post-cover:after {
    -webkit-transition: all 0.45s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 0.45s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.45s cubic-bezier(0.645, 0.045, 0.355, 1);
    background: rgba(0, 157, 255, 0.3);
    pointer-events: none;
    position: absolute;
    content: "";
    opacity: 0;
    z-index: 1;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
}
.post.featured-post .post-excerpt {
    line-height: 1.2em;
    color: #666666;
    font-size: 25px;
}
.post.featured-post .post-author {
    color: #666666;
    font-weight: 700;
    font-size: 20px;
}
.post.featured-post .post-author a {
    border-bottom: 1px solid transparent;
    color: #e00a1a;
}
.post.featured-post .post-author a:hover {
    border-color: #e00a1a;
}
@media (max-width: 1400px) {
    .post.featured-post .post-title {
        font-size: 22px;
    }
    .post.featured-post .post-excerpt {
        font-size: 18px;
    }
    .post.featured-post .post-author {
        font-size: 16px;
    }
}
.post.featured-post.big-featured-post {
    position: relative;
}
.post.featured-post.big-featured-post:hover .post-cover .hover-color {
    opacity: 1;
}
.post.featured-post.big-featured-post:hover .post-cover:after {
    opacity: 1;
}
.post.featured-post.big-featured-post .post-cover .post-categories {
    padding: 30px 0 0 40px;
}
.post.featured-post.big-featured-post .post-cover:after {
    background: rgba(0, 0, 0, 0.2);
}
.post.featured-post.big-featured-post .post-title {
    position: absolute;
    color: #fff;
    z-index: 3;
    margin: 0;
    bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: rgba(0, 0, 0, 0.5);
}
.wpb_wrapper .post.featured-post.big-featured-post .post-title {
    white-space: normal;
    text-overflow: inherit;
}
@media (min-width: 1441px) {
    .post.featured-post.small-featured-post {
        position: relative;
        overflow: hidden;
        margin: 0 0 50px !important;
    }
}
@media (max-width: 1440px) {
    .post.featured-post.small-featured-post {
        position: relative;
        overflow: hidden;
        margin: 0 0 42px !important;
    }
}
@media (max-width: 1200px) {
    .post.featured-post.big-featured-post .post-cover .post-categories {
        padding: 12.5px 0 0 15px;
    }
    .post.featured-post.big-featured-post .post-title {
        padding-left: 15px;
        padding-right: 15px;
        bottom: 20px;
        font-size: 27px;
    }
}
@media (max-width: 1024px) {
    .post.featured-post.small-featured-post {
        position: relative;
        overflow: hidden;
        margin: 0 0 38px !important;
    }
}
@media (max-width: 768px) {
    .post.featured-post.small-featured-post {
        position: relative;
        overflow: hidden;
        margin: 0 0 32px !important;
    }
}
@media (max-width: 500px) {
    .post.featured-post.big-featured-post .post-title {
        font-size: 17px;
    }
}
.post. featured-post.small-featured-post {
    position: relative;
    overflow: hidden;
    margin: 0 0 50px;
}
.post.featured-post.small-featured-post:hover .post-cover .hover-color {
    opacity: 1;
}
.post.featured-post.small-featured-post .post-cover:after {
    display: none;
}
.post.featured-post.small-featured-post .post-meta {
    padding: 10px 30px 5px 30px;
    position: absolute;
    z-index: 3;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
}
.post.featured-post.small-featured-post .post-meta .post-title {
    margin: 0 0 5px 0;
    color: #fff;
}
.post.featured-post.small-featured-post .post-meta .post-author {
    font-size: 16px;
    color: #fff;
    margin: 0;
}
.post.featured-post.small-featured-post .post-meta .post-author .author {
    color: #e00a1a;
}
@media (max-width: 1200px) {
    .post.featured-post.small-featured-post .post-cover .post-categories {
        padding: 10px 0 0 10px;
    }
    .post.featured-post.small-featured-post .post-cover .post-categories li a {
        font-size: 11px;
    }
    .post.featured-post.small-featured-post .post-meta {
        padding: 10px 10px 10px 10px;
    }
}
.post.featured-post.extra-small-featured-post {
    position: relative;
    overflow: hidden;
    margin: 0 0 28.50px !important;
}
.post.featured-post.extra-small-featured-post .post-cover img {
    width: 100%;
    max-height: 144px;
    object-fit: cover;
}
.post.featured-post.extra-small-featured-post:hover .post-cover:after {
    opacity: 1;
}
.post.featured-post.extra-small-featured-post .post-title {
    padding: 0 20px 10px;
    position: absolute;
    color: #fff;
    z-index: 3;
    margin: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
@media (max-width: 1200px) {
    .post.featured-post.extra-small-featured-post .post-title {
        padding: 0 10px 10px;
    }
}
@media (max-width: 500px) {
    .post.featured-post.extra-small-featured-post .post-title {
        font-size: 16px;
    }
}
.post.list-post {
    margin: 0 !important;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.post.list-post .post-container {
    overflow: hidden;
    height: 130px;
    padding: 10px 0;
    border-bottom: 1px solid #e1e5e6;
}
.post.list-post:first-of-type .post-container {
    border-top: 1px solid #e1e5e6;
}
.post.list-post:hover {
    background: #f2f4f4;
}
.post.list-post:hover .post-title {
    margin: 0;
    padding: 20px 0 10px;
}
.post.list-post .post-meta {
    text-align: center;
    padding: 25px 0 0;
}
.post.list-post .post-meta .post-categories {
    padding: 0;
    margin: 0 0 7.5px;
}
.post.list-post .post-meta .post-categories li {
    display: none;
    margin: 0;
}
.post.list-post .post-meta .post-categories li:first-of-type {
    display: inline-block !important;
}
.post.list-post .post-meta .post-author {
    font-family: "Helvetica", Arial, sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #969ea2;
}
.post.list-post .post-meta .post-author:hover {
    color: #e00a1a;
}
.post.list-post .post-title,
.post.list-post .post-excerpt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.post.list-post .post-title {
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    padding: 40px 0 50px;
}
.post.list-post .post-body {
    height: 100px;
    overflow: hidden;
}
@media (max-width: 650px) {
    .post.list-post .post-container {
        height: 110px;
    }
    .post.list-post .post-body {
        height: 85px;
    }
}
.post.list-post.sticky .post-title {
    position: relative;
}
.post.list-post.sticky .post-title:before {
    text-transform: uppercase;
    margin: -15px 0 0;
    content: "sticky";
    font-weight: 500;
    font-size: 10px;
    display: block;
    color: #dd4b4c;
}
.post.latest-post .post-cover {
    overflow: hidden;
}
.post.latest-post .post-cover:hover:after {
    opacity: 1;
}
.post.latest-post .post-cover:after {
    -webkit-transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
    background: rgba(197, 69, 234, 0.4);
    pointer-events: none;
    position: absolute;
    content: "";
    z-index: 1;
    opacity: 0;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
}
.post.latest-post .post-categories {
    position: relative;
    margin: 0 0 20px;
}
@media (max-width: 550px) {
    .post.latest-post .post-categories {
        margin: 0 0 10px;
    }
}
.post.latest-post .post-meta {
    position: absolute;
    z-index: 3;
    right: 0;
    left: 0;
    top: 0;
}
.post.latest-post .post-meta .post-title,
.post.latest-post .post-meta .post-excerpt {
    color: #fff;
    display: block;
    padding: 0 20px 0 20px;
}
.post.latest-post .post-meta .post-title {
    margin: 0 0 0.35em;
}
.post.latest-post .post-meta .post-title a {
    border-bottom: 3px solid transparent;
}
.post.latest-post .post-meta .post-title a:hover {
    color: inherit;
    border-color: #fff;
}
.post.latest-post .post-meta .post-excerpt {
    max-width: 75%;
    font-size: 20px;
    line-height: 1.5em;
}
.post.latest-post .post-meta .post-excerpt .post-author {
    font-style: italic;
}
.post.latest-post .post-meta .post-excerpt .post-author .author {
    font-weight: 700;
    border-bottom: 2px solid transparent;
}
.post.latest-post .post-meta .post-excerpt .post-author .author:hover {
    color: inherit;
    border-color: #fff;
}
@media (max-width: 768px) {
    .post.latest-post .post-meta .post-excerpt {
        display: none;
    }
}
.post.medium-post .post-author {
    font-style: italic;
}
.post.medium-post .post-cover {
    margin: 0 0 10px;
    overflow: hidden;
}
.post.medium-post .post-cover img {
    width: 100%;
    max-height: 320px;
    object-fit: cover;
}
.post.medium-post .post-cover:hover:after {
    opacity: 1;
}
.post.medium-post .post-cover:after {
    -webkit-transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
    background: rgba(51, 51, 51, 0.5);
    pointer-events: none;
    position: absolute;
    content: "";
    opacity: 0;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
}
.post.medium-post .post-author a {
    border-bottom: 1px solid transparent;
    color: #e00a1a;
}
.post.medium-post .post-author a:hover {
    border-color: #e00a1a;
}
.post.medium-post.technology .post-cover:after {
    background: rgba(255, 99, 83, 0.5);
}
.post.medium-post.technology .post-title a:hover {
    color: #ff6353;
}
.post.medium-post.technology .post-author a {
    border-bottom: 1px solid transparent;
    color: #ff6353;
}
.post.medium-post.technology .post-author a:hover {
    border-color: #ff6353;
}
.post.medium-post.sports .post-cover:after {
    background: rgba(17, 138, 195, 0.5);
}
.post.medium-post.sports .post-author a {
    border-bottom: 1px solid transparent;
    color: #118ac3;
}
.post.medium-post.sports .post-author a:hover {
    border-color: #118ac3;
}
.post.simple-post .post-cover {
    margin: 0 0 20px;
    overflow: hidden;
}
.post.simple-post .post-cover img {
    width: 100%;
    max-height: 229px;
    object-fit: cover;
}
.post.simple-post .post-cover:hover:after {
    opacity: 1;
}
.post.simple-post .post-cover:after {
    -webkit-transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
    background: rgba(0, 0, 0, 0.2);
    pointer-events: none;
    position: absolute;
    content: "";
    opacity: 0;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
}
.post.simple-post .post-author {
    font-style: italic;
}
.post.simple-post .post-author a {
    color: #e00a1a;
    border-bottom: 1px solid transparent;
}
.post.simple-post .post-author a:hover {
    border-color: #e00a1a;
}
.post.preview-post {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
    padding: 30px 20px 30px 30px;
    background: #f5f5f5;
    position: relative;
    margin: 0 0 15px;
}
.post.preview-post .preview-post-container .post-cover {
    margin: 0 20px 5px 0;
    float: left;
}
.post.preview-post .preview-post-container .post-details {
    padding: 5px 0 0;
}
.post.preview-post .preview-post-container .post-details .post-title {
    color: #485257;
    min-height: 70px;
    letter-spacing: 0.14em;
    /*text-transform: uppercase;*/
}
.post.preview-post .preview-post-container .post-details .post-meta > * {
    vertical-align: top;
    display: inline-block;
}
.post.preview-post .preview-post-container .post-details .post-meta .posted {
    color: #bcbcbc;
    font-size: 12px;
    font-weight: 500;
    margin: 0 15px 0 0;
    letter-spacing: 0.14em;
}
.post.preview-post .preview-post-container .post-details .post-meta .views {
    display: none;
}
.post.preview-post .preview-post-container .post-details .share-block {
    position: relative;
    margin: 10px 0 0;
    display: block;
}
.post.preview-post .preview-post-container .post-details .share-block .expand-block {
    -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    display: inline-block;
    position: absolute;
}
.post.preview-post .preview-post-container .post-details .share-block .expand-block i {
    -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
    border: 1px solid transparent;
    vertical-align: middle;
    display: inline-block;
    border-radius: 50%;
    font-size: 18px;
    cursor: pointer;
    text-align: center;
    line-height: 40px;
    color: #485257;
    height: 40px;
    width: 40px;
}
.post.preview-post .preview-post-container .post-details .share-block .expand-block i:hover {
    border-color: #e00a1a;
    color: #e00a1a;
}
.post.preview-post .preview-post-container .post-details .share-block .share-options {
    -webkit-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    visibility: hidden;
    padding: 7px 0 0;
    font-size: 0;
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
.post.preview-post .preview-post-container .post-details .share-block .share-options .option {
    display: inline-block;
    margin-right: 7.5px;
}
.post.preview-post .preview-post-container .post-details .share-block .share-options .option:last-of-type {
    margin: 0;
}
.post.preview-post .preview-post-container .post-details .share-block .share-options .option.option-facebook a i {
    background: #6788ce;
}
.post.preview-post .preview-post-container .post-details .share-block .share-options .option.option-twitter a i {
    background: #29c5f6;
}
.post.preview-post .preview-post-container .post-details .share-block .share-options .option.option-google-plus a i {
    background: #e75c3c;
}
.post.preview-post .preview-post-container .post-details .share-block .share-options .option.option-pinterest a i {
    background: #cb2027;
}
.post.preview-post .preview-post-container .post-details .share-block .share-options .option.option-linkedin a i {
    background: #007bb5;
}
.post.preview-post .preview-post-container .post-details .share-block .share-options .option.option-instagram a i {
    background: #125688;
}
.post.preview-post .preview-post-container .post-details .share-block .share-options .option.option-youtube a i {
    background: #bb0000;
}
.post.preview-post .preview-post-container .post-details .share-block .share-options .option a {
    display: inline-block;
}
.post.preview-post .preview-post-container .post-details .share-block .share-options .option a i {
    vertical-align: middle;
    display: inline-block;
    letter-spacing: 0em;
    text-align: center;
    border-radius: 50%;
    line-height: 26px;
    font-size: 12px;
    color: #fff;
    height: 25px;
    width: 25px;
}
.post.preview-post .preview-post-container .post-details .share-block:hover .share-options,
.post.preview-post .preview-post-container .post-details .share-block.active .share-options {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.post.preview-post .preview-post-container .post-details .share-block:hover .expand-block,
.post.preview-post .preview-post-container .post-details .share-block.active .expand-block {
    -webkit-transform: translateX(-50%) scale(0);
    -ms-transform: translateX(-50%) scale(0);
    transform: translateX(-50%) scale(0);
}
.post.preview-post.current {
    background: #eee;
}
.post.preview-post.current:before {
    position: absolute;
    background: #e00a1a;
    content: "";
    height: 5px;
    width: 100%;
    left: 0;
    top: 0;
}
.post.preview-post.current:after {
    border-color: transparent #eee transparent transparent;
    border-width: 7px 12px 7px 0;
    border-style: solid;
    top: calc(50% - 7px);
    position: absolute;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    content: "";
    height: 0;
    width: 0;
    left: 0;
}
.post.preview-post:hover {
    -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    background: #eee;
}
@media (max-width: 1700px) {
    .post.preview-post .preview-post-container .post-details .post-title {
        min-height: 0;
    }
    .post.preview-post .preview-post-container .post-details .share-block {
        display: inline-block;
        margin: 15px 0 0;
    }
    .post.preview-post .preview-post-container .post-details .share-block .expand-block {
        left: 0;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    .post.preview-post .preview-post-container .post-details .share-block .share-options {
        -webkit-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
        transform-origin: 0 50%;
    }
    .post.preview-post .preview-post-container .post-details .share-block:hover .expand-block {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }
}
@media (max-width: 1300px) {
    .post.preview-post .preview-post-container .post-cover {
        margin: 0 0 10px;
        display: block;
        float: none;
    }
    .post.preview-post .preview-post-container .post-details .share-block {
        display: block;
    }
}
.post:not(.list-post).sticky {
    position: relative;
}
.post:not(.list-post).sticky:before {
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    content: "sticky";
    font-weight: 500;
    font-size: 10px;
    color: #dd4b4c;
    top: 7.5px;
    z-index: 3;
    left: 0;
}
.post:not(.single-post):not(.preview-post) .post-title {
    text-overflow: ellipsis;
    overflow: hidden;
    min-height: 44px;
    width: 100%;
}
.col-md-6 .post:not(.single-post):not(.preview-post) .post-title {
	min-height: 86px;
}
@media (max-width: 500px) {
    .post:not(.single-post):not(.preview-post) .post-title {
        font-size: 17px;
    }
}
@media (max-width: 1024px) {
    .post:not(.single-post):not(.preview-post) .post-title {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        font-size: 18px;
    }
}
.wpb_wrapper .post .post-cover .hover-color {
    -webkit-transition: all 0.45s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 0.45s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.45s cubic-bezier(0.645, 0.045, 0.355, 1);
    pointer-events: none;
    position: absolute;
    opacity: 0;
    z-index: 1;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
}
.wpb_wrapper .post .post-cover:after {
    display: none !important;
}
.wpb_wrapper .post .post-cover:hover .hover-color {
    opacity: 1;
}
.post-with-more {
    margin: 0 0 50px !important;
}
.post-with-more .post {
    margin: 0 0 20px;
}
.post-with-more .post .post-body {
    min-height: 97.5px;
}
.post-with-more .post-list {
    -webkit-transition: all 265ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 265ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 265ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    border-top: 1px solid #e1e5e6;
    padding: 14px 2px 11px;
    display: block;
}
.post-with-more .post-list:hover {
    background: #f2f4f4;
}
.post-with-more .post-list:last-of-type {
    border-bottom: 1px solid #e1e5e6;
    margin: 0 0 15px;
}
.post-with-more .post-list a {
    font-family: "Montserrat", sans-serif;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    font-weight: 700;
    line-height: 1em;
    overflow: hidden;
    max-width: 90%;
    color: #262b2d;
    font-size: 12px;
}
.post-with-more .post-list a:hover {
    color: #e00a1a;
}
.post-with-more .post-category {
    font-style: italic;
}
.post-with-more .post-category b {
    border-bottom: 1px solid transparent;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    transition: all 0.15s;
    color: #e00a1a;
}
.post-with-more .post-category:hover b {
    border-color: #e00a1a;
}
@media (min-width: 992px) {
    .flex-container.ltr .row .col-md-7 {
        left: auto;
        right: 0;
    }
    .flex-container .row {
        margin-bottom: 50px;
        position: relative;
    }
    .flex-container .row .col-md-7 {
        position: absolute;
        bottom: 0;
        left: 0;
        top: 0;
    }
    .flex-container .latest-post {
        overflow: hidden;
        height: 100%;
    }
    .flex-container .latest-post .post-cover {
        height: 100%;
    }
    .flex-container .latest-post .post-cover img {
        max-width: none;
        height: 100%;
    }
}
/* -------- Weather Block -------- */

.weather-block {
    font-family: "Montserrat", sans-serif;
    background: #2ab2ea;
    color: #fff;
}
.weather-block * {
    outline: none !important;
}
.weather-block svg {
    display: inline-block;
}
.weather-block .block-header {
    background: #29aadf;
    height: 40px;
}
.weather-block .block-header .location,
.weather-block .block-header .weather-block-settings {
    vertical-align: middle;
    display: inline-block;
}
.weather-block .block-header .location {
    padding: 0 0 0 15px;
    width: 200px;
    font-size: 14px;
    line-height: 40px;
    background: #2491bd;
    vertical-align: middle;
}
.weather-block .block-header .location .current-location-weather-type,
.weather-block .block-header .location .location-wrapper {
    display: inline-block;
    vertical-align: top;
}
.weather-block .block-header .location .current-location-weather-type {
    margin: 0 7.5px 0 0;
}
.weather-block .block-header .location .current-location-weather-type i {
    display: inline-block;
    position: relative;
    line-height: 1em;
    top: 7.5px;
    margin-left: 0;
    width: auto;
    height: auto;
    vertical-align: top;
}
.weather-block .block-header .location .current-location-weather-type i svg {
    width: 25px;
    height: 25px;
}
.weather-block .block-header .location .location-wrapper {
    height: 40px;
    margin: 0 auto;
    font-size: 14px;
    max-width: 140px;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    letter-spacing: 0.03em;
    text-overflow: ellipsis;
    -webkit-transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.weather-block .block-header .location .location-wrapper .degrees {
    margin: 0 5px 0 0;
}
.weather-block .block-header .location .location-wrapper .degrees:after {
    display: inline-block;
    content: "°";
}
.weather-block .block-header .weather-block-settings {
    position: relative;
    float: right;
    z-index: 4;
}
.weather-block .block-header .weather-block-settings:hover .settings-toggle i {
    background: #2491bd;
}
.weather-block .block-header .weather-block-settings:hover .settings-toggle i:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.weather-block .block-header .weather-block-settings:hover .measurements-wrapper {
    visibility: visible;
    top: 100%;
    opacity: 1;
}
.weather-block .block-header .weather-block-settings .settings-toggle i {
    -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    vertical-align: middle;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    cursor: pointer;
    height: 40px;
    width: 40px;
}
.weather-block .block-header .weather-block-settings .settings-toggle i:before {
    -webkit-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    display: inline-block;
    line-height: 1em;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
.weather-block .block-header .weather-block-settings .measurements-wrapper {
    -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    visibility: hidden;
    opacity: 0;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 10px 0 0;
    z-index: 2;
    top: 25%;
    left: 50%;
}
.weather-block .block-header .weather-block-settings .measurements-wrapper .measurements {
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.18);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.18);
    padding: 7.5px 25px 12.5px;
    text-align: center;
    background: #ececec;
    position: relative;
}
.weather-block .block-header .weather-block-settings .measurements-wrapper .measurements:before {
    border-color: transparent transparent #ececec transparent;
    border-width: 0 6.5px 7px 6.5px;
    border-style: solid;
    position: absolute;
    margin-left: -6.5px;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    left: 50%;
    top: 0;
    content: "";
    height: 0;
    width: 0;
}
.weather-block .block-header .weather-block-settings .measurements-wrapper .measurements .title {
    display: block;
    margin: 0 0 10px;
    color: #61666e;
    font-size: 13px;
    line-height: 1em;
    letter-spacing: 0.04em;
}
.weather-block .block-header .weather-block-settings .measurements-wrapper .measurements .select-group {
    font-size: 0;
    width: 111px;
}
.weather-block .block-header .weather-block-settings .measurements-wrapper .measurements .select-group .select-option {
    display: inline-block;
}
.weather-block .block-header .weather-block-settings .measurements-wrapper .measurements .select-group .select-option input {
    display: none;
}
.weather-block .block-header .weather-block-settings .measurements-wrapper .measurements .select-group .select-option input:checked + .label {
    background: #e00a1a;
    color: #fff;
}
.weather-block .block-header .weather-block-settings .measurements-wrapper .measurements .select-group .select-option .label {
    -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    vertical-align: middle;
    display: inline-block;
    color: #61666e;
    height: 25px;
    width: 55px;
    cursor: pointer;
    font-size: 14px;
    line-height: 25px;
    background: #fff;
}
.weather-block .today-info-block {
    position: relative;
}
.weather-block .today-info-block .today-temperature {
    position: absolute;
    text-align: center;
    padding: 35px 0 0;
    font-size: 0;
    width: 60%;
    left: 0;
    top: 0;
}
.weather-block .today-info-block .today-temperature li {
    font-size: 33px;
    margin: 0 40px 0 0;
    letter-spacing: 0.1em;
    display: inline-block;
}
.weather-block .today-info-block .today-temperature li:last-of-type {
    margin: 0;
}
.weather-block .today-info-block .today-temperature li .degrees {
    display: inline-block;
    position: relative;
    margin: 0 0 10px;
}
.weather-block .today-info-block .today-temperature li .degrees:after {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    content: "°";
    font-size: 28px;
    right: -10px;
    top: -2px;
}
.weather-block .today-info-block .today-temperature li .title {
    text-align: center;
    color: #ebedf0;
    display: block;
    font-size: 12px;
    line-height: 1em;
    letter-spacing: 0.04em;
}
.weather-block .today-info-block .today-temperature li .icon {
    color: #7ecdee;
    display: block;
    font-size: 68px;
    line-height: 1em;
    margin: 0 0 7.5px;
    width: auto;
    height: auto;
}
@media (max-width: 500px) {
    .weather-block .today-info-block .today-temperature {
        width: 45%;
    }
    .weather-block .today-info-block .today-temperature li .icon {
        font-size: 36px;
    }
    .weather-block .today-info-block .today-temperature li .degrees {
        font-size: 20px;
    }
    .weather-block .today-info-block .today-temperature li .degrees:after {
        font-size: 16px;
    }
}
.weather-block .today-info-block .today-meta {
    padding: 25px 0 25px 60%;
    display: block;
}
@media (max-width: 500px) {
    .weather-block .today-info-block .today-meta {
        padding-left: 45%;
    }
}
.weather-block .today-info-block .today-meta .day {
    font-weight: 500;
    font-size: 15px;
    margin: 0 0 20px;
}
.weather-block .today-info-block .today-meta .day span {
    vertical-align: bottom;
    font-weight: 700;
    font-size: 18px;
}
.weather-block .today-info-block .today-meta .sun-activity {
    line-height: 1em;
    margin: 0 0 15px;
    font-size: 0;
}
.weather-block .today-info-block .today-meta .sun-activity li {
    display: inline-block;
    letter-spacing: 0.04em;
    vertical-align: top;
    margin: 0 20px 0 0;
    font-weight: 500;
    line-height: 1em;
    font-size: 12px;
}
.weather-block .today-info-block .today-meta .sun-activity li:last-of-type {
    margin: 0;
}
.weather-block .today-info-block .today-meta .sun-activity li:before {
    font-family: icomoon;
    display: inline-block;
    margin: 0 10px 0 0;
    position: relative;
    line-height: 1em;
    font-size: 18px;
    color: #7ecdee;
    top: -4px;
}
.weather-block .today-info-block .today-meta .sun-activity li[data-sun-activity="sunrise"]:before {
    content: "";
}
.weather-block .today-info-block .today-meta .sun-activity li[data-sun-activity="sunset"]:before {
    content: "";
}
.weather-block .today-info-block .today-meta .short-meta {
    font-size: 12px;
    line-height: 1em;
    letter-spacing: 0.04em;
}
.weather-block .today-info-block .today-meta .short-meta li {
    display: block;
    margin: 0 0 15px;
}
.weather-block .today-info-block .today-meta .short-meta li:last-of-type {
    margin: 0;
}
.weather-block .weekly-info-block {
    -webkit-transition: all 0.75s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.75s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.75s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    background: #2b2f35;
    position: relative;
    height: 95px;
    z-index: 3;
    padding: 0;
}
.weather-block .weekly-info-block .current-time-weather {
    float: left;
    display: block;
    vertical-align: top;
    background: #29aadf;
    text-align: center;
    padding: 20px 25px 0;
    min-width: 95px;
    height: 95px;
    line-height: 1em;
    font-size: 0;
}
.weather-block .weekly-info-block .current-time-weather .day,
.weather-block .weekly-info-block .current-time-weather .degrees {
    display: block;
}
.weather-block .weekly-info-block .current-time-weather i {
    display: inline-block;
    line-height: 1em;
    font-size: 18px;
    font-weight: 300;
    margin-left: 0;
    width: auto;
    height: auto;
    vertical-align: top;
}
.weather-block .weekly-info-block .current-time-weather i svg {
    width: 30px;
    height: 30px;
}
.weather-block .weekly-info-block .current-time-weather .day {
    font-size: 10px;
    font-weight: 500;
    line-height: 1em;
    letter-spacing: 0.04em;
}
.weather-block .weekly-info-block .current-time-weather .degrees {
    line-height: 1em;
    display: block;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.04em;
}
.weather-block .weekly-info-block .week-temperatures {
    cursor: move;
    float: left;
    font-size: 0;
    display: block;
    line-height: 1em;
    text-align: center;
    margin: 0 0 0 2.5px;
    width: calc(100% - 100px);
}
.weather-block .weekly-info-block .week-temperatures li {
    display: inline-block;
    padding: 20px 0 0;
    line-height: 1em;
    width: calc(100% / 6 - 2px);
}
.weather-block .weekly-info-block .week-temperatures li:last-of-type {
    margin: 0;
}
.weather-block .weekly-info-block .week-temperatures li .day {
    color: #fff;
    display: block;
    font-size: 10px;
    font-weight: 500;
    line-height: 1em;
    letter-spacing: 0.04em;
}
.weather-block .weekly-info-block .week-temperatures li i {
    display: inline-block;
    line-height: 1em;
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    margin-left: 0;
    width: auto;
    height: auto;
    vertical-align: top;
}
.weather-block .weekly-info-block .week-temperatures li i svg {
    width: 30px;
    height: 30px;
}
.weather-block .weekly-info-block .week-temperatures li .degrees {
    line-height: 1em;
    display: block;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.04em;
}
.weather-block .block-body {
    position: relative;
    overflow: hidden;
}
.weather-block .block-body:before {
    -webkit-transition: all 0.65s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.65s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.65s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    background: #2ab2ea;
    position: absolute;
    opacity: 0;
    z-index: 2;
    content: "";
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
}
.weather-block .block-body .loading-box {
    -webkit-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    pointer-events: none;
    position: absolute;
    text-align: center;
    opacity: 0;
    height: 100%;
    width: 100%;
    z-index: 3;
    left: 0;
    top: 0;
}
.weather-block .block-body .loading-box .box-wrapper {
    position: relative;
    -webkit-transform: translateY(-55%);
    -ms-transform: translateY(-55%);
    transform: translateY(-55%);
    top: 50%;
}
.weather-block .block-body .loading-box .box-wrapper:before {
    font-family: icomoon;
    margin: 0 0 10px;
    line-height: 1em;
    content: "";
    font-size: 50px;
    display: block;
}
.weather-block .block-body .loading-box .box-wrapper span {
    font-size: 11px;
}
.weather-block.loading .weekly-info-block {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
}
.weather-block.loading .block-header .location .location-wrapper {
    opacity: 0;
}
.weather-block.loading .block-body .loading-box {
    opacity: 0.65;
}
.weather-block.loading .block-body .loading-box .box-wrapper:before {
    -webkit-animation: rotate 3s infinite;
    -moz-animation: rotate 3s infinite;
    -ms-animation: rotate 3s infinite;
    -o-animation: rotate 3s infinite;
    animation: rotate 3s infinite;
}
.weather-block.loading .block-body:before {
    opacity: 1;
}
@media (max-width: 992px) {
    .weather-block {
        margin: 0 0 45px;
    }
}
.weather-block.hourly .block-body .today-temperature {
    padding: 20px 0 0;
    width: 50%;
}
.weather-block.hourly .block-body .today-temperature i {
    margin-left: 0;
    width: auto;
    height: auto;
    vertical-align: top;
}
.weather-block.hourly .block-body .today-temperature i svg {
    width: 100px;
    height: 100px;
}
@media (max-width: 500px) {
    .weather-block.hourly .block-body .today-temperature {
        padding: 40px 0 0;
        width: 40%;
    }
    .weather-block.hourly .block-body .today-temperature .icon {
        margin: 0;
    }
    .weather-block.hourly .block-body .today-temperature svg {
        width: 65px;
        height: 65px;
    }
}
.weather-block.hourly .block-body .today-meta {
    padding-left: 50%;
}
@media (max-width: 500px) {
    .weather-block.hourly .block-body .today-meta {
        padding-left: 40%;
    }
}
.weather-block.hourly .block-body .weekly-info-block .week-temperatures li .day {
    text-transform: uppercase;
}
.weather-block.hourly .block-body .weekly-info-block .week-temperatures.full-width {
    width: 100%;
    margin: 0;
}
@media (max-width: 768px) {
    .weather-block .block-header .weather-block-settings .measurements-wrapper {
        right: 0;
        left: auto;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    .weather-block .block-header .weather-block-settings .measurements-wrapper .measurements:before {
        left: auto;
        right: 0;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
.small-weather-block {
    padding: 20px 15px 15px 15px;
    font-family: "Montserrat", sans-serif;
    background: #29aadf;
    position: relative;
    color: #fff;
}
.small-weather-block .day {
    display: block;
    font-size: 18px;
    line-height: 1em;
    font-weight: 700;
    margin: 0 0 7.5px;
    letter-spacing: 0.04em;
}
.small-weather-block .day .date {
    display: inline-block;
    margin: 0;
    font-weight: 500;
    font-size: 16px;
}
.small-weather-block .day .date:before {
    display: inline-block;
    margin: 0 5px 0 0;
    content: ", ";
}
.small-weather-block .icon-wrapper .temperature-icon {
    display: inline-block;
    margin: 0 0 2.5px;
}
.small-weather-block .icon-wrapper .temperature-icon svg {
    width: 90px;
    height: 90px;
}
.small-weather-block .icon-wrapper .temperature-icon svg .climacon_component-stroke {
    fill: #fff;
}
.small-weather-block .temperature {
    display: inline-block;
    font-size: 0;
}
.small-weather-block .temperature .degree {
    font-size: 20px;
    font-weight: 500;
    display: inline-block;
    letter-spacing: 0.04em;
}
.small-weather-block .temperature .degree:after {
    content: "°";
}
.small-weather-block .temperature .degree:first-of-type {
    margin: 0 15px 0 0;
}
.small-weather-block .loading-box {
    -webkit-transition: all 0.65s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.65s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.65s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    visibility: hidden;
    background: #2AB2EA;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 3;
    opacity: 0;
    left: 0;
    top: 0;
}
.small-weather-block .loading-box:before {
    position: absolute;
    font-family: icomoon;
    display: inline-block;
    content: "";
    height: 32px;
    width: 32px;
    text-align: center;
    line-height: 32px;
    vertical-align: middle;
    margin: -16px 0 0 -16px;
    top: 50%;
    left: 50%;
    opacity: 0.65;
    color: #fff;
    font-size: 30px;
}
.small-weather-block.loading .loading-box {
    visibility: visible;
    opacity: 1;
}
.small-weather-block.loading .loading-box:before {
    -webkit-animation: rotate 3s infinite;
    -moz-animation: rotate 3s infinite;
    -ms-animation: rotate 3s infinite;
    -o-animation: rotate 3s infinite;
    animation: rotate 3s infinite;
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-moz-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-ms-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-o-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* -------- Weather Icons -------- */
/* VARIABLES */
/* Applies a stroke to the icons. Can use percentage for responsive */

.climacon_component-stroke {
    fill: white;
    stroke-width: 0%;
    stroke: black;
}
.climacon_component-fill {
    fill: #aedef4;
    stroke-width: 0%;
    stroke: black;
}
/* SVG GLOBAL */

svg {
    shape-rendering: geometricPrecision;
}
g,
path,
circle,
rect {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation-duration: 18s;
    animation-duration: 18s;
    -webkit-animation-direction: normal;
    animation-direction: normal;
}
/* SUN */

.climacon_componentWrap-sun {
    -webkit-animation-name: rotate;
    animation-name: rotate;
}
.climacon_componentWrap_sunSpoke .climacon_component-stroke_sunSpoke {
    -webkit-animation-name: scale;
    animation-name: scale;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-duration: 4.5s;
    animation-duration: 4.5s;
}
.climacon_componentWrap_sunSpoke .climacon_component-stroke_sunSpoke:nth-child(even) {
    -webkit-animation-delay: 4.5s;
    animation-delay: 4.5s;
}
/* MOON */

.climacon_componentWrap-moon {
    -webkit-animation-name: partialRotate;
    animation-name: partialRotate;
    -webkit-animation-duration: 18s;
    animation-duration: 18s;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
/* WIND */

.climacon_componentWrap-wind {
    -webkit-animation-name: translateWind;
    animation-name: translateWind;
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
/* SNOWFLAKE */

.climacon_componentWrap-snowflake {
    -webkit-animation-name: rotate;
    animation-name: rotate;
    -webkit-animation-duration: 54s;
    animation-duration: 54s;
    -webkit-animation-direction: normal;
    animation-direction: normal;
}
/* CLOUD SUN */

.climacon_componentWrap-sun_cloud {
    -webkit-animation-name: behindCloudMove, rotate;
    animation-name: behindCloudMove, rotate;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-timing-function: ease-out, linear;
    animation-timing-function: ease-out, linear;
    -webkit-animation-delay: 0, 4.5s;
    animation-delay: 0, 4.5s;
    -webkit-animation-duration: 4.5s, 18s;
    animation-duration: 4.5s, 18s;
}
.climacon_componentWrap-sun_cloud .climacon_componentWrap_sunSpoke .climacon_component-stroke_sunSpoke {
    fill-opacity: 0;
    -webkit-animation-name: fillOpacity, scale;
    animation-name: fillOpacity, scale;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-delay: 4.5s, 0;
    animation-delay: 4.5s, 0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.climacon_componentWrap-sun_cloud .climacon_componentWrap_sunSpoke .climacon_component-stroke_sunSpoke:nth-child(even) {
    -webkit-animation-delay: 4.5s;
    animation-delay: 4.5s;
}
/* CLOUD MOON */

.climacon_componentWrap-moon_cloud {
    -webkit-animation-name: behindCloudMove, partialRotate;
    animation-name: behindCloudMove, partialRotate;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-timing-function: ease-out, linear;
    animation-timing-function: ease-out, linear;
    -webkit-animation-delay: 0, 4.5s;
    animation-delay: 0, 4.5s;
    -webkit-animation-duration: 4.5s, 18s;
    animation-duration: 4.5s, 18s;
}
/* DRIZZLE */

.climacon_component-stroke_drizzle {
    fill-opacity: 0;
    -webkit-animation-name: drizzleFall, fillOpacity2;
    animation-name: drizzleFall, fillOpacity2;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
}
.climacon_component-stroke_drizzle:nth-child(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
.climacon_component-stroke_drizzle:nth-child(2) {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}
.climacon_component-stroke_drizzle:nth-child(3) {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
}
/* RAIN */

.climacon_component-stroke_rain {
    fill-opacity: 0;
    -webkit-animation-name: rainFall, fillOpacity2;
    animation-name: rainFall, fillOpacity2;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}
.climacon_component-stroke_rain:nth-child(n+4) {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}
.climacon_component-stroke_rain_alt:nth-child(2) {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}
/* HAIL */
/* HAIL ALT */

.climacon_component-stroke_hailAlt {
    fill-opacity: 1;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}
.climacon_component-stroke_hailAlt-left {
    -webkit-animation-name: hailLeft, fillOpacity2;
    animation-name: hailLeft, fillOpacity2;
}
.climacon_component-stroke_hailAlt-middle {
    -webkit-animation-name: hailMiddle, fillOpacity2;
    animation-name: hailMiddle, fillOpacity2;
}
.climacon_component-stroke_hailAlt-middle:nth-child(2) {
    -webkit-animation-name: hailMiddle2, fillOpacity2;
    animation-name: hailMiddle2, fillOpacity2;
}
.climacon_component-stroke_hailAlt-right {
    -webkit-animation-name: hailRight, fillOpacity2;
    animation-name: hailRight, fillOpacity2;
}
.climacon_component-stroke_hailAlt:nth-child(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
.climacon_component-stroke_hailAlt:nth-child(2) {
    -webkit-animation-delay: 0.16667s;
    animation-delay: 0.16667s;
}
.climacon_component-stroke_hailAlt:nth-child(3) {
    -webkit-animation-delay: 0.33333s;
    animation-delay: 0.33333s;
}
.climacon_component-stroke_hailAlt:nth-child(4) {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.climacon_component-stroke_hailAlt:nth-child(5) {
    -webkit-animation-delay: 0.66667s;
    animation-delay: 0.66667s;
}
.climacon_component-stroke_hailAlt:nth-child(6) {
    -webkit-animation-delay: 0.83333s;
    animation-delay: 0.83333s;
}
/* SNOW */

.climacon_component-stroke_snow {
    fill-opacity: 0;
    -webkit-animation-name: snowFall, fillOpacity2;
    animation-name: snowFall, fillOpacity2;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-duration: 9s;
    animation-duration: 9s;
}
.climacon_component-stroke_snow:nth-child(3) {
    -webkit-animation-name: snowFall2, fillOpacity2;
    animation-name: snowFall2, fillOpacity2;
}
.climacon_component-stroke_snow:nth-child(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
.climacon_component-stroke_snow:nth-child(2) {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}
.climacon_component-stroke_snow:nth-child(3) {
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
}
/* SNOW ALT */

.climacon_wrapperComponent-snowAlt {
    fill-opacity: 0;
    -webkit-animation-name: snowFall, fillOpacity2;
    animation-name: snowFall, fillOpacity2;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-duration: 9s;
    animation-duration: 9s;
}
/* FOG */

.climacon_component-stroke_fogLine {
    fill-opacity: 0.5;
    -webkit-animation-name: translateFog, fillOpacityFog;
    animation-name: translateFog, fillOpacityFog;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-duration: 18s;
    animation-duration: 18s;
}
.climacon_component-stroke_fogLine:nth-child(even) {
    -webkit-animation-delay: 9s;
    animation-delay: 9s;
}
/* LIGHTNING */

.climacon_component-stroke_lightning {
    fill-opacity: 0;
    -webkit-animation-name: fillOpacityLightning;
    animation-name: fillOpacityLightning;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-duration: 18s;
    animation-duration: 18s;
}
/* TORNADO */

.climacon_component-stroke_tornadoLine {
    -webkit-animation-name: translateTornado1;
    animation-name: translateTornado1;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-duration: 18s;
    animation-duration: 18s;
}
.climacon_component-stroke_tornadoLine:nth-child(1) {
    -webkit-animation-name: translateTornado1;
    animation-name: translateTornado1;
}
.climacon_component-stroke_tornadoLine:nth-child(2) {
    -webkit-animation-name: translateTornado2;
    animation-name: translateTornado2;
}
.climacon_component-stroke_tornadoLine:nth-child(3) {
    -webkit-animation-name: translateTornado3;
    animation-name: translateTornado3;
}
.climacon_component-stroke_tornadoLine:nth-child(4) {
    -webkit-animation-name: translateTornado4;
    animation-name: translateTornado4;
}
.climacon_component-stroke_tornadoLine:nth-child(5) {
    -webkit-animation-name: translateTornado5;
    animation-name: translateTornado5;
}
.climacon_component-stroke_tornadoLine:nth-child(6) {
    -webkit-animation-name: translateTornado6;
    animation-name: translateTornado6;
}
.climacon_componentWrap-sunsetAlt {
    -webkit-animation-name: translateSunset;
    animation-name: translateSunset;
    -webkit-animation-duration: 4.5s;
    animation-duration: 4.5s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-name: translateSunset;
    animation-name: translateSunset;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
.climacon_iconWrap-sun .climacon_component-stroke_sunSpoke,
.climacon_iconWrap-sunFill .climacon_component-stroke_sunSpoke {
    fill-opacity: 1;
    -webkit-animation-name: scale;
    animation-name: scale;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
.climacon_iconWrap-sun .climacon_component-stroke_sunSpoke:nth-child(even),
.climacon_iconWrap-sunFill .climacon_component-stroke_sunSpoke:nth-child(even) {
    -webkit-animation-delay: 4.5s;
    animation-delay: 4.5s;
}
.climacon-iconWrap_sunFill .climacon_component-stroke_sunSpoke {
    fill-opacity: 1;
    -webkit-animation-name: scale;
    animation-name: scale;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
.climacon-iconWrap_sunFill .climacon_component-stroke_sunSpoke:nth-child(even) {
    -webkit-animation-delay: 4.5s;
    animation-delay: 4.5s;
}
.climacon_component-stroke_arrow-up {
    fill-opacity: 0;
    -webkit-animation-name: fillOpacity2, translateArrowUp;
    animation-name: fillOpacity2, translateArrowUp;
    -webkit-animation-duration: 4.5s;
    animation-duration: 4.5s;
}
.climacon_component-stroke_arrow-down {
    fill-opacity: 0;
    -webkit-animation-name: fillOpacity2, translateArrowDown;
    animation-name: fillOpacity2, translateArrowDown;
    -webkit-animation-duration: 4.5s;
    animation-duration: 4.5s;
}
.climacon_componentWrap-sunrise .climacon_component-stroke_sunSpoke,
.climacon_componentWrap-sunset .climacon_component-stroke_sunSpoke {
    -webkit-animation-name: scale;
    animation-name: scale;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 4.5s;
    animation-duration: 4.5s;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.climacon_componentWrap-sunrise .climacon_component-stroke_sunSpoke:nth-child(even),
.climacon_componentWrap-sunset .climacon_component-stroke_sunSpoke:nth-child(even) {
    -webkit-animation-delay: 4.5s;
    animation-delay: 4.5s;
}
.climacon_componentWrap-sunriseAlt {
    -webkit-animation-name: translateSunrise, fillOpacity;
    animation-name: translateSunrise, fillOpacity;
    -webkit-animation-duration: 18s, 9s;
    animation-duration: 18s, 9s;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.climacon_componentWrap-sunriseAlt .climacon_component-stroke_sunSpoke {
    fill-opacity: 0;
    -webkit-animation-name: fillOpacity, scale;
    animation-name: fillOpacity, scale;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-duration: 4.5s;
    animation-duration: 4.5s;
    -webkit-animation-delay: 4.5s, 0;
    animation-delay: 4.5s, 0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.climacon_componentWrap-sunriseAlt .climacon_component-stroke_sunSpoke:nth-child(even) {
    -webkit-animation-delay: 4.5s, 4.5s;
    animation-delay: 4.5s, 4.5s;
}
.climacon_componentWrap-sunsetAlt {
    -webkit-animation-name: translateSunset;
    animation-name: translateSunset;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-duration: 18s;
    animation-duration: 18s;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* ANIMATIONS */

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes partialRotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    25% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }
    50% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    75% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
@keyframes partialRotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    25% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }
    50% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    75% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -webkit-transform: scale(0.5, 0.5);
        transform: scale(0.5, 0.5);
    }
}
@keyframes scale {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    100% {
        -webkit-transform: scale(0.5, 0.5);
        transform: scale(0.5, 0.5);
    }
}
@-webkit-keyframes behindCloudMove {
    0% {
        -webkit-transform: translateX(-1.75px) translateY(1.75px);
        transform: translateX(-1.75px) translateY(1.75px);
    }
    100% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }
}
@keyframes behindCloudMove {
    0% {
        -webkit-transform: translateX(-1.75px) translateY(1.75px);
        transform: translateX(-1.75px) translateY(1.75px);
    }
    100% {
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }
}
@-webkit-keyframes drizzleFall {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(21px);
        transform: translateY(21px);
    }
}
@keyframes drizzleFall {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(21px);
        transform: translateY(21px);
    }
}
@-webkit-keyframes rainFall {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(14px);
        transform: translateY(14px);
    }
}
@keyframes rainFall {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(14px);
        transform: translateY(14px);
    }
}
@-webkit-keyframes rainFall2 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(14px);
        transform: translateY(14px);
    }
    100% {
        -webkit-transform: translateX(14px) translateY(14px);
        transform: translateX(14px) translateY(14px);
    }
}
@keyframes rainFall2 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(14px);
        transform: translateY(14px);
    }
    100% {
        -webkit-transform: translateX(14px) translateY(14px);
        transform: translateX(14px) translateY(14px);
    }
}
@-webkit-keyframes hailLeft {
    50% {
        -webkit-transform: translateY(17.5px);
        transform: translateY(17.5px);
    }
    51% {
        -webkit-transform: translateY(17.5px) translateX(-0.3px);
        transform: translateY(17.5px) translateX(-0.3px);
    }
    53% {
        -webkit-transform: translateY(16.40333px) translateX(-0.9px);
        transform: translateY(16.40333px) translateX(-0.9px);
    }
    55% {
        -webkit-transform: translateY(15.32396px) translateX(-1.5px);
        transform: translateY(15.32396px) translateX(-1.5px);
    }
    57% {
        -webkit-transform: translateY(14.27891px) translateX(-2.1px);
        transform: translateY(14.27891px) translateX(-2.1px);
    }
    59% {
        -webkit-transform: translateY(13.28466px) translateX(-2.7px);
        transform: translateY(13.28466px) translateX(-2.7px);
    }
    61% {
        -webkit-transform: translateY(12.35688px) translateX(-3.3px);
        transform: translateY(12.35688px) translateX(-3.3px);
    }
    63% {
        -webkit-transform: translateY(11.51021px) translateX(-3.9px);
        transform: translateY(11.51021px) translateX(-3.9px);
    }
    65% {
        -webkit-transform: translateY(10.75801px) translateX(-4.5px);
        transform: translateY(10.75801px) translateX(-4.5px);
    }
    67% {
        -webkit-transform: translateY(10.11213px) translateX(-5.1px);
        transform: translateY(10.11213px) translateX(-5.1px);
    }
    69% {
        -webkit-transform: translateY(9.58276px) translateX(-5.7px);
        transform: translateY(9.58276px) translateX(-5.7px);
    }
    71% {
        -webkit-transform: translateY(9.17826px) translateX(-6.3px);
        transform: translateY(9.17826px) translateX(-6.3px);
    }
    73% {
        -webkit-transform: translateY(8.90499px) translateX(-6.9px);
        transform: translateY(8.90499px) translateX(-6.9px);
    }
    75% {
        -webkit-transform: translateY(8.76727px) translateX(-7.5px);
        transform: translateY(8.76727px) translateX(-7.5px);
    }
    77% {
        -webkit-transform: translateY(8.76727px) translateX(-8.1px);
        transform: translateY(8.76727px) translateX(-8.1px);
    }
    79% {
        -webkit-transform: translateY(8.90499px) translateX(-8.7px);
        transform: translateY(8.90499px) translateX(-8.7px);
    }
    81% {
        -webkit-transform: translateY(9.17826px) translateX(-9.3px);
        transform: translateY(9.17826px) translateX(-9.3px);
    }
    83% {
        -webkit-transform: translateY(9.58276px) translateX(-9.9px);
        transform: translateY(9.58276px) translateX(-9.9px);
    }
    85% {
        -webkit-transform: translateY(10.11213px) translateX(-10.5px);
        transform: translateY(10.11213px) translateX(-10.5px);
    }
    87% {
        -webkit-transform: translateY(10.75801px) translateX(-11.1px);
        transform: translateY(10.75801px) translateX(-11.1px);
    }
    89% {
        -webkit-transform: translateY(11.51021px) translateX(-11.7px);
        transform: translateY(11.51021px) translateX(-11.7px);
    }
    91% {
        -webkit-transform: translateY(12.35688px) translateX(-12.3px);
        transform: translateY(12.35688px) translateX(-12.3px);
    }
    93% {
        -webkit-transform: translateY(13.28466px) translateX(-12.9px);
        transform: translateY(13.28466px) translateX(-12.9px);
    }
    95% {
        -webkit-transform: translateY(14.27891px) translateX(-13.5px);
        transform: translateY(14.27891px) translateX(-13.5px);
    }
    97% {
        -webkit-transform: translateY(15.32396px) translateX(-14.1px);
        transform: translateY(15.32396px) translateX(-14.1px);
    }
    99% {
        -webkit-transform: translateY(16.40333px) translateX(-14.7px);
        transform: translateY(16.40333px) translateX(-14.7px);
    }
}
@keyframes hailLeft {
    50% {
        -webkit-transform: translateY(17.5px);
        transform: translateY(17.5px);
    }
    51% {
        -webkit-transform: translateY(17.5px) translateX(-0.3px);
        transform: translateY(17.5px) translateX(-0.3px);
    }
    53% {
        -webkit-transform: translateY(16.40333px) translateX(-0.9px);
        transform: translateY(16.40333px) translateX(-0.9px);
    }
    55% {
        -webkit-transform: translateY(15.32396px) translateX(-1.5px);
        transform: translateY(15.32396px) translateX(-1.5px);
    }
    57% {
        -webkit-transform: translateY(14.27891px) translateX(-2.1px);
        transform: translateY(14.27891px) translateX(-2.1px);
    }
    59% {
        -webkit-transform: translateY(13.28466px) translateX(-2.7px);
        transform: translateY(13.28466px) translateX(-2.7px);
    }
    61% {
        -webkit-transform: translateY(12.35688px) translateX(-3.3px);
        transform: translateY(12.35688px) translateX(-3.3px);
    }
    63% {
        -webkit-transform: translateY(11.51021px) translateX(-3.9px);
        transform: translateY(11.51021px) translateX(-3.9px);
    }
    65% {
        -webkit-transform: translateY(10.75801px) translateX(-4.5px);
        transform: translateY(10.75801px) translateX(-4.5px);
    }
    67% {
        -webkit-transform: translateY(10.11213px) translateX(-5.1px);
        transform: translateY(10.11213px) translateX(-5.1px);
    }
    69% {
        -webkit-transform: translateY(9.58276px) translateX(-5.7px);
        transform: translateY(9.58276px) translateX(-5.7px);
    }
    71% {
        -webkit-transform: translateY(9.17826px) translateX(-6.3px);
        transform: translateY(9.17826px) translateX(-6.3px);
    }
    73% {
        -webkit-transform: translateY(8.90499px) translateX(-6.9px);
        transform: translateY(8.90499px) translateX(-6.9px);
    }
    75% {
        -webkit-transform: translateY(8.76727px) translateX(-7.5px);
        transform: translateY(8.76727px) translateX(-7.5px);
    }
    77% {
        -webkit-transform: translateY(8.76727px) translateX(-8.1px);
        transform: translateY(8.76727px) translateX(-8.1px);
    }
    79% {
        -webkit-transform: translateY(8.90499px) translateX(-8.7px);
        transform: translateY(8.90499px) translateX(-8.7px);
    }
    81% {
        -webkit-transform: translateY(9.17826px) translateX(-9.3px);
        transform: translateY(9.17826px) translateX(-9.3px);
    }
    83% {
        -webkit-transform: translateY(9.58276px) translateX(-9.9px);
        transform: translateY(9.58276px) translateX(-9.9px);
    }
    85% {
        -webkit-transform: translateY(10.11213px) translateX(-10.5px);
        transform: translateY(10.11213px) translateX(-10.5px);
    }
    87% {
        -webkit-transform: translateY(10.75801px) translateX(-11.1px);
        transform: translateY(10.75801px) translateX(-11.1px);
    }
    89% {
        -webkit-transform: translateY(11.51021px) translateX(-11.7px);
        transform: translateY(11.51021px) translateX(-11.7px);
    }
    91% {
        -webkit-transform: translateY(12.35688px) translateX(-12.3px);
        transform: translateY(12.35688px) translateX(-12.3px);
    }
    93% {
        -webkit-transform: translateY(13.28466px) translateX(-12.9px);
        transform: translateY(13.28466px) translateX(-12.9px);
    }
    95% {
        -webkit-transform: translateY(14.27891px) translateX(-13.5px);
        transform: translateY(14.27891px) translateX(-13.5px);
    }
    97% {
        -webkit-transform: translateY(15.32396px) translateX(-14.1px);
        transform: translateY(15.32396px) translateX(-14.1px);
    }
    99% {
        -webkit-transform: translateY(16.40333px) translateX(-14.7px);
        transform: translateY(16.40333px) translateX(-14.7px);
    }
}
@-webkit-keyframes hailMiddle {
    50% {
        -webkit-transform: translateY(17.5px);
        transform: translateY(17.5px);
    }
    51% {
        -webkit-transform: translateY(17.5px) translateX(-0.15px);
        transform: translateY(17.5px) translateX(-0.15px);
    }
    53% {
        -webkit-transform: translateY(16.40333px) translateX(-0.45px);
        transform: translateY(16.40333px) translateX(-0.45px);
    }
    55% {
        -webkit-transform: translateY(15.32396px) translateX(-0.75px);
        transform: translateY(15.32396px) translateX(-0.75px);
    }
    57% {
        -webkit-transform: translateY(14.27891px) translateX(-1.05px);
        transform: translateY(14.27891px) translateX(-1.05px);
    }
    59% {
        -webkit-transform: translateY(13.28466px) translateX(-1.35px);
        transform: translateY(13.28466px) translateX(-1.35px);
    }
    61% {
        -webkit-transform: translateY(12.35688px) translateX(-1.65px);
        transform: translateY(12.35688px) translateX(-1.65px);
    }
    63% {
        -webkit-transform: translateY(11.51021px) translateX(-1.95px);
        transform: translateY(11.51021px) translateX(-1.95px);
    }
    65% {
        -webkit-transform: translateY(10.75801px) translateX(-2.25px);
        transform: translateY(10.75801px) translateX(-2.25px);
    }
    67% {
        -webkit-transform: translateY(10.11213px) translateX(-2.55px);
        transform: translateY(10.11213px) translateX(-2.55px);
    }
    69% {
        -webkit-transform: translateY(9.58276px) translateX(-2.85px);
        transform: translateY(9.58276px) translateX(-2.85px);
    }
    71% {
        -webkit-transform: translateY(9.17826px) translateX(-3.15px);
        transform: translateY(9.17826px) translateX(-3.15px);
    }
    73% {
        -webkit-transform: translateY(8.90499px) translateX(-3.45px);
        transform: translateY(8.90499px) translateX(-3.45px);
    }
    75% {
        -webkit-transform: translateY(8.76727px) translateX(-3.75px);
        transform: translateY(8.76727px) translateX(-3.75px);
    }
    77% {
        -webkit-transform: translateY(8.76727px) translateX(-4.05px);
        transform: translateY(8.76727px) translateX(-4.05px);
    }
    79% {
        -webkit-transform: translateY(8.90499px) translateX(-4.35px);
        transform: translateY(8.90499px) translateX(-4.35px);
    }
    81% {
        -webkit-transform: translateY(9.17826px) translateX(-4.65px);
        transform: translateY(9.17826px) translateX(-4.65px);
    }
    83% {
        -webkit-transform: translateY(9.58276px) translateX(-4.95px);
        transform: translateY(9.58276px) translateX(-4.95px);
    }
    85% {
        -webkit-transform: translateY(10.11213px) translateX(-5.25px);
        transform: translateY(10.11213px) translateX(-5.25px);
    }
    87% {
        -webkit-transform: translateY(10.75801px) translateX(-5.55px);
        transform: translateY(10.75801px) translateX(-5.55px);
    }
    89% {
        -webkit-transform: translateY(11.51021px) translateX(-5.85px);
        transform: translateY(11.51021px) translateX(-5.85px);
    }
    91% {
        -webkit-transform: translateY(12.35688px) translateX(-6.15px);
        transform: translateY(12.35688px) translateX(-6.15px);
    }
    93% {
        -webkit-transform: translateY(13.28466px) translateX(-6.45px);
        transform: translateY(13.28466px) translateX(-6.45px);
    }
    95% {
        -webkit-transform: translateY(14.27891px) translateX(-6.75px);
        transform: translateY(14.27891px) translateX(-6.75px);
    }
    97% {
        -webkit-transform: translateY(15.32396px) translateX(-7.05px);
        transform: translateY(15.32396px) translateX(-7.05px);
    }
    99% {
        -webkit-transform: translateY(16.40333px) translateX(-7.35px);
        transform: translateY(16.40333px) translateX(-7.35px);
    }
}
@keyframes hailMiddle {
    50% {
        -webkit-transform: translateY(17.5px);
        transform: translateY(17.5px);
    }
    51% {
        -webkit-transform: translateY(17.5px) translateX(-0.15px);
        transform: translateY(17.5px) translateX(-0.15px);
    }
    53% {
        -webkit-transform: translateY(16.40333px) translateX(-0.45px);
        transform: translateY(16.40333px) translateX(-0.45px);
    }
    55% {
        -webkit-transform: translateY(15.32396px) translateX(-0.75px);
        transform: translateY(15.32396px) translateX(-0.75px);
    }
    57% {
        -webkit-transform: translateY(14.27891px) translateX(-1.05px);
        transform: translateY(14.27891px) translateX(-1.05px);
    }
    59% {
        -webkit-transform: translateY(13.28466px) translateX(-1.35px);
        transform: translateY(13.28466px) translateX(-1.35px);
    }
    61% {
        -webkit-transform: translateY(12.35688px) translateX(-1.65px);
        transform: translateY(12.35688px) translateX(-1.65px);
    }
    63% {
        -webkit-transform: translateY(11.51021px) translateX(-1.95px);
        transform: translateY(11.51021px) translateX(-1.95px);
    }
    65% {
        -webkit-transform: translateY(10.75801px) translateX(-2.25px);
        transform: translateY(10.75801px) translateX(-2.25px);
    }
    67% {
        -webkit-transform: translateY(10.11213px) translateX(-2.55px);
        transform: translateY(10.11213px) translateX(-2.55px);
    }
    69% {
        -webkit-transform: translateY(9.58276px) translateX(-2.85px);
        transform: translateY(9.58276px) translateX(-2.85px);
    }
    71% {
        -webkit-transform: translateY(9.17826px) translateX(-3.15px);
        transform: translateY(9.17826px) translateX(-3.15px);
    }
    73% {
        -webkit-transform: translateY(8.90499px) translateX(-3.45px);
        transform: translateY(8.90499px) translateX(-3.45px);
    }
    75% {
        -webkit-transform: translateY(8.76727px) translateX(-3.75px);
        transform: translateY(8.76727px) translateX(-3.75px);
    }
    77% {
        -webkit-transform: translateY(8.76727px) translateX(-4.05px);
        transform: translateY(8.76727px) translateX(-4.05px);
    }
    79% {
        -webkit-transform: translateY(8.90499px) translateX(-4.35px);
        transform: translateY(8.90499px) translateX(-4.35px);
    }
    81% {
        -webkit-transform: translateY(9.17826px) translateX(-4.65px);
        transform: translateY(9.17826px) translateX(-4.65px);
    }
    83% {
        -webkit-transform: translateY(9.58276px) translateX(-4.95px);
        transform: translateY(9.58276px) translateX(-4.95px);
    }
    85% {
        -webkit-transform: translateY(10.11213px) translateX(-5.25px);
        transform: translateY(10.11213px) translateX(-5.25px);
    }
    87% {
        -webkit-transform: translateY(10.75801px) translateX(-5.55px);
        transform: translateY(10.75801px) translateX(-5.55px);
    }
    89% {
        -webkit-transform: translateY(11.51021px) translateX(-5.85px);
        transform: translateY(11.51021px) translateX(-5.85px);
    }
    91% {
        -webkit-transform: translateY(12.35688px) translateX(-6.15px);
        transform: translateY(12.35688px) translateX(-6.15px);
    }
    93% {
        -webkit-transform: translateY(13.28466px) translateX(-6.45px);
        transform: translateY(13.28466px) translateX(-6.45px);
    }
    95% {
        -webkit-transform: translateY(14.27891px) translateX(-6.75px);
        transform: translateY(14.27891px) translateX(-6.75px);
    }
    97% {
        -webkit-transform: translateY(15.32396px) translateX(-7.05px);
        transform: translateY(15.32396px) translateX(-7.05px);
    }
    99% {
        -webkit-transform: translateY(16.40333px) translateX(-7.35px);
        transform: translateY(16.40333px) translateX(-7.35px);
    }
}
@-webkit-keyframes hailMiddle2 {
    50% {
        -webkit-transform: translateY(17.5px);
        transform: translateY(17.5px);
    }
    51% {
        -webkit-transform: translateY(17.5px) translateX(0.15px);
        transform: translateY(17.5px) translateX(0.15px);
    }
    53% {
        -webkit-transform: translateY(16.40333px) translateX(0.45px);
        transform: translateY(16.40333px) translateX(0.45px);
    }
    55% {
        -webkit-transform: translateY(15.32396px) translateX(0.75px);
        transform: translateY(15.32396px) translateX(0.75px);
    }
    57% {
        -webkit-transform: translateY(14.27891px) translateX(1.05px);
        transform: translateY(14.27891px) translateX(1.05px);
    }
    59% {
        -webkit-transform: translateY(13.28466px) translateX(1.35px);
        transform: translateY(13.28466px) translateX(1.35px);
    }
    61% {
        -webkit-transform: translateY(12.35688px) translateX(1.65px);
        transform: translateY(12.35688px) translateX(1.65px);
    }
    63% {
        -webkit-transform: translateY(11.51021px) translateX(1.95px);
        transform: translateY(11.51021px) translateX(1.95px);
    }
    65% {
        -webkit-transform: translateY(10.75801px) translateX(2.25px);
        transform: translateY(10.75801px) translateX(2.25px);
    }
    67% {
        -webkit-transform: translateY(10.11213px) translateX(2.55px);
        transform: translateY(10.11213px) translateX(2.55px);
    }
    69% {
        -webkit-transform: translateY(9.58276px) translateX(2.85px);
        transform: translateY(9.58276px) translateX(2.85px);
    }
    71% {
        -webkit-transform: translateY(9.17826px) translateX(3.15px);
        transform: translateY(9.17826px) translateX(3.15px);
    }
    73% {
        -webkit-transform: translateY(8.90499px) translateX(3.45px);
        transform: translateY(8.90499px) translateX(3.45px);
    }
    75% {
        -webkit-transform: translateY(8.76727px) translateX(3.75px);
        transform: translateY(8.76727px) translateX(3.75px);
    }
    77% {
        -webkit-transform: translateY(8.76727px) translateX(4.05px);
        transform: translateY(8.76727px) translateX(4.05px);
    }
    79% {
        -webkit-transform: translateY(8.90499px) translateX(4.35px);
        transform: translateY(8.90499px) translateX(4.35px);
    }
    81% {
        -webkit-transform: translateY(9.17826px) translateX(4.65px);
        transform: translateY(9.17826px) translateX(4.65px);
    }
    83% {
        -webkit-transform: translateY(9.58276px) translateX(4.95px);
        transform: translateY(9.58276px) translateX(4.95px);
    }
    85% {
        -webkit-transform: translateY(10.11213px) translateX(5.25px);
        transform: translateY(10.11213px) translateX(5.25px);
    }
    87% {
        -webkit-transform: translateY(10.75801px) translateX(5.55px);
        transform: translateY(10.75801px) translateX(5.55px);
    }
    89% {
        -webkit-transform: translateY(11.51021px) translateX(5.85px);
        transform: translateY(11.51021px) translateX(5.85px);
    }
    91% {
        -webkit-transform: translateY(12.35688px) translateX(6.15px);
        transform: translateY(12.35688px) translateX(6.15px);
    }
    93% {
        -webkit-transform: translateY(13.28466px) translateX(6.45px);
        transform: translateY(13.28466px) translateX(6.45px);
    }
    95% {
        -webkit-transform: translateY(14.27891px) translateX(6.75px);
        transform: translateY(14.27891px) translateX(6.75px);
    }
    97% {
        -webkit-transform: translateY(15.32396px) translateX(7.05px);
        transform: translateY(15.32396px) translateX(7.05px);
    }
    99% {
        -webkit-transform: translateY(16.40333px) translateX(7.35px);
        transform: translateY(16.40333px) translateX(7.35px);
    }
}
@keyframes hailMiddle2 {
    50% {
        -webkit-transform: translateY(17.5px);
        transform: translateY(17.5px);
    }
    51% {
        -webkit-transform: translateY(17.5px) translateX(0.15px);
        transform: translateY(17.5px) translateX(0.15px);
    }
    53% {
        -webkit-transform: translateY(16.40333px) translateX(0.45px);
        transform: translateY(16.40333px) translateX(0.45px);
    }
    55% {
        -webkit-transform: translateY(15.32396px) translateX(0.75px);
        transform: translateY(15.32396px) translateX(0.75px);
    }
    57% {
        -webkit-transform: translateY(14.27891px) translateX(1.05px);
        transform: translateY(14.27891px) translateX(1.05px);
    }
    59% {
        -webkit-transform: translateY(13.28466px) translateX(1.35px);
        transform: translateY(13.28466px) translateX(1.35px);
    }
    61% {
        -webkit-transform: translateY(12.35688px) translateX(1.65px);
        transform: translateY(12.35688px) translateX(1.65px);
    }
    63% {
        -webkit-transform: translateY(11.51021px) translateX(1.95px);
        transform: translateY(11.51021px) translateX(1.95px);
    }
    65% {
        -webkit-transform: translateY(10.75801px) translateX(2.25px);
        transform: translateY(10.75801px) translateX(2.25px);
    }
    67% {
        -webkit-transform: translateY(10.11213px) translateX(2.55px);
        transform: translateY(10.11213px) translateX(2.55px);
    }
    69% {
        -webkit-transform: translateY(9.58276px) translateX(2.85px);
        transform: translateY(9.58276px) translateX(2.85px);
    }
    71% {
        -webkit-transform: translateY(9.17826px) translateX(3.15px);
        transform: translateY(9.17826px) translateX(3.15px);
    }
    73% {
        -webkit-transform: translateY(8.90499px) translateX(3.45px);
        transform: translateY(8.90499px) translateX(3.45px);
    }
    75% {
        -webkit-transform: translateY(8.76727px) translateX(3.75px);
        transform: translateY(8.76727px) translateX(3.75px);
    }
    77% {
        -webkit-transform: translateY(8.76727px) translateX(4.05px);
        transform: translateY(8.76727px) translateX(4.05px);
    }
    79% {
        -webkit-transform: translateY(8.90499px) translateX(4.35px);
        transform: translateY(8.90499px) translateX(4.35px);
    }
    81% {
        -webkit-transform: translateY(9.17826px) translateX(4.65px);
        transform: translateY(9.17826px) translateX(4.65px);
    }
    83% {
        -webkit-transform: translateY(9.58276px) translateX(4.95px);
        transform: translateY(9.58276px) translateX(4.95px);
    }
    85% {
        -webkit-transform: translateY(10.11213px) translateX(5.25px);
        transform: translateY(10.11213px) translateX(5.25px);
    }
    87% {
        -webkit-transform: translateY(10.75801px) translateX(5.55px);
        transform: translateY(10.75801px) translateX(5.55px);
    }
    89% {
        -webkit-transform: translateY(11.51021px) translateX(5.85px);
        transform: translateY(11.51021px) translateX(5.85px);
    }
    91% {
        -webkit-transform: translateY(12.35688px) translateX(6.15px);
        transform: translateY(12.35688px) translateX(6.15px);
    }
    93% {
        -webkit-transform: translateY(13.28466px) translateX(6.45px);
        transform: translateY(13.28466px) translateX(6.45px);
    }
    95% {
        -webkit-transform: translateY(14.27891px) translateX(6.75px);
        transform: translateY(14.27891px) translateX(6.75px);
    }
    97% {
        -webkit-transform: translateY(15.32396px) translateX(7.05px);
        transform: translateY(15.32396px) translateX(7.05px);
    }
    99% {
        -webkit-transform: translateY(16.40333px) translateX(7.35px);
        transform: translateY(16.40333px) translateX(7.35px);
    }
}
@-webkit-keyframes hailRight {
    50% {
        -webkit-transform: translateY(17.5px);
        transform: translateY(17.5px);
    }
    51% {
        -webkit-transform: translateY(17.5px) translateX(0.3px);
        transform: translateY(17.5px) translateX(0.3px);
    }
    53% {
        -webkit-transform: translateY(16.40333px) translateX(0.9px);
        transform: translateY(16.40333px) translateX(0.9px);
    }
    55% {
        -webkit-transform: translateY(15.32396px) translateX(1.5px);
        transform: translateY(15.32396px) translateX(1.5px);
    }
    57% {
        -webkit-transform: translateY(14.27891px) translateX(2.1px);
        transform: translateY(14.27891px) translateX(2.1px);
    }
    59% {
        -webkit-transform: translateY(13.28466px) translateX(2.7px);
        transform: translateY(13.28466px) translateX(2.7px);
    }
    61% {
        -webkit-transform: translateY(12.35688px) translateX(3.3px);
        transform: translateY(12.35688px) translateX(3.3px);
    }
    63% {
        -webkit-transform: translateY(11.51021px) translateX(3.9px);
        transform: translateY(11.51021px) translateX(3.9px);
    }
    65% {
        -webkit-transform: translateY(10.75801px) translateX(4.5px);
        transform: translateY(10.75801px) translateX(4.5px);
    }
    67% {
        -webkit-transform: translateY(10.11213px) translateX(5.1px);
        transform: translateY(10.11213px) translateX(5.1px);
    }
    69% {
        -webkit-transform: translateY(9.58276px) translateX(5.7px);
        transform: translateY(9.58276px) translateX(5.7px);
    }
    71% {
        -webkit-transform: translateY(9.17826px) translateX(6.3px);
        transform: translateY(9.17826px) translateX(6.3px);
    }
    73% {
        -webkit-transform: translateY(8.90499px) translateX(6.9px);
        transform: translateY(8.90499px) translateX(6.9px);
    }
    75% {
        -webkit-transform: translateY(8.76727px) translateX(7.5px);
        transform: translateY(8.76727px) translateX(7.5px);
    }
    77% {
        -webkit-transform: translateY(8.76727px) translateX(8.1px);
        transform: translateY(8.76727px) translateX(8.1px);
    }
    79% {
        -webkit-transform: translateY(8.90499px) translateX(8.7px);
        transform: translateY(8.90499px) translateX(8.7px);
    }
    81% {
        -webkit-transform: translateY(9.17826px) translateX(9.3px);
        transform: translateY(9.17826px) translateX(9.3px);
    }
    83% {
        -webkit-transform: translateY(9.58276px) translateX(9.9px);
        transform: translateY(9.58276px) translateX(9.9px);
    }
    85% {
        -webkit-transform: translateY(10.11213px) translateX(10.5px);
        transform: translateY(10.11213px) translateX(10.5px);
    }
    87% {
        -webkit-transform: translateY(10.75801px) translateX(11.1px);
        transform: translateY(10.75801px) translateX(11.1px);
    }
    89% {
        -webkit-transform: translateY(11.51021px) translateX(11.7px);
        transform: translateY(11.51021px) translateX(11.7px);
    }
    91% {
        -webkit-transform: translateY(12.35688px) translateX(12.3px);
        transform: translateY(12.35688px) translateX(12.3px);
    }
    93% {
        -webkit-transform: translateY(13.28466px) translateX(12.9px);
        transform: translateY(13.28466px) translateX(12.9px);
    }
    95% {
        -webkit-transform: translateY(14.27891px) translateX(13.5px);
        transform: translateY(14.27891px) translateX(13.5px);
    }
    97% {
        -webkit-transform: translateY(15.32396px) translateX(14.1px);
        transform: translateY(15.32396px) translateX(14.1px);
    }
    99% {
        -webkit-transform: translateY(16.40333px) translateX(14.7px);
        transform: translateY(16.40333px) translateX(14.7px);
    }
}
@keyframes hailRight {
    50% {
        -webkit-transform: translateY(17.5px);
        transform: translateY(17.5px);
    }
    51% {
        -webkit-transform: translateY(17.5px) translateX(0.3px);
        transform: translateY(17.5px) translateX(0.3px);
    }
    53% {
        -webkit-transform: translateY(16.40333px) translateX(0.9px);
        transform: translateY(16.40333px) translateX(0.9px);
    }
    55% {
        -webkit-transform: translateY(15.32396px) translateX(1.5px);
        transform: translateY(15.32396px) translateX(1.5px);
    }
    57% {
        -webkit-transform: translateY(14.27891px) translateX(2.1px);
        transform: translateY(14.27891px) translateX(2.1px);
    }
    59% {
        -webkit-transform: translateY(13.28466px) translateX(2.7px);
        transform: translateY(13.28466px) translateX(2.7px);
    }
    61% {
        -webkit-transform: translateY(12.35688px) translateX(3.3px);
        transform: translateY(12.35688px) translateX(3.3px);
    }
    63% {
        -webkit-transform: translateY(11.51021px) translateX(3.9px);
        transform: translateY(11.51021px) translateX(3.9px);
    }
    65% {
        -webkit-transform: translateY(10.75801px) translateX(4.5px);
        transform: translateY(10.75801px) translateX(4.5px);
    }
    67% {
        -webkit-transform: translateY(10.11213px) translateX(5.1px);
        transform: translateY(10.11213px) translateX(5.1px);
    }
    69% {
        -webkit-transform: translateY(9.58276px) translateX(5.7px);
        transform: translateY(9.58276px) translateX(5.7px);
    }
    71% {
        -webkit-transform: translateY(9.17826px) translateX(6.3px);
        transform: translateY(9.17826px) translateX(6.3px);
    }
    73% {
        -webkit-transform: translateY(8.90499px) translateX(6.9px);
        transform: translateY(8.90499px) translateX(6.9px);
    }
    75% {
        -webkit-transform: translateY(8.76727px) translateX(7.5px);
        transform: translateY(8.76727px) translateX(7.5px);
    }
    77% {
        -webkit-transform: translateY(8.76727px) translateX(8.1px);
        transform: translateY(8.76727px) translateX(8.1px);
    }
    79% {
        -webkit-transform: translateY(8.90499px) translateX(8.7px);
        transform: translateY(8.90499px) translateX(8.7px);
    }
    81% {
        -webkit-transform: translateY(9.17826px) translateX(9.3px);
        transform: translateY(9.17826px) translateX(9.3px);
    }
    83% {
        -webkit-transform: translateY(9.58276px) translateX(9.9px);
        transform: translateY(9.58276px) translateX(9.9px);
    }
    85% {
        -webkit-transform: translateY(10.11213px) translateX(10.5px);
        transform: translateY(10.11213px) translateX(10.5px);
    }
    87% {
        -webkit-transform: translateY(10.75801px) translateX(11.1px);
        transform: translateY(10.75801px) translateX(11.1px);
    }
    89% {
        -webkit-transform: translateY(11.51021px) translateX(11.7px);
        transform: translateY(11.51021px) translateX(11.7px);
    }
    91% {
        -webkit-transform: translateY(12.35688px) translateX(12.3px);
        transform: translateY(12.35688px) translateX(12.3px);
    }
    93% {
        -webkit-transform: translateY(13.28466px) translateX(12.9px);
        transform: translateY(13.28466px) translateX(12.9px);
    }
    95% {
        -webkit-transform: translateY(14.27891px) translateX(13.5px);
        transform: translateY(14.27891px) translateX(13.5px);
    }
    97% {
        -webkit-transform: translateY(15.32396px) translateX(14.1px);
        transform: translateY(15.32396px) translateX(14.1px);
    }
    99% {
        -webkit-transform: translateY(16.40333px) translateX(14.7px);
        transform: translateY(16.40333px) translateX(14.7px);
    }
}
@-webkit-keyframes fillOpacity {
    0% {
        fill-opacity: 0;
        stroke-opacity: 0;
    }
    100% {
        fill-opacity: 1;
        stroke-opacity: 1;
    }
}
@keyframes fillOpacity {
    0% {
        fill-opacity: 0;
        stroke-opacity: 0;
    }
    100% {
        fill-opacity: 1;
        stroke-opacity: 1;
    }
}
@-webkit-keyframes fillOpacity2 {
    0% {
        fill-opacity: 0;
        stroke-opacity: 0;
    }
    50% {
        fill-opacity: 1;
        stroke-opacity: 1;
    }
    100% {
        fill-opacity: 0;
        stroke-opacity: 0;
    }
}
@keyframes fillOpacity2 {
    0% {
        fill-opacity: 0;
        stroke-opacity: 0;
    }
    50% {
        fill-opacity: 1;
        stroke-opacity: 1;
    }
    100% {
        fill-opacity: 0;
        stroke-opacity: 0;
    }
}
@-webkit-keyframes lightningFlash {
    0% {
        fill-opacity: 0;
    }
    1% {
        fill-opacity: 1;
    }
    2% {
        fill-opacity: 0;
    }
    50% {
        fill-opacity: 0;
    }
    51% {
        fill-opacity: 1;
    }
    52% {
        fill-opacity: 0;
    }
    53% {
        fill-opacity: 1;
    }
    54% {
        fill-opacity: 0;
    }
    100% {
        fill-opacity: 0;
    }
}
@keyframes lightningFlash {
    0% {
        fill-opacity: 0;
    }
    1% {
        fill-opacity: 1;
    }
    2% {
        fill-opacity: 0;
    }
    50% {
        fill-opacity: 0;
    }
    51% {
        fill-opacity: 1;
    }
    52% {
        fill-opacity: 0;
    }
    53% {
        fill-opacity: 1;
    }
    54% {
        fill-opacity: 0;
    }
    100% {
        fill-opacity: 0;
    }
}
@-webkit-keyframes snowFall {
    0% {
        -webkit-transform: translateY(0px) translateX(0px);
        transform: translateY(0px) translateX(0px);
    }
    2% {
        -webkit-transform: translateY(0.35px) translateX(0.75349px);
        transform: translateY(0.35px) translateX(0.75349px);
    }
    4% {
        -webkit-transform: translateY(0.7px) translateX(1.44133px);
        transform: translateY(0.7px) translateX(1.44133px);
    }
    6% {
        -webkit-transform: translateY(1.05px) translateX(2.06119px);
        transform: translateY(1.05px) translateX(2.06119px);
    }
    8% {
        -webkit-transform: translateY(1.4px) translateX(2.61124px);
        transform: translateY(1.4px) translateX(2.61124px);
    }
    10% {
        -webkit-transform: translateY(1.75px) translateX(3.09017px);
        transform: translateY(1.75px) translateX(3.09017px);
    }
    12% {
        -webkit-transform: translateY(2.1px) translateX(3.49718px);
        transform: translateY(2.1px) translateX(3.49718px);
    }
    14% {
        -webkit-transform: translateY(2.45px) translateX(3.83201px);
        transform: translateY(2.45px) translateX(3.83201px);
    }
    16% {
        -webkit-transform: translateY(2.8px) translateX(4.09491px);
        transform: translateY(2.8px) translateX(4.09491px);
    }
    18% {
        -webkit-transform: translateY(3.15px) translateX(4.28661px);
        transform: translateY(3.15px) translateX(4.28661px);
    }
    20% {
        -webkit-transform: translateY(3.5px) translateX(4.40839px);
        transform: translateY(3.5px) translateX(4.40839px);
    }
    22% {
        -webkit-transform: translateY(3.85px) translateX(4.46197px);
        transform: translateY(3.85px) translateX(4.46197px);
    }
    24% {
        -webkit-transform: translateY(4.2px) translateX(4.44956px);
        transform: translateY(4.2px) translateX(4.44956px);
    }
    26% {
        -webkit-transform: translateY(4.55px) translateX(4.37381px);
        transform: translateY(4.55px) translateX(4.37381px);
    }
    28% {
        -webkit-transform: translateY(4.9px) translateX(4.23782px);
        transform: translateY(4.9px) translateX(4.23782px);
    }
    30% {
        -webkit-transform: translateY(5.25px) translateX(4.04508px);
        transform: translateY(5.25px) translateX(4.04508px);
    }
    32% {
        -webkit-transform: translateY(5.6px) translateX(3.79948px);
        transform: translateY(5.6px) translateX(3.79948px);
    }
    34% {
        -webkit-transform: translateY(5.95px) translateX(3.50523px);
        transform: translateY(5.95px) translateX(3.50523px);
    }
    36% {
        -webkit-transform: translateY(6.3px) translateX(3.16689px);
        transform: translateY(6.3px) translateX(3.16689px);
    }
    38% {
        -webkit-transform: translateY(6.65px) translateX(2.78933px);
        transform: translateY(6.65px) translateX(2.78933px);
    }
    40% {
        -webkit-transform: translateY(7px) translateX(2.37764px);
        transform: translateY(7px) translateX(2.37764px);
    }
    42% {
        -webkit-transform: translateY(7.35px) translateX(1.93717px);
        transform: translateY(7.35px) translateX(1.93717px);
    }
    44% {
        -webkit-transform: translateY(7.7px) translateX(1.47343px);
        transform: translateY(7.7px) translateX(1.47343px);
    }
    46% {
        -webkit-transform: translateY(8.05px) translateX(0.99211px);
        transform: translateY(8.05px) translateX(0.99211px);
    }
    48% {
        -webkit-transform: translateY(8.4px) translateX(0.49901px);
        transform: translateY(8.4px) translateX(0.49901px);
    }
    50% {
        -webkit-transform: translateY(8.75px) translateX(0px);
        transform: translateY(8.75px) translateX(0px);
    }
    52% {
        -webkit-transform: translateY(9.1px) translateX(-0.49901px);
        transform: translateY(9.1px) translateX(-0.49901px);
    }
    54% {
        -webkit-transform: translateY(9.45px) translateX(-0.99211px);
        transform: translateY(9.45px) translateX(-0.99211px);
    }
    56% {
        -webkit-transform: translateY(9.8px) translateX(-1.47343px);
        transform: translateY(9.8px) translateX(-1.47343px);
    }
    58% {
        -webkit-transform: translateY(10.15px) translateX(-1.93717px);
        transform: translateY(10.15px) translateX(-1.93717px);
    }
    60% {
        -webkit-transform: translateY(10.5px) translateX(-2.37764px);
        transform: translateY(10.5px) translateX(-2.37764px);
    }
    62% {
        -webkit-transform: translateY(10.85px) translateX(-2.78933px);
        transform: translateY(10.85px) translateX(-2.78933px);
    }
    64% {
        -webkit-transform: translateY(11.2px) translateX(-3.16689px);
        transform: translateY(11.2px) translateX(-3.16689px);
    }
    66% {
        -webkit-transform: translateY(11.55px) translateX(-3.50523px);
        transform: translateY(11.55px) translateX(-3.50523px);
    }
    68% {
        -webkit-transform: translateY(11.9px) translateX(-3.79948px);
        transform: translateY(11.9px) translateX(-3.79948px);
    }
    70% {
        -webkit-transform: translateY(12.25px) translateX(-4.04508px);
        transform: translateY(12.25px) translateX(-4.04508px);
    }
    72% {
        -webkit-transform: translateY(12.6px) translateX(-4.23782px);
        transform: translateY(12.6px) translateX(-4.23782px);
    }
    74% {
        -webkit-transform: translateY(12.95px) translateX(-4.37381px);
        transform: translateY(12.95px) translateX(-4.37381px);
    }
    76% {
        -webkit-transform: translateY(13.3px) translateX(-4.44956px);
        transform: translateY(13.3px) translateX(-4.44956px);
    }
    78% {
        -webkit-transform: translateY(13.65px) translateX(-4.46197px);
        transform: translateY(13.65px) translateX(-4.46197px);
    }
    80% {
        -webkit-transform: translateY(14px) translateX(-4.40839px);
        transform: translateY(14px) translateX(-4.40839px);
    }
    82% {
        -webkit-transform: translateY(14.35px) translateX(-4.28661px);
        transform: translateY(14.35px) translateX(-4.28661px);
    }
    84% {
        -webkit-transform: translateY(14.7px) translateX(-4.09491px);
        transform: translateY(14.7px) translateX(-4.09491px);
    }
    86% {
        -webkit-transform: translateY(15.05px) translateX(-3.83201px);
        transform: translateY(15.05px) translateX(-3.83201px);
    }
    88% {
        -webkit-transform: translateY(15.4px) translateX(-3.49718px);
        transform: translateY(15.4px) translateX(-3.49718px);
    }
    90% {
        -webkit-transform: translateY(15.75px) translateX(-3.09017px);
        transform: translateY(15.75px) translateX(-3.09017px);
    }
    92% {
        -webkit-transform: translateY(16.1px) translateX(-2.61124px);
        transform: translateY(16.1px) translateX(-2.61124px);
    }
    94% {
        -webkit-transform: translateY(16.45px) translateX(-2.06119px);
        transform: translateY(16.45px) translateX(-2.06119px);
    }
    96% {
        -webkit-transform: translateY(16.8px) translateX(-1.44133px);
        transform: translateY(16.8px) translateX(-1.44133px);
    }
    98% {
        -webkit-transform: translateY(17.15px) translateX(-0.75349px);
        transform: translateY(17.15px) translateX(-0.75349px);
    }
    100% {
        -webkit-transform: translateY(17.5px) translateX(0px);
        transform: translateY(17.5px) translateX(0px);
    }
}
@keyframes snowFall {
    0% {
        -webkit-transform: translateY(0px) translateX(0px);
        transform: translateY(0px) translateX(0px);
    }
    2% {
        -webkit-transform: translateY(0.35px) translateX(0.75349px);
        transform: translateY(0.35px) translateX(0.75349px);
    }
    4% {
        -webkit-transform: translateY(0.7px) translateX(1.44133px);
        transform: translateY(0.7px) translateX(1.44133px);
    }
    6% {
        -webkit-transform: translateY(1.05px) translateX(2.06119px);
        transform: translateY(1.05px) translateX(2.06119px);
    }
    8% {
        -webkit-transform: translateY(1.4px) translateX(2.61124px);
        transform: translateY(1.4px) translateX(2.61124px);
    }
    10% {
        -webkit-transform: translateY(1.75px) translateX(3.09017px);
        transform: translateY(1.75px) translateX(3.09017px);
    }
    12% {
        -webkit-transform: translateY(2.1px) translateX(3.49718px);
        transform: translateY(2.1px) translateX(3.49718px);
    }
    14% {
        -webkit-transform: translateY(2.45px) translateX(3.83201px);
        transform: translateY(2.45px) translateX(3.83201px);
    }
    16% {
        -webkit-transform: translateY(2.8px) translateX(4.09491px);
        transform: translateY(2.8px) translateX(4.09491px);
    }
    18% {
        -webkit-transform: translateY(3.15px) translateX(4.28661px);
        transform: translateY(3.15px) translateX(4.28661px);
    }
    20% {
        -webkit-transform: translateY(3.5px) translateX(4.40839px);
        transform: translateY(3.5px) translateX(4.40839px);
    }
    22% {
        -webkit-transform: translateY(3.85px) translateX(4.46197px);
        transform: translateY(3.85px) translateX(4.46197px);
    }
    24% {
        -webkit-transform: translateY(4.2px) translateX(4.44956px);
        transform: translateY(4.2px) translateX(4.44956px);
    }
    26% {
        -webkit-transform: translateY(4.55px) translateX(4.37381px);
        transform: translateY(4.55px) translateX(4.37381px);
    }
    28% {
        -webkit-transform: translateY(4.9px) translateX(4.23782px);
        transform: translateY(4.9px) translateX(4.23782px);
    }
    30% {
        -webkit-transform: translateY(5.25px) translateX(4.04508px);
        transform: translateY(5.25px) translateX(4.04508px);
    }
    32% {
        -webkit-transform: translateY(5.6px) translateX(3.79948px);
        transform: translateY(5.6px) translateX(3.79948px);
    }
    34% {
        -webkit-transform: translateY(5.95px) translateX(3.50523px);
        transform: translateY(5.95px) translateX(3.50523px);
    }
    36% {
        -webkit-transform: translateY(6.3px) translateX(3.16689px);
        transform: translateY(6.3px) translateX(3.16689px);
    }
    38% {
        -webkit-transform: translateY(6.65px) translateX(2.78933px);
        transform: translateY(6.65px) translateX(2.78933px);
    }
    40% {
        -webkit-transform: translateY(7px) translateX(2.37764px);
        transform: translateY(7px) translateX(2.37764px);
    }
    42% {
        -webkit-transform: translateY(7.35px) translateX(1.93717px);
        transform: translateY(7.35px) translateX(1.93717px);
    }
    44% {
        -webkit-transform: translateY(7.7px) translateX(1.47343px);
        transform: translateY(7.7px) translateX(1.47343px);
    }
    46% {
        -webkit-transform: translateY(8.05px) translateX(0.99211px);
        transform: translateY(8.05px) translateX(0.99211px);
    }
    48% {
        -webkit-transform: translateY(8.4px) translateX(0.49901px);
        transform: translateY(8.4px) translateX(0.49901px);
    }
    50% {
        -webkit-transform: translateY(8.75px) translateX(0px);
        transform: translateY(8.75px) translateX(0px);
    }
    52% {
        -webkit-transform: translateY(9.1px) translateX(-0.49901px);
        transform: translateY(9.1px) translateX(-0.49901px);
    }
    54% {
        -webkit-transform: translateY(9.45px) translateX(-0.99211px);
        transform: translateY(9.45px) translateX(-0.99211px);
    }
    56% {
        -webkit-transform: translateY(9.8px) translateX(-1.47343px);
        transform: translateY(9.8px) translateX(-1.47343px);
    }
    58% {
        -webkit-transform: translateY(10.15px) translateX(-1.93717px);
        transform: translateY(10.15px) translateX(-1.93717px);
    }
    60% {
        -webkit-transform: translateY(10.5px) translateX(-2.37764px);
        transform: translateY(10.5px) translateX(-2.37764px);
    }
    62% {
        -webkit-transform: translateY(10.85px) translateX(-2.78933px);
        transform: translateY(10.85px) translateX(-2.78933px);
    }
    64% {
        -webkit-transform: translateY(11.2px) translateX(-3.16689px);
        transform: translateY(11.2px) translateX(-3.16689px);
    }
    66% {
        -webkit-transform: translateY(11.55px) translateX(-3.50523px);
        transform: translateY(11.55px) translateX(-3.50523px);
    }
    68% {
        -webkit-transform: translateY(11.9px) translateX(-3.79948px);
        transform: translateY(11.9px) translateX(-3.79948px);
    }
    70% {
        -webkit-transform: translateY(12.25px) translateX(-4.04508px);
        transform: translateY(12.25px) translateX(-4.04508px);
    }
    72% {
        -webkit-transform: translateY(12.6px) translateX(-4.23782px);
        transform: translateY(12.6px) translateX(-4.23782px);
    }
    74% {
        -webkit-transform: translateY(12.95px) translateX(-4.37381px);
        transform: translateY(12.95px) translateX(-4.37381px);
    }
    76% {
        -webkit-transform: translateY(13.3px) translateX(-4.44956px);
        transform: translateY(13.3px) translateX(-4.44956px);
    }
    78% {
        -webkit-transform: translateY(13.65px) translateX(-4.46197px);
        transform: translateY(13.65px) translateX(-4.46197px);
    }
    80% {
        -webkit-transform: translateY(14px) translateX(-4.40839px);
        transform: translateY(14px) translateX(-4.40839px);
    }
    82% {
        -webkit-transform: translateY(14.35px) translateX(-4.28661px);
        transform: translateY(14.35px) translateX(-4.28661px);
    }
    84% {
        -webkit-transform: translateY(14.7px) translateX(-4.09491px);
        transform: translateY(14.7px) translateX(-4.09491px);
    }
    86% {
        -webkit-transform: translateY(15.05px) translateX(-3.83201px);
        transform: translateY(15.05px) translateX(-3.83201px);
    }
    88% {
        -webkit-transform: translateY(15.4px) translateX(-3.49718px);
        transform: translateY(15.4px) translateX(-3.49718px);
    }
    90% {
        -webkit-transform: translateY(15.75px) translateX(-3.09017px);
        transform: translateY(15.75px) translateX(-3.09017px);
    }
    92% {
        -webkit-transform: translateY(16.1px) translateX(-2.61124px);
        transform: translateY(16.1px) translateX(-2.61124px);
    }
    94% {
        -webkit-transform: translateY(16.45px) translateX(-2.06119px);
        transform: translateY(16.45px) translateX(-2.06119px);
    }
    96% {
        -webkit-transform: translateY(16.8px) translateX(-1.44133px);
        transform: translateY(16.8px) translateX(-1.44133px);
    }
    98% {
        -webkit-transform: translateY(17.15px) translateX(-0.75349px);
        transform: translateY(17.15px) translateX(-0.75349px);
    }
    100% {
        -webkit-transform: translateY(17.5px) translateX(0px);
        transform: translateY(17.5px) translateX(0px);
    }
}
@-webkit-keyframes snowFall2 {
    0% {
        -webkit-transform: translateY(0px) translateX(0px);
        transform: translateY(0px) translateX(0px);
    }
    2% {
        -webkit-transform: translateY(0.35px) translateX(-0.75349px);
        transform: translateY(0.35px) translateX(-0.75349px);
    }
    4% {
        -webkit-transform: translateY(0.7px) translateX(-1.44133px);
        transform: translateY(0.7px) translateX(-1.44133px);
    }
    6% {
        -webkit-transform: translateY(1.05px) translateX(-2.06119px);
        transform: translateY(1.05px) translateX(-2.06119px);
    }
    8% {
        -webkit-transform: translateY(1.4px) translateX(-2.61124px);
        transform: translateY(1.4px) translateX(-2.61124px);
    }
    10% {
        -webkit-transform: translateY(1.75px) translateX(-3.09017px);
        transform: translateY(1.75px) translateX(-3.09017px);
    }
    12% {
        -webkit-transform: translateY(2.1px) translateX(-3.49718px);
        transform: translateY(2.1px) translateX(-3.49718px);
    }
    14% {
        -webkit-transform: translateY(2.45px) translateX(-3.83201px);
        transform: translateY(2.45px) translateX(-3.83201px);
    }
    16% {
        -webkit-transform: translateY(2.8px) translateX(-4.09491px);
        transform: translateY(2.8px) translateX(-4.09491px);
    }
    18% {
        -webkit-transform: translateY(3.15px) translateX(-4.28661px);
        transform: translateY(3.15px) translateX(-4.28661px);
    }
    20% {
        -webkit-transform: translateY(3.5px) translateX(-4.40839px);
        transform: translateY(3.5px) translateX(-4.40839px);
    }
    22% {
        -webkit-transform: translateY(3.85px) translateX(-4.46197px);
        transform: translateY(3.85px) translateX(-4.46197px);
    }
    24% {
        -webkit-transform: translateY(4.2px) translateX(-4.44956px);
        transform: translateY(4.2px) translateX(-4.44956px);
    }
    26% {
        -webkit-transform: translateY(4.55px) translateX(-4.37381px);
        transform: translateY(4.55px) translateX(-4.37381px);
    }
    28% {
        -webkit-transform: translateY(4.9px) translateX(-4.23782px);
        transform: translateY(4.9px) translateX(-4.23782px);
    }
    30% {
        -webkit-transform: translateY(5.25px) translateX(-4.04508px);
        transform: translateY(5.25px) translateX(-4.04508px);
    }
    32% {
        -webkit-transform: translateY(5.6px) translateX(-3.79948px);
        transform: translateY(5.6px) translateX(-3.79948px);
    }
    34% {
        -webkit-transform: translateY(5.95px) translateX(-3.50523px);
        transform: translateY(5.95px) translateX(-3.50523px);
    }
    36% {
        -webkit-transform: translateY(6.3px) translateX(-3.16689px);
        transform: translateY(6.3px) translateX(-3.16689px);
    }
    38% {
        -webkit-transform: translateY(6.65px) translateX(-2.78933px);
        transform: translateY(6.65px) translateX(-2.78933px);
    }
    40% {
        -webkit-transform: translateY(7px) translateX(-2.37764px);
        transform: translateY(7px) translateX(-2.37764px);
    }
    42% {
        -webkit-transform: translateY(7.35px) translateX(-1.93717px);
        transform: translateY(7.35px) translateX(-1.93717px);
    }
    44% {
        -webkit-transform: translateY(7.7px) translateX(-1.47343px);
        transform: translateY(7.7px) translateX(-1.47343px);
    }
    46% {
        -webkit-transform: translateY(8.05px) translateX(-0.99211px);
        transform: translateY(8.05px) translateX(-0.99211px);
    }
    48% {
        -webkit-transform: translateY(8.4px) translateX(-0.49901px);
        transform: translateY(8.4px) translateX(-0.49901px);
    }
    50% {
        -webkit-transform: translateY(8.75px) translateX(0px);
        transform: translateY(8.75px) translateX(0px);
    }
    52% {
        -webkit-transform: translateY(9.1px) translateX(0.49901px);
        transform: translateY(9.1px) translateX(0.49901px);
    }
    54% {
        -webkit-transform: translateY(9.45px) translateX(0.99211px);
        transform: translateY(9.45px) translateX(0.99211px);
    }
    56% {
        -webkit-transform: translateY(9.8px) translateX(1.47343px);
        transform: translateY(9.8px) translateX(1.47343px);
    }
    58% {
        -webkit-transform: translateY(10.15px) translateX(1.93717px);
        transform: translateY(10.15px) translateX(1.93717px);
    }
    60% {
        -webkit-transform: translateY(10.5px) translateX(2.37764px);
        transform: translateY(10.5px) translateX(2.37764px);
    }
    62% {
        -webkit-transform: translateY(10.85px) translateX(2.78933px);
        transform: translateY(10.85px) translateX(2.78933px);
    }
    64% {
        -webkit-transform: translateY(11.2px) translateX(3.16689px);
        transform: translateY(11.2px) translateX(3.16689px);
    }
    66% {
        -webkit-transform: translateY(11.55px) translateX(3.50523px);
        transform: translateY(11.55px) translateX(3.50523px);
    }
    68% {
        -webkit-transform: translateY(11.9px) translateX(3.79948px);
        transform: translateY(11.9px) translateX(3.79948px);
    }
    70% {
        -webkit-transform: translateY(12.25px) translateX(4.04508px);
        transform: translateY(12.25px) translateX(4.04508px);
    }
    72% {
        -webkit-transform: translateY(12.6px) translateX(4.23782px);
        transform: translateY(12.6px) translateX(4.23782px);
    }
    74% {
        -webkit-transform: translateY(12.95px) translateX(4.37381px);
        transform: translateY(12.95px) translateX(4.37381px);
    }
    76% {
        -webkit-transform: translateY(13.3px) translateX(4.44956px);
        transform: translateY(13.3px) translateX(4.44956px);
    }
    78% {
        -webkit-transform: translateY(13.65px) translateX(4.46197px);
        transform: translateY(13.65px) translateX(4.46197px);
    }
    80% {
        -webkit-transform: translateY(14px) translateX(4.40839px);
        transform: translateY(14px) translateX(4.40839px);
    }
    82% {
        -webkit-transform: translateY(14.35px) translateX(4.28661px);
        transform: translateY(14.35px) translateX(4.28661px);
    }
    84% {
        -webkit-transform: translateY(14.7px) translateX(4.09491px);
        transform: translateY(14.7px) translateX(4.09491px);
    }
    86% {
        -webkit-transform: translateY(15.05px) translateX(3.83201px);
        transform: translateY(15.05px) translateX(3.83201px);
    }
    88% {
        -webkit-transform: translateY(15.4px) translateX(3.49718px);
        transform: translateY(15.4px) translateX(3.49718px);
    }
    90% {
        -webkit-transform: translateY(15.75px) translateX(3.09017px);
        transform: translateY(15.75px) translateX(3.09017px);
    }
    92% {
        -webkit-transform: translateY(16.1px) translateX(2.61124px);
        transform: translateY(16.1px) translateX(2.61124px);
    }
    94% {
        -webkit-transform: translateY(16.45px) translateX(2.06119px);
        transform: translateY(16.45px) translateX(2.06119px);
    }
    96% {
        -webkit-transform: translateY(16.8px) translateX(1.44133px);
        transform: translateY(16.8px) translateX(1.44133px);
    }
    98% {
        -webkit-transform: translateY(17.15px) translateX(0.75349px);
        transform: translateY(17.15px) translateX(0.75349px);
    }
    100% {
        -webkit-transform: translateY(17.5px) translateX(0px);
        transform: translateY(17.5px) translateX(0px);
    }
}
@keyframes snowFall2 {
    0% {
        -webkit-transform: translateY(0px) translateX(0px);
        transform: translateY(0px) translateX(0px);
    }
    2% {
        -webkit-transform: translateY(0.35px) translateX(-0.75349px);
        transform: translateY(0.35px) translateX(-0.75349px);
    }
    4% {
        -webkit-transform: translateY(0.7px) translateX(-1.44133px);
        transform: translateY(0.7px) translateX(-1.44133px);
    }
    6% {
        -webkit-transform: translateY(1.05px) translateX(-2.06119px);
        transform: translateY(1.05px) translateX(-2.06119px);
    }
    8% {
        -webkit-transform: translateY(1.4px) translateX(-2.61124px);
        transform: translateY(1.4px) translateX(-2.61124px);
    }
    10% {
        -webkit-transform: translateY(1.75px) translateX(-3.09017px);
        transform: translateY(1.75px) translateX(-3.09017px);
    }
    12% {
        -webkit-transform: translateY(2.1px) translateX(-3.49718px);
        transform: translateY(2.1px) translateX(-3.49718px);
    }
    14% {
        -webkit-transform: translateY(2.45px) translateX(-3.83201px);
        transform: translateY(2.45px) translateX(-3.83201px);
    }
    16% {
        -webkit-transform: translateY(2.8px) translateX(-4.09491px);
        transform: translateY(2.8px) translateX(-4.09491px);
    }
    18% {
        -webkit-transform: translateY(3.15px) translateX(-4.28661px);
        transform: translateY(3.15px) translateX(-4.28661px);
    }
    20% {
        -webkit-transform: translateY(3.5px) translateX(-4.40839px);
        transform: translateY(3.5px) translateX(-4.40839px);
    }
    22% {
        -webkit-transform: translateY(3.85px) translateX(-4.46197px);
        transform: translateY(3.85px) translateX(-4.46197px);
    }
    24% {
        -webkit-transform: translateY(4.2px) translateX(-4.44956px);
        transform: translateY(4.2px) translateX(-4.44956px);
    }
    26% {
        -webkit-transform: translateY(4.55px) translateX(-4.37381px);
        transform: translateY(4.55px) translateX(-4.37381px);
    }
    28% {
        -webkit-transform: translateY(4.9px) translateX(-4.23782px);
        transform: translateY(4.9px) translateX(-4.23782px);
    }
    30% {
        -webkit-transform: translateY(5.25px) translateX(-4.04508px);
        transform: translateY(5.25px) translateX(-4.04508px);
    }
    32% {
        -webkit-transform: translateY(5.6px) translateX(-3.79948px);
        transform: translateY(5.6px) translateX(-3.79948px);
    }
    34% {
        -webkit-transform: translateY(5.95px) translateX(-3.50523px);
        transform: translateY(5.95px) translateX(-3.50523px);
    }
    36% {
        -webkit-transform: translateY(6.3px) translateX(-3.16689px);
        transform: translateY(6.3px) translateX(-3.16689px);
    }
    38% {
        -webkit-transform: translateY(6.65px) translateX(-2.78933px);
        transform: translateY(6.65px) translateX(-2.78933px);
    }
    40% {
        -webkit-transform: translateY(7px) translateX(-2.37764px);
        transform: translateY(7px) translateX(-2.37764px);
    }
    42% {
        -webkit-transform: translateY(7.35px) translateX(-1.93717px);
        transform: translateY(7.35px) translateX(-1.93717px);
    }
    44% {
        -webkit-transform: translateY(7.7px) translateX(-1.47343px);
        transform: translateY(7.7px) translateX(-1.47343px);
    }
    46% {
        -webkit-transform: translateY(8.05px) translateX(-0.99211px);
        transform: translateY(8.05px) translateX(-0.99211px);
    }
    48% {
        -webkit-transform: translateY(8.4px) translateX(-0.49901px);
        transform: translateY(8.4px) translateX(-0.49901px);
    }
    50% {
        -webkit-transform: translateY(8.75px) translateX(0px);
        transform: translateY(8.75px) translateX(0px);
    }
    52% {
        -webkit-transform: translateY(9.1px) translateX(0.49901px);
        transform: translateY(9.1px) translateX(0.49901px);
    }
    54% {
        -webkit-transform: translateY(9.45px) translateX(0.99211px);
        transform: translateY(9.45px) translateX(0.99211px);
    }
    56% {
        -webkit-transform: translateY(9.8px) translateX(1.47343px);
        transform: translateY(9.8px) translateX(1.47343px);
    }
    58% {
        -webkit-transform: translateY(10.15px) translateX(1.93717px);
        transform: translateY(10.15px) translateX(1.93717px);
    }
    60% {
        -webkit-transform: translateY(10.5px) translateX(2.37764px);
        transform: translateY(10.5px) translateX(2.37764px);
    }
    62% {
        -webkit-transform: translateY(10.85px) translateX(2.78933px);
        transform: translateY(10.85px) translateX(2.78933px);
    }
    64% {
        -webkit-transform: translateY(11.2px) translateX(3.16689px);
        transform: translateY(11.2px) translateX(3.16689px);
    }
    66% {
        -webkit-transform: translateY(11.55px) translateX(3.50523px);
        transform: translateY(11.55px) translateX(3.50523px);
    }
    68% {
        -webkit-transform: translateY(11.9px) translateX(3.79948px);
        transform: translateY(11.9px) translateX(3.79948px);
    }
    70% {
        -webkit-transform: translateY(12.25px) translateX(4.04508px);
        transform: translateY(12.25px) translateX(4.04508px);
    }
    72% {
        -webkit-transform: translateY(12.6px) translateX(4.23782px);
        transform: translateY(12.6px) translateX(4.23782px);
    }
    74% {
        -webkit-transform: translateY(12.95px) translateX(4.37381px);
        transform: translateY(12.95px) translateX(4.37381px);
    }
    76% {
        -webkit-transform: translateY(13.3px) translateX(4.44956px);
        transform: translateY(13.3px) translateX(4.44956px);
    }
    78% {
        -webkit-transform: translateY(13.65px) translateX(4.46197px);
        transform: translateY(13.65px) translateX(4.46197px);
    }
    80% {
        -webkit-transform: translateY(14px) translateX(4.40839px);
        transform: translateY(14px) translateX(4.40839px);
    }
    82% {
        -webkit-transform: translateY(14.35px) translateX(4.28661px);
        transform: translateY(14.35px) translateX(4.28661px);
    }
    84% {
        -webkit-transform: translateY(14.7px) translateX(4.09491px);
        transform: translateY(14.7px) translateX(4.09491px);
    }
    86% {
        -webkit-transform: translateY(15.05px) translateX(3.83201px);
        transform: translateY(15.05px) translateX(3.83201px);
    }
    88% {
        -webkit-transform: translateY(15.4px) translateX(3.49718px);
        transform: translateY(15.4px) translateX(3.49718px);
    }
    90% {
        -webkit-transform: translateY(15.75px) translateX(3.09017px);
        transform: translateY(15.75px) translateX(3.09017px);
    }
    92% {
        -webkit-transform: translateY(16.1px) translateX(2.61124px);
        transform: translateY(16.1px) translateX(2.61124px);
    }
    94% {
        -webkit-transform: translateY(16.45px) translateX(2.06119px);
        transform: translateY(16.45px) translateX(2.06119px);
    }
    96% {
        -webkit-transform: translateY(16.8px) translateX(1.44133px);
        transform: translateY(16.8px) translateX(1.44133px);
    }
    98% {
        -webkit-transform: translateY(17.15px) translateX(0.75349px);
        transform: translateY(17.15px) translateX(0.75349px);
    }
    100% {
        -webkit-transform: translateY(17.5px) translateX(0px);
        transform: translateY(17.5px) translateX(0px);
    }
}
/* Tornado */

@-webkit-keyframes translateTornado1 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    25% {
        -webkit-transform: translateX(3.997px);
        transform: translateX(3.997px);
    }
    75% {
        -webkit-transform: translateX(-3.997px);
        transform: translateX(-3.997px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes translateTornado1 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    25% {
        -webkit-transform: translateX(3.997px);
        transform: translateX(3.997px);
    }
    75% {
        -webkit-transform: translateX(-3.997px);
        transform: translateX(-3.997px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes translateTornado2 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    25% {
        -webkit-transform: translateX(2.002px);
        transform: translateX(2.002px);
    }
    75% {
        -webkit-transform: translateX(-2.002px);
        transform: translateX(-2.002px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes translateTornado2 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    25% {
        -webkit-transform: translateX(2.002px);
        transform: translateX(2.002px);
    }
    75% {
        -webkit-transform: translateX(-2.002px);
        transform: translateX(-2.002px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes translateTornado3 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    25% {
        -webkit-transform: translateX(8.001px);
        transform: translateX(8.001px);
    }
    75% {
        -webkit-transform: translateX(-8.001px);
        transform: translateX(-8.001px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes translateTornado3 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    25% {
        -webkit-transform: translateX(8.001px);
        transform: translateX(8.001px);
    }
    75% {
        -webkit-transform: translateX(-8.001px);
        transform: translateX(-8.001px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes translateTornado4 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    25% {
        -webkit-transform: translateX(5.999px);
        transform: translateX(5.999px);
    }
    75% {
        -webkit-transform: translateX(-5.999px);
        transform: translateX(-5.999px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes translateTornado4 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    25% {
        -webkit-transform: translateX(5.999px);
        transform: translateX(5.999px);
    }
    75% {
        -webkit-transform: translateX(-5.999px);
        transform: translateX(-5.999px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes translateTornado5 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    25% {
        -webkit-transform: translateX(10.003px);
        transform: translateX(10.003px);
    }
    75% {
        -webkit-transform: translateX(-10.003px);
        transform: translateX(-10.003px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes translateTornado5 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    25% {
        -webkit-transform: translateX(10.003px);
        transform: translateX(10.003px);
    }
    75% {
        -webkit-transform: translateX(-10.003px);
        transform: translateX(-10.003px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes translateTornado6 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    25% {
        -webkit-transform: translateX(5.999px);
        transform: translateX(5.999px);
    }
    75% {
        -webkit-transform: translateX(-5.999px);
        transform: translateX(-5.999px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes translateTornado6 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    25% {
        -webkit-transform: translateX(5.999px);
        transform: translateX(5.999px);
    }
    75% {
        -webkit-transform: translateX(-5.999px);
        transform: translateX(-5.999px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes fillOpacityLightning {
    0% {
        fill-opacity: 0;
        stroke-opacity: 0;
    }
    1% {
        fill-opacity: 1;
        stroke-opacity: 1;
    }
    7% {
        fill-opacity: 0;
        stroke-opacity: 0;
    }
    50% {
        fill-opacity: 0;
        stroke-opacity: 0;
    }
    51% {
        fill-opacity: 1;
        stroke-opacity: 1;
    }
    53% {
        fill-opacity: 0;
        stroke-opacity: 0;
    }
    54% {
        fill-opacity: 1;
        stroke-opacity: 1;
    }
    60% {
        fill-opacity: 0;
        stroke-opacity: 0;
    }
    100% {
        fill-opacity: 0;
        stroke-opacity: 0;
    }
}
@keyframes fillOpacityLightning {
    0% {
        fill-opacity: 0;
        stroke-opacity: 0;
    }
    1% {
        fill-opacity: 1;
        stroke-opacity: 1;
    }
    7% {
        fill-opacity: 0;
        stroke-opacity: 0;
    }
    50% {
        fill-opacity: 0;
        stroke-opacity: 0;
    }
    51% {
        fill-opacity: 1;
        stroke-opacity: 1;
    }
    53% {
        fill-opacity: 0;
        stroke-opacity: 0;
    }
    54% {
        fill-opacity: 1;
        stroke-opacity: 1;
    }
    60% {
        fill-opacity: 0;
        stroke-opacity: 0;
    }
    100% {
        fill-opacity: 0;
        stroke-opacity: 0;
    }
}
@-webkit-keyframes translateFog {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    25% {
        -webkit-transform: translateX(2.499px);
        transform: translateX(2.499px);
    }
    75% {
        -webkit-transform: translateX(-2.499px);
        transform: translateX(-2.499px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes translateFog {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    25% {
        -webkit-transform: translateX(2.499px);
        transform: translateX(2.499px);
    }
    75% {
        -webkit-transform: translateX(-2.499px);
        transform: translateX(-2.499px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes fillOpacityFog {
    0% {
        fill-opacity: 0.5;
        stroke-opacity: 0.5;
    }
    50% {
        fill-opacity: 1;
        stroke-opacity: 1;
    }
    100% {
        fill-opacity: 0.5;
        stroke-opacity: 0.5;
    }
}
@keyframes fillOpacityFog {
    0% {
        fill-opacity: 0.5;
        stroke-opacity: 0.5;
    }
    50% {
        fill-opacity: 1;
        stroke-opacity: 1;
    }
    100% {
        fill-opacity: 0.5;
        stroke-opacity: 0.5;
    }
}
@-webkit-keyframes translateSunrise {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    25% {
        -webkit-transform: translateY(-16.002px);
        transform: translateY(-16.002px);
    }
    100% {
        -webkit-transform: translateY(-16.002px);
        transform: translateY(-16.002px);
    }
}
@keyframes translateSunrise {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    25% {
        -webkit-transform: translateY(-16.002px);
        transform: translateY(-16.002px);
    }
    100% {
        -webkit-transform: translateY(-16.002px);
        transform: translateY(-16.002px);
    }
}
@-webkit-keyframes translateSunset {
    0% {
        -webkit-transform: translateY(-16.002px);
        transform: translateY(-16.002px);
    }
    25% {
        -webkit-transform: translateY(-3.997px);
        transform: translateY(-3.997px);
    }
    100% {
        -webkit-transform: translateY(-3.997px);
        transform: translateY(-3.997px);
    }
}
@keyframes translateSunset {
    0% {
        -webkit-transform: translateY(-16.002px);
        transform: translateY(-16.002px);
    }
    25% {
        -webkit-transform: translateY(-3.997px);
        transform: translateY(-3.997px);
    }
    100% {
        -webkit-transform: translateY(-3.997px);
        transform: translateY(-3.997px);
    }
}
@-webkit-keyframes translateArrowDown {
    0% {
        -webkit-transform: translateY(2.002px);
        transform: translateY(2.002px);
    }
    100% {
        -webkit-transform: translateY(4.998px);
        transform: translateY(4.998px);
    }
}
@keyframes translateArrowDown {
    0% {
        -webkit-transform: translateY(2.002px);
        transform: translateY(2.002px);
    }
    100% {
        -webkit-transform: translateY(4.998px);
        transform: translateY(4.998px);
    }
}
@-webkit-keyframes translateArrowUp {
    0% {
        -webkit-transform: translateY(-2.002px);
        transform: translateY(-2.002px);
    }
    100% {
        -webkit-transform: translateY(-4.998px);
        transform: translateY(-4.998px);
    }
}
@keyframes translateArrowUp {
    0% {
        -webkit-transform: translateY(-2.002px);
        transform: translateY(-2.002px);
    }
    100% {
        -webkit-transform: translateY(-4.998px);
        transform: translateY(-4.998px);
    }
}
@-webkit-keyframes translateWind {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    25% {
        -webkit-transform: translateX(4.998px);
        transform: translateX(4.998px);
    }
    75% {
        -webkit-transform: translateX(-4.998px);
        transform: translateX(-4.998px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes translateWind {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    25% {
        -webkit-transform: translateX(4.998px);
        transform: translateX(4.998px);
    }
    75% {
        -webkit-transform: translateX(-4.998px);
        transform: translateX(-4.998px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
/* -------- Newsletter Block -------- */

.newsletter-subscribe-block {
    margin: 30px 0 90px;
    padding: 25px 0;
    background-image: url(../img/subscribe-box-bg.jpg);
    background-size: cover;
    background-position: top center;
}
.newsletter-subscribe-block .newsletter-message,
.newsletter-subscribe-block .subscribe-form {
    display: inline-block;
}
.newsletter-subscribe-block .subscribe-form {
    float: right;
}
.newsletter-subscribe-block .newsletter-message {
    margin: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 1em;
    padding: 10px 0 0;
    letter-spacing: 0.1em;
    display: inline-block;
    text-transform: uppercase;
}
@media (max-width: 992px) {
    .newsletter-subscribe-block {
        text-align: center;
    }
    .newsletter-subscribe-block .newsletter-message,
    .newsletter-subscribe-block .subscribe-form {
        display: block;
        float: none;
    }
    .newsletter-subscribe-block .newsletter-message {
        margin: 0 0 30px;
    }
    .newsletter-subscribe-block .subscribe-form .form-input {
        margin-bottom: 20px;
    }
}
/* -------- Pagination -------- */

ul.page-numbers {
    font-family: "Montserrat", sans-serif;
    list-style-type: none;
    padding: 45px 0 50px;
    text-align: center;
    font-size: 0;
    margin-bottom: 0 !important;
}
ul.page-numbers li {
    display: inline-block;
    margin: 0 10px 0 0;
}
ul.page-numbers li:last-of-type {
    margin: 0;
}
ul.page-numbers li .page-numbers {
    display: inline-block;
    border-radius: 20px;
    font-weight: 700;
    font-size: 16px;
    height: 25px;
    padding: 0 15px;
    line-height: 25px;
    vertical-align: middle;
}
ul.page-numbers li .page-numbers:not(.dots) {
    background: #e00a1a;
    color: #fff;
}
ul.page-numbers li .page-numbers.dots {
    padding: 0;
    color: #e00a1a;
    font-size: 24px;
    -webkit-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    transform: translateY(-20%);
    letter-spacing: 0.125em;
}
ul.page-numbers li .page-numbers.next,
ul.page-numbers li .page-numbers.prev {
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
}
ul.page-numbers li a {
    -webkit-transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -moz-transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
ul.page-numbers li a:hover {
    -webkit-box-shadow: -2px 3px 7px rgba(31, 46, 57, 0.35) !important;
    box-shadow: -2px 3px 7px rgba(31, 46, 57, 0.35) !important;
    background: rgba(42, 172, 253, 0.9) !important;
}
/* -------- Search Panel -------- */

.search-panel {
    -webkit-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    background: rgba(246, 246, 246, 0.97);
    font-family: "Montserrat", sans-serif;
    visibility: hidden;
    padding: 100px 0 0;
    position: absolute;
    z-index: 99;
    opacity: 0;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
}
.search-panel .search-panel-close {
    -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -moz-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    text-transform: uppercase;
    letter-spacing: 0.12em;
    position: absolute;
    text-align: center;
    line-height: 1em;
    cursor: pointer;
    font-size: 11px;
    color: #3C3C3C;
    right: 40px;
    top: 40px;
}
.search-panel .search-panel-close:hover {
    color: #e00a1a;
}
.search-panel .search-panel-close:hover:after {
    opacity: 1;
}
.search-panel .search-panel-close:after {
    -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -moz-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    border-bottom: 1px solid #989ea0;
    margin: 2.5px auto 0;
    display: block;
    width: 30px;
    content: "";
    opacity: 0;
}
.search-panel .main-search-form {
    -webkit-transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition-delay: 0.35s;
    -moz-transition-delay: 0.35s;
    transition-delay: 0.35s;
    -webkit-transform: translateY(-75%);
    -ms-transform: translateY(-75%);
    transform: translateY(-75%);
    display: block;
    width: 100%;
    opacity: 0;
}
.search-panel .main-search-form .input-line {
    position: relative;
    display: block;
    width: 100%;
}
.search-panel .main-search-form .input-line .search-input {
    padding: 11px 145px 11px 60px;
    display: inline-block;
    line-height: 1.5em;
    background: #fff;
    font-weight: 700;
    font-size: 48px;
    color: #252728;
    width: 100%;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(127, 127, 127, 0.15);
}
.search-panel .main-search-form .input-line .search-input::-webkit-input-placeholder {
    color: #acaeaf;
}
.search-panel .main-search-form .input-line .search-input:-moz-placeholder {
    color: #acaeaf;
}
.search-panel .main-search-form .input-line .search-input.placeholder {
    color: #acaeaf;
}
.search-panel .main-search-form .input-line .search-submit {
    -webkit-transition: all 0.55s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -moz-transition: all 0.55s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: all 0.55s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    display: inline-block;
    opacity: 0;
    position: absolute;
    background: 0;
    right: 65px;
    top: 28px;
}
.search-panel .main-search-form .input-line .search-submit i {
    -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -moz-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    font-weight: 500;
    font-size: 36px;
    color: #989ea0;
}
.search-panel .main-search-form .input-line .search-submit i:hover {
    color: #686868;
}
.search-panel .main-search-form #search-results {
    padding: 30px 60px;
}
.search-panel .main-search-form #search-results li {
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    transition: all 0.25s ease;
    text-overflow: ellipsis;
    letter-spacing: 0.04em;
    white-space: nowrap;
    line-height: 1.15em;
    font-weight: 700;
    overflow: hidden;
    margin: 0 0 25px;
    font-size: 48px;
    display: block;
    color: #acaeaf;
    max-width: 70%;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
.search-panel .main-search-form #search-results li.not-visible {
    opacity: 0;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
}
.search-panel .main-search-form #search-results li a {
    color: inherit;
}
.search-panel .main-search-form #search-results li a span {
    color: #252728;
}
@media (max-width: 1200px) {
    .search-panel .main-search-form #search-results li {
        font-size: 40px;
        max-width: 75%;
    }
}
@media (max-width: 992px) {
    .search-panel .main-search-form .input-line .search-input {
        padding: 8.5px 100px 8.5px 35px;
    }
    .search-panel .main-search-form .input-line .search-submit {
        right: 45px;
    }
    .search-panel .main-search-form #search-results {
        padding: 20px 35px;
    }
    .search-panel .main-search-form #search-results li {
        max-width: 95%;
    }
}
@media (max-width: 500px) {
    .search-panel {
        padding: 50px 0 0;
    }
    .search-panel .search-panel-close {
        top: 15px;
    }
    .search-panel .main-search-form .input-line .search-input {
        padding: 8.5px 50px 8.5px 20px;
        font-size: 26px;
    }
    .search-panel .main-search-form .input-line .search-submit {
        top: 20px;
        right: 20px;
    }
    .search-panel .main-search-form .input-line .search-submit i {
        font-size: 18px;
    }
    .search-panel .main-search-form #search-results {
        padding: 15px 20px;
    }
    .search-panel .main-search-form #search-results li {
        font-size: 16px;
    }
}
.search-panel-visible .search-panel {
    visibility: visible;
    opacity: 1;
}
.search-panel-visible .search-panel .main-search-form {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
.search-panel-visible .search-panel .main-search-form .search-submit {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.search-padding {
    padding-top: 12px;
}

/* -------- Search button 404 page -------- */

.search-form input[type="submit"] { background: #E10A1A; cursor: pointer; border: none; color: #fff; padding: 7px; font-size: 15px; height: 36px;}
.search-form input[type="submit"]:hover { background: #bf0915;}
.search-form input[type="text"] { background: #E5E5E5; border: none; font-size: 15px; padding: 7px; width: 300px;}

/* -------- Side menu -------- */

#page,
body {
    position: relative;
}
#page {
    z-index: 10;
    background: #fff;
    -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#page .page-wrapper {
    position: relative;
    background: #fff;
    z-index: 11;
}
#side-menu {
    padding: 100px 75px 100px 60px;
    font-family: "Roboto", sans-serif;
    opacity: 0;
    overflow: auto;
    background: #e00a1a;
    position: fixed;
    color: #fff;
    width: 370px;
    z-index: 9;
    bottom: 0;
    left: 0;
    top: 0;
}
#side-menu:before,
#side-menu:after {
    -webkit-box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.15);
    box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    display: inline-block;
    pointer-events: none;
    background: #f5f5f5;
    position: absolute;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    width: 12px;
    content: "";
    opacity: 0;
}
#side-menu:after {
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s;
    height: calc(100vh - 40px);
    top: 20px;
    right: 0;
}
#side-menu:before {
    -webkit-transition-delay: 0.35s;
    -moz-transition-delay: 0.35s;
    transition-delay: 0.35s;
    height: calc(100vh - 80px);
    right: 11px;
    top: 40px;
}
#side-menu .side-menu-wrapper {
    -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition-delay: 0.35s;
    -moz-transition-delay: 0.35s;
    transition-delay: 0.35s;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
    opacity: 0;
}
#side-menu .side-menu-wrapper .identity {
    text-align: center;
    margin: 0 0 80px;
    display: block;
    width: 100%;
}
#side-menu .side-menu-wrapper .page-main-links {
    margin: 0 0 25px;
    padding: 0 0 30px;
    border-bottom: 1px solid #44b7ff;
}
#side-menu .side-menu-wrapper .page-main-links > li {
    display: block;
    margin: 0 0 25px;
    line-height: 1em;
    color: #fff;
}
#side-menu .side-menu-wrapper .page-main-links > li > ul.sub-menu {
    position: relative;
}
#side-menu .side-menu-wrapper .page-main-links > li:last-of-type {
    margin: 0;
}
#side-menu .side-menu-wrapper .page-main-links > li > a {
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 700;
    font-size: 22px;
}
#side-menu .side-menu-wrapper .page-main-links > li > a:hover {
    color: #8ed4ff;
}
#side-menu .side-menu-wrapper .page-main-links li.get-published a {
    text-transform: none;
    font-size: 15px;
}
#side-menu .side-menu-wrapper .page-main-links li.get-published a:hover sup {
    color: #fff;
}
#side-menu .side-menu-wrapper .page-main-links li.get-published a sup {
    top: -1px;
    left: 5px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1em;
    position: relative;
    background: #ff6353;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    padding: 2.5px 7px 2.5px 8px;
}
#side-menu .side-menu-wrapper .page-main-links li.menu-item-has-children > a {
    display: block;
    width: 100%;
}
#side-menu .side-menu-wrapper .page-main-links li.menu-item-has-children > a:after {
    font-family: FontAwesome;
    position: relative;
    content: "";
    font-weight: 300;
    float: right;
    -webkit-transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -moz-transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
#side-menu .side-menu-wrapper .page-main-links li.menu-item-has-children > a.expanded:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
#side-menu .side-menu-wrapper .page-main-links li.menu-item-has-children ul {
    display: none;
    margin: 15px 0 0;
}
#side-menu .side-menu-wrapper .page-main-links li.menu-item-has-children ul li {
    font-size: 12px;
    margin: 0 0 15px;
    font-weight: 500;
    line-height: 1.2em;
    letter-spacing: 0.04em;
}
#side-menu .side-menu-wrapper .page-main-links li.menu-item-has-children ul li a:hover {
    color: #8ed4ff;
}
#side-menu .side-menu-wrapper .social-block li {
    display: inline-block;
    margin: 0 25px 10px 0;
}
#side-menu .side-menu-wrapper .social-block li:last-of-type {
    margin: 0;
}
#side-menu .side-menu-wrapper .social-block li i {
    color: #fff;
    font-size: 22px;
    -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#side-menu .side-menu-wrapper .social-block li i:hover {
    color: #8ed4ff;
}
@media (max-width: 500px) {
    #side-menu {
        padding: 50px 35px 50px 30px;
        width: 285px;
    }
    #side-menu .side-menu-wrapper .identity {
        margin: 0 0 45px;
        text-align: left;
    }
}
.side-menu-toggle {
    -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
    vertical-align: middle;
    position: fixed;
    text-align: center;
    background: #e00a1a;
    line-height: 35px;
    overflow: hidden;
    cursor: pointer;
    z-index: 13;
    height: 35px;
    width: 60px;
    top: 30px;
    left: 0;
}
.side-menu-toggle:hover:after {
    -webkit-transform: translateX(-60%);
    -ms-transform: translateX(-60%);
    transform: translateX(-60%);
}
.side-menu-toggle:after {
    -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    background: rgba(254, 254, 255, 0.2);
    display: inline-block;
    position: absolute;
    content: "";
    width: 50%;
    z-index: 1;
    bottom: 0;
    left: 0;
    top: 0;
}
.side-menu-toggle i {
    margin: 0 !important;
    display: inline-block !important;
    z-index: 2 !important;
    color: #fff !important;
    font-size: 14px !important;
    line-height: 1em !important;
    position: relative !important;
    width: auto !important;
    vertical-align: middle !important;
    height: auto !important;
}
.side-menu-open {
    overflow-x: hidden;
}
.side-menu-open .side-menu-toggle {
    -webkit-transform: translateX(370px);
    -ms-transform: translateX(370px);
    transform: translateX(370px);
}
@media (max-width: 500px) {
    .side-menu-open .side-menu-toggle {
        -webkit-transform: translateX(285px);
        -ms-transform: translateX(285px);
        transform: translateX(285px);
    }
}
.side-menu-open #side-menu {
    overflow-x: hidden;
    opacity: 1;
}
.side-menu-open #side-menu:before,
.side-menu-open #side-menu:after {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}
.side-menu-open #side-menu:hover:before {
    -webkit-transform: translateX(65%);
    -ms-transform: translateX(65%);
    transform: translateX(65%);
}
.side-menu-open #side-menu:hover:after {
    -webkit-transform: translateX(40%);
    -ms-transform: translateX(40%);
    transform: translateX(40%);
}
.side-menu-open #side-menu .side-menu-wrapper {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.side-menu-open #page {
    -webkit-transform: translateX(370px) !important;
    -ms-transform: translateX(370px) !important;
    transform: translateX(370px) !important;
}
.side-menu-open #page .page-wrapper {
    -webkit-box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.15);
    box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.15);
}
@media (max-width: 500px) {
    .side-menu-open #page {
        -webkit-transform: translateX(285px) !important;
        -ms-transform: translateX(285px) !important;
        transform: translateX(285px) !important;
    }
}
/* -------- Main Social Block -------- */

.main-social-block {
    margin: 60px 0 0;
}
.main-social-block .social-platforms {
    padding: 15px 0 35px;
    font-size: 0;
}
.main-social-block .social-platforms .platform {
    font-size: 0;
    margin: 0 40px 0 0;
    display: inline-block;
    font-family: "Montserrat", sans-serif;
}
.main-social-block .social-platforms .platform:last-of-type {
    margin: 0;
}
.main-social-block .social-platforms .platform .title {
    text-transform: uppercase;
    letter-spacing: 0.2em;
    line-height: 1em;
    margin: 0 0 7.5px;
    font-size: 10px;
    color: #d0d1d2;
    display: block;
}
.main-social-block .social-platforms .platform a {
    height: 50px;
    color: #fff;
    font-size: 16px;
    min-width: 130px;
    line-height: 50px;
    border-radius: 30px;
    letter-spacing: 0.1em;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -moz-transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.main-social-block .social-platforms .platform a:hover {
    -webkit-box-shadow: -4px 4px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: -4px 4px 10px 0px rgba(0, 0, 0, 0.2);
}
.main-social-block .social-platforms .platform a:before {
    font-family: FontAwesome;
    display: inline-block;
    position: relative;
    line-height: 1em;
    font-size: 22px;
    top: 2px;
}
.main-social-block .social-platforms .platform a.facebook {
    background: #3b5998;
}
.main-social-block .social-platforms .platform a.facebook:hover {
    background: #43609d;
}
.main-social-block .social-platforms .platform a.facebook:before {
    content: "";
}
.main-social-block .social-platforms .platform a.twitter {
    background: #55acee;
}
.main-social-block .social-platforms .platform a.twitter:hover {
    background: #67b5f0;
}
.main-social-block .social-platforms .platform a.twitter:before {
    content: "";
}
.main-social-block .social-platforms .platform a.google {
    background: #d95333;
}
.main-social-block .social-platforms .platform a.google:hover {
    background: #e85c3b;
}
.main-social-block .social-platforms .platform a.google:before {
    content: "";
}
.main-social-block .social-platforms .platform a.pinterest {
    background: #cb2027;
}
.main-social-block .social-platforms .platform a.pinterest:hover {
    background: #d61d24;
}
.main-social-block .social-platforms .platform a.pinterest:before {
    content: "";
}
.main-social-block .social-platforms .platform a.youtube {
    background: #bb0000;
}
.main-social-block .social-platforms .platform a.youtube:before {
    content: "\e810";
    font-family: icomoon;
    top: 4px;
}
.main-social-block .social-platforms .platform a.dribbble {
    background: #ea4c89;
}
.main-social-block .social-platforms .platform a.dribbble:before {
    content: "\e7f5";
    font-family: icomoon;
    top: 4px;
}
.main-social-block .social-platforms .platform a.rss {
    background: #ff9900;
}
.main-social-block .social-platforms .platform a.rss:before {
    content: "\e799";
    font-family: icomoon;
    top: 4px;
}
.main-social-block .social-platforms .platform a.linkedin {
    background: #007bb5;
}
.main-social-block .social-platforms .platform a.linkedin:hover {
    background: #0083c1;
}
.main-social-block .social-platforms .platform a.linkedin:before {
    content: "";
}
@media (max-width: 1600px) {
    .main-social-block .social-platforms {
        padding: 10px 0 25px;
    }
    .main-social-block .social-platforms .platform {
        margin: 0 20px 0 0;
    }
    .main-social-block .social-platforms .platform a {
        height: 40px;
        min-width: 100px;
        line-height: 40px;
        font-size: 14px;
        text-align: center;
    }
    .main-social-block .social-platforms .platform a:before {
        font-size: 18px;
    }
    .main-social-block .social-platforms .platform:last-of-type {
        margin: 0;
    }
}
@media (max-width: 1600px) {
    header .main-social-block .social-platforms {
        padding: 10px 0 25px;
    }
    header .main-social-block .social-platforms .platform {
        display: block;
        margin: 0 0 20px;
        text-align: right;
    }
    header .main-social-block .social-platforms .platform .title {
        padding-right: 20px;
    }
}
@media (max-width: 992px) {
    .main-social-block {
        margin: 25px 0 0;
    }
    .main-social-block .social-platforms {
        text-align: center;
    }
    .main-social-block .social-platforms .platform {
        display: inline-block;
        margin: 0 15px 0 0;
    }
    .main-social-block .social-platforms .platform:last-of-type {
        margin: 0;
    }
    header .main-social-block {
        margin: 25px 0 0;
    }
    header .main-social-block .social-platforms {
        text-align: center;
    }
    header .main-social-block .social-platforms .platform {
        display: inline-block;
        margin: 0 15px 0 0;
    }
    header .main-social-block .social-platforms .platform:last-of-type {
        margin: 0;
    }
}
/* -------- Single Post Area -------- */

.content-wrapper .list-posts-section {
    position: relative;
    background: #fff;
}
.content-wrapper .list-posts-section:after {
    display: inline-block;
    position: absolute;
    background: #fff;
    height: 3000%;
    width: 100%;
    content: "";
    z-index: 0;
    left: 0;
    top: 0;
}
.content-wrapper .list-posts-section ul.page-numbers,
.content-wrapper .list-posts-section .list-posts,
.content-wrapper .list-posts-section .post-wrap {
    position: relative;
    z-index: 2;
}
.content-wrapper .list-posts-section.index {
    padding: 50px 0 0;
}
.single-post-area {
    overflow: hidden;
}
.content-wrapper.archive {
    padding-bottom: 0;
}
.content-wrapper.archive .list-posts-section {
    padding-top: 0;
}
.archive .list-posts-section .post-excerpt {
	min-height: 70px;
}
.archive .list-posts-section .post-author {
	margin-bottom: 1em;
}
@media (min-width: 992px) {
    .single-post-area.left {
        background: linear-gradient(to left, #ffffff 0%, #ffffff 60%, #dce0e2 60%, #dce0e2 100%);
    }
}
.single-post-area.left .col-md-9.post-wrap {
    padding: 0;
}
.single-post-area.left .col-md-9.post-wrap .single-post-container {
    padding: 0 7%;
}
.single-post-area.left .col-md-9.post-wrap .single-post-container .col-md-11.post-wrap {
    width: 100%;
}
.single-post-area.left .sidebar-wrapper {
    padding: 0 20px 0 0;
}
.single-post-area.blog.right .col-md-9.post-wrap .container-fluid.post-wrap {
    padding: 0;
}
.single-post-area.blog.left .col-md-9.post-wrap .container-fluid.post-wrap {
    padding-left: 20px;
}
.single-post-area.page.right .container-fluid.post-wrap {
    padding: 0;
}
.single-post-area.page.left .col-md-9.post-wrap .post.list-post .container-fluid {
    padding-left: 20px;
}
@media (min-width: 992px) {
    .single-post-area.full_width {
        background: #fff;
        position: relative;
    }
}
.single-post-area.full_width .container-fluid.post-wrap {
    padding: 0 7%;
}
.single-post-area.full_width .container-fluid.post-wrap .col-md-11.post-wrap {
    width: 100%;
}
.single-post-area.full_width .container-fluid.post-wrap .col-md-11.post-wrap .single-post .post-cover {
    display: table;
    margin-left: auto;
    margin-right: auto;
}
.single-post-area {
    overflow: hidden;
}
@media (min-width: 992px) {
    .single-post-area {
        background: linear-gradient(to right, #ffffff 0%, #ffffff 60%, #dce0e2 60%, #dce0e2 100%);
        position: relative;
    }
    .single-post-area .container-fluid {
        padding-right: 0;
    }
    .single-post-area .container-fluid > .row:first-of-type {
        margin-right: 0;
    }
    .single-post-area .container-fluid > .row > .col-md-9 {
        width: 70%;
    }
    .single-post-area .container-fluid > .row > .col-md-3 {
        width: 30%;
    }
}
.single-post-area .single-post-container {
    background: #fff;
    position: relative;
}
.single-post-area .single-post-container > .row {
    position: relative;
    z-index: 1;
}
.single-post-area .single-post-container:after {
    position: absolute;
    background: #fff;
    height: 3000%;
    width: 100%;
    z-index: 0;
    content: "";
    left: 0;
    top: 0;
}
.single-post-area .single-post-container .single-post {
    padding: 50px 0;
}
.single-post-area .single-post-container .single-post .readable-post-area {
    padding: 0 0 30px;
}
.single-post-area .single-post-container .single-post .readable-post-area .post-title {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}
.single-post-area .single-post-container .single-post .single-post-meta {
    letter-spacing: 0em;
    font-weight: 700;
    margin: 0 0 30px;
    font-size: 14px;
    color: #bebebe;
}
.single-post-area .single-post-container .single-post .single-post-meta .post-author {
    margin: 0 5px 0 0;
    color: #666666;
}
.single-post-area .single-post-container .single-post .single-post-meta .post-author .author {
    border-bottom: 1px solid transparent;
    color: #e00a1a;
    margin: 0;
}
.single-post-area .single-post-container .single-post .single-post-meta .post-author .author:hover {
    border-color: #e00a1a;
}
.single-post-area .single-post-container .single-post .single-post-meta .author-links {
    margin: 0 0 0 7px;
}
.single-post-area .single-post-container .single-post .single-post-meta .author-links:first-of-type {
    margin: 0 0 0 12px;
}
.single-post-area .single-post-container .single-post .single-post-meta .author-links:hover {
    border-bottom: 1px solid #e00a1a;
}
.single-post-area .single-post-container .single-post .single-post-meta .author-links i {
    display: none;
    margin: 0 5px 0 0;
    color: #e00a1a;
}
.single-post-area .single-post-container .single-post .post-cover blockquote {
    width: 100%;
    display: inline-block;
    font-family: "Montserrat", sans-serif;
    background-image: url(../img/blockquote-bg.jpg);
    background-position: top center;
    background-size: cover;
    padding: 45px 95px 50px;
    color: #fff;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.5em;
    letter-spacing: 0.06em;
}
.single-post-area .single-post-container .single-post .post-cover blockquote p {
    margin: 0;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
}
.single-post-area .single-post-container .single-post .post-cover blockquote footer {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 25px 0 0;
    margin: 30px 0 0;
    text-align: right;
    display: inline-block;
    width: 100%;
    background: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 1em;
}
.single-post-area .single-post-container .single-post .post-cover blockquote footer:before,
.single-post-area .single-post-container .single-post .post-cover blockquote footer:after {
    display: none;
}
.single-post-area .single-post-container .single-post .post-body {
    padding: 50px 7.5% 0;
}
.single-post-area .single-post-container .single-post .post-body .big-image {
    margin-left: -7.5%;
    margin-right: -7.5%;
}
.single-post-area .single-post-container .single-post .post-body .big-image a {
    outline: none;
}
.single-post-area .single-post-container .single-post .post-body .big-image img {
    margin-bottom: 30px;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}
.single-post-area .single-post-container .single-post .post-body p {
    color: #636768;
    font-size: 18px;
    margin: 0 0 30px;
    line-height: 1.6em;
    letter-spacing: 0.02em;
}
.single-post-area .single-post-container .single-post .post-body p::selection {
    background: #2a3239;
    color: #fff;
}
.single-post-area .single-post-container .single-post .post-body p::-moz-selection {
    background: #2a3239;
    color: #fff;
}
.single-post-area .single-post-container .single-post .share-block {
    padding: 0 7% 0;
}
.single-post-area .single-post-container .single-post .share-block .main-social-block {
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    padding: 35px 0;
    margin: 0 0 30px;
}
.single-post-area .single-post-container .single-post .share-block .main-social-block .social-platforms {
    padding: 0;
}
.single-post-area .single-post-container .single-post.no-featured-image .post-cover .post-categories {
    position: relative;
    left: 0;
    top: 0;
}
.single-post-area .related-posts {
    padding: 0 7.5%;
}
.single-post-area .related-posts h4 {
    display: block;
    color: #b5bbbc;
    font-size: 14px;
    margin: 0 0 30px;
    font-weight: 500;
    letter-spacing: 0.3em;
    text-transform: uppercase;
}
.single-post-area .related-posts .similar-post .post-cover {
    position: relative;
    overflow: hidden;
    margin: 0 0 20px;
}
.single-post-area .related-posts .similar-post .post-cover:hover:after {
    opacity: 1;
}
.single-post-area .related-posts .similar-post .post-cover img {
    width: 100%;
    max-height: 127px;
    object-fit: cover;
}
.single-post-area .related-posts .similar-post .post-cover:after {
    -webkit-transition: all 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    background: rgba(0, 157, 255, 0.3);
    pointer-events: none;
    position: absolute;
    content: "";
    opacity: 0;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
}
.single-post-area .related-posts .similar-post .post-title {
    line-height: 1.45em;
    font-weight: 500;
    color: #262b2d;
    margin: 0;
}
@media (max-width: 600px) {
    .single-post-area .related-posts .col-xs-4 {
        width: 100%;
    }
}
.single-post-area .single-post {
    -webkit-transition: all 0.85s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.85s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.85s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    opacity: 1;
}
.single-post-area .single-post.delayed {
    opacity: 0;
}
@media (max-width: 1400px) {
    .single-post-area .single-post-container .single-post {
        padding: 30px 0;
        margin: 0;
    }
    .single-post-area .single-post-container .single-post .share-block {
        padding: 0 7.5%;
    }
    .single-post-area .single-post-container .single-post .comments-area-wrapper {
        padding: 0 7.5%;
    }
}
@media (max-width: 768px) {
    .single-post-area .single-post-container .single-post .post-body {
        padding: 25px 5% 0;
    }
    .single-post-area .single-post-container .single-post .post-body .big-image {
        margin-left: -5%;
        margin-right: -5%;
    }
    .single-post-area .single-post-container .single-post .post-body .big-image img {
        margin: 0 0 15px;
    }
    .single-post-area .single-post-container .single-post .post-body p {
        margin: 0 0 15px;
    }
}
.mfp-zoom-out-cur .single-post-area .single-post .post-body .big-image img {
    opacity: 0;
}
.quote-block {
    display: inline-block;
    position: absolute;
    visibility: hidden;
    display: none;
    z-index: 8;
    left: 0;
    top: 0;
}
.quote-block.visible {
    visibility: visible;
    display: inline-block;
    -webkit-animation: pop-upwards 200ms forwards linear;
    animation: pop-upwards 200ms forwards linear;
}
.quote-block .share-options {
    display: inline-block;
    border-radius: 25px;
    background: #30363c;
    position: relative;
    padding: 7px 14px;
    line-height: 1em;
    font-size: 0;
}
.quote-block .share-options:after {
    border-color: #30363c transparent transparent transparent;
    -webkit-transform: rotate(360deg);
    border-width: 7px 7.5px 0 7.5px;
    border-style: solid;
    position: absolute;
    margin-left: -7px;
    content: "";
    height: 0;
    left: 50%;
    top: calc(100% - 1px);
    width: 0;
}
.quote-block .share-options .option {
    display: inline-block;
    margin: 0 15px 0 0;
}
.quote-block .share-options .option a {
    display: inline-block;
}
.quote-block .share-options .option a i {
    -webkit-transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    vertical-align: middle;
    display: inline-block;
    text-align: center;
    min-width: 14px;
    font-size: 13px;
    color: #fff;
}
.quote-block .share-options .option.facebook i:hover {
    color: #3b5998;
}
.quote-block .share-options .option.twitter i:hover {
    color: #55acee;
}
.quote-block .share-options .option.quote i:hover {
    color: #e00a1a;
}
.quote-block .share-options .option:last-of-type {
    margin: 0;
}
/* -------- Sidebar -------- */

.sidebar-wrapper {
    padding: 0 15px 0 0;
}
.sidebar-wrapper .sidebar {
    font-family: "Montserrat", sans-serif;
    padding: 20px 0;
}
.sidebar-wrapper .sidebar .widget {
    margin: 0 0 35px;
}
.sidebar-wrapper .sidebar .widget .widget-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 1em;
    margin: 0 0 30px;
    padding: 0 0 0 30px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}
.sidebar-wrapper .sidebar .widget.widget_search .search-form .form-input {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -moz-transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    text-transform: uppercase;
    vertical-align: middle;
    letter-spacing: 0.14em;
    border-radius: 25px;
    background: #fff;
    line-height: 45px;
    padding: 0 50px;
    font-size: 12px;
    color: #464646;
    height: 45px;
    width: 100%;
}
.sidebar-wrapper .sidebar .widget.widget_search .search-form .form-input::-webkit-input-placeholder {
    color: #bcbcbc;
}
.sidebar-wrapper .sidebar .widget.widget_search .search-form .form-input:-moz-placeholder {
    color: #bcbcbc;
}
.sidebar-wrapper .sidebar .widget.widget_search .search-form .form-input.placeholder {
    color: #bcbcbc;
}
.sidebar-wrapper .sidebar .widget.widget_search .search-form .form-input:focus,
.sidebar-wrapper .sidebar .widget.widget_search .search-form .form-input.has-value {
    -webkit-box-shadow: 0px 0px 7.5px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 7.5px 0px rgba(0, 0, 0, 0.15);
}
.sidebar-wrapper .sidebar .widget.widget_search .search-form .search-title-wrapper {
    padding: 25px 0 0 30px;
}
.sidebar-wrapper .sidebar .widget.widget_search .search-form .search-title-wrapper .search-title {
    margin: 0 0 25px;
    color: #262b2d;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.04em;
}
.sidebar-wrapper .sidebar .widget.widget_search .search-form .search-title-wrapper .search-title span {
    color: #e00a1a;
}
.sidebar-wrapper .sidebar .widget.widget_social {
    display: block;
    width: 100%;
    overflow: hidden;
}
.sidebar-wrapper .sidebar .widget.widget_social .subscribe-form {
    position: relative;
    display: block;
    max-width: 400px;
}
.sidebar-wrapper .sidebar .widget.widget_social .subscribe-form .subscribe-input {
    display: block;
    width: 100%;
    font-size: 12px;
    line-height: 36px;
    vertical-align: middle;
    padding: 0 160px 0 20px;
    color: #464646;
    letter-spacing: 0.075em;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
}
.sidebar-wrapper .sidebar .widget.widget_social .subscribe-form .subscribe-input::-webkit-input-placeholder {
    color: #bcbcbc;
}
.sidebar-wrapper .sidebar .widget.widget_social .subscribe-form .subscribe-input:-moz-placeholder {
    color: #bcbcbc;
}
.sidebar-wrapper .sidebar .widget.widget_social .subscribe-form .subscribe-input.placeholder {
    color: #bcbcbc;
}
.sidebar-wrapper .sidebar .widget.widget_social .subscribe-form .btn {
    position: absolute;
    padding: 12px 30px;
    font-size: 12px;
    right: 0;
    top: 0;
}
.sidebar-wrapper .sidebar .widget.widget_social .main-social-block {
    margin: 15px 0 0;
}
.sidebar-wrapper .sidebar .widget.widget_social .main-social-block .social-platforms {
    padding-bottom: 27.5px;
}
.sidebar-wrapper .sidebar .widget.widget_social .main-social-block .social-platforms .platform {
    margin: 0 15px 0 0;
}
.sidebar-wrapper .sidebar .widget.widget_social .main-social-block .social-platforms .platform a {
    min-width: 0;
    height: 40px;
    font-size: 13px;
    padding: 0 15px;
    line-height: 40px;
}
.sidebar-wrapper .sidebar .widget:not(.widget_social):not(.widget_search):not(.widget_latest_posts) ul li:before {
    -webkit-transition: all 95ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 95ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 95ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    display: inline-block;
    margin-right: 5px;
    content: "-";
}
.sidebar-wrapper .sidebar .widget:not(.widget_social):not(.widget_search):not(.widget_latest_posts) ul li:hover:before {
    margin-right: 10px;
}
.sidebar-wrapper .sidebar .widget:not(.widget_social):not(.widget_search):not(.widget_latest_posts) ul li a {
    color: #5f6c73;
}
.sidebar-wrapper .sidebar .widget:not(.widget_social):not(.widget_search):not(.widget_latest_posts) ul li a:hover {
    color: #e00a1a;
}
.sidebar-wrapper .sidebar .widget.widget_tag_cloud .tagcloud {
    font-size: 0;
}
.sidebar-wrapper .sidebar .widget.widget_tag_cloud .tagcloud a {
    -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    text-transform: uppercase;
    display: inline-block;
    letter-spacing: 0.1em;
    background: #e00a1a;
    border-radius: 25px;
    padding: 9px 23px;
    text-align: center;
    line-height: 1em;
    font-weight: 300;
    margin: 0 10px 10px 0;
    font-size: 13px !important;
    color: #fff;
}
.sidebar-wrapper .sidebar .widget.widget_tag_cloud .tagcloud a:hover {
    -webkit-box-shadow: 5px 3px 10px rgba(31, 46, 57, 0.2);
    box-shadow: 5px 3px 10px rgba(31, 46, 57, 0.2);
    background: #2aacfd;
}
.sidebar-wrapper .sidebar .widget ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.sidebar-wrapper .sidebar .widget ul li ul {
    padding-left: 15px !important;
}
/* -------- Comments Area -------- */

.comments-area-block {
    font-family: "Montserrat", sans-serif;
    padding: 0 0 65px;
    margin: 0 0 35px;
}
.comments-area-block .comments-area-expand {
    position: relative;
    z-index: 2;
}
.comments-area-block .comments-area-expand .comments-area-toggle {
    -webkit-transform: translateX(-50%) scale(1);
    -ms-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    display: inline-block;
    position: absolute;
    width: 100%;
    top: 0;
    left: 50%;
    color: #c2c2c2;
    cursor: pointer;
    font-size: 16px;
    max-width: 400px;
    line-height: 1em;
    padding: 18px 35px;
    background: #f2f2f2;
    border-radius: 35px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    -webkit-transition: all 0.45s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.45s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.45s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.comments-area-block .comments-area-expand .comments-area-toggle:hover {
    -webkit-box-shadow: 1px 1px 10px 0px rgba(38, 43, 45, 0.2);
    box-shadow: 1px 1px 10px 0px rgba(38, 43, 45, 0.2);
}
.comments-area-block .comments-area-expand .comments-area-toggle.not-visible {
    -webkit-transform: translateX(-50%) scale(0);
    -ms-transform: translateX(-50%) scale(0);
    transform: translateX(-50%) scale(0);
    visibility: hidden;
    opacity: 0;
}
.comments-area-block .comments-area-wrapper {
    padding: 0 20% 0;
    display: none;
}
.comments-area-block .comments-area-wrapper.open .comments-area-container {
    opacity: 1;
}
.comments-area-block .comments-area-wrapper .comments-area-container {
    -webkit-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
    transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
    opacity: 0;
}
.comments-area-block .comments-area-wrapper .comments-area-container .comments-area h3 {
    color: #b5bbbc;
    font-size: 14px;
    margin: 0 0 30px;
    line-height: 1em;
    font-weight: 500;
    letter-spacing: 0.3em;
    text-transform: uppercase;
}
.comments-area-block .comments-area-wrapper .comments-area-container .comments-area .comments-list li {
    margin: 0 0 20px;
}
.comments-area-block .comments-area-wrapper .comments-area-container .comments-area .comments-list li .comment {
    border-bottom: 1px solid #f2f2f2;
    padding: 0 60px 20px 100px;
    position: relative;
}
.comments-area-block .comments-area-wrapper .comments-area-container .comments-area .comments-list li .comment .avatar {
    position: absolute;
    width: 70px;
    left: 0;
    top: 0;
}
.comments-area-block .comments-area-wrapper .comments-area-container .comments-area .comments-list li .comment .avatar img {
    border-radius: 3px;
}
.comments-area-block .comments-area-wrapper .comments-area-container .comments-area .comments-list li .comment .comment-body {
    padding: 10px 0 0;
    min-height: 70px;
    display: block;
}
.comments-area-block .comments-area-wrapper .comments-area-container .comments-area .comments-list li .comment .comment-body .comment-meta {
    line-height: 1em;
    padding: 0 0 7.5px;
}
.comments-area-block .comments-area-wrapper .comments-area-container .comments-area .comments-list li .comment .comment-body .comment-meta * {
    text-transform: uppercase;
    display: inline-block;
    letter-spacing: 0.2em;
    vertical-align: top;
    margin: 0 20px 0 0;
    line-height: 1em;
    font-weight: 500;
    font-size: 12px;
    color: #b5bbbc;
}
.comments-area-block .comments-area-wrapper .comments-area-container .comments-area .comments-list li .comment .comment-body .comment-meta .name {
    font-weight: 700;
}
.comments-area-block .comments-area-wrapper .comments-area-container .comments-area .comments-list li .comment .comment-body .comment-meta a {
    -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.comments-area-block .comments-area-wrapper .comments-area-container .comments-area .comments-list li .comment .comment-body .comment-meta a:hover {
    color: #8c8e8e;
}
.comments-area-block .comments-area-wrapper .comments-area-container .comments-area .comments-list li .comment .comment-body p {
    margin: 0;
    color: #b5bbbc;
    font-size: 12px;
    line-height: 1.5em;
    letter-spacing: 0.02em;
}
.comments-area-block .comments-area-wrapper .comments-area-container .comments-area .comments-list li ul {
    padding: 20px 0 0 40px;
}
.comments-area-block .comments-area-wrapper .comments-area-container .comments-area .comment-respond {
    padding: 15px 0 0;
}
.comments-area-block .comments-area-wrapper .comments-area-container .comments-area .comment-respond h3 {
    color: #b5bbbc;
    font-size: 14px;
    margin: 0 0 25px;
    line-height: 1em;
    font-weight: 500;
    letter-spacing: 0.3em;
    text-transform: uppercase;
}
.comments-area-block .comments-area-wrapper .comments-area-container .comments-area .comment-respond .comment-form .logged-in-as {
    font-size: 13px;
    margin: 0 0 22px;
}
.comments-area-block .comments-area-wrapper .comments-area-container .comments-area .comment-respond .comment-form .form-submit {
    text-align: center;
}
/* -------- Authors List -------- */

.authors-list {
    margin: 0 auto 50px;
    max-width: 1400px;
    display: block;
    font-size: 0;
}
.authors-list .author-box {
    display: inline-block;
    margin-left: 13.25%;
    width: 24.4%;
}
.authors-list .author-box:nth-child(3n+1) {
    margin-left: 0;
}
.authors-list + .page-numbers {
    margin: 0 0 50px;
}
@media (max-width: 1200px) {
    .authors-list .author-box {
        margin-left: 10%;
        width: calc(80% / 3 - 2px);
    }
}
@media (max-width: 992px) {
    .authors-list .author-box {
        width: 43.5%;
        margin-left: 12%;
    }
    .authors-list .author-box:nth-child(3n+1) {
        margin-left: 12%;
    }
    .authors-list .author-box:nth-child(2n+1) {
        margin-left: 0;
    }
}
@media (max-width: 560px) {
    .authors-list .author-box {
        width: 79%;
        margin-left: 10% !important;
    }
}
.author-box {
    font-family: "Montserrat", sans-serif;
    display: inline-block;
    margin-bottom: 50px;
/*    text-align: center;
    max-width: 380px;*/
}
.author-box .thumbnail {
    display: inline-block;
    position: relative;
    margin: 0 0 25px;
}
.author-box .thumbnail:hover:before {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
}
.author-box .thumbnail:hover:after {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
}
.author-box .thumbnail:before,
.author-box .thumbnail:after {
    -webkit-box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.15);
    box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 0.185s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -moz-transition: all 0.185s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: all 0.185s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    background: #f5f5f5;
    position: absolute;
    content: "";
    width: 20px;
}
.author-box .thumbnail:before {
    height: calc(100% - 40px);
    left: -20px;
    top: 20px;
    display: none;
}
.author-box .thumbnail:after {
    height: calc(100% - 20px);
    left: -10px;
    top: 10px;
    display: none;
}
.author-box .thumbnail img {
    -webkit-box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.15);
    box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.15);
    position: relative;
    z-index: 4;
}
.author-box .user-meta .name {
    margin: 0 0 30px;
    color: #485257;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 0.08em;
}
.author-box .user-meta .name a:hover {
    color: #e00a1a;
}
.author-box .user-meta .author-interhead {
	text-decoration: underline;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 1.5em;
}
.author-box .user-meta .nr-of-posts {
    max-width: 180px;
    font-size: 16px;
    text-align: center;
    display: block;
    margin: 0 auto 30px;
    color: #fff;
    line-height: 50px;
    background: #e00a1a;
    height: 50px;
    border-radius: 25px;
    vertical-align: middle;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.author-box .user-meta .nr-of-posts:hover {
    -webkit-box-shadow: -4px 4px 10px 0px rgba(31, 46, 57, 0.2);
    box-shadow: -4px 4px 10px 0px rgba(31, 46, 57, 0.2);
    background: #43b6fe;
}
.author-box .user-meta .social-block {
    font-size: 0;
}
.author-box .user-meta .social-block li {
    display: inline-block;
    margin: 0 40px 0 0;
}
.author-box .user-meta .social-block li:last-of-type {
    margin: 0;
}
.author-box .user-meta .social-block li i {
    font-size: 22px;
}
/*.author-box .user-meta .social-block li i.fa-facebook {
    color: #3b5998;
}
.author-box .user-meta .social-block li i.fa-twitter {
    color: #55acee;
}
.author-box .user-meta .social-block li i.fa-youtube {
    color: #bb0000;
}
.author-box .user-meta .social-block li i.fa-google-plus {
    color: #dd4b39;
}
.author-box .user-meta .social-block li i.fa-pinterest {
    color: #cb2027;
}
.author-box .user-meta .social-block li i.fa-tumblr {
    color: #32506d;
}
.author-box .user-meta .social-block li i.fa-flickr {
    color: #ff0084;
}
.author-box .user-meta .social-block li i.fa-envelope {
    color: #485257;
}*/
.author-box.single .thumbnail {
    margin-top: -35%;
}
.author-box.single .thumbnail img {
    border: 9px solid #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-width: 350px;
}
.author-box.single .thumbnail:before,
.author-box.single .thumbnail:after {
    display: none;
}
/* -------- Progress Block -------- */

.progress-block {
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    background: #f5f5f5;
    visibility: hidden;
    min-height: 100px;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    position: fixed;
    width: 100%;
    z-index: 4;
    left: 0;
    top: 0;
}
.progress-block.visible {
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
.progress-block .progress-block-wrapper {
    padding: 35px 7.5% 20px;
}
.progress-block .progress-block-wrapper .post-title {
    color: #30363c;
    font-size: 16px;
    margin: 0 0 15px;
    font-weight: 500;
    letter-spacing: 0em;
}
.progress-block .progress-block-wrapper .progress-container {
    position: relative;
    background: #dce0e2;
    border-radius: 5px;
    height: 4px;
    display: block;
    width: 100%;
}
.progress-block .progress-block-wrapper .progress-container .actual-progress {
    -webkit-transition: all 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    position: absolute;
    border-radius: 5px;
    background: #e00a1a;
    height: 100%;
    width: 0;
    left: 0;
    top: 0;
}
.progress-block .post-settings-wrapper {
    margin-left: -50%;
    text-align: right;
    padding: 30px 0 0;
}
.progress-block .post-settings-wrapper .post-settings {
    font-family: "Montserrat", sans-serif;
    display: inline-block;
}
.progress-block .post-settings-wrapper .post-settings .setting {
    border-right: 1px solid #dce0e2;
    display: inline-block;
    vertical-align: top;
    padding: 4px 20px 0 0;
    margin: 0 15px 0 0;
    cursor: pointer;
    height: 50px;
}
.progress-block .post-settings-wrapper .post-settings .setting .title {
    -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    position: relative;
    margin: 0 5px 0 0;
    font-weight: 500;
    line-height: 1em;
    font-size: 12px;
    color: #81878b;
    top: 4px;
}
.progress-block .post-settings-wrapper .post-settings .setting .icon-wrapper {
    display: inline-block;
}
.progress-block .post-settings-wrapper .post-settings .setting .icon-wrapper .icon {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    border: 1px solid transparent;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    vertical-align: middle;
    display: inline-block;
    background: #fafafa;
    text-align: center;
    border-radius: 50%;
    line-height: 42px;
    font-weight: 300;
    font-size: 15px;
    color: #60686d;
    height: 42px;
    width: 42px;
}
.progress-block .post-settings-wrapper .post-settings .setting:hover .title {
    color: #e00a1a;
}
.progress-block .post-settings-wrapper .post-settings .setting:hover .icon {
    border-color: #e00a1a;
}
.progress-block .post-settings-wrapper .post-settings .setting:last-of-type {
    margin: 0;
    border-right: 0;
    padding-right: 0;
}
.progress-block .post-settings-wrapper .post-settings .setting.share .icon-wrapper {
    position: relative;
}
.progress-block .post-settings-wrapper .post-settings .setting.share .share-block {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 0;
    height: 100%;
    width: 100%;
    top: -20px;
    left: 50%;
}
.progress-block .post-settings-wrapper .post-settings .setting.share .share-block li {
    -webkit-transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -moz-transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -webkit-transform: translateX(-50%) scale(0);
    -ms-transform: translateX(-50%) scale(0);
    transform: translateX(-50%) scale(0);
    display: table-cell;
    position: absolute;
    opacity: 0;
    left: 50%;
    top: 50%;
}
.progress-block .post-settings-wrapper .post-settings .setting.share .share-block li .fa {
    border-radius: 50%;
    vertical-align: middle;
    line-height: 25px;
    text-align: center;
    letter-spacing: 0;
    font-size: 12px;
    color: #fff;
    height: 25px;
    width: 25px;
}
.progress-block .post-settings-wrapper .post-settings .setting.share .share-block li .fa.fa-twitter {
    background: #29c5f6;
}
.progress-block .post-settings-wrapper .post-settings .setting.share .share-block li .fa.fa-facebook {
    background: #6788ce;
}
.progress-block .post-settings-wrapper .post-settings .setting.share .share-block li .fa.fa-google-plus {
    background: #e75c3c;
}
.progress-block .post-settings-wrapper .post-settings .setting.share .share-block li .fa.fa-pinterest {
    background: #cb2027;
}
.progress-block .post-settings-wrapper .post-settings .setting.share .share-block li .fa.fa-linkedin {
    background: #007bb5;
}
.progress-block .post-settings-wrapper .post-settings .setting.share .share-block li .fa.fa-dribbble {
    background: #ea4c89;
}
.progress-block .post-settings-wrapper .post-settings .setting.share .share-block li .fa.fa-instagram {
    background: #125688;
}
.progress-block .post-settings-wrapper .post-settings .setting.share .share-block li .fa.fa-youtube {
    background: #bb0000;
}
.progress-block .post-settings-wrapper .post-settings .setting.share .share-block li:last-of-type {
    padding: 0;
}
.progress-block .post-settings-wrapper .post-settings .setting.share .share-block li:first-of-type {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
}
.progress-block .post-settings-wrapper .post-settings .setting.share .share-block li:nth-of-type(2) {
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.progress-block .post-settings-wrapper .post-settings .setting.share .share-block li:nth-of-type(3) {
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.progress-block .post-settings-wrapper .post-settings .setting.share .share-block li:nth-of-type(4) {
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.progress-block .post-settings-wrapper .post-settings .setting.share .share-block li:nth-of-type(5) {
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.progress-block .post-settings-wrapper .post-settings .setting.share .share-block li:nth-of-type(6) {
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.progress-block .post-settings-wrapper .post-settings .setting.share.expanded .icon {
    -webkit-transform: scale(0.65);
    -ms-transform: scale(0.65);
    transform: scale(0.65);
}
.progress-block .post-settings-wrapper .post-settings .setting.share.expanded .title {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
}
.progress-block .post-settings-wrapper .post-settings .setting.share.expanded .share-block li {
    -webkit-transform: translateX(-50%) scale(1);
    -ms-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
    opacity: 1;
}
.progress-block .post-settings-wrapper .post-settings .setting.share.expanded .share-block li:first-of-type {
    left: -15%;
    top: 20%;
}
.progress-block .post-settings-wrapper .post-settings .setting.share.expanded .share-block li:nth-of-type(2) {
    left: 50%;
    top: 0;
}
.progress-block .post-settings-wrapper .post-settings .setting.share.expanded .share-block li:nth-of-type(3) {
    left: 115%;
    top: 20%;
}
.progress-block .post-settings-wrapper .post-settings .setting.share.expanded .share-block li:nth-of-type(4) {
    left: 132%;
    top: 85%;
}
.progress-block .post-settings-wrapper .post-settings .setting.share.expanded .share-block li:nth-of-type(5) {
    left: 90%;
    top: 150%;
}
.progress-block .post-settings-wrapper .post-settings .setting.comments .icon {
    position: relative;
}
.progress-block .post-settings-wrapper .post-settings .setting.comments .icon .nr-of-comments {
    -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-box-shadow: 0 0 0 3px #fafafa;
    box-shadow: 0 0 0 3px #fafafa;
    -webkit-transform-origin: 75% 0;
    transform-origin: 75% 0;
    padding: 3.5px 5px 4px;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    background: #e00a1a;
    line-height: 1em;
    font-weight: 500;
    font-size: 9px;
    color: #fff;
    -webkit-transform: scale(0.35);
    -ms-transform: scale(0.35);
    transform: scale(0.35);
    opacity: 0;
    z-index: 9;
    right: -5px;
    top: -3px;
}
.progress-block .post-settings-wrapper .post-settings .setting.comments:hover .icon .nr-of-comments {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
@media (max-width: 1400px) {
    .progress-block .post-settings-wrapper .post-settings .setting {
        margin-right: 10px;
        padding-right: 12px;
    }
}
@media (max-width: 1200px) {
    .progress-block .post-settings-wrapper .post-settings .setting {
        border: 0;
        margin: 0;
    }
    .progress-block .post-settings-wrapper .post-settings .setting .title {
        display: none;
    }
}
@media (max-width: 992px) {
    .progress-block .post-settings-wrapper {
        padding: 7.5px 0 20px;
        text-align: center;
        margin: 0;
    }
}
@media (max-width: 600px) {
    .progress-block .progress-block-wrapper {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .progress-block .post-settings-wrapper {
        display: none;
    }
}
.admin-bar .progress-block {
    top: 32px;
}
/* -------- Share Story Text Popup -------- */

.share-story-text-popup {
    -webkit-transition: all 0.45s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.45s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.45s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    background: rgba(246, 246, 246, 0.97);
    font-family: "Montserrat", sans-serif;
    visibility: hidden;
    position: fixed;
    z-index: 99;
    opacity: 0;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
}
.share-story-text-popup.visible {
    visibility: visible;
    opacity: 1;
}
.share-story-text-popup.visible .share-block-wrapper {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.share-story-text-popup .popup-header {
    height: 50px;
    color: #fff;
    padding: 15px 40px;
}
.share-story-text-popup .popup-header[data-share-option="facebook"] {
    background: #3b5998;
}
.share-story-text-popup .popup-header[data-share-option="facebook"] .share-option-icon:after {
    content: "";
}
.share-story-text-popup .popup-header[data-share-option="twitter"] {
    background: #00aced;
}
.share-story-text-popup .popup-header[data-share-option="twitter"] .share-option-icon:after {
    content: "";
}
.share-story-text-popup .popup-header .share-option-icon {
    display: inline-block;
}
.share-story-text-popup .popup-header .share-option-icon:after {
    font-family: FontAwesome;
    display: inline-block;
    font-size: 18px;
}
.share-story-text-popup .popup-header .close-popup {
    cursor: pointer;
    top: 5px;
    float: right;
    color: #fff;
    font-size: 11px;
    line-height: 1em;
    font-weight: 500;
    position: relative;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -moz-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.share-story-text-popup .popup-header .close-popup:hover:after {
    opacity: 1;
}
.share-story-text-popup .popup-header .close-popup:after {
    -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -moz-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    border-bottom: 1px solid #fff;
    margin: 2.5px auto 0;
    display: block;
    width: 30px;
    content: "";
    opacity: 0;
}
.share-story-text-popup .share-block-wrapper {
    -webkit-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.07);
    -webkit-transition: all 0.65s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition: all 0.65s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 0.65s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    transition-delay: 0.4s;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 70%;
    transform-origin: 50% 70%;
    padding: 45px 40px 20px;
    border-radius: 10px;
    background: #fff;
    position: absolute;
    margin-left: -35%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    width: 70%;
    left: 50%;
    top: 20%;
}
.share-story-text-popup .share-block-wrapper .block-title {
    margin: 0 0 20px;
    color: #c2c2c2;
    font-size: 18px;
    line-height: 1em;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
.share-story-text-popup .share-block-wrapper .share-message {
    color: #555a5d;
    font-size: 16px;
    line-height: 1.25em;
    padding: 0 0 25px;
    margin: 0 0 25px;
    display: block;
    letter-spacing: 0.04em;
    border-bottom: 1px solid #ebebeb;
}
.share-story-text-popup .share-block-wrapper .share-message a {
    color: #e00a1a;
}
.share-story-text-popup .share-block-wrapper .btn-wrapper button {
    color: #fff;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    line-height: 1em;
    font-weight: 500;
    background: #e00a1a;
    padding: 0 45px;
    border-radius: 25px;
    vertical-align: middle;
    text-transform: uppercase;
    -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.share-story-text-popup .share-block-wrapper .btn-wrapper button:hover {
    background: #18a6ff;
}
@media (max-width: 768px) {
    .share-story-text-popup .share-block-wrapper {
        width: 85%;
        margin-left: -47.5%;
    }
}
/* -------- Scroll Top Btn -------- */

.scroll-top-wrapper {
    -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    font-family: "Montserrat", sans-serif;
    display: inline-block;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
.scroll-top-wrapper.visible {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.scroll-top-wrapper .scroll-top-page,
.scroll-top-wrapper .scroll-top-article {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    vertical-align: middle;
    display: block;
    background: #fafafa;
    text-align: center;
    border-radius: 50%;
    position: relative;
    line-height: 42px;
    font-weight: 300;
    overflow: hidden;
    cursor: pointer;
    font-size: 12px;
    color: #60686d;
    height: 42px;
    width: 42px;
}
.scroll-top-wrapper .scroll-top-page .placeholder,
.scroll-top-wrapper .scroll-top-page .fa,
.scroll-top-wrapper .scroll-top-article .placeholder,
.scroll-top-wrapper .scroll-top-article .fa {
    -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.scroll-top-wrapper .scroll-top-page .placeholder,
.scroll-top-wrapper .scroll-top-article .placeholder {
    color: #60686d;
    font-size: 11px;
    font-weight: 300;
    display: inline-block;
    opacity: 0;
}
.scroll-top-wrapper .scroll-top-page .fa,
.scroll-top-wrapper .scroll-top-article .fa {
    line-height: 42px;
    font-size: 16px;
}
.scroll-top-wrapper .scroll-top-article {
    -webkit-transition-delay: 0.25s;
    -moz-transition-delay: 0.25s;
    transition-delay: 0.25s;
    visibility: hidden;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
}
.scroll-top-wrapper .scroll-top-article .placeholder {
    opacity: 1;
}
.scroll-top-wrapper:hover .scroll-top-page {
    background: #f0f0f0;
}
.scroll-top-wrapper:hover .scroll-top-page .fa,
.scroll-top-wrapper:hover .scroll-top-page .placeholder {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 1;
}
.scroll-top-wrapper:hover .scroll-top-article {
    visibility: visible;
    -webkit-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    transform: translateY(-20%);
    opacity: 1;
}
/* -------- Breadcrumbs -------- */

.breadcrumbs {
    position: relative;
    padding: 50px 0 20px;
    z-index: 2;
}
.breadcrumbs h2 {
    font-weight: 300;
    text-align: center;
}
.breadcrumbs h2 span {
    color: #e00a1a;
}
.home .post .post-author {
    display: none;
}
/* --- Trennbalken */

.trennbalken {
    padding-top: 60px !important;
    padding-bottom: 30px !important;
    background-image: url(../img/balken_bgimage.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    width: 100%;
}
.imtrenner {
    color: #ffffff;
    font-size: 45px;
    margin-left: 20px;
}
.smed-acc-alphabet ul li {
    display: inline;
    list-style: none;
    font-size: 1.3em;
}
.smed-acc-alphabet ul li a {
    text-decoration: underline;
}
.smed-acc-alphabet ul li a:hover {
    color: #6495ed;
    text-decoration: underline;
}
.smed-acc-alphabet {
    text-align: center;
}
.smed-acc img {
    width: 125px;
    margin: 0 0 10px 0;
    box-shadow: 1px 3px 3px #515659;
}
.smed-acc a:hover {
    text-decoration: underline;
}
/* altes sunmenu umformartiert */

.main-header-wrapper .sub-menu li a {
    border-right: none;
    border-left: none;
    padding: 0px;
}
.main-header-wrapper .sub-menu li:first-child > a {
    border-right: none;
    border-left: none;
    padding: 0px;
}
/* ab hier neuer Banner Referenz digitalworkplace */

.headerbanner {
    display: block;
    height: 90px;
    border-top: none;
    position: relative;
    background-color: #fff;
}
@media (min-width: 992px) {
    .headerbanner {
        height: 58px;
    }
}
@media (min-width: 768px) {
    .headerbanner {
        height: 58px;
    }
}
header .main-header-wrapper .headerbanner .navbar navbar-default li {
    display: inline-block;
    position: relative;
    font-size: 14px;
    color: #485257;
    padding-bottom: 10px;
}
.logo {
    padding: 8px 0px 0px 0px;
    display: block;
    background: url(../img/fujitsu-logo.svg) no-repeat center center;
    background-size: 78px 38px;
    width: 78px;
    height: 38px;
    margin: 10px 0px 0px -17px;
    font-size: 0;
}
@media (max-width: 768px) {
    .logo {
        margin: 10px auto 0 auto;
    }
}
.search-box {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
    padding: 8px;
    float: right;
    border-radius: 0px;
    border: 0px none #DDDDDD;
    margin-top: 8px;
    width: 260px;
}
.navbar {
    -webkit-border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    border: 1px none #B7B7B7;
    border-top: none;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffff', GradientType=0);
    min-height: 50px;
    box-shadow: none;
    padding-top: 5px;
    padding-right: 15px;
    margin-bottom: 0 !important;
}
.navbar-collapse {
    padding-left: 0 !important;
}
.collapse {
    display: none;
}
.collapse.in {
    display: block;
}
.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}
.nav > li {
    position: relative;
    display: block;
}
@media (min-width: 768px) {
    .navbar-header {
        float: left;
    }
    .nav navbar-nav {
        min-height: 50px;
        margin: 10px -15px 0px 0px;
        letter-spacing: normal;
        font-size: 130%;
    }
}
@media (min-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 3px -15px 0px 0px;
        font-size: 130%;
        position: relative;
    }
}
.nav navbar-nav > ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.nav navbar-nav ul li {
    display: inline-block;
    position: relative;
    font-size: 14px;
    color: #485257;
    padding-bottom: 10px;
}
.navbar-nav li a {
    border-right: 1px solid #ccc;
    padding: 5px 20px;
    color: #3C3C3C !important;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}
.navbar ul.nav > li a:hover,
.navbar ul.nav li:hover > a {
    color: #ce0c0c;
}
@media (max-width: 768px) {
    .navbar {
        margin-left: -8px;
    }
    .nav {
        margin-bottom: 0;
        padding-left: 25px;
        list-style: none;
    }
    .nav > li {
        position: relative;
        display: block;
        margin: 15px 15px 0px 0px;
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
    }
    .nav > li > a {
        padding: 5px 9px;
        border-right: 1px solid #ccc;
        font-size: 14px;
    }
    .nav > li:first-child {
        position: relative;
        display: block;
        margin: 15px 15px 15px 0px;
    }
    .nav > li:last-child {
        position: relative;
        display: block;
        margin: 15px 15px 0px 0px;
        border-bottom: none;
        padding-bottom: 0px;
    }
    .navbar-nav {
        float: none;
        margin: 10px -15px 0px 0px;
        font-size: 130%;
    }
    .navbar-nav li a {
        border: none;
    }
    .navbar-nav li:first-child > a {
        border-left: none;
    }
    .sub-menu {
        list-style: none;
    }
    .main-header-wrapper .sub-menu li > a {
        padding-left: 0px;
    }
}
@media (min-width: 769px) and (max-width: 991px) {
    .navbar {
        min-height: 0px;
    }
    .navbar-nav li a {
        border-right: 1px solid #ccc;
        padding: 0px 10px 5px 10px;
        color: #3C3C3C;
        font-family: 'Roboto', sans-serif;
    }
}
@media (min-width: 769px) {
    .navbar-nav > li {
        float: left;
    }
    .nav > li {
        position: relative;
        display: block;
        margin: 3px 0px 0px 0px;
        border-bottom: none;
        padding-bottom: 0px;
    }
    .nav > li:first-child {
        position: relative;
        display: inline-block;
    }
    .navbar-nav li:first-child > a {
        border-left: 1px solid #ccc;
    }
    .sub-menu li > a {
        border-right: none;
        border-left: none;
        padding: 0px;
    }
    .sub-menu li:first-child > a {
        border-right: none;
        border-left: none;
        padding: 0px;
    }
}
@media (min-width: 992px) {
    .nav > li > a {
        padding: 5px 8px;
        font-size: 14px;
    }
}
/* menu zweite Ebene */

@media (min-width: 769px) {
    .main-header-wrapper .sub-menu {
        list-style: none;
        display: block;
        position: absolute;
        visibility: hidden;
        padding-left: 15px;
        width: 17.5rem;
        padding-bottom: 10px;
    }
    .main-header-wrapper ul.nav li.menu-item-has-children:hover .sub-menu {
        display: block;
        position: absolute;
        visibility: visible;
        z-index: 1000;
        background: #fff;
        border-left: 1px solid #ccc;
        box-shadow: 4px 4px 4px rgba(0, 0, 0, .3);
        margin-top: 0;
        padding-top: 7px;
        margin-left: -1px;
    }
}
@media (min-width: 1400px) {
    .container {
        min-width: 1380px;
    }
}
/*@media (min-width: 1920px) {
    .container {
        min-width: 1920px;
    }
}*/
@media (min-width: 1280px) {
    .csm_wrap .wpb_single_image img {
        height: 449px;
    }
}
@media (max-width: 1279px) {
    .csm_wrap .wpb_single_image img {
        height: 400px;
    }
}
@media (max-width: 1100px) {
    .csm_wrap .wpb_single_image img {
        height: 374px;
    }
}
@media (max-width: 900px) {
    .csm_wrap .wpb_single_image img {
        height: 350px;
    }
}
@media (max-width: 768px) {
    .csm_wrap .wpb_single_image img {
        height: 300px;
    }
}
.csm_wrap div.wpb_wrapper {
    border: 2px solid red;
}
.csm_wrap div.wpb_content_element {
    margin-bottom: 0 !important;
}
@media (max-width: 768px) {
    .csm_wrap div.wpb_wrapper {
        margin-bottom: 30px !important;
    }
}
.search-panel-toggle {
    float: right;
}
.medium-post {
    min-height: 535px;
}
/********** HYBRID HIVE spezifische Formatierungen ***********************/

.trennbalken2 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
    background-image: url(../img/balken_bgimage-hybrid.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    width: 100%;
    margin-bottom: 35px;
}
.partners-box {
    color: #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.partners-box .partners-blurb {
    flex-basis: 50%;
    font-size: 0.8em;
    text-transform: uppercase;
}
.partners-box .partners-blurb p {
    margin: 0;
    font-weight: 700;
}
.partners-box .partners-blurb h2 {
    color: #f7f7f7;
}
.partner-logos-top {
    text-align: right;
    width: auto;
    margin: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.partner-logos-top li,
.partner-logos li {
    display: inline-block;
    margin-left: 0.5em;
}
.partner-logos-top li:before,
.partner-logos li:before {
    content: "";
}
.partner-logos-top li img,
.partner-logos li img {
    height: 50px;
    width: auto;
}
.partner-logos-top li a,
.partner-logos li a {
    transition: 0.2s;
}
.partner-logos-top li a:hover,
.partner-logos li a:hover {
    opacity: 0.6;
}
@media screen and (max-width: 600px) {
    .partners-box {
        display: block;
    }
}
@media screen and (max-width: 600px) {
    .partners-logos-top {
        text-align: center;
    }
}
.hh-footer {
    text-align: justify;
    margin-top: 15px;
    border-top: 1px solid #dce0e2;
}
.hh-footer p {
    font-size: 0.9em !important;
    padding-top: 5px;
}
.hh-footer .partner-logos {
    padding-left: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.partner-logos li {
    margin: 0.5em 0.5em;
}
.hh-nav {
    margin-top: 15px;
}
.top-categories {
    top: 3em;
    width: 50%;
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
    margin-top: 0;
}
.top-categories ul {
    text-align: left;
    margin: 0;
    padding: 0;
    max-width: 100%;
}
.top-categories ul li {
    display: inline-block;
    border-right: 1px solid #999;
    margin: 0;
    padding: 0;
    margin-right: -5px;
    width: 7em;
}
.top-categories ul li:before {
    content: "";
}
.top-categories ul li a {
    color: #f7f7f7;
    text-transform: uppercase;
    font-weight: 300;
    text-decoration: none;
    font-size: 0.7em;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0.5em 2em;
}
.top-categories ul li a:hover {
    background: #e00a1a;
    color: #f7f7f7;
}
@media screen and (max-width: 800px) {
    .top-header {
        position: relative;
        left: 0;
        top: 0;
        height: auto;
    }
    .top-categories {
        position: relative;
    }
    .top-categories ul {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .top-categories ul li {
        display: inherit;
        -webkit-flex: 1 1 10em;
        -ms-flex: 1 1 10em;
        flex: 1 1 10em;
        margin: 0;
        border-bottom: 1px solid #999;
    }
}
.sponsoring {
    width: 100%;
    justify-content: center;
    position: relative;
    left: 0;
    bottom: 0;
    z-index: 4;
    padding-left: 15px;
    line-height: 30px;
    height: 35px;
    color: #fff;
    opacity: 0;
}
/* transition ist für den Farbwechsel */

.post-cover:hover .sponsoring {
    opacity: 1;
    transition: opacity 1s ease;
}
.FUJTISU {
    background-color: #e00a1a;
}
.NETAPP {
    background-color: #1e4a93;
}
.VMWARE {
    background-color: #63a33b;
}
.VMWARE {
    background-color: #0071c5;
}
.BROCADE {
    background-color: #0071c5;
}
li {
    margin-bottom: 10px;
    line-height: normal;
    font-size: 18px;
    color: #636768;
}
.content-wrapper li {
	line-height: 1.6em;
}
figure {
    margin-left: auto;
    margin-right: auto;
}
.wp-caption-text {
    font-family: 'Roboto', sans-serif;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 5px 11px;
    text-align: left;
    text-transform: none;
    color: #ffffff;
    font-weight: 400;
    margin: 0 !important;
}
.search-panel-toggle {
    float: right;
}
.medium-post {
    min-height: 540px;
}
@media (min-width: 768px) and (max-width: 965px) {
    .col-sm-6 {
        width: 100%;
    }
    .medium-post {
        min-height: 250px;
        padding-bottom: 30px;
    }
}
@media (max-width: 767px) {
    .medium-post {
        min-height: 350px;
    }
}
@media (min-width:992px) and (max-width: 1024px) {
    .medium-post {
        min-height: 430px;
    }
}
/* ----- GALLERY SUPPORT ----- */
/**
* 6.0 - Galleries
*/

.gallery {
    margin-bottom: 1.5em;
    /* hinzugefuegt vom DE temp */
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
}
.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
    /* hinzugefuegt vom DE temp */
    float: left;
    margin-top: 10px;
}
.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    display: inline-block;
}
.gallery-item img {
    border: 2px solid #cfcfcf;
}
.gallery-columns-2 .gallery-item {
    max-width: 50%;
}
.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
    max-width: 25%;
}
.gallery-columns-5 .gallery-item {
    max-width: 20%;
}
.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}
.gallery-caption {
    display: block;
    margin-left: 0;
}
@media (min-width: 1400px) {
    .post-content section .container {
        min-width: auto;
    }
}
/* ----- Print Stylesheet ----- */
@media print {
	.progress-block, .quote-block, .search-panel, header, .sidebar-wrapper, .post-categories, li.shariff-button, .tags, .comments-area-block, .social-section, .widgets-area {
		display: none;
	}
	
	footer, footer:before, footer:after {
		background: #262b2d;
	}
	footer .widgets-area {
		border-bottom: 0px;
	}
}
/* ----- Reading Time Formatierungen ----- */
.rt-reading-time {
	color: #636768;
	font-size: 18px;
	line-height: 1.6em;
	letter-spacing: 0.02em;
	margin-bottom: 0.5em;
	font-style: italic;
}
.page .rt-reading-time {
	display: none !important;
}
.medium-post {
  min-height:535px;
}