/*------------------------------------------------------------------
 __        __         __        ___ _                 
 \ \      / /__  ___  \ \      / (_) |___  ___  _ __  
  \ \ /\ / / _ \/ __|  \ \ /\ / /| | / __|/ _ \| '_ \ 
   \ V  V /  __/\__ \   \ V  V / | | \__ \ (_) | | | |
    \_/\_/ \___||___/    \_/\_/  |_|_|___/\___/|_| |_|

01010111 01100101 01110011  01010111 01101001 01101100 01110011 01101111 01101110 
-------------------------------------------------------------------*/

@import url("https://fonts.googleapis.com/css?family=Oswald:300,400,700");
@font-face {
    font-family: 'Montserrat extrabold';
    src: url(../fonts/Montserrat-ExtraBold.otf) format("opentype");
}

@font-face {
    font-family: 'Montserrat-Thin';
    src: url(../fonts/Montserrat-Thin.ttf) format("truetype");
}

html {
    margin-top: 0;
    overflow: -moz-scrollbars-vertical;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 100%;
    width: 100%;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.post-block .text h6 {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.s-back-switch {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.pagination .sm-wrap-post {
    background-color: black;
}

a:hover {
    text-decoration: none;
}

.overflow {
    overflow: hidden;
}

body {
    background-color: #F6F6F6;
}

span.wpcf7-not-valid-tip {
    margin-top: 10px;
    text-align: center;
}

div.wpcf7-validation-errors {
    border: none;
}

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

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

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

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

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

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: none;
    max-width: 96%;
    padding: 5px 6px 10px 7px;
    text-align: center;
    height: inherit;
}

.content.hentry img {
    max-width: 100%;
    height: auto;
    position: relative;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.gallery-caption,
.bypostauthor {
    position: relative;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.post-wrap ul li {
    color: #272727;
    line-height: 1.4;
}

.multipage .article ol,
.multipage .article ul {
    margin-left: 17px;
}

.multipage .article ol li,
.multipage .article ul li {
    margin-bottom: 3px;
    margin-top: 3px;
}

.post-wrap ol,
.post-wrap ul {
    margin-left: 17px;
    margin-bottom: 0;
}

.post-wrap ol li,
.post-wrap ul li {
    margin-bottom: 3px;
    margin-top: 3px;
}

.post-wrap ol ol,
.post-wrap ol ul,
.post-wrap ul ol,
.post-wrap ul ul {
    margin-left: 10px;
}

.pos-abs {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

.gallery {
    margin-left: -0.5em;
    margin-right: -0.5em;
}

.gallery:after {
    display: table;
    content: "";
    clear: both;
}

.gallery-item {
    margin: 0;
    float: left;
    padding: 0.5em;
    text-align: center;
    font-style: italic;
}

.gallery-item figcaption {
    text-align: center;
}

header.full .logo-wrap h1 {
    margin-top: 5px;
    font-size: 26px;
}

.error-page .element p,
.error-page .element h4,
.error-page .element strong,
.error-page .element a,
.error-page .element span {
    font-family: "Domino", sans-serif;
}

.error-page .element p.small {
    font-weight: 900;
}

.widget_nav_menu li a::before {
    content: none;
}

.widget_nav_menu li span {
    cursor: pointer;
}

.widget_nav_menu .sub-menu {
    margin-left: 10px;
    display: block;
}

.gallery-columns-1 .gallery-item {
    width: 100%;
    float: none;
}

.gallery-columns-2 .gallery-item {
    width: 50%;
}

.gallery-columns-3 .gallery-item {
    width: 33.3333%;
}

.gallery-columns-4 .gallery-item {
    width: 25%;
}

.gallery-columns-5 .gallery-item {
    width: 20%;
}

.gallery-columns-6 .gallery-item {
    width: 16.6667%;
}

.gallery-columns-7 .gallery-item {
    width: 14.2857%;
}

.gallery-columns-8 .gallery-item {
    width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    width: 11.1111%;
}

.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
    clear: left;
}

.container-masonry .gutter-sizer {
    width: 0;
}

.container-masonry figure {
    width: 33.333%;
}

span.button.active {
    border: none;
}

.post-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    background-size: cover;
    display: block;
}

.sticky:before {
    content: "\f0c6";
    position: absolute;
    background: #fff;
    z-index: 50;
    padding: 17px;
    font: normal normal normal 28px/1 FontAwesome;
    left: 0;
    top: 0;
}

.news-comments {
    padding-top: 30px;
}

.news-comments #respond {
    padding: 40px 40px 80px 40px;
}

.comments-list h3 {
    text-align: inherit;
}

.comment .comment {
    width: 95%;
    margin-left: 5%;
}

.comments-list blockquote p {
    color: #000;
}

.comments-list blockquote {
    padding: 20px;
    margin: auto;
    background-size: initial;
}

.news-comments table th,
.content.hentry table th {
    background: #F9F9F9;
    padding: 15px;
}

.news-comments table td,
.content.hentry table td {
    border-bottom: 1px solid #D5D5D5;
    padding: 15px;
}

.news-comments table,
.content.hentry table {
    width: 100%;
    margin: 40px 0;
}

.comment .content .text ol,
.comment .content .text ul {
    margin-left: 15px;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 0 0 110px;
    padding: 0 0 0.5em 0;
}

.comments-list ul,
.comments-list ol {
    list-style: initial;
    padding-left: 40px;
    margin: 20px 0;
}

abbr,
acronym {
    border-bottom: 1px dashed;
}

big {
    font-size: larger;
}

cite,
q,
var {
    font-family: Lora, Georgia, 'Times New Roman', Times, serif;
    font-style: italic;
}

.comments-list pre {
    padding: 30px;
}

sub {
    vertical-align: sub;
    font-size: smaller;
}

sup {
    vertical-align: super;
    font-size: smaller;
}

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

embed,
iframe {
    max-width: 100%;
}

h4.post-no-found {
    text-align: center;
}

.sub-title {
    font-size: 1.5em;
    margin-bottom: 50px;
}

.sidebar .widget_categories li ul li {
    margin: 0;
}

.sidebar .widget_categories ul li .children {
    margin-top: 2px;
}

.sidebar .search-form {
    position: relative;
}

.widget_pages li ul {
    margin-left: 10px;
}

.widget_nav_menu li .arrow {
    display: none;
}

.widget_nav_menu li ul li ul li ul li ul {
    margin-left: 0;
}

.post-block .text a h6 {
    margin-bottom: 0;
    padding-bottom: 10px;
}

#tertiary {
    position: fixed;
    top: 0;
    right: -320px;
    height: 100%;
    width: 320px;
    background: #2A2A2A;
    z-index: 5000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

#tertiary .widget-area {
    position: absolute;
    overflow-y: scroll;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 127px 43px 30px 30px;
    width: 338px;
    overflow-x: hidden;
    color: #fff;
}

#tertiary h5 {
    color: #fff;
}

#tertiary .element {
    border-bottom: 1px solid #474747;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

#wp-calendar {
    width: 100%;
}

#wp-calendar td,
#wp-calendar th {
    padding: 6px 0;
    text-align: center;
}

#wp-calendar thead {
    background: #414141;
}

#wp-calendar caption {
    padding-bottom: 15px;
}

#tertiary ul ul {
    margin: 5px 0 5px 20px;
}

.widget_rss ul li {
    margin-bottom: 20px;
}

#tertiary img,
#tertiary iframe {
    max-width: 100%;
}

#tertiary .wp-caption p {
    padding-top: 10px;
}

#tertiary .wp-caption {
    max-width: 100%;
    padding: 0;
    width: 100%;
    color: #000;
}

.show-sidebar.show-out {
    position: fixed;
    right: 0px;
    top: 35%;
    background: #2A2A2A;
    cursor: pointer;
    z-index: 5000;
}

.show-sidebar.show-in {
    text-align: right;
    margin-bottom: 20px;
    display: none;
}

.show-sidebar.show-out i {
    color: #fff;
    font-size: 1.5em;
    padding: 23px;
}

.error404 .section {
    padding: 100px 0;
    text-align: center;
}

.error404 .element .small {
    font-size: 3em;
}

figcaption {
    text-align: left;
    padding-left: 7px;
    padding-top: 5px;
}

.post-nav span:not(:first-child),
.post-nav a span {
    background-color: #1a1a1a;
    border: 1px solid #1a1a1a;
    color: #fff;
    display: inline-block;
    padding: 6px 9px;
    cursor: pointer;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.post-nav>span:not(:first-child),
.post-nav a:hover span {
    background-color: #fff;
    color: black;
}

.post-nav {
    display: block;
    margin-bottom: 20px;
}

.post-password-form label,
.search-f label {
    color: #686868;
    display: block;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    font-size: 13px;
    line-height: 1.6;
    margin-bottom: 1.75em;
    text-transform: uppercase;
}

.post-password-form input[type="search"],
.post-password-form input[type="password"],
.search-f input[type="search"],
.search-f input[type="password"] {
    margin-top: 7px;
    background: #f7f7f7;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    border: 1px solid #d1d1d1;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #686868;
    padding: 0.625em 0.4375em;
    width: 100%;
}

.post-password-form input[type="submit"],
.search-f input[type="submit"] {
    background: #1a1a1a;
    border: 0;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    font-weight: 700;
    letter-spacing: 0.046875em;
    line-height: 1;
    padding: 0.84375em 0.875em 0.78125em;
    text-transform: uppercase;
}

.comments {
    list-style: none;
}

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

.pages {
    text-align: center;
}

.pages span,
.pages a {
    background-color: #1a1a1a;
    border: 1px solid #1a1a1a;
    color: #fff;
    display: inline-block;
    padding: 6px 9px;
    cursor: pointer;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    margin-left: 2px;
    margin-right: 2px;
}

.pages span {
    background-color: #fff;
    color: black;
    border: 1px solid #1a1a1a;
}

.pages a:hover {
    background-color: #fff;
    color: black;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

.single-content li>ul,
.single-content li>ol {
    margin-left: 20px;
}

.social_icons {
    margin-left: 0;
}

header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9000;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition: transform 300ms ease;
    -webkit-transition: -webkit-transform 300ms ease;
    transition: -webkit-transform 300ms ease;
    transition: transform 300ms ease;
    transition: transform 300ms ease, -webkit-transform 300ms ease;
}

header>div.container {
    position: relative;
}

header>div.container .wes-top-menu {
    position: absolute;
    right: 0;
    top: 0;
}

.menu,
.menu ul {
    list-style: none;
}

.menu {
    margin-left: 0;
}

header.top {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

header.top .wes-top-menu {
    -webkit-: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.logo-wrap a:hover {
    color: white;
}

header.full>div.container {
    background-color: black;
    padding: 27px 40px 20px;
    display: table;
    vertical-align: middle;
    top: 0;
}

header.full>div.container .logo {
    padding-top: 0px;
}

header.full>div.container .wes-top-menu {
    display: table-cell;
    vertical-align: middle;
    float: none;
    padding: 0;
    text-align: right;
    position: relative;
    right: auto;
    padding-right: 28px;
}

header.full>div.container .wes-top-menu nav li {
    display: inline-block;
    margin-left: 12px;
    position: relative;
}

header.full>div.container .wes-top-menu nav ul {
    margin-bottom: 0;
}

header.full>div.container .wes-top-menu nav>ul>li::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 200%;
}

header.full>div.container .wes-top-menu .menu-item-has-children>a {
    padding-right: 15px;
}

header.full>div.container .wes-top-menu .topmenu {
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
}

header.full>div.container .wes-top-menu .topmenu a {
    font-size: 15px;
    font-weight: 400;
}

header.full>div.container .wes-top-menu .social_icons {
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
    margin-left: 4.6%;
}

header.full>div.container .wes-top-menu .social_icons li {
    margin-right: 0;
    margin-left: 14px;
}

header.full>div.container .wes-top-menu .hire_me {
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    margin-left: 2.5%;
}

header.full>div.container .logo-wrap {
    display: table-cell;
    vertical-align: middle;
}

header.full>div.container .sub-menu {
    position: absolute;
    background-color: black;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 8px 0;
    min-width: 130px;
    top: 200%;
    text-align: left;
    margin-left: 0;
    visibility: hidden;
    opacity: 0;
}

header.full>div.container .sub-menu .sub-menu {
    left: 100%;
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

header.full>div.container .sub-menu li {
    padding: 3px 15px;
    margin-left: 0;
    display: block;
}

header.full>div.container .sub-menu li a {
    text-align: left;
}

header.full>div.container li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
}

.logo-wrap a {
    color: #fff;
    text-decoration: none;
    font-family: "Montserrat extrabold", sans-serif;
}

.wes-top-menu {
    float: right;
    background-color: black;
    color: #fff;
    padding: 40px 47px 47px;
    min-width: 300px;
}

.topmenu li a {
    font-size: 18px;
    font-family: "Montserrat", sans-serif;
    color: white;
    font-weight: 400;
    line-height: 1.9;
    text-align: right;
    position: relative;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    cursor: pointer;
}

.menu-item-has-children {
    position: relative;
}

.menu-item-has-children>a {
    padding-right: 25px;
}

.menu-item-has-children>span {
    font-size: inherit;
    position: relative;
    top: 0px;
    font-size: inherit;
}

.logo {
    float: left;
    padding-top: 24px;
}

.hire_me a {
    color: #fff;
    position: relative;
    font-size: 12px;
    letter-spacing: 1px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.hire_me a::before {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0px;
    width: 15px;
    height: 1px;
    background-color: #fff;
}

.hire_me a:hover {
    text-decoration: none;
    opacity: .7;
}

.display {
    display: block;
}

.wes-top-menu nav {
    margin: 0px auto 22px;
    position: relative;
    z-index: 1000;
}

.wes-top-menu nav li {
    margin-bottom: 2px;
}

.wes-top-menu nav li:hover>.sub-menu {
    opacity: 1;
}

.wes-top-menu nav li.active>a,
.wes-top-menu nav li:hover>a {
    opacity: .7;
}

.no-menu {
    position: relative;
    top: 0;
    display: block;
    z-index: 1000;
    float: none;
    margin-bottom: 10px;
}

.no-menu a {
    color: white;
    text-decoration: underline;
}

.sub-menu {
    display: none;
    margin-left: 10px;
}

.sub-menu>li>a {
    font-size: 17px;
}

.sub-menu .sub-menu>li>a {
    font-size: 15px;
}

.social_icons {
    margin-bottom: 24px;
}

.social_icons li {
    display: inline-block;
    margin-right: 15px;
}

.social_icons li a {
    color: #fff;
    font-size: 13px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.social_icons li a:hover {
    opacity: .7;
    text-decoration: none;
}

.nav-button {
    display: none;
    cursor: pointer;
    height: 18px;
    vertical-align: middle;
}

.nav-button i {
    position: relative;
    width: 23px;
    height: 2px;
    float: right;
    display: block;
    background-color: white;
}

.nav-button i::before,
.nav-button i::after {
    content: '';
    position: absolute;
    width: 23px;
    display: block;
    height: 2px;
    background-color: white;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.nav-button i::before {
    top: 6px;
}

.nav-button i::after {
    bottom: 6px;
}

.nav-button.active i {
    background-color: transparent;
}

.nav-button.active i::before {
    top: -2px;
    -webkit-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.nav-button.active i::after {
    bottom: 2px;
    -webkit-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
}

@media only screen and (max-width: 991px) {
    header.full>div.container .logo {
        padding-top: 0px;
    }
    header.full>div.container {
        position: relative;
        width: 100%;
    }
    header.full>div.container .wes-top-menu {
        padding-right: 0;
        padding-left: 0;
    }
    header.full>div.container .wes-top-menu nav li {
        display: block;
        margin-bottom: 15px;
        margin-left: 0;
        padding-right: 15px;
        padding-left: 15px;
        text-align: center;
    }
    header.full>div.container .wes-top-menu nav li a {
        font-size: 17px;
    }
    header.full>div.container .wes-top-menu nav li .sub-menu li a {
        font-size: 13px;
        line-height: 20px;
    }
    header.full>div.container .wes-top-menu nav li.menu-item-has-children>a {
        padding-right: 0;
    }
    header.full>div.container .wes-top-menu nav li.menu-item-has-children>a::before {
        right: -25px;
    }
    header.full>div.container .sub-menu {
        visibility: visible;
        opacity: 1;
        display: none;
        position: relative;
        top: auto;
        left: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        padding-bottom: 0;
    }
    header.full>div.container .sub-menu li {
        margin-bottom: 0;
    }
    header.full>div.container .wes-top-menu {
        position: absolute;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        top: 0;
        left: 0;
        height: 100vh;
        overflow-y: auto;
        width: 100%;
        -webkit-transition: transform 300ms ease;
        -webkit-transition: -webkit-transform 300ms ease;
        transition: -webkit-transform 300ms ease;
        transition: transform 300ms ease;
        transition: transform 300ms ease, -webkit-transform 300ms ease;
        display: block;
        z-index: -1;
        text-align: left;
        padding-bottom: 100px;
        padding-top: 5px;
    }
    header.full>div.container .wes-top-menu .topmenu {
        display: block;
        padding-bottom: 13px;
    }
    header.full>div.container .wes-top-menu .social_icons {
        display: block;
        margin-left: 0;
        margin-bottom: 10px;
        text-align: center;
    }
    header.full>div.container .wes-top-menu .social_icons li {
        margin-left: 6px;
        margin-right: 6px;
    }
    header.full>div.container .wes-top-menu .hire_me {
        margin-left: 0;
        display: block;
        text-align: center;
        margin-top: 15px;
    }
    header.full.active>div.container .wes-top-menu {
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
    }
    .nav-button {
        display: table-cell;
        vertical-align: middle;
    }
    .single-content {
        margin-bottom: 170px;
    }
}

@media only screen and (min-width: 768px) {
    .no-padding-lg {
        padding: 0;
    }
}

@media only screen and (max-width: 767px) {
    header.full>div.container {
        padding: 27px 15px 20px;
    }
}

.preload-wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 9999;
}

.a-preload {
    left: 50%;
    top: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%) matrix(1, 0, 0, 1, 0, 0);
    -ms-transform: translate(-50%, -50%) matrix(1, 0, 0, 1, 0, 0);
    transform: translate(-50%, -50%) matrix(1, 0, 0, 1, 0, 0);
}

.cssload-preloader {
    position: absolute;
    left: 50%;
    font-size: 19px;
    display: block;
    width: 3.75em;
    height: 4.25em;
    margin-left: -1.875em;
    margin-top: -2.125em;
    transform-origin: center center;
    -o-transform-origin: center center;
    -ms-transform-origin: center center;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    transform: rotateY(180deg) rotateZ(-60deg);
    -o-transform: rotateY(180deg) rotateZ(-60deg);
    -ms-transform: rotateY(180deg) rotateZ(-60deg);
    -webkit-transform: rotateY(180deg) rotateZ(-60deg);
    -moz-transform: rotateY(180deg) rotateZ(-60deg);
}

.cssload-preloader .cssload-slice {
    border-top: 1.125em solid transparent;
    border-right: none;
    border-bottom: 1em solid transparent;
    border-left: 1.875em solid #3399ff;
    position: absolute;
    top: 0px;
    left: 50%;
    transform-origin: left bottom;
    -o-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.cssload-preloader .cssload-slice:nth-child(1) {
    transform: rotateZ(60deg) rotateY(0deg) rotateX(0);
    -o-transform: rotateZ(60deg) rotateY(0deg) rotateX(0);
    -ms-transform: rotateZ(60deg) rotateY(0deg) rotateX(0);
    -webkit-transform: rotateZ(60deg) rotateY(0deg) rotateX(0);
    -moz-transform: rotateZ(60deg) rotateY(0deg) rotateX(0);
    animation: 0.17s linear 0.94s preload-hide-1 both 1;
    -o-animation: 0.17s linear 0.94s preload-hide-1 both 1;
    -ms-animation: 0.17s linear 0.94s preload-hide-1 both 1;
    -webkit-animation: 0.17s linear 0.94s preload-hide-1 both 1;
    -moz-animation: 0.17s linear 0.94s preload-hide-1 both 1;
}

.cssload-preloader .cssload-slice:nth-child(2) {
    transform: rotateZ(120deg) rotateY(0deg) rotateX(0);
    -o-transform: rotateZ(120deg) rotateY(0deg) rotateX(0);
    -ms-transform: rotateZ(120deg) rotateY(0deg) rotateX(0);
    -webkit-transform: rotateZ(120deg) rotateY(0deg) rotateX(0);
    -moz-transform: rotateZ(120deg) rotateY(0deg) rotateX(0);
    animation: 0.17s linear 0.85s preload-hide-2 both 1;
    -o-animation: 0.17s linear 0.85s preload-hide-2 both 1;
    -ms-animation: 0.17s linear 0.85s preload-hide-2 both 1;
    -webkit-animation: 0.17s linear 0.85s preload-hide-2 both 1;
    -moz-animation: 0.17s linear 0.85s preload-hide-2 both 1;
}

.cssload-preloader .cssload-slice:nth-child(3) {
    transform: rotateZ(180deg) rotateY(0deg) rotateX(0);
    -o-transform: rotateZ(180deg) rotateY(0deg) rotateX(0);
    -ms-transform: rotateZ(180deg) rotateY(0deg) rotateX(0);
    -webkit-transform: rotateZ(180deg) rotateY(0deg) rotateX(0);
    -moz-transform: rotateZ(180deg) rotateY(0deg) rotateX(0);
    animation: 0.17s linear 0.76s preload-hide-3 both 1;
    -o-animation: 0.17s linear 0.76s preload-hide-3 both 1;
    -ms-animation: 0.17s linear 0.76s preload-hide-3 both 1;
    -webkit-animation: 0.17s linear 0.76s preload-hide-3 both 1;
    -moz-animation: 0.17s linear 0.76s preload-hide-3 both 1;
}

.cssload-preloader .cssload-slice:nth-child(4) {
    transform: rotateZ(240deg) rotateY(0deg) rotateX(0);
    -o-transform: rotateZ(240deg) rotateY(0deg) rotateX(0);
    -ms-transform: rotateZ(240deg) rotateY(0deg) rotateX(0);
    -webkit-transform: rotateZ(240deg) rotateY(0deg) rotateX(0);
    -moz-transform: rotateZ(240deg) rotateY(0deg) rotateX(0);
    animation: 0.17s linear 0.67s preload-hide-4 both 1;
    -o-animation: 0.17s linear 0.67s preload-hide-4 both 1;
    -ms-animation: 0.17s linear 0.67s preload-hide-4 both 1;
    -webkit-animation: 0.17s linear 0.67s preload-hide-4 both 1;
    -moz-animation: 0.17s linear 0.67s preload-hide-4 both 1;
}

.cssload-preloader .cssload-slice:nth-child(5) {
    transform: rotateZ(300deg) rotateY(0deg) rotateX(0);
    -o-transform: rotateZ(300deg) rotateY(0deg) rotateX(0);
    -ms-transform: rotateZ(300deg) rotateY(0deg) rotateX(0);
    -webkit-transform: rotateZ(300deg) rotateY(0deg) rotateX(0);
    -moz-transform: rotateZ(300deg) rotateY(0deg) rotateX(0);
    animation: 0.17s linear 0.58s preload-hide-5 both 1;
    -o-animation: 0.17s linear 0.58s preload-hide-5 both 1;
    -ms-animation: 0.17s linear 0.58s preload-hide-5 both 1;
    -webkit-animation: 0.17s linear 0.58s preload-hide-5 both 1;
    -moz-animation: 0.17s linear 0.58s preload-hide-5 both 1;
}

.cssload-preloader .cssload-slice:nth-child(6) {
    transform: rotateZ(360deg) rotateY(0deg) rotateX(0);
    -o-transform: rotateZ(360deg) rotateY(0deg) rotateX(0);
    -ms-transform: rotateZ(360deg) rotateY(0deg) rotateX(0);
    -webkit-transform: rotateZ(360deg) rotateY(0deg) rotateX(0);
    -moz-transform: rotateZ(360deg) rotateY(0deg) rotateX(0);
    animation: 0.17s linear 0.48s preload-hide-6 both 1;
    -o-animation: 0.17s linear 0.48s preload-hide-6 both 1;
    -ms-animation: 0.17s linear 0.48s preload-hide-6 both 1;
    -webkit-animation: 0.17s linear 0.48s preload-hide-6 both 1;
    -moz-animation: 0.17s linear 0.48s preload-hide-6 both 1;
}

.cssload-preloader.cssload-loading {
    animation: 2.3s preload-flip steps(2) infinite both;
    -o-animation: 2.3s preload-flip steps(2) infinite both;
    -ms-animation: 2.3s preload-flip steps(2) infinite both;
    -webkit-animation: 2.3s preload-flip steps(2) infinite both;
    -moz-animation: 2.3s preload-flip steps(2) infinite both;
}

.cssload-preloader.cssload-loading .cssload-slice:nth-child(1) {
    transform: rotateZ(60deg) rotateY(90deg) rotateX(0);
    -o-transform: rotateZ(60deg) rotateY(90deg) rotateX(0);
    -ms-transform: rotateZ(60deg) rotateY(90deg) rotateX(0);
    -webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0);
    -moz-transform: rotateZ(60deg) rotateY(90deg) rotateX(0);
    animation: 2.3s preload-cycle-1 linear infinite both;
    -o-animation: 2.3s preload-cycle-1 linear infinite both;
    -ms-animation: 2.3s preload-cycle-1 linear infinite both;
    -webkit-animation: 2.3s preload-cycle-1 linear infinite both;
    -moz-animation: 2.3s preload-cycle-1 linear infinite both;
}

.cssload-preloader.cssload-loading .cssload-slice:nth-child(2) {
    transform: rotateZ(120deg) rotateY(90deg) rotateX(0);
    -o-transform: rotateZ(120deg) rotateY(90deg) rotateX(0);
    -ms-transform: rotateZ(120deg) rotateY(90deg) rotateX(0);
    -webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0);
    -moz-transform: rotateZ(120deg) rotateY(90deg) rotateX(0);
    animation: 2.3s preload-cycle-2 linear infinite both;
    -o-animation: 2.3s preload-cycle-2 linear infinite both;
    -ms-animation: 2.3s preload-cycle-2 linear infinite both;
    -webkit-animation: 2.3s preload-cycle-2 linear infinite both;
    -moz-animation: 2.3s preload-cycle-2 linear infinite both;
}

.cssload-preloader.cssload-loading .cssload-slice:nth-child(3) {
    transform: rotateZ(180deg) rotateY(90deg) rotateX(0);
    -o-transform: rotateZ(180deg) rotateY(90deg) rotateX(0);
    -ms-transform: rotateZ(180deg) rotateY(90deg) rotateX(0);
    -webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0);
    -moz-transform: rotateZ(180deg) rotateY(90deg) rotateX(0);
    animation: 2.3s preload-cycle-3 linear infinite both;
    -o-animation: 2.3s preload-cycle-3 linear infinite both;
    -ms-animation: 2.3s preload-cycle-3 linear infinite both;
    -webkit-animation: 2.3s preload-cycle-3 linear infinite both;
    -moz-animation: 2.3s preload-cycle-3 linear infinite both;
}

.cssload-preloader.cssload-loading .cssload-slice:nth-child(4) {
    transform: rotateZ(240deg) rotateY(90deg) rotateX(0);
    -o-transform: rotateZ(240deg) rotateY(90deg) rotateX(0);
    -ms-transform: rotateZ(240deg) rotateY(90deg) rotateX(0);
    -webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0);
    -moz-transform: rotateZ(240deg) rotateY(90deg) rotateX(0);
    animation: 2.3s preload-cycle-4 linear infinite both;
    -o-animation: 2.3s preload-cycle-4 linear infinite both;
    -ms-animation: 2.3s preload-cycle-4 linear infinite both;
    -webkit-animation: 2.3s preload-cycle-4 linear infinite both;
    -moz-animation: 2.3s preload-cycle-4 linear infinite both;
}

.cssload-preloader.cssload-loading .cssload-slice:nth-child(5) {
    transform: rotateZ(300deg) rotateY(90deg) rotateX(0);
    -o-transform: rotateZ(300deg) rotateY(90deg) rotateX(0);
    -ms-transform: rotateZ(300deg) rotateY(90deg) rotateX(0);
    -webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0);
    -moz-transform: rotateZ(300deg) rotateY(90deg) rotateX(0);
    animation: 2.3s preload-cycle-5 linear infinite both;
    -o-animation: 2.3s preload-cycle-5 linear infinite both;
    -ms-animation: 2.3s preload-cycle-5 linear infinite both;
    -webkit-animation: 2.3s preload-cycle-5 linear infinite both;
    -moz-animation: 2.3s preload-cycle-5 linear infinite both;
}

.cssload-preloader.cssload-loading .cssload-slice:nth-child(6) {
    transform: rotateZ(360deg) rotateY(90deg) rotateX(0);
    -o-transform: rotateZ(360deg) rotateY(90deg) rotateX(0);
    -ms-transform: rotateZ(360deg) rotateY(90deg) rotateX(0);
    -webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0);
    -moz-transform: rotateZ(360deg) rotateY(90deg) rotateX(0);
    animation: 2.3s preload-cycle-6 linear infinite both;
    -o-animation: 2.3s preload-cycle-6 linear infinite both;
    -ms-animation: 2.3s preload-cycle-6 linear infinite both;
    -webkit-animation: 2.3s preload-cycle-6 linear infinite both;
    -moz-animation: 2.3s preload-cycle-6 linear infinite both;
}

@keyframes preload-show-1 {
    from {
        -webkit-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
        transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #3399ff;
    }
}

@-webkit-keyframes preload-show-1 {
    from {
        -webkit-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #3399ff;
    }
}

@keyframes preload-hide-1 {
    to {
        -webkit-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
        transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #3399ff;
    }
}

@-webkit-keyframes preload-hide-1 {
    to {
        -webkit-transform: rotateZ(60deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #3399ff;
    }
}

@keyframes preload-cycle-1 {
    5% {
        -webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
        transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #3399ff;
    }
    10%,
    75% {
        -webkit-transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
        transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
        border-left-color: #3399ff;
    }
    80%,
    100% {
        -webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
        transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #3399ff;
    }
}

@-webkit-keyframes preload-cycle-1 {
    5% {
        -webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #3399ff;
    }
    10%,
    75% {
        -webkit-transform: rotateZ(60deg) rotateY(0) rotateX(0deg);
        border-left-color: #3399ff;
    }
    80%,
    100% {
        -webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #3399ff;
    }
}

@keyframes preload-show-2 {
    from {
        -webkit-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
        transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #3399ff;
    }
}

@-webkit-keyframes preload-show-2 {
    from {
        -webkit-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #3399ff;
    }
}

@keyframes preload-hide-2 {
    to {
        -webkit-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
        transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #3399ff;
    }
}

@-webkit-keyframes preload-hide-2 {
    to {
        -webkit-transform: rotateZ(120deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #3399ff;
    }
}

@keyframes preload-cycle-2 {
    10% {
        -webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
        transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #3399ff;
    }
    15%,
    70% {
        -webkit-transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
        transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
        border-left-color: #3399ff;
    }
    75%,
    100% {
        -webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
        transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #3399ff;
    }
}

@-webkit-keyframes preload-cycle-2 {
    10% {
        -webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #3399ff;
    }
    15%,
    70% {
        -webkit-transform: rotateZ(120deg) rotateY(0) rotateX(0deg);
        border-left-color: #3399ff;
    }
    75%,
    100% {
        -webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #3399ff;
    }
}

@keyframes preload-show-3 {
    from {
        -webkit-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
        transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #3399ff;
    }
}

@-webkit-keyframes preload-show-3 {
    from {
        -webkit-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #3399ff;
    }
}

@keyframes preload-hide-3 {
    to {
        -webkit-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
        transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #3399ff;
    }
}

@-webkit-keyframes preload-hide-3 {
    to {
        -webkit-transform: rotateZ(180deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #3399ff;
    }
}

@keyframes preload-cycle-3 {
    15% {
        -webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
        transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #3399ff;
    }
    20%,
    65% {
        -webkit-transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
        transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
        border-left-color: #3399ff;
    }
    70%,
    100% {
        -webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
        transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #3399ff;
    }
}

@-webkit-keyframes preload-cycle-3 {
    15% {
        -webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #3399ff;
    }
    20%,
    65% {
        -webkit-transform: rotateZ(180deg) rotateY(0) rotateX(0deg);
        border-left-color: #3399ff;
    }
    70%,
    100% {
        -webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #3399ff;
    }
}

@keyframes preload-show-4 {
    from {
        -webkit-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
        transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #3399ff;
    }
}

@-webkit-keyframes preload-show-4 {
    from {
        -webkit-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #3399ff;
    }
}

@keyframes preload-hide-4 {
    to {
        -webkit-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
        transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #3399ff;
    }
}

@-webkit-keyframes preload-hide-4 {
    to {
        -webkit-transform: rotateZ(240deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #3399ff;
    }
}

@keyframes preload-cycle-4 {
    20% {
        -webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
        transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #3399ff;
    }
    25%,
    60% {
        -webkit-transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
        transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
        border-left-color: #3399ff;
    }
    65%,
    100% {
        -webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
        transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #3399ff;
    }
}

@-webkit-keyframes preload-cycle-4 {
    20% {
        -webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #3399ff;
    }
    25%,
    60% {
        -webkit-transform: rotateZ(240deg) rotateY(0) rotateX(0deg);
        border-left-color: #3399ff;
    }
    65%,
    100% {
        -webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #3399ff;
    }
}

@keyframes preload-show-5 {
    from {
        -webkit-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
        transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #3399ff;
    }
}

@-webkit-keyframes preload-show-5 {
    from {
        -webkit-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #3399ff;
    }
}

@keyframes preload-hide-5 {
    to {
        -webkit-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
        transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #3399ff;
    }
}

@-webkit-keyframes preload-hide-5 {
    to {
        -webkit-transform: rotateZ(300deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #3399ff;
    }
}

@keyframes preload-cycle-5 {
    25% {
        -webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
        transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #3399ff;
    }
    30%,
    55% {
        -webkit-transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
        transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
        border-left-color: #3399ff;
    }
    60%,
    100% {
        -webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
        transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #3399ff;
    }
}

@-webkit-keyframes preload-cycle-5 {
    25% {
        -webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #3399ff;
    }
    30%,
    55% {
        -webkit-transform: rotateZ(300deg) rotateY(0) rotateX(0deg);
        border-left-color: #3399ff;
    }
    60%,
    100% {
        -webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #3399ff;
    }
}

@keyframes preload-show-6 {
    from {
        -webkit-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
        transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #3399ff;
    }
}

@-webkit-keyframes preload-show-6 {
    from {
        -webkit-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #3399ff;
    }
}

@keyframes preload-hide-6 {
    to {
        -webkit-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
        transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #3399ff;
    }
}

@-webkit-keyframes preload-hide-6 {
    to {
        -webkit-transform: rotateZ(360deg) rotateY(-90deg) rotateX(0deg);
        border-left-color: #3399ff;
    }
}

@keyframes preload-cycle-6 {
    30% {
        -webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
        transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #3399ff;
    }
    35%,
    50% {
        -webkit-transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
        transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
        border-left-color: #3399ff;
    }
    55%,
    100% {
        -webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
        transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #3399ff;
    }
}

@-webkit-keyframes preload-cycle-6 {
    30% {
        -webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #3399ff;
    }
    35%,
    50% {
        -webkit-transform: rotateZ(360deg) rotateY(0) rotateX(0deg);
        border-left-color: #3399ff;
    }
    55%,
    100% {
        -webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0deg);
        border-left-color: #3399ff;
    }
}

@keyframes preload-flip {
    0% {
        -webkit-transform: rotateY(0deg) rotateZ(-60deg);
        transform: rotateY(0deg) rotateZ(-60deg);
    }
    100% {
        -webkit-transform: rotateY(360deg) rotateZ(-60deg);
        transform: rotateY(360deg) rotateZ(-60deg);
    }
}

@-webkit-keyframes preload-flip {
    0% {
        -webkit-transform: rotateY(0deg) rotateZ(-60deg);
    }
    100% {
        -webkit-transform: rotateY(360deg) rotateZ(-60deg);
    }
}

.autoheight {
    height: auto;
}

.blog .banner-overlay,
.post-banner .banner-overlay {
    z-index: 18;
}

.banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}

.banner-wrap .banner {
    min-height: 710px;
    padding-bottom: 250px;
}

.banner-wrap .banner .relative {
    min-height: inherit;
}

.banner-wrap .info {
    margin-top: 169px;
    max-width: 778px;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    opacity: 0;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

.banner-wrap .info.active {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    opacity: 1;
}

.banner-wrap .info .title {
    font-size: 80px;
    font-family: "Montserrat extrabold", sans-serif;
    color: white;
    line-height: 1;
    font-weight: bold;
    letter-spacing: .5px;
    padding-left: 2px;
}

.banner-wrap .info .subtitle {
    margin-top: 22px;
    font-size: 14px;
    font-family: "Oswald", sans-serif;
    color: #fff;
    opacity: .6;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: .3px;
}

.about {
    margin-top: -220px;
    width: 100%;
    display: table;
    table-layout: fixed;
}

.about .content {
    width: 75%;
    display: table-cell;
    float: none;
    margin-bottom: 120px;
    position: relative;
}

.about .img-wrapper {
    padding-right: 70px;
    padding-left: 70px;
    position: absolute;
    width: 100%;
    top: -218px;
}

.about .img-wrap {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 370px;
    width: 100%;
}

.about .text {
    padding: 186px 70px 70px;
    background-color: #fff;
}

.about .text .title {
    font-size: 20px;
    font-family: "Oswald", sans-serif;
    color: #272727;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 16px;
}

.about .text .descr {
    font-size: 14px;
    font-family: "Domine", sans-serif;
    color: #acacac;
    line-height: 22px;
    letter-spacing: -.05px;
}

.about .text .descr p {
    margin-bottom: 6px;
}

.about .text .button {
    margin-left: 2px;
    margin-top: 2px;
    padding: 12px 40px;
}

.about .text .button.button_yellow {
    background: #3399ff;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(255, 204, 0, 0.5);
    box-shadow: 0px 10px 20px 0px rgba(255, 204, 0, 0.5);
}

.about .text .button.button_violet {
    background: #e50186;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(244, 23, 143, 0.5);
    box-shadow: 0px 10px 20px 0px rgba(244, 23, 143, 0.5);
}

.playlist p:empty {
    display: none;
}

.cue-playlist .cue-track {
    background-color: #13102F;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.cue-playlist .cue-track.is-current,
.cue-playlist .cue-track:hover {
    background-color: #252440;
}

.cue-playlist .cue-track {
    position: relative;
    padding-left: 50px;
}

.cue-playlist .cue-track::before {
    content: "\f04b";
    color: white;
    font-size: 10px;
    font-family: "FontAwesome";
    position: absolute;
    left: 18px;
    top: 50%;
    padding: 10px 11px;
    border: 1px solid #fff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.cue-skin-default.mejs-container .mejs-controls .mejs-time span {
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    opacity: .5;
    font-weight: bold;
}

.cue-skin-default.mejs-container .mejs-controls .mejs-time .mejs-time-separator {
    padding: 0;
}

.cue-playlist .cue-track .cue-track-length {
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    opacity: .5;
    font-weight: bold;
}

.cue-playlist .cue-track.is-current::before {
    content: "\f04c";
    color: white;
    font-family: "FontAwesome";
    font-size: 10px;
    padding: 10px 11px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.cue-skin-default.mejs-container .mejs-controls .mejs-volume-button {
    margin-right: 0;
}

.cue-skin-default.mejs-container .mejs-controls .mejs-time-rail {
    height: 8px;
}

.cue-skin-default.mejs-container .mejs-controls .mejs-horizontal-volume-slider {
    width: 130px;
}

.cue-skin-default.mejs-container .mejs-controls .mejs-volume-button button {
    height: 15px;
    width: 15px;
}

.cue-skin-default.mejs-container .mejs-track-details .mejs-track-artist {
    font-size: 20px;
    font-family: "Oswald", sans-serif;
    color: #fff;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: .1px;
    margin-top: 10px;
    margin-bottom: 5px;
}

.cue-playlist .cue-track .cue-track-details {
    padding: 13px 20px 17px;
}

.cue-skin-default.mejs-container .mejs-track-details {
    margin-bottom: 40px;
}

.cue-skin-default.mejs-container .mejs-track-details .mejs-track-title {
    font-size: 14px;
    font-family: "Domine", sans-serif;
    opacity: .7;
    line-height: 1.5;
    font-weight: 300;
    letter-spacing: .1px;
}

.cue-skin-default.mejs-container .mejs-controls .mejs-next-button button,
.cue-skin-default.mejs-container .mejs-controls .mejs-previous-button button {
    opacity: 0;
}

.cue-skin-default.mejs-container .mejs-controls .mejs-next-button {
    position: relative;
    opacity: 1;
    margin-right: 25px;
}

.cue-skin-default.mejs-container .mejs-controls .mejs-next-button::before,
.cue-skin-default.mejs-container .mejs-controls .mejs-next-button::after {
    content: "\f0da";
    font-family: "FontAwesome";
    position: absolute;
    top: 50%;
    font-size: 19px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    color: white;
}

.cue-skin-default.mejs-container .mejs-controls .mejs-next-button::after {
    left: 6px;
}

.cue-skin-default.mejs-container .mejs-track-artwork {
    height: 140px;
    width: 140px;
    margin: 15px 30px 70px 15px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.cue-skin-default.mejs-container .mejs-controls .mejs-playpause-button {
    position: relative;
    top: -8px;
    left: -3px;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #272727;
    height: 40px;
    width: 40px;
    margin-right: 15px;
}

.cue-skin-default.mejs-container .mejs-controls .mejs-playpause-button::before {
    content: "\f04b";
    color: #272727;
    font-size: 13px;
    font-family: "FontAwesome";
    top: 50%;
    left: 54%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.cue-skin-default.mejs-container .mejs-controls .mejs-playpause-button button {
    display: none;
}

.cue-playlist-container.responsive .cue-skin-default.mejs-container .mejs-track-artwork {
    display: none;
}

.cue-playlist-container.responsive .cue-skin-default.mejs-container .mejs-track-details {
    text-align: center;
}

.cue-playlist-container.responsive .cue-skin-default.mejs-container .mejs-track-details .mejs-track-artist {
    margin-right: auto;
}

.cue-playlist-container.responsive .cue-skin-default.mejs-container .mejs-controls .mejs-previous-button {
    margin-left: 37.5%;
}

.cue-playlist-container.responsive .cue-skin-default.mejs-container {
    padding-bottom: 60px;
}

.cue-playlist-container.responsive .cue-skin-default.mejs-container .mejs-controls .mejs-time {
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.cue-playlist-container.responsive .cue-skin-default.mejs-container .mejs-controls .mejs-time {
    margin-right: 10px;
}

.cue-playlist-container.responsivemob .cue-playlist.max-width-380 .cue-skin-default.mejs-container {
    padding-bottom: 115%;
}

.cue-playlist-container.responsivemob .cue-playlist.max-width-380 .cue-skin-default.mejs-container .mejs-track-details {
    bottom: 60px;
}

.cue-playlist-container.responsivemob .cue-skin-default.mejs-container .mejs-controls .mejs-time-rail {
    bottom: 22px;
}

.cue-playlist-container.responsivemob .cue-playlist.max-width-380 .cue-skin-default.mejs-container .mejs-track-artwork {
    margin: 0;
    height: 100%;
    width: 100%;
}

.cue-playlist-container.responsivemob .cue-playlist.max-width-380 .cue-skin-default.mejs-container .mejs-controls .mejs-next-button,
.cue-playlist-container.responsivemob .cue-playlist.max-width-380 .cue-skin-default.mejs-container .mejs-controls .mejs-previous-button {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: transparent;
}

.cue-playlist-container.responsivemob .cue-playlist.max-width-380 .cue-skin-default.mejs-container .mejs-controls .mejs-playpause-button {
    margin: 0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 33%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.cue-playlist-container.responsivemob .cue-playlist.max-width-380 .cue-skin-defau lt.mejs-container .mejs-controls .mejs-next-button,
.cue-playlist-container.responsivemob .cue-playlist.max-width-380 .cue-skin-default.mejs-container .mejs-controls .mejs-previous-button,
.cue-playlist-container.responsivemob .cue-playlist.max-width-380 .cue-skin-default.mejs-container .mejs-controls .mejs-next-button {
    top: 33%;
}

.cue-playlist-container.responsivemob .cue-playlist.max-width-380 .cue-skin-default.mejs-container .mejs-controls .mejs-previous-button {
    margin-left: -100px;
}

.cue-playlist-container.responsivemob .cue-playlist.max-width-380 .cue-skin-default.mejs-container .mejs-controls .mejs-next-button {
    margin-left: 65px;
}

.cue-playlist-container.responsivemob .cue-playlist.max-width-300 .cue-skin-default.mejs-container .mejs-track-details {
    display: block;
}

.cue-playlist-container.responsivemob .cue-skin-default.mejs-container .mejs-controls .mejs-time {
    bottom: 40px;
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.cue-playlist-container.responsivemob .cue-skin-default.mejs-container .mejs-controls .mejs-playpause-button {
    height: 70px;
    width: 70px;
}

.cue-playlist-container.responsivemob .cue-skin-default.mejs-container .mejs-controls .mejs-previous-button::before,
.cue-playlist-container.responsivemob .cue-skin-default.mejs-container .mejs-controls .mejs-previous-button::after,
.cue-playlist-container.responsivemob .cue-skin-default.mejs-container .mejs-controls .mejs-next-button::before,
.cue-playlist-container.responsivemob .cue-skin-default.mejs-container .mejs-controls .mejs-next-button::after {
    font-size: 35px;
}

.cue-playlist-container.responsivemob .cue-skin-default.mejs-container .mejs-controls .mejs-previous-button::after {
    right: 10px;
}

.cue-playlist-container.responsivemob .cue-skin-default.mejs-container .mejs-controls .mejs-next-button::after {
    left: 10px;
}

.cue-playlist-container.responsivemob .cue-skin-default.mejs-container .mejs-controls .mejs-playpause-button::before {
    font-size: 25px;
}

.cue-playlist-container.responsivemob .cue-playlist .cue-tracks {
    display: none;
}

@media only screen and (min-width: 600px) {
    .cue-tracks {
        max-height: 460px;
    }
}

.cue-playlist .cue-track .cue-track-details .cue-track-title {
    font-size: 14px;
    font-family: "Oswald", sans-serif;
    font-weight: 700;
    margin-top: 3px;
    letter-spacing: .1px;
    margin-bottom: 6px;
}

.cue-skin-default.mejs-container .mejs-controls .mejs-playpause-button.mejs-pause::before {
    content: "\f04c";
    color: #272727;
    font-family: "FontAwesome";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.cue-playlist .cue-track .cue-track-details .cue-track-artist {
    font-size: 10px;
    font-family: "Domine", sans-serif;
    opacity: .7;
}

.cue-skin-default.mejs-container .mejs-controls .mejs-playpause-button.mejs-pause button {
    display: none;
}

.cue-skin-default.mejs-container .mejs-controls .mejs-previous-button {
    opacity: 1;
}

.cue-skin-default.mejs-container .mejs-controls .mejs-previous-button::before,
.cue-skin-default.mejs-container .mejs-controls .mejs-previous-button::after {
    content: "\f0d9";
    font-family: "FontAwesome";
    position: absolute;
    top: 50%;
    font-size: 19px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    color: white;
}

.cue-skin-default.mejs-container .mejs-controls .mejs-previous-button::after {
    right: 6px;
}

.cue-skin-default.mejs-container .mejs-controls .mejs-volume-button {
    top: 1px;
}

.cue-skin-default.mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.cue-skin-default.mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    height: 4px;
}

.cue-skin-default.mejs-container .mejs-controls .mejs-time-rail {
    bottom: -66px;
    margin-left: 30px;
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.cue-skin-default.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total {
    width: inherit;
}

.cue-playlist,
.cue-skin-default.mejs-container {
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.cue-skin-default.mejs-container .mejs-controls .mejs-time {
    bottom: -47px;
    right: 30px;
}

.cue-skin-default.mejs-container .mejs-player-background {
    opacity: .6;
}

.cue-skin-default.mejs-container {
    background-color: #13102F;
}

.cue-skin-default.mejs-container .mejs-audiotheme-mark {
    display: none;
}

.cue-skin-default.mejs-container .mejs-controls .mejs-time-rail .mejs-time-handle {
    height: 20px;
    width: 20px;
    background-color: #fff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

span.mejs-time-current {
    background-color: #EAB730;
}

.cue-skin-default.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total {
    background-color: rgba(255, 255, 255, 0.5);
}

.cue-playlist .cue-track {
    color: white;
}

.cue-playlist .cue-track .cue-track-details .cue-track-title {
    color: white;
}

.cue-playlist .cue-track,
.cue-playlist .cue-tracks {
    border-color: #252440;
}

.counter {
    float: none;
    width: 300px;
    height: 200px;
    display: table-cell;
    vertical-align: middle;
}

.counter .clients-wrap {
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
}

.counter .counter-wrap {
    background: #d927e4;
}

.counter .counter-wrap.counter-wrap_red {
    background: #b53217;
}

.counter .counter-wrap.counter-wrap_black {
    background: #000;
}

.counter .counter-wrap .pagination {
    display: block;
    text-align: center;
}

.counter .counter-wrap .swiper-pagination-switch {
    display: inline-block;
    width: 30px;
    margin-top: 27px;
    height: 3px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.5);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.counter .counter-wrap .swiper-pagination-switch.swiper-active-switch {
    background-color: #fff;
}

.counter .wrap {
    max-width: 100%;
    display: inline-block;
    position: relative;
    top: 47%;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    padding: 50px 0 41px;
}

.counter .count-title {
    text-align: center;
    font-size: 34px;
    max-width: 236px;
    margin-right: auto;
    line-height: 1;
    margin-left: auto;
    font-family: "Montserrat extrabold", sans-serif;
    color: white;
    margin-bottom: 21px;
}

.counter .progress-circle {
    position: relative;
    display: inline-block;
    height: 182px;
    width: 182px;
}

.counter .progress-circle .content-circle {
    text-align: center;
    background: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    height: 120px;
    width: 120px;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.counter .progress-circle .wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.counter .progress-circle strong,
.counter .progress-circle i {
    font-size: 34px;
    font-family: "Montserrat", sans-serif;
    color: #272727;
    font-weight: bold;
}

.counter .progress-circle .count-subtitle {
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    color: #acacac;
    margin-top: -2px;
}

.custom-shortcode {
    background-color: #fff;
    padding: 52px 100px 50px;
}

.custom-shortcode .cue-playlist-container {
    margin-top: 50px;
}

.custom-shortcode p {
    font-size: 14px;
    font-family: "Domine", sans-serif;
    color: #acacac;
    line-height: 1.5;
    text-align: center;
    max-width: 780px;
    margin-right: auto;
    margin-left: auto;
}

.custom-shortcode h1,
.custom-shortcode h2,
.custom-shortcode h3:not(.main-title),
.custom-shortcode h4,
.custom-shortcode h5,
.custom-shortcode h6 {
    color: #272727;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 20px;
    font-family: "Oswald", sans-serif;
}

.custom-shortcode h4 {
    font-size: 20px;
}

.custom-shortcode .booked-calendar-shortcode-wrap {
    margin-top: 50px;
    max-width: 830px;
    margin-left: auto;
    margin-right: auto;
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    direction: ltr;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: inherit;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform, left, top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0px, 0, 0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform, left, top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0px, 0, 0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform, left, top;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0px, 0, 0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0px, 0px);
    -ms-transition-property: -ms-transform, left, top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0px, 0, 0);
    -ms-transition-timing-function: ease;
    -webkit-transition-property: left, top, -webkit-transform;
    transition-property: left, top, -webkit-transform;
    transition-property: transform, left, top;
    transition-property: transform, left, top, -webkit-transform;
    transition-duration: 0s;
    transform: translate3d(0px, 0, 0);
    transition-timing-function: ease;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    cursor: ew-resize;
    margin: 0 auto;
    height: inherit;
    float: left;
}

.swiper-slide {
    float: left;
    height: inherit;
    position: relative;
}

.a-btn {
    display: inline-block;
    color: white;
    padding: 10px 40px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background-color: #512DEA;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(86, 50, 240, 0.5);
    box-shadow: 0px 10px 20px 0px rgba(86, 50, 240, 0.5);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    text-align: center;
    letter-spacing: .18px;
}

.a-btn:hover,
.a-btn:visited {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    text-decoration: none;
}

.a-btn:focus {
    color: #fff;
}

.a-btn:active {
    color: #fff;
    text-decoration: none;
}

.a-btn_violet {
    background: #e50186;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(244, 23, 143, 0.5);
    box-shadow: 0px 10px 20px 0px rgba(244, 23, 143, 0.5);
}

.relative {
    position: relative;
}

.no-padding {
    padding: 0;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.aligncenter {
    float: none;
}

.single-content .post-wrap figure img {
    margin-top: 0;
}

.centered {
    text-align: center;
}

.hidden {
    display: none;
    visibility: hidden;
}

.vertical-align {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
    width: 100%;
}

body {
    font: 14px 'Open Sans', Arial, Helvetica, sans-serif;
    color: #555;
    overflow-x: hidden;
    position: relative;
    min-height: 100vh;
    width: 100%;
}

* {
    outline: none;
}

*,
*:after,
*:before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    padding: 0;
    margin: 0;
}

ul,
ol {
    margin-left: 10px;
}

strong {
    font-weight: 700;
}

a {
    color: #851ab5;
    text-decoration: none;
    outline: none;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

a:visited,
a:focus {
    text-decoration: none;
}

a:hover {
    color: inherit;
}

abbr,
acronym {
    border-bottom: 1px dotted #d1d1d1;
    cursor: help;
}

big {
    font-size: 125%;
}

p {
    padding: 0px 0px 16px 0;
    line-height: 1.6;
    font-weight: 400;
}

em {
    font-style: italic;
}

code {
    background-color: #d1d1d1;
    padding: 0.125em 0.25em;
    color: #1a1a1a;
}

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

code,
kbd,
pre,
samp {
    font-size: 1em;
}

pre {
    border: 1px solid #d1d1d1;
    line-height: 1.3125;
    margin: 0 0 1.75em;
    max-width: 100%;
    overflow: auto;
    padding: 1.75em;
    white-space: pre-wrap;
    word-wrap: break-word;
}

var {
    font-style: italic;
}

blockquote,
q {
    quotes: none;
}

blockquote {
    border-left: 5px solid #acacac;
}

blockquote cite {
    display: block;
}

blockquote p {
    padding-bottom: 0;
    font-style: italic;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin: 0 0 1.75em;
    table-layout: fixed;
    width: 100%;
}

table,
th,
td {
    border: 1px solid #acacac;
}

th,
td {
    padding: 7px;
}

th {
    border-width: 0 1px 1px 0;
    font-weight: 700;
}

td {
    border-width: 0 1px 1px 0;
}

caption,
th,
td {
    font-weight: normal;
    text-align: left;
}

dd {
    margin: 0 0 1.75em;
}

address {
    font-style: italic;
}

kbd {
    background-color: transparent;
    color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: Inconsolata, monospace;
}

mark,
ins {
    background: #007acc;
    color: #fff;
    padding: 0.125em 0.25em;
    text-decoration: none;
}

.portfolio-index {
    position: relative;
    z-index: 1000;
}

.hidden-item {
    display: none;
}

.mfp-content figcaption {
    padding-top: 0;
}

figcaption {
    padding-top: 0;
}

.mfp-counter {
    display: none;
}

.mfp-title {
    font-size: 20px;
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    letter-spacing: .1px;
    line-height: 1.5;
    margin-bottom: 7px;
    font-style: normal;
    text-align: center;
    padding-right: 0;
    margin-top: 15px;
}

.mfp-bg,
.mfp-wrap {
    z-index: 9999;
}

.podrt_descr {
    max-width: -webkit-calc(100% - 300px);
    max-width: calc(100% - 300px);
    width: 100%;
    left: 50%;
    z-index: 9999;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: relative;
    text-align: left;
}

.podrt_descr .modal-box-content {
    max-width: 900px;
    position: relative;
    margin: auto;
    background-color: #fff;
    padding-bottom: 35px;
}

.podrt_descr .modal-box-content .mfp-close {
    background-color: white;
}

.podrt_descr h3 {
    margin-top: 50px;
    font-size: 20px;
    font-family: "Oswald", sans-serif;
    color: #222;
    padding: 0 50px;
    font-weight: 400;
    letter-spacing: .1px;
    line-height: 1.5;
    margin-bottom: 7px;
    font-style: normal;
}

.podrt_descr .descr {
    font-weight: 300;
    letter-spacing: .2px;
    font-size: 14px;
    font-family: "Domine", sans-serif;
    color: #222;
    opacity: .7;
    padding: 0 50px;
    line-height: 1.5;
    margin: 5px auto 15px;
}

.podrt_descr img {
    max-width: 100%;
}

.wes-portfolio-wrap {
    padding-right: 25px;
    padding-left: 25px;
    padding-bottom: 25px;
}

.wes-portfolio-wrap.style1 .item:nth-child(n + 5) {
    width: 50%;
}

.wes-portfolio-wrap.style1 .item:nth-child(10n + 1),
.wes-portfolio-wrap.style1 .item:nth-child(10n + 2),
.wes-portfolio-wrap.style1 .item:nth-child(10n + 3),
.wes-portfolio-wrap.style1 .item:nth-child(10n + 6),
.wes-portfolio-wrap.style1 .item:nth-child(10n + 9),
.wes-portfolio-wrap.style1 .item:nth-child(10n + 10) {
    width: 25%;
}

.wes-portfolio-wrap.style1 .item:nth-child(10n + 4) {
    width: 25%;
}

.wes-portfolio-wrap.style1 .item:nth-child(10n + 7),
.wes-portfolio-wrap.style1 .item:nth-child(10n + 8) {
    width: 50%;
}

.wes-portfolio-wrap.style2 .item:nth-child(n + 4) {
    width: 50%;
}

.wes-portfolio-wrap.style2 .item:nth-child(10n + 1),
.wes-portfolio-wrap.style2 .item:nth-child(10n + 2),
.wes-portfolio-wrap.style2 .item:nth-child(10n + 5),
.wes-portfolio-wrap.style2 .item:nth-child(10n + 6),
.wes-portfolio-wrap.style2 .item:nth-child(10n + 9),
.wes-portfolio-wrap.style2 .item:nth-child(10n + 10) {
    width: 25%;
}

.wes-portfolio-wrap.style2 .item:nth-child(10n + 3),
.wes-portfolio-wrap.style2 .item:nth-child(10n + 7),
.wes-portfolio-wrap.style2 .item:nth-child(10n + 8) {
    width: 50%;
}

.wes-portfolio-wrap.style3 .item {
    width: 33.333%;
    padding: 0;
}

.wes-portfolio-wrap .view-item {
    display: block;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}

.wes-portfolio-wrap .item {
    padding: 5px;
}

.wes-portfolio-wrap .item .view-item {
    height: 100%;
    width: 100%;
}

.wes-portfolio-wrap .item:hover .item-desc {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.wes-portfolio-wrap .item-desc {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    background-color: #4F19E7;
}

.wes-portfolio-wrap .item-desc.item-desc_orange {
    background-color: rgba(199, 59, 11, 0.9);
}

.wes-portfolio-wrap .item-desc.item-desc_orange .content .icon-plus {
    color: rgba(199, 59, 11, 0.9);
}

.wes-portfolio-wrap .item-desc.item-desc_yellow {
    background-color: #3399ff;
}

.wes-portfolio-wrap .item-desc.item-desc_yellow .content .icon-plus {
    color: #3399ff;
}

.wes-portfolio-wrap .item-desc.item-desc_blue {
    background: #64e7f5;
}

.wes-portfolio-wrap .item-desc.item-desc_blue .content .icon-plus {
    color: #64e7f5;
}

.wes-portfolio-wrap .item-desc .content {
    z-index: 15;
    padding: 20px;
    color: #fff;
    text-align: center;
}

.wes-portfolio-wrap .item-desc .content h4 {
    font-size: 20px;
    font-family: "Oswald", sans-serif;
    color: white;
    font-weight: 400;
    letter-spacing: .1px;
    line-height: 1.5;
    margin-bottom: 7px;
    font-style: normal;
}

.wes-portfolio-wrap .item-desc .content h6 {
    font-weight: 300;
    letter-spacing: .2px;
    font-size: 14px;
    font-family: "Domine", sans-serif;
    color: #fff;
    opacity: .7;
    line-height: 1.5;
    margin: 5px auto 15px;
}

.wes-portfolio-wrap .item-desc .content h5 {
    font-size: 14px;
    font-family: "Domine", sans-serif;
    color: #fff;
    opacity: .7;
    line-height: 1.5;
    margin-bottom: 16px;
}

.wes-portfolio-wrap .item-desc .content .icon-plus {
    color: #851ab5;
    font-size: 18px;
    display: block;
    width: 100%;
    font-family: "Montserrat extrabold", sans-serif;
    position: relative;
    padding: 0;
    font-style: normal;
}

.wes-portfolio-wrap .item-desc .content .icon-plus:hover {
    text-decoration: none;
}

.wes-portfolio-wrap .item-desc .content .icon-plus:before {
    content: '';
    background-color: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    position: absolute;
    width: 29px;
    height: 29px;
    z-index: -1;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.mfp-arrow:before,
.mfp-arrow:after {
    border: none;
    color: #fff;
    opacity: 1;
}

.mfp-arrow-right::before {
    padding-left: 2px;
}

.mfp-arrow-left::before {
    padding-right: 2px;
}

.mfp-arrow-left::before {
    content: "\f053";
    font-family: "FontAwesome";
}

.mfp-arrow-right::before {
    content: "\f054";
    font-family: "FontAwesome";
}

.mfp-arrow {
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.mfp-arrow::before {
    background: #212121;
    width: 40px;
    text-align: center;
    height: 40px;
    padding-top: 13px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.mfp-close {
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    cursor: pointer;
}

.mfp-close:hover {
    color: #212121;
}

.wes-load-more {
    padding: 10px 49px;
    margin-bottom: 49px;
}

.main-title {
    font-size: 34px;
    font-family: "Montserrat extrabold", sans-serif;
    color: #262626;
    line-height: 1.5;
    text-align: center;
    letter-spacing: .5px;
}

.main-title.color_white {
    color: #fff;
}

.main-header {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 72px 0px 98px;
}

.main-header .main-wrap {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 20px;
}

.main-header .swiper-slide {
    text-align: center;
    color: white;
}

.main-header .content-slide {
    max-width: 630px;
    width: 100%;
    margin: auto;
}

.main-header .content-slide .logo-customer {
    display: block;
    margin-bottom: 18px;
}

.main-header .content-slide .logo-customer img {
    max-height: 65px;
}

.main-header .content-slide h5 {
    font-size: 20px;
    font-family: "Oswald", sans-serif;
    font-weight: bold;
    line-height: 1.5;
}

.main-header .content-slide h5 span {
    color: #3399ff;
}

.main-header .content-slide h1,
.main-header .content-slide h2,
.main-header .content-slide h3,
.main-header .content-slide h4,
.main-header .content-slide h5,
.main-header .content-slide h6 {
    margin-bottom: 16px;
}

.main-header .content-slide .description {
    font-size: 14px;
    font-family: "Domine", sans-serif;
    line-height: 1.5;
}

.main-header .content-slide .description.description_style2 h5 span {
    color: #5ce6f6;
}

.main-header .content-slide .description.color_ccc p {
    color: #e4eae9;
}

.main-header .content-slide .description p {
    margin-bottom: 0;
}

.main-header .content-slide .author {
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    line-height: 2;
    letter-spacing: .2px;
}

.main-header .pagination {
    display: block;
    text-align: center;
}

.main-header .swiper-pagination-switch {
    display: inline-block;
    width: 30px;
    margin-top: 43px;
    height: 3px;
    cursor: pointer;
    background-color: #6A717A;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-header .swiper-pagination-switch.swiper-active-switch {
    background-color: #29F4F6;
}

.pagination-color {
    display: none;
}

.posts-list-wrap.simplelist .container,
.posts-list-wrap.sliderlist .container {
    padding-right: 30px;
    padding-left: 30px;
}

.posts-list-wrap.sliderlist {
    margin-right: -15px;
    margin-left: -15px;
}

.posts-list-wrap.sliderlist .pagination {
    display: block;
    text-align: center;
}

.posts-list-wrap.sliderlist .swiper-pagination-switch {
    display: inline-block;
    width: 30px;
    margin-top: 54px;
    height: 3px;
    cursor: pointer;
    background-color: #6A717A;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    margin-bottom: 70px;
}

.posts-list-wrap.sliderlist .swiper-pagination-switch.swiper-active-switch {
    background-color: #29F4F6;
}

.post-block {
    background-color: #fff;
    margin-bottom: 30px;
}

.post-block.simplelist,
.post-block.sliderlist {
    background-color: transparent;
}

.post-block.simplelist .text,
.post-block.sliderlist .text {
    padding: 12px 0px 6px;
}

.post-block.simplelist .text a h6,
.post-block.sliderlist .text a h6 {
    margin-bottom: 5px;
}

.post-block.simplelist .time,
.post-block.sliderlist .time {
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    color: #acacac;
    z-index: 10;
    display: block;
    margin-top: 14px;
}

.post-block.simplelist .image,
.post-block.sliderlist .image {
    height: 270px;
}

.post-block.simplelist .image .img,
.post-block.sliderlist .image .img {
    -webkit-filter: none;
    filter: none;
}

.post-block.sliderlist {
    margin: 0 15px;
    padding: 10px 10px 0;
    text-align: center;
    background-color: #fff;
}

.post-block.sliderlist .image {
    height: 210px;
}

.post-block.sliderlist .text p {
    line-height: 1.6;
    padding: 0px 12px 16px;
    margin-bottom: 2px;
}

.post-block.sliderlist .text a {
    display: block;
}

.post-block.sliderlist .text a h6 {
    margin-bottom: 7px;
}

.post-block.sliderlist .time {
    margin-top: 16px;
}

.post-block.sticky .text a h6 {
    display: block;
    position: relative;
}

.post-block .text h6 {
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.post-block .text h6:hover {
    opacity: .7;
}

.post-block .image {
    width: 100%;
    height: 220px;
    display: block;
    position: relative;
    background-color: #000;
    z-index: 10;
    overflow: hidden;
}

.post-block .image:hover .time {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.post-block .image:hover .img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.post-block .image:hover .img::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
}

.post-block .image .img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.post-block .image .img::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.post-block .image .time {
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    opacity: .8;
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 10;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.post-block .image .time {
    -webkit-transform: translateX(-150%);
    -ms-transform: translateX(-150%);
    transform: translateX(-150%);
}

.post-block .text {
    padding: 14px 20px 0;
}

.post-block .text a h6 {
    font-size: 20px;
    margin-top: 0;
    font-family: "Oswald", sans-serif;
    color: #262626;
    font-weight: 700;
    line-height: 1.5;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.post-block .text a:hover {
    text-decoration: none;
}

.post-block .text p {
    font-size: 14px;
    font-family: "Domine", sans-serif;
    color: #acacac;
    line-height: 1.5;
}

.contact-info {
    background-color: #000000;
    padding: 42px 15px;
    width: 100%;
    margin-top: 14px;
    text-align: center;
    color: white;
}

.contact-info.contact-info_red {
    background: #b53217;
}

.contact-info.contact-info_blue {
    background: #2e1ed0;
}

.contact-info.contact-info_blue2 {
    background: #57dbeb;
}

.contact-info p.label-text {
    opacity: .5;
}

.contact-info p {
    font-size: 14px;
    font-family: "Domine", sans-serif;
    line-height: 1.5;
    margin: 0;
    margin-bottom: 1px;
    padding: 0;
}

.contact-info .social {
    margin-top: 20px;
    text-align: center;
}

.contact-info .social ul {
    margin: 0;
}

.contact-info .social li {
    display: inline-block;
    margin: 0 7.3px;
    font-size: 12px;
}

.contact-info .social a {
    color: #fff;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.contact-info .social a:hover {
    color: #EF2CCD;
    text-decoration: none;
}

div[role="form"],
.comment-respond {
    padding: 63px 55px;
}

div[role="form"] label,
.comment-respond label {
    width: 100%;
}

div[role="form"] form h5,
.comment-respond form h5 {
    font-size: 20px;
    font-family: "Oswald", sans-serif;
    color: #262626;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 34px;
    margin-left: 4px;
}

div[role="form"] form input,
.comment-respond form input {
    max-width: 100%;
    width: 100%;
    border: none;
    background-color: #F6F6F6;
    color: #262626;
    font-size: 13px;
    font-family: "Montserrat", sans-serif;
    padding: 14px 13px 14px 20px;
    letter-spacing: .2px;
}

div[role="form"] form textarea,
.comment-respond form textarea {
    width: 100%;
    border: none;
    background-color: #F6F6F6;
    color: #262626;
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    padding: 14px 13px 14px 20px;
    letter-spacing: .2px;
    resize: none;
}

div[role="form"] form input[type="submit"],
.comment-respond form input[type="submit"] {
    display: inline-block;
    color: white;
    padding: 11px 67px;
    width: auto;
    margin-top: 5px;
    margin-bottom: 8px;
    margin-left: 6px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background-color: #3399ff;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    text-align: center;
    letter-spacing: .18px;
}

div[role="form"] form input[type="submit"]:hover,
div[role="form"] form input[type="submit"]:visited,
.comment-respond form input[type="submit"]:hover,
.comment-respond form input[type="submit"]:visited {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    text-decoration: none;
}

div[role="form"] form *::-webkit-input-placeholder,
.comment-respond form *::-webkit-input-placeholder {
    color: #acacac;
    font-family: 'Montserrat-Thin', sans-serif;
    font-weight: bold;
}

div[role="form"] form *:-moz-placeholder,
.comment-respond form *:-moz-placeholder {
    color: #acacac;
    font-family: 'Montserrat-Thin', sans-serif;
    font-weight: bold;
}

div[role="form"] form *::-moz-placeholder,
.comment-respond form *::-moz-placeholder {
    color: #acacac;
    font-family: 'Montserrat-Thin', sans-serif;
    font-weight: bold;
}

div[role="form"] form *:-ms-input-placeholder,
.comment-respond form *:-ms-input-placeholder {
    color: #acacac;
    font-family: 'Montserrat-Thin', sans-serif;
    font-weight: bold;
}

.blog-wrap-title {
    background-color: #000;
    padding: 174px 0 166px;
    position: relative;
}

.blog-title {
    margin-left: 2px;
    font-size: 80px;
    font-family: "Montserrat extrabold", sans-serif;
    color: white;
    line-height: 1;
    font-weight: bold;
    letter-spacing: .5px;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    opacity: 0;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

.blog-title.active {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    opacity: 1;
}

.blog-subtitle {
    margin-top: 35px;
    margin-left: 2px;
    font-size: 14px;
    font-family: "Oswald", sans-serif;
    color: #fff;
    opacity: .6;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: .3px;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    opacity: 0;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}

.blog-subtitle.active {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    opacity: 1;
}

.blog .main-title {
    letter-spacing: 0px;
    margin-top: 52px;
    margin-bottom: 36px;
    padding: 0 15px;
}

.blog .content {
    position: relative;
    z-index: 20;
}

.post-banner {
    padding: 183px 0px 340px;
    position: relative;
    z-index: 1;
    background-color: #000;
}

.post-banner .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 14;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.post-banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    opacity: .8;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: inherit;
}

.post-details .content {
    position: relative;
    z-index: 20;
}

.post-details .blog-title {
    max-width: 810px;
    width: 100%;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.blog-single-wrap {
    margin-top: -200px;
    position: relative;
    z-index: 20;
}

.single-content {
    padding: 66px 70px 140px;
    background-color: #fff;
    margin-bottom: 113px;
}

.single-content .gallery {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 38px;
}

.single-content .gallery::before {
    display: table;
    content: "";
}

.single-content .gallery::after {
    display: table;
    content: "";
    clear: both;
}

.single-content .gallery.gallery-columns-2 .gallery-item {
    width: 50%;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}

.single-content .gallery.gallery-columns-1 .gallery-item {
    width: 100%;
}

.single-content .gallery.gallery-columns-2 .gallery-item {
    width: 50%;
}

.single-content .gallery.gallery-columns-3 .gallery-item {
    width: 33.33%;
}

.single-content .gallery.gallery-columns-4 .gallery-item {
    width: 25%;
}

.single-content .gallery.gallery-columns-5 .gallery-item {
    width: 20%;
}

.single-content .gallery.gallery-columns-6 .gallery-item {
    width: 16.66%;
}

.single-content .gallery.gallery-columns-7 .gallery-item {
    width: 14.28%;
}

.single-content .gallery.gallery-columns-8 .gallery-item {
    width: 12.5%;
}

.single-content .gallery.gallery-columns-9 .gallery-item {
    width: 11.11%;
}

.single-content .date-post {
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    color: #acacac;
    margin-bottom: 10px;
}

.single-content .post-wrap h3 {
    font-size: 20px;
}

.single-content .post-wrap h1,
.single-content .post-wrap h2,
.single-content .post-wrap h3,
.single-content .post-wrap h4,
.single-content .post-wrap h5,
.single-content .post-wrap h6 {
    font-family: "Oswald", sans-serif;
    color: #262626;
    margin-top: 22px;
    margin-bottom: 24px;
}

.single-content .post-wrap p {
    font-size: 14px;
    font-family: "Domine", sans-serif;
    color: #acacac;
    margin-bottom: 6px;
}

.single-content .post-wrap img {
    max-width: 100%;
    height: auto;
    margin-top: 20px;
    margin-bottom: 10px;
}

.single-content .post-wrap .post-info {
    margin-top: 43px;
}

.single-content .post-wrap .post-info span {
    font-size: 14px;
    font-family: "Domine", sans-serif;
    color: #acacac;
    display: inline-block;
    margin-right: 25px;
    margin-bottom: 5px;
}

.single-content .post-wrap .post-info span a {
    font-size: 14px;
    font-family: "Domine", sans-serif;
    color: #262626;
}

.single-content .post-wrap .post-info span a:hover {
    text-decoration: none;
    opacity: .7;
}

.comments {
    margin-top: 57px;
    margin-bottom: 30px;
}

.comments .comments-title {
    font-size: 20px;
    font-family: "Oswald", sans-serif;
    color: #262626;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 29px;
}

.comments .comment {
    position: relative;
    clear: both;
    margin-bottom: 15px;
}

.comments .comment .content {
    position: relative;
}

.comments .comment .person img {
    float: left;
    margin-right: 20px;
    margin-bottom: 30px;
    margin-top: 4px;
}

.comments .comment .person .comment-date {
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    color: #acacac;
    margin-bottom: 10px;
    margin-top: -5px;
}

.comments .comment .person .author {
    font-size: 14px;
    font-family: "Domine", sans-serif;
    color: #262626;
    line-height: 1.5;
    display: block;
    margin-bottom: 6px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.comments .comment .person .author:hover {
    text-decoration: none;
}

.comments .comment .text {
    overflow: hidden;
}

.comments .comment .text p {
    font-size: 14px;
    font-family: "Domine", sans-serif;
    color: #acacac;
    line-height: 1.5;
}

.comments .comment .comment-reply-link {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 11px;
    font-family: "Domine", sans-serif;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.comments .comment .comment-reply-link:hover {
    text-decoration: none;
}

.comment-respond {
    padding: 0;
}

.comment-respond .comment-reply-title {
    margin-top: 35px;
    font-size: 20px;
    font-family: "Oswald", sans-serif;
    color: #262626;
    font-weight: 700;
}

.comment-respond .pr,
.comment-respond .pl {
    width: 50%;
    float: left;
}

.comment-respond .pr {
    padding-right: 10px;
}

.comment-respond .pl {
    padding-left: 10px;
}

.comment-respond textarea {
    margin-bottom: 20px;
    min-height: 160px;
}

.comment-respond form input {
    margin-bottom: 20px;
}

.comment-respond form input[type="submit"] {
    margin-top: 13px;
    background-color: #3399ff;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(255, 204, 0, 0.5);
    box-shadow: 0px 10px 20px 0px rgba(255, 204, 0, 0.5);
    padding: 13px 31px;
}

.comments-form {
    margin-bottom: 40px;
}

.single-content .pagination {
    position: absolute;
}

.pagination {
    width: 100%;
    left: 0;
    padding: 0 70px;
}

.pagination .sm-wrap-post {
    width: 100%;
    height: 220px;
    position: relative;
    overflow: hidden;
}

.pagination .sm-wrap-post .banner-overlay {
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.pagination .sm-wrap-post:hover .banner-overlay {
    opacity: 0;
}

.pagination .sm-wrap-post:hover .pag-title,
.pagination .sm-wrap-post:hover .post-date,
.pagination .sm-wrap-post:hover .title {
    -webkit-transform: translateX(-115%);
    -ms-transform: translateX(-115%);
    transform: translateX(-115%);
}

.pagination .sm-wrap-post:hover .content {
    opacity: 0;
}

.pagination .sm-wrap-post:hover .img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.pagination .sm-wrap-post .img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    text-decoration: none;
    background-color: #000;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-transition-delay: .25s;
    transition-delay: .25s;
}

.pagination .sm-wrap-post .post-info-wrapper {
    position: absolute;
    bottom: 20px;
    left: 0;
    padding-right: 20px;
    padding-left: 20px;
}

.pagination .sm-wrap-post .content {
    display: block;
    padding: 14px 20px 13px;
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-transition-delay: .25s;
    transition-delay: .25s;
}

.pagination .sm-wrap-post .pag-title {
    font-size: 14px;
    font-family: "Domine", sans-serif;
    color: white;
    line-height: 1.5;
    margin-bottom: 97px;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.pagination .sm-wrap-post .post-date {
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    opacity: .8;
    display: block;
    margin-bottom: 12px;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.pagination .sm-wrap-post .title {
    font-size: 19.986px;
    font-family: "Oswald", sans-serif;
    color: white;
    font-weight: 700;
    line-height: 1.5;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.pagination .pagin-wrap.pl {
    padding-left: 15px;
    width: 50%;
}

.pagination .pagin-wrap.pr {
    padding-right: 15px;
    width: 50%;
}

.pagination .pagin-wrap {
    float: left;
}

.mfp-wrap {
    max-height: 100vh;
    position: fixed;
    top: 0;
}

.sidebar {
    background-color: #6D1297;
    color: white;
    margin-bottom: 15px;
    padding: 30px;
}

.sidebar img {
    max-width: 100%;
}

.sidebar .wp-caption .wp-caption-text {
    color: black;
    padding: 0;
}

.sidebar .textwidget p {
    font-size: 13px;
}

.sidebar .element li>ul>li:last-child {
    padding-bottom: 0;
}

.sidebar .element select,
.sidebar .element option {
    color: #000;
    max-width: 100%;
}

.sidebar .element caption {
    color: #fff;
}

.sidebar .widget_categories li>ul {
    margin-left: 0px;
}

.sidebar .widget_categories li ul li a {
    padding-left: 15px;
}

.sidebar .widget_categories li ul li ul li {
    padding-left: 30px;
}

.sidebar .widget_categories li ul li ul li a {
    padding-left: 0px;
}

.sidebar .recentcomments {
    color: #ccc;
}

.sidebar .widget_rss li a.rsswidget {
    text-transform: uppercase;
}

.sidebar .widget_rss span.rss-date {
    opacity: .7;
    display: inline-block;
    margin: 5px auto;
    font-weight: 100;
}

.sidebar .widget_rss cite {
    margin-top: 5px;
    display: inline-block;
}

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

.sidebar a {
    color: white;
}

.sidebar .element {
    margin-bottom: 15px;
}

.sidebar .element label {
    width: 100%;
}

.sidebar .element h5 {
    font-size: 14px;
    font-family: "Oswald", sans-serif;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.4;
    letter-spacing: .3px;
    margin-bottom: 12px;
}

.sidebar .element ul li,
.sidebar .element ul li a {
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    color: white;
    line-height: 1.5;
}

.sidebar .element ul li {
    position: relative;
    padding-bottom: 4px;
}

.sidebar .widget_categories ul li .children {
    padding-top: 4px;
}

.sidebar .widget_categories ul li .children .children {
    margin-top: 2px;
    margin-bottom: -2px;
}

.search-sub-wrap {
    display: inline-block;
    position: absolute;
    top: 0;
    width: 20px;
    right: 0;
    padding: 12px 19px;
    background: rgba(255, 255, 255, 0.9);
    height: 100%;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.search-sub-wrap:hover {
    background-color: white;
}

.search-sub-wrap::before {
    content: "\f002";
    font-family: 'FontAwesome';
    color: #1a1a1a;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.widget_search label {
    margin-bottom: 0;
}

.widget_search .screen-reader-text,
.widget_search input[type="submit"] {
    background: transparent;
    position: absolute;
    top: 0;
    width: 20px;
    right: 0;
    color: #1a1a1a;
}

.widget_search {
    margin-bottom: 33px;
}

.widget_search input[type="search"] {
    padding-right: 45px;
}

.widget_search input {
    max-width: 100%;
    width: 100%;
    padding: 12px 20px;
    border: none;
    letter-spacing: -.2px;
    background-color: rgba(255, 255, 255, 0.2);
}

.widget_search input::-webkit-input-placeholder {
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    color: rgba(255, 255, 255, 0.5);
}

.widget_search input:-moz-placeholder {
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    color: rgba(255, 255, 255, 0.5);
}

.widget_search input::-moz-placeholder {
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    color: rgba(255, 255, 255, 0.5);
}

.widget_search input:-ms-input-placeholder {
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    color: rgba(255, 255, 255, 0.5);
}

.widget_categories ul li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-top: 4px;
    padding-bottom: 4px;
    list-style: none;
    padding-left: 0;
}

.widget_categories ul li .children {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding-left: 2px;
}

.widget_categories ul li::before {
    background-color: transparent;
}

.widget_categories ul li:last-child {
    border-bottom: none;
}

.widget_categories ul li:first-child {
    padding-top: 0;
}

.widget_recent_posts .pop-img {
    width: 100%;
    height: 95px;
    max-width: 300px;
}

.widget_recent_posts a {
    display: block;
    margin-top: 5px;
    font-weight: 400;
    font-size: 12px;
}

.widget_recent_posts .popular-block {
    margin-bottom: 18px;
    margin-top: 18px;
}

figure figcaption {
    padding-top: 10px;
}

footer {
    background-color: #000;
}

.table {
    display: table;
    table-layout: fixed;
}

.table-cell {
    display: table-cell;
    float: none;
    vertical-align: middle;
    padding: 0;
}

div[role="form"] {
    background-color: #fff;
}

.footer-wrap {
    position: relative;
    margin-top: 340px;
    padding-bottom: 115px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.footer-wrap::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}

.footer-wrap.no {
    padding-bottom: 43px;
    margin-top: 20px;
}

.footer-wrap.no .table {
    display: none;
}

.footer-wrap.no .copyright {
    margin-top: 43px;
}

.footer-wrap .table {
    margin-top: -248px;
    z-index: 100;
    position: relative;
}

.footer-wrap .table .table-cell:first-child {
    width: 25.5%;
}

.footer-wrap .table .table-cell:last-child {
    width: 74.5%;
}

.copyright {
    text-align: right;
    color: white;
    letter-spacing: .09px;
    font-size: 14px;
    font-family: "Domine", sans-serif;
    line-height: 1.5;
    margin-top: 93px;
}

.copyright a {
    color: white;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.copyright a:hover {
    text-decoration: none;
    opacity: .7;
}

.experiences {
    color: white;
    padding: 70px 0 70px;
}

.experiences .btn-wrap {
    margin-bottom: 50px;
}

.experiences .izotope-container-2 {
    margin-right: -15px;
    margin-left: -15px;
}

.experiences .main-title {
    color: white;
    line-height: 1.5;
    letter-spacing: .2px;
    margin-bottom: 57px;
    margin-top: 60px;
}

.experiences .experiences-items {
    margin-bottom: 30px;
}

.experiences .experiences-items.experiences-items_white .experiences-item .title {
    color: #222222;
    background: #ffffff;
}

.experiences .experiences-items .experiences-item {
    background-color: rgba(0, 0, 0, 0.4);
    padding: 30px 30px 22px;
}

.experiences .experiences-items .experiences-item .title {
    font-size: 11px;
    font-family: "Domine", sans-serif;
    color: white;
    line-height: 1.5;
    background-color: #E41C57;
    -webkit-border-radius: 29px;
    border-radius: 29px;
    display: inline-block;
    padding: 3px 10px;
    margin: 0 0 5px;
}

.experiences .experiences-items .experiences-item .content {
    font-size: 14px;
    font-family: "Domine", sans-serif;
    color: #fff;
    line-height: 1.5;
}

.experiences .experiences-items .experiences-item .content h1,
.experiences .experiences-items .experiences-item .content h2,
.experiences .experiences-items .experiences-item .content h3,
.experiences .experiences-items .experiences-item .content h4,
.experiences .experiences-items .experiences-item .content h5,
.experiences .experiences-items .experiences-item .content h6 {
    margin-top: 0;
    font-size: 20px;
    font-family: "Oswald", sans-serif;
    color: white;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 6px;
}

.experiences .experiences-items .experiences-item .content p {
    opacity: .7;
    padding-bottom: 0;
    margin-bottom: 1px;
}

.experiences .experiences-items .experiences-item .content p:empty {
    display: none;
}

.experiences .experiences-items.slider .experiences-item {
    background-color: transparent;
    padding: 25px 45px;
}

.experiences .experiences-items.slider .experiences-item .logo-experience {
    position: absolute;
    right: 45px;
    top: 30px;
    max-height: 46px;
}

.experiences .experiences-items.slider .experiences-item .title {
    margin: 8px 2px 5px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.experiences .experiences-items.slider .experiences-item .content {
    margin-top: 11px;
    margin-left: -1px;
}

.experiences .experiences-items.slider .experiences-item .title-item-slider {
    margin-top: 0;
    font-size: 20px;
    font-family: "Oswald", sans-serif;
    color: white;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 6px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.experiences .experiences-items.slider .experiences-item:hover .title-item-slider {
    color: inherit;
}

.experiences .experiences-items.slider::before {
    content: '';
    display: block;
    border: 1px solid rgba(255, 255, 255, 0.2);
    position: absolute;
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 100%;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.experiences .experiences-items.slider:hover::before {
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.experiences .btn-wrap {
    text-align: center;
    margin-top: 20px;
}

.experiences .btn-wrap .a-btn {
    padding: 13px 25px;
}

.experiences .pagination {
    display: block;
    text-align: center;
}

.experiences .pagination .swiper-pagination-switch {
    display: inline-block;
    width: 30px;
    margin-top: 51px;
    margin-bottom: 27px;
    height: 3px;
    cursor: pointer;
    background-color: #6A717A;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.experiences .pagination .swiper-pagination-switch.swiper-active-switch {
    background-color: #24f4f6;
}

.education-img {
    max-width: 400px;
    height: auto;
    float: left;
    margin-top: 5px;
    margin-right: 30px!important;
    margin-bottom: 15px;
}

.education-wrap {
    padding-top: 40px;
    padding-bottom: 45px;
}

.education-wrap .btn-wrap {
    text-align: center;
    padding: 5px 0 25px;
}

.education-wrap .btn-wrap .a-btn {
    padding: 12px 24px;
}

.events-content h1,
.events-content h2,
.events-content h3,
.events-content h4,
.events-content h5,
.events-content h6 {
    font-family: "Oswald", sans-serif;
    color: #222;
    font-weight: 700;
    line-height: 1.3;
    margin-top: 6px;
}

.events-content ol {
    margin-left: 0;
}

.events-content h4 {
    font-size: 20px;
    margin-bottom: 31px;
}

.events-content p {
    font-size: 14px;
    font-family: "Domine", sans-serif;
    color: #acacac;
    line-height: 1.5;
    margin: 0 0 14px;
    padding: 0 0 6px 0;
}

.events-content p:empty {
    display: none;
}

.container.portfolio-index {
    max-width: 100%;
}

@media only screen and (max-width: 1200px) {
    .sidebar {
        padding: 50px;
    }
    .banner-wrap .info .title {
        font-size: 70px;
    }
}

@media only screen and (max-width: 1199px) {
    header.full>div.container .wes-top-menu {
        padding-right: 0;
    }
    .banner-wrap .info {
        max-width: 670px;
    }
    header.full>div.container .wes-top-menu .hire_me {
        margin-left: 2.5%;
    }
    header.full>div.container .wes-top-menu .social_icons li {
        margin-left: 4px;
    }
    header.full>div.container .wes-top-menu .social_icons {
        margin-left: 2.6%;
    }
}

@media only screen and (max-width: 1024px) {
    .custom-shortcode .booked-calendar-shortcode-wrap {
        margin-top: 30px;
    }
    .footer-wrap {
        padding-bottom: 60px;
    }
    .copyright {
        margin-top: 45px;
    }
}

@media only screen and (max-width: 1023px) {
    .post-banner {
        padding-top: 102px;
    }
    .blog-title {
        font-size: 60px;
    }
    .blog-wrap-title {
        padding: 150px 0;
    }
    .sidebar {
        padding: 30px;
    }
}

@media only screen and (min-width: 992px) {
    .full .sub-menu .menu-item-has-children>span {
        -webkit-transform: translateY(-50%) rotate(-90deg);
        -ms-transform: translateY(-50%) rotate(-90deg);
        transform: translateY(-50%) rotate(-90deg);
        top: 6px;
    }
    div[role="form"] .col-xs-12 {
        padding-right: 10px;
        padding-left: 10px;
    }
    header.full>div.container .sub-menu {
        display: block;
    }
}

@media only screen and (max-width: 992px) {
    .menu-item-has-children>span {
        right: -20px;
    }
    .post-block.simplelist {
        margin-bottom: 0;
    }
    .about .img-wrap {
        height: 250px;
    }
    .podrt_descr .descr,
    .podrt_descr h3 {
        padding: 0 15px;
    }
    .podrt_descr .modal-box-content {
        padding-bottom: 10px;
    }
    .podrt_descr h3 {
        margin-top: 20px;
    }
    .podrt_descr {
        max-width: -webkit-calc(100% - 150px);
        max-width: calc(100% - 150px);
    }
    .education-wrap .main-title {
        line-height: 1.5;
    }
    .events-content h4 {
        margin-bottom: 15px;
    }
    .events-content li {
        text-align: center;
    }
    .events-content li div {
        text-align: left;
    }
    .events-content li img {
        float: none;
        margin: 0 auto 15px;
        max-width: 100%;
    }
    .booked-calendar-shortcode-wrap {
        margin-top: 0;
    }
    .custom-shortcode {
        padding: 30px 50px 25px;
    }
    .experiences .main-title {
        margin-top: 30px;
    }
    .post-banner {
        padding: 80px 0px 240px;
    }
    .footer-wrap.yes {
        margin-top: 320px;
        padding-bottom: 35px;
    }
    .copyright {
        margin-top: 25px;
    }
    .blog-single-wrap {
        margin-top: -70px;
    }
    .about .img-wrapper {
        top: -77px;
    }
}

@media only screen and (max-width: 991px) {
    .about .text {
        padding: 186px 50px 50px;
    }
    .banner-wrap .info {
        max-width: 100%;
        padding: 0 15px;
        text-align: center;
    }
    .education-wrap {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .cd-horizontal-timeline {
        margin: 15px auto 10px;
    }
    .post-banner {
        padding: 140px 0 140px;
    }
    .post-details .blog-title {
        text-align: center;
    }
    .about .img-wrap {
        height: 250px;
    }
    .banner-wrap .info .title {
        font-size: 60px;
    }
    .info {
        margin-top: 125px;
        margin-bottom: 100px;
    }
    div[role="form"] {
        padding: 40px 30px;
    }
    div[role="form"] form h5 {
        text-align: center;
        margin-bottom: 10px;
    }
    div[role="form"] img.ajax-loader {
        display: block;
        margin: auto;
        clear: both;
        margin-top: 15px;
    }
    div[role="form"] form input[type="submit"] {
        margin-top: 15px;
        margin-left: 0;
    }
    .xs-sm-center {
        text-align: center;
    }
    .contact-info {
        padding: 30px 15px;
    }
    .wes-portfolio-wrap .item {
        width: 33.333%;
    }
    .wes-portfolio-wrap .item.n6 {
        width: 66.666%;
    }
    .main-header {
        padding: 60px 15px 40px;
    }
    .blog-wrap-title {
        padding: 170px 0 100px;
    }
    .blog-title {
        font-size: 54px;
    }
    .blog-subtitle {
        font-size: 13px;
    }
    .banner-wrap .banner {
        min-height: 490px;
    }
}

@media only screen and (max-width: 768px) {
    .education-wrap {
        padding-top: 15px;
        padding-bottom: 25px;
    }
    .experiences .row {
        margin-right: 0;
        margin-left: 0;
    }
    .experiences .pagination .swiper-pagination-switch {
        margin-top: 30px;
        margin-bottom: 10px;
    }
    .blog .main-title {
        font-size: 30px;
    }
    .single-content {
        padding: 46px 30px 100px;
    }
}

@media only screen and (max-width: 767px) {
    .cue-playlist {
        margin: 0;
    }
    .footer-wrap .table,
    .wes-portfolio-wrap {
        padding-right: 0;
        padding-left: 0;
    }
    .about .text .button {
        margin-top: 10px;
    }
    .wes-portfolio-wrap {
        margin-right: -5px;
        margin-left: -5px;
        padding-bottom: 15px;
    }
    .footer-wrap.yes {
        margin-top: 270px;
    }
    .single-content .pagination {
        position: static;
        padding: 0;
    }
    .single-content {
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .about .text .descr p {
        padding: 0px 0px 4px 0;
    }
    .custom-shortcode .cue-playlist-container {
        margin-top: 20px;
    }
    .cd-horizontal-timeline {
        margin: 0 auto;
    }
    .custom-shortcode {
        padding: 20px 20px 5px;
    }
    .custom-shortcode .main-title {
        margin-bottom: 0;
    }
    .education-wrap .btn-wrap {
        padding: 5px 0 5px;
    }
    .copyright {
        padding-right: 15px;
        padding-left: 15px;
    }
    .main-title {
        font-size: 30px;
    }
    .wes-load-more {
        margin-bottom: 33px;
    }
    .comment-respond .pr,
    .comment-respond .pl {
        padding: 0;
        width: 100%;
    }
    .izotope-container-2 {
        margin-left: 0;
        margin-right: 0;
    }
    .experiences .main-title {
        margin-top: 0;
        margin-bottom: 27px;
    }
    .experiences {
        padding-bottom: 50px;
    }
    .experiences .btn-wrap {
        margin-top: 0;
    }
    .experiences .experiences-items {
        margin-bottom: 20px;
    }
    .sidebar {
        padding: 30px;
        margin-bottom: 30px;
    }
    .pagination .pagin-wrap.pr,
    .pagination .pagin-wrap.pl {
        padding: 0;
        width: 100%;
        margin-bottom: 20px;
    }
    .xs-padding {
        padding-right: 15px;
        padding-left: 15px;
    }
    .posts-list-wrap.sliderlist .swiper-pagination-switch {
        margin-top: 35px;
        margin-bottom: 30px;
    }
    .posts-list-wrap.sliderlist {
        margin-right: 0;
        margin-left: 0;
    }
    .about,
    .about .content,
    .counter {
        display: block;
        width: 100%;
    }
    .counter {
        padding-top: 0;
        height: auto;
    }
    .counter .wrap {
        padding: 20px 0 25px;
    }
    .about .content {
        margin-bottom: 0;
        text-align: center;
    }
    .banner-wrap .info .title {
        font-size: 50px;
    }
    .wes-portfolio-wrap .item {
        width: 50%;
    }
    .xs-padding {
        padding-right: 15px;
        padding-left: 15px;
    }
    .blog-wrap-title {
        padding: 130px 15px 50px;
        text-align: center;
    }
    .blog-title {
        font-size: 50px;
    }
    body .footer-wrap .table {
        display: block;
    }
    body .footer-wrap .table .table-cell:first-child {
        display: block;
        width: 100%;
    }
    .copyright {
        text-align: center;
        margin-top: 20px;
    }
    .footer-wrap {
        padding-bottom: 35px;
    }
    .contact-info {
        margin-top: 0;
    }
}

@media only screen and (max-width: 600px) {
    .posts-list-wrap.sliderlist .swiper-pagination-switch {
        margin-top: 15px;
    }
    .podrt_descr {
        max-width: -webkit-calc(100% - 100px);
        max-width: calc(100% - 100px);
    }
    .pagination {
        padding: 0;
    }
    .comments .comments-title,
    .comment-respond .comment-reply-title,
    .comments-form .input-wrapper {
        text-align: center;
    }
    .comments .person img {
        width: 70px;
        height: 70px;
    }
    .experiences {
        padding-bottom: 35px;
    }
    .single-content {
        padding: 25px 15px 100px;
    }
    .single-content .post-wrap img {
        margin-top: 10px;
    }
    .single-content .post-wrap h1,
    .single-content .post-wrap h2,
    .single-content .post-wrap h3,
    .single-content .post-wrap h4,
    .single-content .post-wrap h5,
    .single-content .post-wrap h6 {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .comments .comment .person img {
        float: none;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 15px;
    }
    .comments .comment {
        text-align: center;
    }
    .comments .comment .comment-reply-link {
        right: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .about .img-wrapper {
        top: -100px;
    }
    .about .img-wrap {
        height: 160px;
    }
    .about .text {
        padding: 65px 15px 40px;
    }
    .counter .count-title {
        font-size: 26px;
    }
    .banner-wrap .info .title {
        font-size: 38px;
    }
    .wes-portfolio-wrap .item {
        width: 100%;
    }
    .blog-title {
        font-size: 38px;
        text-align: center;
    }
    .blog-subtitle {
        font-size: 12px;
        text-align: center;
    }
    .blog .main-title {
        font-size: 24px;
        margin-top: 30px;
        margin-bottom: 25px;
        line-height: 1.2;
    }
    .banner-wrap .banner {
        min-height: 400px;
    }
    .banner-wrap .info {
        margin-top: 110px;
    }
    .about .img-wrapper {
        padding-right: 50px;
        padding-left: 50px;
    }
    .about .img-wrap {
        height: 140px;
    }
    .about .text {
        padding: 77px 15px 40px;
    }
}

@media only screen and (max-width: 480px) {
    .custom-shortcode {
        padding: 20px 20px 5px;
    }
    .copyright {
        margin-top: 20px;
    }
    div[role="form"] {
        padding: 30px 15px 20px;
    }
    .about .img-wrapper {
        top: -60px;
    }
    .about .img-wrap {
        height: 120px;
    }
    .blog .main-title {
        font-size: 24px;
    }
}

body table.booked-calendar tr.days,
body table.booked-calendar thead th .monthName {
    text-transform: capitalize;
}

.centralizer.pages {
    opacity: 1;
}

.centralizer.pages .points {
    background-color: #1a1a1a;
    color: #fff;
    cursor: default;
}

.wpcf7-form label {
    margin-bottom: 0;
}

.wpcf7-form input,
.wpcf7-form textarea,
.wpcf7-form select {
    margin-bottom: 5px;
}

.cd-timeline-navigation a.next::before {
    -webkit-transform: translate(-16px, -50%);
    -ms-transform: translate(-16px, -50%);
    transform: translate(-16px, -50%);
}

.cd-timeline-navigation a.prev::before {
    -webkit-transform: translate(-16px, -63%);
    -ms-transform: translate(-16px, -63%);
    transform: translate(-16px, -63%);
}

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

.margin-lg-0t {
    margin-top: 0px;
}

.margin-lg-5t {
    margin-top: 5px;
}

.margin-lg-10t {
    margin-top: 10px;
}

.margin-lg-15t {
    margin-top: 15px;
}

.margin-lg-20t {
    margin-top: 20px;
}

.margin-lg-25t {
    margin-top: 25px;
}

.margin-lg-30t {
    margin-top: 30px;
}

.margin-lg-35t {
    margin-top: 35px;
}

.margin-lg-40t {
    margin-top: 40px;
}

.margin-lg-45t {
    margin-top: 45px;
}

.margin-lg-50t {
    margin-top: 50px;
}

.margin-lg-55t {
    margin-top: 55px;
}

.margin-lg-60t {
    margin-top: 60px;
}

.margin-lg-65t {
    margin-top: 65px;
}

.margin-lg-70t {
    margin-top: 70px;
}

.margin-lg-75t {
    margin-top: 75px;
}

.margin-lg-80t {
    margin-top: 80px;
}

.margin-lg-85t {
    margin-top: 85px;
}

.margin-lg-90t {
    margin-top: 90px;
}

.margin-lg-95t {
    margin-top: 95px;
}

.margin-lg-100t {
    margin-top: 100px;
}

.margin-lg-105t {
    margin-top: 105px;
}

.margin-lg-110t {
    margin-top: 110px;
}

.margin-lg-115t {
    margin-top: 115px;
}

.margin-lg-120t {
    margin-top: 120px;
}

.margin-lg-125t {
    margin-top: 125px;
}

.margin-lg-130t {
    margin-top: 130px;
}

.margin-lg-135t {
    margin-top: 135px;
}

.margin-lg-140t {
    margin-top: 140px;
}

.margin-lg-145t {
    margin-top: 145px;
}

.margin-lg-150t {
    margin-top: 150px;
}

.margin-lg-155t {
    margin-top: 155px;
}

.margin-lg-160t {
    margin-top: 160px;
}

.margin-lg-165t {
    margin-top: 165px;
}

.margin-lg-170t {
    margin-top: 170px;
}

.margin-lg-175t {
    margin-top: 175px;
}

.margin-lg-180t {
    margin-top: 180px;
}

.margin-lg-185t {
    margin-top: 185px;
}

.margin-lg-190t {
    margin-top: 190px;
}

.margin-lg-195t {
    margin-top: 195px;
}

.margin-lg-200t {
    margin-top: 200px;
}

.margin-lg-0b {
    margin-bottom: 0px;
}

.margin-lg-5b {
    margin-bottom: 5px;
}

.margin-lg-10b {
    margin-bottom: 10px;
}

.margin-lg-15b {
    margin-bottom: 15px;
}

.margin-lg-20b {
    margin-bottom: 20px;
}

.margin-lg-25b {
    margin-bottom: 25px;
}

.margin-lg-30b {
    margin-bottom: 30px;
}

.margin-lg-35b {
    margin-bottom: 35px;
}

.margin-lg-40b {
    margin-bottom: 40px;
}

.margin-lg-45b {
    margin-bottom: 45px;
}

.margin-lg-50b {
    margin-bottom: 50px;
}

.margin-lg-55b {
    margin-bottom: 55px;
}

.margin-lg-60b {
    margin-bottom: 60px;
}

.margin-lg-65b {
    margin-bottom: 65px;
}

.margin-lg-70b {
    margin-bottom: 70px;
}

.margin-lg-75b {
    margin-bottom: 75px;
}

.margin-lg-80b {
    margin-bottom: 80px;
}

.margin-lg-85b {
    margin-bottom: 85px;
}

.margin-lg-90b {
    margin-bottom: 90px;
}

.margin-lg-95b {
    margin-bottom: 95px;
}

.margin-lg-100b {
    margin-bottom: 100px;
}

.margin-lg-105b {
    margin-bottom: 105px;
}

.margin-lg-110b {
    margin-bottom: 110px;
}

.margin-lg-115b {
    margin-bottom: 115px;
}

.margin-lg-120b {
    margin-bottom: 120px;
}

.margin-lg-125b {
    margin-bottom: 125px;
}

.margin-lg-130b {
    margin-bottom: 130px;
}

.margin-lg-135b {
    margin-bottom: 135px;
}

.margin-lg-140b {
    margin-bottom: 140px;
}

.margin-lg-145b {
    margin-bottom: 145px;
}

.margin-lg-150b {
    margin-bottom: 150px;
}

.margin-lg-155b {
    margin-bottom: 155px;
}

.margin-lg-160b {
    margin-bottom: 160px;
}

.margin-lg-165b {
    margin-bottom: 165px;
}

.margin-lg-170b {
    margin-bottom: 170px;
}

.margin-lg-175b {
    margin-bottom: 175px;
}

.margin-lg-180b {
    margin-bottom: 180px;
}

.margin-lg-185b {
    margin-bottom: 185px;
}

.margin-lg-190b {
    margin-bottom: 190px;
}

.margin-lg-195b {
    margin-bottom: 195px;
}

.margin-lg-200b {
    margin-bottom: 200px;
}

.padding-lg-0t {
    padding-top: 0px;
}

.padding-lg-5t {
    padding-top: 5px;
}

.padding-lg-10t {
    padding-top: 10px;
}

.padding-lg-15t {
    padding-top: 15px;
}

.padding-lg-20t {
    padding-top: 20px;
}

.padding-lg-25t {
    padding-top: 25px;
}

.padding-lg-30t {
    padding-top: 30px;
}

.padding-lg-35t {
    padding-top: 35px;
}

.padding-lg-40t {
    padding-top: 40px;
}

.padding-lg-45t {
    padding-top: 45px;
}

.padding-lg-50t {
    padding-top: 50px;
}

.padding-lg-55t {
    padding-top: 55px;
}

.padding-lg-60t {
    padding-top: 60px;
}

.padding-lg-65t {
    padding-top: 65px;
}

.padding-lg-70t {
    padding-top: 70px;
}

.padding-lg-75t {
    padding-top: 75px;
}

.padding-lg-80t {
    padding-top: 80px;
}

.padding-lg-85t {
    padding-top: 85px;
}

.padding-lg-90t {
    padding-top: 90px;
}

.padding-lg-95t {
    padding-top: 95px;
}

.padding-lg-100t {
    padding-top: 100px;
}

.padding-lg-105t {
    padding-top: 105px;
}

.padding-lg-110t {
    padding-top: 110px;
}

.padding-lg-115t {
    padding-top: 115px;
}

.padding-lg-120t {
    padding-top: 120px;
}

.padding-lg-125t {
    padding-top: 125px;
}

.padding-lg-130t {
    padding-top: 130px;
}

.padding-lg-135t {
    padding-top: 135px;
}

.padding-lg-140t {
    padding-top: 140px;
}

.padding-lg-145t {
    padding-top: 145px;
}

.padding-lg-150t {
    padding-top: 150px;
}

.padding-lg-155t {
    padding-top: 155px;
}

.padding-lg-160t {
    padding-top: 160px;
}

.padding-lg-165t {
    padding-top: 165px;
}

.padding-lg-170t {
    padding-top: 170px;
}

.padding-lg-175t {
    padding-top: 175px;
}

.padding-lg-180t {
    padding-top: 180px;
}

.padding-lg-185t {
    padding-top: 185px;
}

.padding-lg-190t {
    padding-top: 190px;
}

.padding-lg-195t {
    padding-top: 195px;
}

.padding-lg-200t {
    padding-top: 200px;
}

.padding-lg-0b {
    padding-bottom: 0px;
}

.padding-lg-5b {
    padding-bottom: 5px;
}

.padding-lg-10b {
    padding-bottom: 10px;
}

.padding-lg-15b {
    padding-bottom: 15px;
}

.padding-lg-20b {
    padding-bottom: 20px;
}

.padding-lg-25b {
    padding-bottom: 25px;
}

.padding-lg-30b {
    padding-bottom: 30px;
}

.padding-lg-35b {
    padding-bottom: 35px;
}

.padding-lg-40b {
    padding-bottom: 40px;
}

.padding-lg-45b {
    padding-bottom: 45px;
}

.padding-lg-50b {
    padding-bottom: 50px;
}

.padding-lg-55b {
    padding-bottom: 55px;
}

.padding-lg-60b {
    padding-bottom: 60px;
}

.padding-lg-65b {
    padding-bottom: 65px;
}

.padding-lg-70b {
    padding-bottom: 70px;
}

.padding-lg-75b {
    padding-bottom: 75px;
}

.padding-lg-80b {
    padding-bottom: 80px;
}

.padding-lg-85b {
    padding-bottom: 85px;
}

.padding-lg-90b {
    padding-bottom: 90px;
}

.padding-lg-95b {
    padding-bottom: 95px;
}

.padding-lg-100b {
    padding-bottom: 100px;
}

.padding-lg-105b {
    padding-bottom: 105px;
}

.padding-lg-110b {
    padding-bottom: 110px;
}

.padding-lg-115b {
    padding-bottom: 115px;
}

.padding-lg-120b {
    padding-bottom: 120px;
}

.padding-lg-125b {
    padding-bottom: 125px;
}

.padding-lg-130b {
    padding-bottom: 130px;
}

.padding-lg-135b {
    padding-bottom: 135px;
}

.padding-lg-140b {
    padding-bottom: 140px;
}

.padding-lg-145b {
    padding-bottom: 145px;
}

.padding-lg-150b {
    padding-bottom: 150px;
}

.padding-lg-155b {
    padding-bottom: 155px;
}

.padding-lg-160b {
    padding-bottom: 160px;
}

.padding-lg-165b {
    padding-bottom: 165px;
}

.padding-lg-170b {
    padding-bottom: 170px;
}

.padding-lg-175b {
    padding-bottom: 175px;
}

.padding-lg-180b {
    padding-bottom: 180px;
}

.padding-lg-185b {
    padding-bottom: 185px;
}

.padding-lg-190b {
    padding-bottom: 190px;
}

.padding-lg-195b {
    padding-bottom: 195px;
}

.padding-lg-200b {
    padding-bottom: 200px;
}

@media screen and (max-width: 1199px) {
    .margin-md-0t {
        margin-top: 0px;
    }
    .margin-md-5t {
        margin-top: 5px;
    }
    .margin-md-10t {
        margin-top: 10px;
    }
    .margin-md-15t {
        margin-top: 15px;
    }
    .margin-md-20t {
        margin-top: 20px;
    }
    .margin-md-25t {
        margin-top: 25px;
    }
    .margin-md-30t {
        margin-top: 30px;
    }
    .margin-md-35t {
        margin-top: 35px;
    }
    .margin-md-40t {
        margin-top: 40px;
    }
    .margin-md-45t {
        margin-top: 45px;
    }
    .margin-md-50t {
        margin-top: 50px;
    }
    .margin-md-55t {
        margin-top: 55px;
    }
    .margin-md-60t {
        margin-top: 60px;
    }
    .margin-md-65t {
        margin-top: 65px;
    }
    .margin-md-70t {
        margin-top: 70px;
    }
    .margin-md-75t {
        margin-top: 75px;
    }
    .margin-md-80t {
        margin-top: 80px;
    }
    .margin-md-85t {
        margin-top: 85px;
    }
    .margin-md-90t {
        margin-top: 90px;
    }
    .margin-md-95t {
        margin-top: 95px;
    }
    .margin-md-100t {
        margin-top: 100px;
    }
    .margin-md-105t {
        margin-top: 105px;
    }
    .margin-md-110t {
        margin-top: 110px;
    }
    .margin-md-115t {
        margin-top: 115px;
    }
    .margin-md-120t {
        margin-top: 120px;
    }
    .margin-md-125t {
        margin-top: 125px;
    }
    .margin-md-130t {
        margin-top: 130px;
    }
    .margin-md-135t {
        margin-top: 135px;
    }
    .margin-md-140t {
        margin-top: 140px;
    }
    .margin-md-145t {
        margin-top: 145px;
    }
    .margin-md-150t {
        margin-top: 150px;
    }
    .margin-md-155t {
        margin-top: 155px;
    }
    .margin-md-160t {
        margin-top: 160px;
    }
    .margin-md-165t {
        margin-top: 165px;
    }
    .margin-md-170t {
        margin-top: 170px;
    }
    .margin-md-175t {
        margin-top: 175px;
    }
    .margin-md-180t {
        margin-top: 180px;
    }
    .margin-md-185t {
        margin-top: 185px;
    }
    .margin-md-190t {
        margin-top: 190px;
    }
    .margin-md-195t {
        margin-top: 195px;
    }
    .margin-md-200t {
        margin-top: 200px;
    }
    .margin-md-0b {
        margin-bottom: 0px;
    }
    .margin-md-5b {
        margin-bottom: 5px;
    }
    .margin-md-10b {
        margin-bottom: 10px;
    }
    .margin-md-15b {
        margin-bottom: 15px;
    }
    .margin-md-20b {
        margin-bottom: 20px;
    }
    .margin-md-25b {
        margin-bottom: 25px;
    }
    .margin-md-30b {
        margin-bottom: 30px;
    }
    .margin-md-35b {
        margin-bottom: 35px;
    }
    .margin-md-40b {
        margin-bottom: 40px;
    }
    .margin-md-45b {
        margin-bottom: 45px;
    }
    .margin-md-50b {
        margin-bottom: 50px;
    }
    .margin-md-55b {
        margin-bottom: 55px;
    }
    .margin-md-60b {
        margin-bottom: 60px;
    }
    .margin-md-65b {
        margin-bottom: 65px;
    }
    .margin-md-70b {
        margin-bottom: 70px;
    }
    .margin-md-75b {
        margin-bottom: 75px;
    }
    .margin-md-80b {
        margin-bottom: 80px;
    }
    .margin-md-85b {
        margin-bottom: 85px;
    }
    .margin-md-90b {
        margin-bottom: 90px;
    }
    .margin-md-95b {
        margin-bottom: 95px;
    }
    .margin-md-100b {
        margin-bottom: 100px;
    }
    .margin-md-105b {
        margin-bottom: 105px;
    }
    .margin-md-110b {
        margin-bottom: 110px;
    }
    .margin-md-115b {
        margin-bottom: 115px;
    }
    .margin-md-120b {
        margin-bottom: 120px;
    }
    .margin-md-125b {
        margin-bottom: 125px;
    }
    .margin-md-130b {
        margin-bottom: 130px;
    }
    .margin-md-135b {
        margin-bottom: 135px;
    }
    .margin-md-140b {
        margin-bottom: 140px;
    }
    .margin-md-145b {
        margin-bottom: 145px;
    }
    .margin-md-150b {
        margin-bottom: 150px;
    }
    .margin-md-155b {
        margin-bottom: 155px;
    }
    .margin-md-160b {
        margin-bottom: 160px;
    }
    .margin-md-165b {
        margin-bottom: 165px;
    }
    .margin-md-170b {
        margin-bottom: 170px;
    }
    .margin-md-175b {
        margin-bottom: 175px;
    }
    .margin-md-180b {
        margin-bottom: 180px;
    }
    .margin-md-185b {
        margin-bottom: 185px;
    }
    .margin-md-190b {
        margin-bottom: 190px;
    }
    .margin-md-195b {
        margin-bottom: 195px;
    }
    .margin-md-200b {
        margin-bottom: 200px;
    }
    .padding-md-0t {
        padding-top: 0px;
    }
    .padding-md-5t {
        padding-top: 5px;
    }
    .padding-md-10t {
        padding-top: 10px;
    }
    .padding-md-15t {
        padding-top: 15px;
    }
    .padding-md-20t {
        padding-top: 20px;
    }
    .padding-md-25t {
        padding-top: 25px;
    }
    .padding-md-30t {
        padding-top: 30px;
    }
    .padding-md-35t {
        padding-top: 35px;
    }
    .padding-md-40t {
        padding-top: 40px;
    }
    .padding-md-45t {
        padding-top: 45px;
    }
    .padding-md-50t {
        padding-top: 50px;
    }
    .padding-md-55t {
        padding-top: 55px;
    }
    .padding-md-60t {
        padding-top: 60px;
    }
    .padding-md-65t {
        padding-top: 65px;
    }
    .padding-md-70t {
        padding-top: 70px;
    }
    .padding-md-75t {
        padding-top: 75px;
    }
    .padding-md-80t {
        padding-top: 80px;
    }
    .padding-md-85t {
        padding-top: 85px;
    }
    .padding-md-90t {
        padding-top: 90px;
    }
    .padding-md-95t {
        padding-top: 95px;
    }
    .padding-md-100t {
        padding-top: 100px;
    }
    .padding-md-105t {
        padding-top: 105px;
    }
    .padding-md-110t {
        padding-top: 110px;
    }
    .padding-md-115t {
        padding-top: 115px;
    }
    .padding-md-120t {
        padding-top: 120px;
    }
    .padding-md-125t {
        padding-top: 125px;
    }
    .padding-md-130t {
        padding-top: 130px;
    }
    .padding-md-135t {
        padding-top: 135px;
    }
    .padding-md-140t {
        padding-top: 140px;
    }
    .padding-md-145t {
        padding-top: 145px;
    }
    .padding-md-150t {
        padding-top: 150px;
    }
    .padding-md-155t {
        padding-top: 155px;
    }
    .padding-md-160t {
        padding-top: 160px;
    }
    .padding-md-165t {
        padding-top: 165px;
    }
    .padding-md-170t {
        padding-top: 170px;
    }
    .padding-md-175t {
        padding-top: 175px;
    }
    .padding-md-180t {
        padding-top: 180px;
    }
    .padding-md-185t {
        padding-top: 185px;
    }
    .padding-md-190t {
        padding-top: 190px;
    }
    .padding-md-195t {
        padding-top: 195px;
    }
    .padding-md-200t {
        padding-top: 200px;
    }
    .padding-md-0b {
        padding-bottom: 0px;
    }
    .padding-md-5b {
        padding-bottom: 5px;
    }
    .padding-md-10b {
        padding-bottom: 10px;
    }
    .padding-md-15b {
        padding-bottom: 15px;
    }
    .padding-md-20b {
        padding-bottom: 20px;
    }
    .padding-md-25b {
        padding-bottom: 25px;
    }
    .padding-md-30b {
        padding-bottom: 30px;
    }
    .padding-md-35b {
        padding-bottom: 35px;
    }
    .padding-md-40b {
        padding-bottom: 40px;
    }
    .padding-md-45b {
        padding-bottom: 45px;
    }
    .padding-md-50b {
        padding-bottom: 50px;
    }
    .padding-md-55b {
        padding-bottom: 55px;
    }
    .padding-md-60b {
        padding-bottom: 60px;
    }
    .padding-md-65b {
        padding-bottom: 65px;
    }
    .padding-md-70b {
        padding-bottom: 70px;
    }
    .padding-md-75b {
        padding-bottom: 75px;
    }
    .padding-md-80b {
        padding-bottom: 80px;
    }
    .padding-md-85b {
        padding-bottom: 85px;
    }
    .padding-md-90b {
        padding-bottom: 90px;
    }
    .padding-md-95b {
        padding-bottom: 95px;
    }
    .padding-md-100b {
        padding-bottom: 100px;
    }
    .padding-md-105b {
        padding-bottom: 105px;
    }
    .padding-md-110b {
        padding-bottom: 110px;
    }
    .padding-md-115b {
        padding-bottom: 115px;
    }
    .padding-md-120b {
        padding-bottom: 120px;
    }
    .padding-md-125b {
        padding-bottom: 125px;
    }
    .padding-md-130b {
        padding-bottom: 130px;
    }
    .padding-md-135b {
        padding-bottom: 135px;
    }
    .padding-md-140b {
        padding-bottom: 140px;
    }
    .padding-md-145b {
        padding-bottom: 145px;
    }
    .padding-md-150b {
        padding-bottom: 150px;
    }
    .padding-md-155b {
        padding-bottom: 155px;
    }
    .padding-md-160b {
        padding-bottom: 160px;
    }
    .padding-md-165b {
        padding-bottom: 165px;
    }
    .padding-md-170b {
        padding-bottom: 170px;
    }
    .padding-md-175b {
        padding-bottom: 175px;
    }
    .padding-md-180b {
        padding-bottom: 180px;
    }
    .padding-md-185b {
        padding-bottom: 185px;
    }
    .padding-md-190b {
        padding-bottom: 190px;
    }
    .padding-md-195b {
        padding-bottom: 195px;
    }
    .padding-md-200b {
        padding-bottom: 200px;
    }
}

@media screen and (max-width: 991px) {
    .margin-sm-0t {
        margin-top: 0px;
    }
    .margin-sm-5t {
        margin-top: 5px;
    }
    .margin-sm-10t {
        margin-top: 10px;
    }
    .margin-sm-15t {
        margin-top: 15px;
    }
    .margin-sm-20t {
        margin-top: 20px;
    }
    .margin-sm-25t {
        margin-top: 25px;
    }
    .margin-sm-30t {
        margin-top: 30px;
    }
    .margin-sm-35t {
        margin-top: 35px;
    }
    .margin-sm-40t {
        margin-top: 40px;
    }
    .margin-sm-45t {
        margin-top: 45px;
    }
    .margin-sm-50t {
        margin-top: 50px;
    }
    .margin-sm-55t {
        margin-top: 55px;
    }
    .margin-sm-60t {
        margin-top: 60px;
    }
    .margin-sm-65t {
        margin-top: 65px;
    }
    .margin-sm-70t {
        margin-top: 70px;
    }
    .margin-sm-75t {
        margin-top: 75px;
    }
    .margin-sm-80t {
        margin-top: 80px;
    }
    .margin-sm-85t {
        margin-top: 85px;
    }
    .margin-sm-90t {
        margin-top: 90px;
    }
    .margin-sm-95t {
        margin-top: 95px;
    }
    .margin-sm-100t {
        margin-top: 100px;
    }
    .margin-sm-105t {
        margin-top: 105px;
    }
    .margin-sm-110t {
        margin-top: 110px;
    }
    .margin-sm-115t {
        margin-top: 115px;
    }
    .margin-sm-120t {
        margin-top: 120px;
    }
    .margin-sm-125t {
        margin-top: 125px;
    }
    .margin-sm-130t {
        margin-top: 130px;
    }
    .margin-sm-135t {
        margin-top: 135px;
    }
    .margin-sm-140t {
        margin-top: 140px;
    }
    .margin-sm-145t {
        margin-top: 145px;
    }
    .margin-sm-150t {
        margin-top: 150px;
    }
    .margin-sm-155t {
        margin-top: 155px;
    }
    .margin-sm-160t {
        margin-top: 160px;
    }
    .margin-sm-165t {
        margin-top: 165px;
    }
    .margin-sm-170t {
        margin-top: 170px;
    }
    .margin-sm-175t {
        margin-top: 175px;
    }
    .margin-sm-180t {
        margin-top: 180px;
    }
    .margin-sm-185t {
        margin-top: 185px;
    }
    .margin-sm-190t {
        margin-top: 190px;
    }
    .margin-sm-195t {
        margin-top: 195px;
    }
    .margin-sm-200t {
        margin-top: 200px;
    }
    .margin-sm-0b {
        margin-bottom: 0px;
    }
    .margin-sm-5b {
        margin-bottom: 5px;
    }
    .margin-sm-10b {
        margin-bottom: 10px;
    }
    .margin-sm-15b {
        margin-bottom: 15px;
    }
    .margin-sm-20b {
        margin-bottom: 20px;
    }
    .margin-sm-25b {
        margin-bottom: 25px;
    }
    .margin-sm-30b {
        margin-bottom: 30px;
    }
    .margin-sm-35b {
        margin-bottom: 35px;
    }
    .margin-sm-40b {
        margin-bottom: 40px;
    }
    .margin-sm-45b {
        margin-bottom: 45px;
    }
    .margin-sm-50b {
        margin-bottom: 50px;
    }
    .margin-sm-55b {
        margin-bottom: 55px;
    }
    .margin-sm-60b {
        margin-bottom: 60px;
    }
    .margin-sm-65b {
        margin-bottom: 65px;
    }
    .margin-sm-70b {
        margin-bottom: 70px;
    }
    .margin-sm-75b {
        margin-bottom: 75px;
    }
    .margin-sm-80b {
        margin-bottom: 80px;
    }
    .margin-sm-85b {
        margin-bottom: 85px;
    }
    .margin-sm-90b {
        margin-bottom: 90px;
    }
    .margin-sm-95b {
        margin-bottom: 95px;
    }
    .margin-sm-100b {
        margin-bottom: 100px;
    }
    .margin-sm-105b {
        margin-bottom: 105px;
    }
    .margin-sm-110b {
        margin-bottom: 110px;
    }
    .margin-sm-115b {
        margin-bottom: 115px;
    }
    .margin-sm-120b {
        margin-bottom: 120px;
    }
    .margin-sm-125b {
        margin-bottom: 125px;
    }
    .margin-sm-130b {
        margin-bottom: 130px;
    }
    .margin-sm-135b {
        margin-bottom: 135px;
    }
    .margin-sm-140b {
        margin-bottom: 140px;
    }
    .margin-sm-145b {
        margin-bottom: 145px;
    }
    .margin-sm-150b {
        margin-bottom: 150px;
    }
    .margin-sm-155b {
        margin-bottom: 155px;
    }
    .margin-sm-160b {
        margin-bottom: 160px;
    }
    .margin-sm-165b {
        margin-bottom: 165px;
    }
    .margin-sm-170b {
        margin-bottom: 170px;
    }
    .margin-sm-175b {
        margin-bottom: 175px;
    }
    .margin-sm-180b {
        margin-bottom: 180px;
    }
    .margin-sm-185b {
        margin-bottom: 185px;
    }
    .margin-sm-190b {
        margin-bottom: 190px;
    }
    .margin-sm-195b {
        margin-bottom: 195px;
    }
    .margin-sm-200b {
        margin-bottom: 200px;
    }
    .padding-sm-0t {
        padding-top: 0px;
    }
    .padding-sm-5t {
        padding-top: 5px;
    }
    .padding-sm-10t {
        padding-top: 10px;
    }
    .padding-sm-15t {
        padding-top: 15px;
    }
    .padding-sm-20t {
        padding-top: 20px;
    }
    .padding-sm-25t {
        padding-top: 25px;
    }
    .padding-sm-30t {
        padding-top: 30px;
    }
    .padding-sm-35t {
        padding-top: 35px;
    }
    .padding-sm-40t {
        padding-top: 40px;
    }
    .padding-sm-45t {
        padding-top: 45px;
    }
    .padding-sm-50t {
        padding-top: 50px;
    }
    .padding-sm-55t {
        padding-top: 55px;
    }
    .padding-sm-60t {
        padding-top: 60px;
    }
    .padding-sm-65t {
        padding-top: 65px;
    }
    .padding-sm-70t {
        padding-top: 70px;
    }
    .padding-sm-75t {
        padding-top: 75px;
    }
    .padding-sm-80t {
        padding-top: 80px;
    }
    .padding-sm-85t {
        padding-top: 85px;
    }
    .padding-sm-90t {
        padding-top: 90px;
    }
    .padding-sm-95t {
        padding-top: 95px;
    }
    .padding-sm-100t {
        padding-top: 100px;
    }
    .padding-sm-105t {
        padding-top: 105px;
    }
    .padding-sm-110t {
        padding-top: 110px;
    }
    .padding-sm-115t {
        padding-top: 115px;
    }
    .padding-sm-120t {
        padding-top: 120px;
    }
    .padding-sm-125t {
        padding-top: 125px;
    }
    .padding-sm-130t {
        padding-top: 130px;
    }
    .padding-sm-135t {
        padding-top: 135px;
    }
    .padding-sm-140t {
        padding-top: 140px;
    }
    .padding-sm-145t {
        padding-top: 145px;
    }
    .padding-sm-150t {
        padding-top: 150px;
    }
    .padding-sm-155t {
        padding-top: 155px;
    }
    .padding-sm-160t {
        padding-top: 160px;
    }
    .padding-sm-165t {
        padding-top: 165px;
    }
    .padding-sm-170t {
        padding-top: 170px;
    }
    .padding-sm-175t {
        padding-top: 175px;
    }
    .padding-sm-180t {
        padding-top: 180px;
    }
    .padding-sm-185t {
        padding-top: 185px;
    }
    .padding-sm-190t {
        padding-top: 190px;
    }
    .padding-sm-195t {
        padding-top: 195px;
    }
    .padding-sm-200t {
        padding-top: 200px;
    }
    .padding-sm-0b {
        padding-bottom: 0px;
    }
    .padding-sm-5b {
        padding-bottom: 5px;
    }
    .padding-sm-10b {
        padding-bottom: 10px;
    }
    .padding-sm-15b {
        padding-bottom: 15px;
    }
    .padding-sm-20b {
        padding-bottom: 20px;
    }
    .padding-sm-25b {
        padding-bottom: 25px;
    }
    .padding-sm-30b {
        padding-bottom: 30px;
    }
    .padding-sm-35b {
        padding-bottom: 35px;
    }
    .padding-sm-40b {
        padding-bottom: 40px;
    }
    .padding-sm-45b {
        padding-bottom: 45px;
    }
    .padding-sm-50b {
        padding-bottom: 50px;
    }
    .padding-sm-55b {
        padding-bottom: 55px;
    }
    .padding-sm-60b {
        padding-bottom: 60px;
    }
    .padding-sm-65b {
        padding-bottom: 65px;
    }
    .padding-sm-70b {
        padding-bottom: 70px;
    }
    .padding-sm-75b {
        padding-bottom: 75px;
    }
    .padding-sm-80b {
        padding-bottom: 80px;
    }
    .padding-sm-85b {
        padding-bottom: 85px;
    }
    .padding-sm-90b {
        padding-bottom: 90px;
    }
    .padding-sm-95b {
        padding-bottom: 95px;
    }
    .padding-sm-100b {
        padding-bottom: 100px;
    }
    .padding-sm-105b {
        padding-bottom: 105px;
    }
    .padding-sm-110b {
        padding-bottom: 110px;
    }
    .padding-sm-115b {
        padding-bottom: 115px;
    }
    .padding-sm-120b {
        padding-bottom: 120px;
    }
    .padding-sm-125b {
        padding-bottom: 125px;
    }
    .padding-sm-130b {
        padding-bottom: 130px;
    }
    .padding-sm-135b {
        padding-bottom: 135px;
    }
    .padding-sm-140b {
        padding-bottom: 140px;
    }
    .padding-sm-145b {
        padding-bottom: 145px;
    }
    .padding-sm-150b {
        padding-bottom: 150px;
    }
    .padding-sm-155b {
        padding-bottom: 155px;
    }
    .padding-sm-160b {
        padding-bottom: 160px;
    }
    .padding-sm-165b {
        padding-bottom: 165px;
    }
    .padding-sm-170b {
        padding-bottom: 170px;
    }
    .padding-sm-175b {
        padding-bottom: 175px;
    }
    .padding-sm-180b {
        padding-bottom: 180px;
    }
    .padding-sm-185b {
        padding-bottom: 185px;
    }
    .padding-sm-190b {
        padding-bottom: 190px;
    }
    .padding-sm-195b {
        padding-bottom: 195px;
    }
    .padding-sm-200b {
        padding-bottom: 200px;
    }
}

@media screen and (max-width: 767px) {
    .margin-xs-0t {
        margin-top: 0px;
    }
    .margin-xs-5t {
        margin-top: 5px;
    }
    .margin-xs-10t {
        margin-top: 10px;
    }
    .margin-xs-15t {
        margin-top: 15px;
    }
    .margin-xs-20t {
        margin-top: 20px;
    }
    .margin-xs-25t {
        margin-top: 25px;
    }
    .margin-xs-30t {
        margin-top: 30px;
    }
    .margin-xs-35t {
        margin-top: 35px;
    }
    .margin-xs-40t {
        margin-top: 40px;
    }
    .margin-xs-45t {
        margin-top: 45px;
    }
    .margin-xs-50t {
        margin-top: 50px;
    }
    .margin-xs-55t {
        margin-top: 55px;
    }
    .margin-xs-60t {
        margin-top: 60px;
    }
    .margin-xs-65t {
        margin-top: 65px;
    }
    .margin-xs-70t {
        margin-top: 70px;
    }
    .margin-xs-75t {
        margin-top: 75px;
    }
    .margin-xs-80t {
        margin-top: 80px;
    }
    .margin-xs-85t {
        margin-top: 85px;
    }
    .margin-xs-90t {
        margin-top: 90px;
    }
    .margin-xs-95t {
        margin-top: 95px;
    }
    .margin-xs-100t {
        margin-top: 100px;
    }
    .margin-xs-105t {
        margin-top: 105px;
    }
    .margin-xs-110t {
        margin-top: 110px;
    }
    .margin-xs-115t {
        margin-top: 115px;
    }
    .margin-xs-120t {
        margin-top: 120px;
    }
    .margin-xs-125t {
        margin-top: 125px;
    }
    .margin-xs-130t {
        margin-top: 130px;
    }
    .margin-xs-135t {
        margin-top: 135px;
    }
    .margin-xs-140t {
        margin-top: 140px;
    }
    .margin-xs-145t {
        margin-top: 145px;
    }
    .margin-xs-150t {
        margin-top: 150px;
    }
    .margin-xs-155t {
        margin-top: 155px;
    }
    .margin-xs-160t {
        margin-top: 160px;
    }
    .margin-xs-165t {
        margin-top: 165px;
    }
    .margin-xs-170t {
        margin-top: 170px;
    }
    .margin-xs-175t {
        margin-top: 175px;
    }
    .margin-xs-180t {
        margin-top: 180px;
    }
    .margin-xs-185t {
        margin-top: 185px;
    }
    .margin-xs-190t {
        margin-top: 190px;
    }
    .margin-xs-195t {
        margin-top: 195px;
    }
    .margin-xs-200t {
        margin-top: 200px;
    }
    .margin-xs-0b {
        margin-bottom: 0px;
    }
    .margin-xs-5b {
        margin-bottom: 5px;
    }
    .margin-xs-10b {
        margin-bottom: 10px;
    }
    .margin-xs-15b {
        margin-bottom: 15px;
    }
    .margin-xs-20b {
        margin-bottom: 20px;
    }
    .margin-xs-25b {
        margin-bottom: 25px;
    }
    .margin-xs-30b {
        margin-bottom: 30px;
    }
    .margin-xs-35b {
        margin-bottom: 35px;
    }
    .margin-xs-40b {
        margin-bottom: 40px;
    }
    .margin-xs-45b {
        margin-bottom: 45px;
    }
    .margin-xs-50b {
        margin-bottom: 50px;
    }
    .margin-xs-55b {
        margin-bottom: 55px;
    }
    .margin-xs-60b {
        margin-bottom: 60px;
    }
    .margin-xs-65b {
        margin-bottom: 65px;
    }
    .margin-xs-70b {
        margin-bottom: 70px;
    }
    .margin-xs-75b {
        margin-bottom: 75px;
    }
    .margin-xs-80b {
        margin-bottom: 80px;
    }
    .margin-xs-85b {
        margin-bottom: 85px;
    }
    .margin-xs-90b {
        margin-bottom: 90px;
    }
    .margin-xs-95b {
        margin-bottom: 95px;
    }
    .margin-xs-100b {
        margin-bottom: 100px;
    }
    .margin-xs-105b {
        margin-bottom: 105px;
    }
    .margin-xs-110b {
        margin-bottom: 110px;
    }
    .margin-xs-115b {
        margin-bottom: 115px;
    }
    .margin-xs-120b {
        margin-bottom: 120px;
    }
    .margin-xs-125b {
        margin-bottom: 125px;
    }
    .margin-xs-130b {
        margin-bottom: 130px;
    }
    .margin-xs-135b {
        margin-bottom: 135px;
    }
    .margin-xs-140b {
        margin-bottom: 140px;
    }
    .margin-xs-145b {
        margin-bottom: 145px;
    }
    .margin-xs-150b {
        margin-bottom: 150px;
    }
    .margin-xs-155b {
        margin-bottom: 155px;
    }
    .margin-xs-160b {
        margin-bottom: 160px;
    }
    .margin-xs-165b {
        margin-bottom: 165px;
    }
    .margin-xs-170b {
        margin-bottom: 170px;
    }
    .margin-xs-175b {
        margin-bottom: 175px;
    }
    .margin-xs-180b {
        margin-bottom: 180px;
    }
    .margin-xs-185b {
        margin-bottom: 185px;
    }
    .margin-xs-190b {
        margin-bottom: 190px;
    }
    .margin-xs-195b {
        margin-bottom: 195px;
    }
    .margin-xs-200b {
        margin-bottom: 200px;
    }
    .padding-xs-0t {
        padding-top: 0px;
    }
    .padding-xs-5t {
        padding-top: 5px;
    }
    .padding-xs-10t {
        padding-top: 10px;
    }
    .padding-xs-15t {
        padding-top: 15px;
    }
    .padding-xs-20t {
        padding-top: 20px;
    }
    .padding-xs-25t {
        padding-top: 25px;
    }
    .padding-xs-30t {
        padding-top: 30px;
    }
    .padding-xs-35t {
        padding-top: 35px;
    }
    .padding-xs-40t {
        padding-top: 40px;
    }
    .padding-xs-45t {
        padding-top: 45px;
    }
    .padding-xs-50t {
        padding-top: 50px;
    }
    .padding-xs-55t {
        padding-top: 55px;
    }
    .padding-xs-60t {
        padding-top: 60px;
    }
    .padding-xs-65t {
        padding-top: 65px;
    }
    .padding-xs-70t {
        padding-top: 70px;
    }
    .padding-xs-75t {
        padding-top: 75px;
    }
    .padding-xs-80t {
        padding-top: 80px;
    }
    .padding-xs-85t {
        padding-top: 85px;
    }
    .padding-xs-90t {
        padding-top: 90px;
    }
    .padding-xs-95t {
        padding-top: 95px;
    }
    .padding-xs-100t {
        padding-top: 100px;
    }
    .padding-xs-105t {
        padding-top: 105px;
    }
    .padding-xs-110t {
        padding-top: 110px;
    }
    .padding-xs-115t {
        padding-top: 115px;
    }
    .padding-xs-120t {
        padding-top: 120px;
    }
    .padding-xs-125t {
        padding-top: 125px;
    }
    .padding-xs-130t {
        padding-top: 130px;
    }
    .padding-xs-135t {
        padding-top: 135px;
    }
    .padding-xs-140t {
        padding-top: 140px;
    }
    .padding-xs-145t {
        padding-top: 145px;
    }
    .padding-xs-150t {
        padding-top: 150px;
    }
    .padding-xs-155t {
        padding-top: 155px;
    }
    .padding-xs-160t {
        padding-top: 160px;
    }
    .padding-xs-165t {
        padding-top: 165px;
    }
    .padding-xs-170t {
        padding-top: 170px;
    }
    .padding-xs-175t {
        padding-top: 175px;
    }
    .padding-xs-180t {
        padding-top: 180px;
    }
    .padding-xs-185t {
        padding-top: 185px;
    }
    .padding-xs-190t {
        padding-top: 190px;
    }
    .padding-xs-195t {
        padding-top: 195px;
    }
    .padding-xs-200t {
        padding-top: 200px;
    }
    .padding-xs-0b {
        padding-bottom: 0px;
    }
    .padding-xs-5b {
        padding-bottom: 5px;
    }
    .padding-xs-10b {
        padding-bottom: 10px;
    }
    .padding-xs-15b {
        padding-bottom: 15px;
    }
    .padding-xs-20b {
        padding-bottom: 20px;
    }
    .padding-xs-25b {
        padding-bottom: 25px;
    }
    .padding-xs-30b {
        padding-bottom: 30px;
    }
    .padding-xs-35b {
        padding-bottom: 35px;
    }
    .padding-xs-40b {
        padding-bottom: 40px;
    }
    .padding-xs-45b {
        padding-bottom: 45px;
    }
    .padding-xs-50b {
        padding-bottom: 50px;
    }
    .padding-xs-55b {
        padding-bottom: 55px;
    }
    .padding-xs-60b {
        padding-bottom: 60px;
    }
    .padding-xs-65b {
        padding-bottom: 65px;
    }
    .padding-xs-70b {
        padding-bottom: 70px;
    }
    .padding-xs-75b {
        padding-bottom: 75px;
    }
    .padding-xs-80b {
        padding-bottom: 80px;
    }
    .padding-xs-85b {
        padding-bottom: 85px;
    }
    .padding-xs-90b {
        padding-bottom: 90px;
    }
    .padding-xs-95b {
        padding-bottom: 95px;
    }
    .padding-xs-100b {
        padding-bottom: 100px;
    }
    .padding-xs-105b {
        padding-bottom: 105px;
    }
    .padding-xs-110b {
        padding-bottom: 110px;
    }
    .padding-xs-115b {
        padding-bottom: 115px;
    }
    .padding-xs-120b {
        padding-bottom: 120px;
    }
    .padding-xs-125b {
        padding-bottom: 125px;
    }
    .padding-xs-130b {
        padding-bottom: 130px;
    }
    .padding-xs-135b {
        padding-bottom: 135px;
    }
    .padding-xs-140b {
        padding-bottom: 140px;
    }
    .padding-xs-145b {
        padding-bottom: 145px;
    }
    .padding-xs-150b {
        padding-bottom: 150px;
    }
    .padding-xs-155b {
        padding-bottom: 155px;
    }
    .padding-xs-160b {
        padding-bottom: 160px;
    }
    .padding-xs-165b {
        padding-bottom: 165px;
    }
    .padding-xs-170b {
        padding-bottom: 170px;
    }
    .padding-xs-175b {
        padding-bottom: 175px;
    }
    .padding-xs-180b {
        padding-bottom: 180px;
    }
    .padding-xs-185b {
        padding-bottom: 185px;
    }
    .padding-xs-190b {
        padding-bottom: 190px;
    }
    .padding-xs-195b {
        padding-bottom: 195px;
    }
    .padding-xs-200b {
        padding-bottom: 200px;
    }
}

.relative-block {
    position: relative;
}

.margin-lg-125t- {
    margin-top: -125px;
}

.margin-lg-125b- {
    margin-bottom: -125px;
}

.margin-lg-30t- {
    margin-top: -30px;
}

.margin-lg-30b- {
    margin-bottom: -30px;
}

.bg-color1 {
    background-color: #fff;
}

.tv {
    height: 500px;
}

.video-wrap {
    position: relative;
}

.video-wrap .container {
    position: relative;
    z-index: 99;
}






#about {
    z-index: 99;
}



/* DNA Loader */



body {
  
}



.DNA_cont {
  display: inline-block;
  position: relative;
  -webkit-transform: scale(0.685);
          transform: scale(0.685);
}

.nucleobase {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.nucleobase:not(:last-child) {
  margin-right: 4.86vh;
}
.nucleobase:before, .nucleobase:after {
  content: "";
  display: inline-block;
  width: 3vh;
  height: 3vh;
  border-radius: 50%;
  position: absolute;
}
.nucleobase:nth-child(1) {
  -webkit-animation-delay: -1.869s;
          animation-delay: -1.869s;
}
.nucleobase:nth-child(1):before {
  -webkit-animation: animBefore 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
          animation: animBefore 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
  -webkit-animation-delay: -1.869s;
          animation-delay: -1.869s;
  background-color: #ff8490;
}
.nucleobase:nth-child(1):after {
  -webkit-animation: animAfter 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
          animation: animAfter 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
  -webkit-animation-delay: -1.869s;
          animation-delay: -1.869s;
  background-color: #ff737c;
}
.nucleobase:nth-child(2) {
  -webkit-animation-delay: -3.738s;
          animation-delay: -3.738s;
}
.nucleobase:nth-child(2):before {
  -webkit-animation: animBefore 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
          animation: animBefore 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
  -webkit-animation-delay: -3.738s;
          animation-delay: -3.738s;
  background-color: #ff8490;
}
.nucleobase:nth-child(2):after {
  -webkit-animation: animAfter 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
          animation: animAfter 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
  -webkit-animation-delay: -3.738s;
          animation-delay: -3.738s;
  background-color: #ff737c;
}
.nucleobase:nth-child(3) {
  -webkit-animation-delay: -5.607s;
          animation-delay: -5.607s;
}
.nucleobase:nth-child(3):before {
  -webkit-animation: animBefore 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
          animation: animBefore 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
  -webkit-animation-delay: -5.607s;
          animation-delay: -5.607s;
  background-color: #ff8490;
}
.nucleobase:nth-child(3):after {
  -webkit-animation: animAfter 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
          animation: animAfter 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
  -webkit-animation-delay: -5.607s;
          animation-delay: -5.607s;
  background-color: #ff737c;
}
.nucleobase:nth-child(4) {
  -webkit-animation-delay: -7.476s;
          animation-delay: -7.476s;
}
.nucleobase:nth-child(4):before {
  -webkit-animation: animBefore 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
          animation: animBefore 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
  -webkit-animation-delay: -7.476s;
          animation-delay: -7.476s;
  background-color: #ff8490;
}
.nucleobase:nth-child(4):after {
  -webkit-animation: animAfter 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
          animation: animAfter 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
  -webkit-animation-delay: -7.476s;
          animation-delay: -7.476s;
  background-color: #ff737c;
}
.nucleobase:nth-child(5) {
  -webkit-animation-delay: -9.345s;
          animation-delay: -9.345s;
}
.nucleobase:nth-child(5):before {
  -webkit-animation: animBefore 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
          animation: animBefore 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
  -webkit-animation-delay: -9.345s;
          animation-delay: -9.345s;
  background-color: #ff8490;
}
.nucleobase:nth-child(5):after {
  -webkit-animation: animAfter 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
          animation: animAfter 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
  -webkit-animation-delay: -9.345s;
          animation-delay: -9.345s;
  background-color: #ff737c;
}
.nucleobase:nth-child(6) {
  -webkit-animation-delay: -11.214s;
          animation-delay: -11.214s;
}
.nucleobase:nth-child(6):before {
  -webkit-animation: animBefore 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
          animation: animBefore 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
  -webkit-animation-delay: -11.214s;
          animation-delay: -11.214s;
  background-color: #ff8490;
}
.nucleobase:nth-child(6):after {
  -webkit-animation: animAfter 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
          animation: animAfter 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
  -webkit-animation-delay: -11.214s;
          animation-delay: -11.214s;
  background-color: #ff737c;
}
.nucleobase:nth-child(7) {
  -webkit-animation-delay: -13.083s;
          animation-delay: -13.083s;
}
.nucleobase:nth-child(7):before {
  -webkit-animation: animBefore 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
          animation: animBefore 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
  -webkit-animation-delay: -13.083s;
          animation-delay: -13.083s;
  background-color: #ff8490;
}
.nucleobase:nth-child(7):after {
  -webkit-animation: animAfter 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
          animation: animAfter 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
  -webkit-animation-delay: -13.083s;
          animation-delay: -13.083s;
  background-color: #ff737c;
}
.nucleobase:nth-child(8) {
  -webkit-animation-delay: -14.952s;
          animation-delay: -14.952s;
}
.nucleobase:nth-child(8):before {
  -webkit-animation: animBefore 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
          animation: animBefore 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
  -webkit-animation-delay: -14.952s;
          animation-delay: -14.952s;
  background-color: #ff8490;
}
.nucleobase:nth-child(8):after {
  -webkit-animation: animAfter 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
          animation: animAfter 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
  -webkit-animation-delay: -14.952s;
          animation-delay: -14.952s;
  background-color: #ff737c;
}
.nucleobase:nth-child(9) {
  -webkit-animation-delay: -16.821s;
          animation-delay: -16.821s;
}
.nucleobase:nth-child(9):before {
  -webkit-animation: animBefore 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
          animation: animBefore 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
  -webkit-animation-delay: -16.821s;
          animation-delay: -16.821s;
  background-color: #ff8490;
}
.nucleobase:nth-child(9):after {
  -webkit-animation: animAfter 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
          animation: animAfter 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
  -webkit-animation-delay: -16.821s;
          animation-delay: -16.821s;
  background-color: #ff737c;
}
.nucleobase:nth-child(10) {
  -webkit-animation-delay: -18.69s;
          animation-delay: -18.69s;
}
.nucleobase:nth-child(10):before {
  -webkit-animation: animBefore 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
          animation: animBefore 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
  -webkit-animation-delay: -18.69s;
          animation-delay: -18.69s;
  background-color: #ff8490;
}
.nucleobase:nth-child(10):after {
  -webkit-animation: animAfter 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
          animation: animAfter 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
  -webkit-animation-delay: -18.69s;
          animation-delay: -18.69s;
  background-color: #ff737c;
}

@-webkit-keyframes animBefore {
  0% {
    top: -6vh;
    z-index: 1;
  }
  25% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    z-index: 1;
  }
  50% {
    top: 6vh;
    z-index: -1;
  }
  75% {
    background-color: #ffdab2;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    z-index: -1;
  }
  100% {
    top: -6vh;
    z-index: -1;
  }
}

@keyframes animBefore {
  0% {
    top: -6vh;
    z-index: 1;
  }
  25% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    z-index: 1;
  }
  50% {
    top: 6vh;
    z-index: -1;
  }
  75% {
    background-color: #ffdab2;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    z-index: -1;
  }
  100% {
    top: -6vh;
    z-index: -1;
  }
}
@-webkit-keyframes animAfter {
  0% {
    top: 6vh;
    z-index: -1;
  }
  25% {
    background-color: #ff329b;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    z-index: -1;
  }
  50% {
    top: -6vh;
    z-index: 1;
  }
  75% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    z-index: 1;
  }
  100% {
    top: 6vh;
    z-index: 1;
  }
}
@keyframes animAfter {
  0% {
    top: 6vh;
    z-index: -1;
  }
  25% {
    background-color: #ff329b;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    z-index: -1;
  }
  50% {
    top: -6vh;
    z-index: 1;
  }
  75% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    z-index: 1;
  }
  100% {
    top: 6vh;
    z-index: 1;
  }
}
@-webkit-keyframes animDotBar {
  0% {
    height: 8.25vh;
  }
  25% {
    height: 0;
  }
  50% {
    height: 8.25vh;
  }
  75% {
    height: 0;
  }
  100% {
    height: 8.25vh;
  }
}
@keyframes animDotBar {
  0% {
    height: 8.25vh;
  }
  25% {
    height: 0;
  }
  50% {
    height: 8.25vh;
  }
  75% {
    height: 0;
  }
  100% {
    height: 8.25vh;
  }
}