html {
    overflow-x: hidden;
}

body {
    color: #5e6472;
    font-family: "Nunito", monospac;
    line-height: 1.7;
    font-size: 16px;
    font-weight: 400;
    overflow-x: hidden;
}
.font-alt {
    font-family: "Nunito", serif;
}
img {
    max-width: 100%;
}
pre {
    color: #ffffff !important;
    background-color: #212529;
    padding: 20px;
}
/* .img-display{
    display: none !important;
} */

* {
    outline: none !important;
}

a {
    color: #251234;
}

a:hover {
    color: #d58138;
    text-decoration: none;
}

mark {
    background-image: linear-gradient(#251234, #251234);
    background-size: 100% 3px;
    background-repeat: no-repeat;
    background-position: 0 bottom;
    background-color: transparent;
    padding: 0;
    color: currentColor;
}

#loading {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #251234;
    z-index: 99999;
}

.load-circle {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 50px;
    height: 50px;
}
.load-circle span {
    display: inline-block;
    width: 64px;
    height: 64px;
}
.load-circle span:after {
    content: " ";
    display: block;
    width: 46px;
    height: 46px;
    margin: 1px;
    border-radius: 50%;
    border: 5px solid #fff;
    border-color: #fff transparent #fff transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.owl-dots {
    text-align: center;
}
.owl-dots .owl-dot {
    display: inline-block;
    vertical-align: top;
    width: 10px;
    height: 12px;
    background: transparent;
    border: 1px solid #251234;
    -moz-transition: ease all 0.55s;
    -o-transition: ease all 0.55s;
    -webkit-transition: ease all 0.55s;
    transition: ease all 0.55s;
    border-radius: 50%;
    margin: 0 5px;
}
.owl-dots .owl-dot.active {
    background: #251234;
}
.owl-carousel .owl-item img {
    width: auto;
    max-width: 100%;
}
.page-title {
    padding: 160px 0 80px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.blog-bg{
    background-color: #0F0716;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3CradialGradient id='a' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%233A1C52'/%3E%3Cstop offset='1' stop-color='%230F0716'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='750' x2='1550' y2='750'%3E%3Cstop offset='0' stop-color='%23251234'/%3E%3Cstop offset='1' stop-color='%230F0716'/%3E%3C/linearGradient%3E%3Cpath id='s' fill='url(%23b)' d='M1549.2 51.6c-5.4 99.1-20.2 197.6-44.2 293.6c-24.1 96-57.4 189.4-99.3 278.6c-41.9 89.2-92.4 174.1-150.3 253.3c-58 79.2-123.4 152.6-195.1 219c-71.7 66.4-149.6 125.8-232.2 177.2c-82.7 51.4-170.1 94.7-260.7 129.1c-90.6 34.4-184.4 60-279.5 76.3C192.6 1495 96.1 1502 0 1500c96.1-2.1 191.8-13.3 285.4-33.6c93.6-20.2 185-49.5 272.5-87.2c87.6-37.7 171.3-83.8 249.6-137.3c78.4-53.5 151.5-114.5 217.9-181.7c66.5-67.2 126.4-140.7 178.6-218.9c52.3-78.3 96.9-161.4 133-247.9c36.1-86.5 63.8-176.2 82.6-267.6c18.8-91.4 28.6-184.4 29.6-277.4c0.3-27.6 23.2-48.7 50.8-48.4s49.5 21.8 49.2 49.5c0 0.7 0 1.3-0.1 2L1549.2 51.6z'/%3E%3Cg id='g'%3E%3Cuse href='%23s' transform='scale(0.12) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.2) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.25) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(0.3) rotate(-20)'/%3E%3Cuse href='%23s' transform='scale(0.4) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(0.5) rotate(20)'/%3E%3Cuse href='%23s' transform='scale(0.6) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.7) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.835) rotate(-40)'/%3E%3Cuse href='%23s' transform='scale(0.9) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(1.05) rotate(25)'/%3E%3Cuse href='%23s' transform='scale(1.2) rotate(8)'/%3E%3Cuse href='%23s' transform='scale(1.333) rotate(-60)'/%3E%3Cuse href='%23s' transform='scale(1.45) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(1.6) rotate(10)'/%3E%3C/g%3E%3C/defs%3E%3Cg transform='translate(560 0)'%3E%3Cg transform='translate(0 45)'%3E%3Ccircle fill='url(%23a)' r='3000'/%3E%3Cg opacity='0.5'%3E%3Ccircle fill='url(%23a)' r='2000'/%3E%3Ccircle fill='url(%23a)' r='1800'/%3E%3Ccircle fill='url(%23a)' r='1700'/%3E%3Ccircle fill='url(%23a)' r='1651'/%3E%3Ccircle fill='url(%23a)' r='1450'/%3E%3Ccircle fill='url(%23a)' r='1250'/%3E%3Ccircle fill='url(%23a)' r='1175'/%3E%3Ccircle fill='url(%23a)' r='900'/%3E%3Ccircle fill='url(%23a)' r='750'/%3E%3Ccircle fill='url(%23a)' r='500'/%3E%3Ccircle fill='url(%23a)' r='380'/%3E%3Ccircle fill='url(%23a)' r='250'/%3E%3C/g%3E%3Cg transform='rotate(-7.2 0 0)'%3E%3Cuse href='%23g' transform='rotate(10)'/%3E%3Cuse href='%23g' transform='rotate(120)'/%3E%3Cuse href='%23g' transform='rotate(240)'/%3E%3C/g%3E%3Ccircle fill-opacity='0.02' fill='url(%23a)' r='3000'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-attachment: fixed;
    background-size: cover;
}

@media (max-width: 1200px) {
    .page-title {
        padding-top: 130px;
    }
}
.page-title h1 {
    font-weight: 700;
    margin-bottom: 15px;
    color: #fff;
}
@media (max-width: 991px) {
    .page-title h1 {
        font-size: 30px;
    }
}

.breadcrumb {
    margin: 0;
    padding: 0;
    list-style: none;
    background: none;
    border-radius: 0;
}
.breadcrumb li {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    color: #fff;
}
.breadcrumb li + li {
    padding-left: 17px;
    margin-left: 17px;
}
.breadcrumb li + li:after {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: currentColor;
    opacity: 0.5;
    left: -2px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.breadcrumb li a {
    color: #fff;
}
.px-btn {
    padding: 0 25px;
    border-radius: 20px 0px;
    line-height: 46px;
    position: relative;
    display: inline-block;
    background: none;
    border: none;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none !important;
    position: relative;
    z-index: 1;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
}
.px-btn.px-btn-theme {
    background: #251234;
    color: #fff;
    border: 2px solid #251234;
}
.px-btn.px-btn-theme-alt {
    background: #fff;
    color: #251234;
    border: 2px solid #251234;
}
.px-btn.px-btn-theme:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: auto;
    top: 0;
    width: 0px;
    -moz-transition: ease all 0.35s;
    -o-transition: ease all 0.35s;
    -webkit-transition: ease all 0.35s;
    transition: ease all 0.35s;
    background: #251234;
    z-index: -1;
}
.px-btn.px-btn-theme-alt:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: auto;
    top: 0;
    width: 0px;
    -moz-transition: ease all 0.35s;
    -o-transition: ease all 0.35s;
    -webkit-transition: ease all 0.35s;
    transition: ease all 0.35s;
    background: #251234;
    z-index: -1;
}
.px-btn.px-btn-theme:hover {
    color: #fff;
}
.px-btn.px-btn-theme-alt:hover {
    color: #fff;
}
.px-btn.px-btn-theme-:hover:after {
    width: 100%;
    left: auto;
    right: 0;
}
.px-btn.px-btn-theme-alt:hover:after {
    width: 100%;
    left: auto;
    right: 0;
}
.px-btn.px-btn-white {
    background: #fff;
    border-color: #fff;
    color: #251234;
}
.px-btn.px-btn-white:hover {
    background: transparent;
    color: #fff;
}
.gray-bg {
    background: #fff5ec;
}
.theme-bg {
    background: #251234;
}
.dark-bg {
    background: #251234;
}
.color-dark {
    color: #251234;
}
.color-white {
    color: #fff;
}
.color-theme {
    color: #251234;
}
.navbar-toggler,
.toggler-menu {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 0 20px 0 0;
    border-radius: 0;
    padding: 0;
    margin-left: 15px;
    background: #251234;
    border: none;
}
.navbar-toggler span,
.toggler-menu span {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 25px;
    height: 2px;
    margin: auto;
    box-shadow: 0px -8px 0 0px currentColor, 0px 8px 0 0px currentColor;
    background: #fff;
    color: #fff;
}
@media (min-width: 992px) {
    .main-header {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 111;
        width: 100%;
        top: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
    .fixed-header .main-header {
        box-shadow: rgba(0, 0, 0, 0.25) 0px 7px 20px -22px;
        background: #fff;
    }
    .main-header .navbar {
        padding: 0;
    }
    .main-header .navbar-brand {
        color: #fff;
        font-weight: 700;
        font-size: 28px;
        line-height: 1;
    }
    
    
    .main-header .navbar-brand:hover{
        color: #fff;
    }

    .fixed-header .main-header .navbar-brand {
        color: #251234;
    }
    .main-header .navbar-nav > li {
        border-right: 1px solid rgba(255, 255, 255, 0.2);
        padding: 0 20px;
    }
    .fixed-header .main-header .navbar-nav > li {
        border-right: 1px solid rgba(15, 10, 10, 0.1);
    }
    .main-header .navbar-nav > li:first-child {
        border-left: 1px solid rgba(255, 255, 255, 0.2);
    }
    .fixed-header .main-header .navbar-nav > li:first-child {
        border-left: 1px solid rgba(15, 10, 10, 0.1);
    }
    .main-header .navbar-nav > li > a {
        padding: 0 10px;
        line-height: 70px;
        color: rgba(255, 255, 255, 0.6);
        font-weight: 700;
        text-transform: uppercase;
        font-size: 14px;
        letter-spacing: 0.05rem;
    }
    .main-header .navbar-nav > li > a.active {
        color: #fff;
    }
    .fixed-header .main-header .navbar-nav > li > a {
        color: #251234;
    }
    .fixed-header .main-header .navbar-nav > li > a.active {
        color: #251234;
    }
}
@media (max-width: 991px) {
    .main-header {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 111;
        width: 100%;
        top: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        box-shadow: rgba(0, 0, 0, 0.25) 0px 7px 20px -22px;
    }
    .main-header .container {
        max-width: 100%;
        padding: 0;
    }
    .fixed-header .main-header {
        background: #fff;
    }
    .main-header .navbar {
        padding: 0;
    }
    .main-header .navbar-brand {
        color: #fff;
        font-weight: 700;
        font-size: 28px;
        line-height: 1;
        margin: 15px 20px;
    }

    .fixed-header .main-header .navbar-toggler > span,
    .fixed-header .main-header .toggler-menu > span {
        background: #251234;
        color: #251234;
    }

    .fixed-header .main-header .navbar-brand{
        color: #251234;
    }

    .fixed-header .main-header .navbar-brand {
        color: #251234;
    }
    .main-header .navbar-nav {
        background: #fff;
    }
    .main-header .navbar-nav > li {
        border-top: 1px solid rgba(15, 10, 10, 0.1);
    }
    .main-header .navbar-nav > li > a {
        padding: 12px 20px;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 14px;
        letter-spacing: 0.05rem;
        color: #251234;
    }
    .main-header .navbar-nav > li > a.active {
        color: #251234;
    }
}
.footer {
    padding: 12px 0;
    background: #251234;
}
.theme-light .footer {
    background: #fff;
    border-top: 1px solid rgba(15, 10, 10, 0.1);
}
.footer .nav a {
    color: #fff;
    font-size: 14px;
    margin-right: 17px;
}
.theme-light .footer .nav a {
    color: #251234;
}
.footer .nav a:hover {
    color: #251234;
}
.footer p {
    color: #fff;
    font-size: 14px;
    margin: 0;
}
.theme-light .footer p {
    color: #251234;
}
.blog-post .blog-img {
    position: relative;
    overflow: hidden;
}
.blog-post .blog-img img {
    -moz-transition: ease all 0.35s;
    -o-transition: ease all 0.35s;
    -webkit-transition: ease all 0.35s;
    transition: ease all 0.35s;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}
.blog-post:hover .blog-img img {
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.blog-post .data {
    position: absolute;
    top: 20px;
    left: 10px;
    background: #fff;
    padding: 8px 10px;
    line-height: 1;
    text-align: center;
    z-index: 1;
}
.blog-post .data span {
    width: 100%;
    display: inline-block;
    font-weight: 600;
    font-size: 25px;
    line-height: 1;
    margin: 0;
    color: #251234;
}
.blog-post .data small {
    font-size: 13px;
    text-transform: uppercase;
    color: #5e6472;
    margin-top: 7px;
    display: inline-block;
    width: 100%;
    vertical-align: top;
}
.blog-post .blog-info {
    padding: 20px;
    margin: -30px 10px 0;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
    position: relative;
    background: #fff;
}
.blog-post .blog-info h6 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
}
.blog-post .blog-info h6 a {
    color: #251234;
}
.blog-post .blog-info p {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    /* -webkit-line-clamp: 2; */
    -webkit-box-orient: vertical;
    margin: 0 0 12px;
}
.blog-post .blog-info .btn-bar a {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.1rem;
}
.blog-listing {
    padding-top: 30px;
    padding-bottom: 30px;
}
.blog-listing .pagination {
    margin-top: 30px;
}
.blog-listing .blog-post {
    border: 1px solid #eee;
    margin-bottom: 30px;
}
.blog-listing .blog-post .blog-info {
    margin: 0;
    box-shadow: none;
}
.pagination .page-item .page-link {
    border: none;
    box-shadow: none;
    color: #251234;
    margin: 0 5px;
    border-radius: 50px;
    padding: 0;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    background: #ddd;
}
.pagination .page-item .page-link:hover {
    background: #251234;
    border-color: #251234;
    color: #fff;
}
.pagination .page-item.disabled .page-link {
    opacity: 0.5;
}
.pagination .page-item.active .page-link {
    background: #251234;
    border-color: #251234;
    color: #fff;
}
.blog-aside {
    border-left: 1px solid #eee;
}
.blog-aside .widget {
    margin-top: 15px;
    margin-bottom: 25px;
    width: 100%;
    display: inline-block;
    vertical-align: top;
}
.blog-aside .widget:last-child {
    margin-bottom: 0;
}
.blog-aside .widget-title {
    border-bottom: 1px solid #eee;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 25px;
    padding-left: 25px;
}
.blog-aside .widget-title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 25px;
    width: 50px;
    height: 2px;
    background: #251234;
}
.blog-aside .widget-title h3 {
    font-size: 20px;
    font-weight: 700;
    color: #251234;
    margin: 0;
}
.blog-aside .widget-body {
    padding-left: 25px;
}
.blog-aside .widget-author .media {
    margin-bottom: 15px;
}
.blog-aside .widget-author p {
    font-size: 16px;
    margin: 0;
}
.blog-aside .widget-author .avatar {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
}
.blog-aside .widget-author h6 {
    font-weight: 600;
    color: #251234;
    font-size: 18px;
    margin: 0;
    padding-left: 20px;
}
.blog-aside .post-aside {
    margin-bottom: 15px;
}
.blog-aside .post-aside .post-aside-title h5 {
    margin: 0;
}
.blog-aside .post-aside .post-aside-title a {
    font-size: 18px;
    color: #251234;
    font-weight: 500;
}
.blog-aside .post-aside .post-aside-meta {
    padding-bottom: 10px;
}
.blog-aside .post-aside .post-aside-meta a {
    color: #5e6472;
    font-size: 12px;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 10px;
}
.blog-aside .latest-post-aside + .latest-post-aside {
    border-top: 1px solid #eee;
    padding-top: 15px;
    margin-top: 15px;
}
.blog-aside .latest-post-aside .lpa-right {
    width: 90px;
}
.blog-aside .latest-post-aside .lpa-left {
    padding-right: 15px;
}
.blog-aside .latest-post-aside .lpa-title h5 {
    margin: 0;
    font-size: 15px;
}
.blog-aside .latest-post-aside .lpa-title a {
    color: #251234;
    font-weight: 600;
}
.blog-aside .latest-post-aside .lpa-meta a {
    color: #5e6472;
    font-size: 12px;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 10px;
}
.tag-cloud a {
    padding: 4px 15px;
    font-size: 13px;
    color: #251234;
    background: #fff5ec;
    border-radius: 3px;
    margin-right: 4px;
    margin-bottom: 4px;
    font-weight: 500;
}
.tag-cloud a:hover {
    background: #251234;
    color: #fff;
}
.blog-single {
    padding-top: 30px;
    padding-bottom: 30px;
}
.article {
    margin: 15px 0 30px;
}
.article .article-title {
    padding: 15px 0 20px;
}
.article .article-title h6 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
}
.article .article-title h6 a {
    text-transform: uppercase;
    color: #251234;
    border-bottom: 1px solid #251234;
}
.article .article-title h2 {
    color: #251234;
    font-weight: 700;
}
@media (max-width: 991px) {
    .article .article-title h2 {
        font-size: 24px;
    }
}
.article .article-title .media {
    padding-top: 15px;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 20px;
}
.article .article-title .media .avatar {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    overflow: hidden;
}
.article .article-title .media .media-body {
    padding-left: 8px;
}
.article .article-title .media .media-body label {
    font-weight: 500;
    color: #251234;
    margin: 0;
}
.article .article-title .media .media-body span {
    display: block;
    font-size: 12px;
}
.article .article-content h1,
.article .article-content h2,
.article .article-content h3,
.article .article-content h4,
.article .article-content h5,
.article .article-content h6 {
    color: #251234;
    font-weight: 600;
    margin-bottom: 15px;
}
.article .article-content blockquote {
    width: 100%;
    padding: 30px;
    margin: 20px 0 30px;
    background: #fff5ec;
}
.article .article-content blockquote p {
    font-size: 20px;
    font-weight: 500;
    margin: 0;
}
.article .article-content blockquote .blockquote-footer {
    color: #251234;
    font-size: 16px;
    padding-top: 20px;
}
.article .article-content blockquote .blockquote-footer cite {
    font-weight: 600;
}
.article .tag-cloud {
    padding-top: 10px;
}
.article-comment {
    border: 1px solid #eee;
    overflow: hidden;
    background: #ffffff;
    padding: 30px;
    margin-bottom: 15px;
}
.article-comment h4 {
    color: #251234;
    font-weight: 700;
    margin-bottom: 25px;
    font-size: 22px;
}
.portfolio-filter-01 {
    padding-top: 15px;
    padding-bottom: 15px;
}
.portfolio-filter-01 .filter li {
    cursor: pointer;
    margin: 0 15px;
    color: #251234;
    position: relative;
    padding: 5px 0;
    font-weight: 600;
    font-size: 16px;
    line-height: normal;
}
@media (max-width: 767px) {
    .portfolio-filter-01 .filter li {
        margin: 0 8px;
        font-size: 15px;
    }
}
.portfolio-filter-01 .filter li:after {
    content: "";
    width: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 2px;
    background: #251234;
    position: absolute;
    -moz-transition: ease all 0.55s;
    -o-transition: ease all 0.55s;
    -webkit-transition: ease all 0.55s;
    transition: ease all 0.55s;
}
.portfolio-filter-01 .filter li:last-child {
    margin-right: 0;
}
.portfolio-filter-01 .filter li:first-child {
    margin-left: 0;
}
.portfolio-filter-01 .filter li.active:after {
    width: 100%;
}
.portfolio-box-01 {
    background: #fff;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
    margin: 15px 0;
    position: relative;
}
.portfolio-box-01:after {
    content: "";
    position: absolute;
    bottom: 0;
    top: auto;
    left: 0;
    right: 0;
    height: 0;
    width: 100%;
    -moz-transition: ease all 0.35s;
    -o-transition: ease all 0.35s;
    -webkit-transition: ease all 0.35s;
    transition: ease all 0.35s;
    background: #251234;
    opacity: 0.8;
}
.portfolio-box-01 .portfolio-info {
    padding-bottom: 20px;
}
.portfolio-box-01 .portfolio-info h5 {
    font-weight: 600;
    color: #251234;
    margin: 0;
}
.portfolio-box-01 .portfolio-info span {
    font-weight: 600;
    color: #5e6472;
    margin: 0;
}
.portfolio-box-01 .portfolio-icon {
    position: absolute;
    bottom: 18px;
    left: 8px;
    -moz-transition: ease all 0.35s;
    -o-transition: ease all 0.35s;
    -webkit-transition: ease all 0.35s;
    transition: ease all 0.35s;
    opacity: 0;
}
.portfolio-box-01 .portfolio-icon .gallery-link {
    width: 50px;
    height: 50px;
    display: inline-block;
    vertical-align: top;
    line-height: 50px;
    background: #fff;
    text-align: center;
    color: #251234;
}
.portfolio-box-01:hover:after {
    bottom: auto;
    top: 0;
    height: 100%;
}
.portfolio-box-01:hover .portfolio-info {
    position: relative;
    z-index: 1;
}
.portfolio-box-01:hover .portfolio-info h5 {
    color: #fff;
}
.portfolio-box-01:hover .portfolio-info span {
    color: rgba(255, 255, 255, 0.5);
}
.portfolio-box-01:hover .portfolio-icon {
    bottom: 8px;
    opacity: 1;
    z-index: 1;
}
.section {
    padding: 100px 0;
    position: relative;
}
@media (max-width: 991px) {
    .section {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}
@media (max-width: 767px) {
    .section {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
.after-left-section {
    position: relative;
    overflow: hidden;
}
.after-left-section:after {
    content: "";
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    width: 40%;
    background: #fef5ec;
}
@media (max-width: 991px) {
    .after-left-section:after {
        display: none;
    }
}
.after-left-section .container {
    position: relative;
    z-index: 1;
}
.section-title {
    padding-bottom: 40px;
}
.section-title h3 {
    font-size: 45px;
    color: #251234;
    font-weight: 800;
    position: relative;
    margin: 0 0 15px;
    padding: 0 0 15px;
}
@media (max-width: 767px) {
    .section-title h3 {
        font-size: 40px;
    }
}
.section-title h3:after {
    content: "";
    position: absolute;
    width: 40px;
    height: 3px;
    background: #251234;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.section-title p {
    margin: 0;
    font-size: 17px;
}
.sm-title {
    margin-bottom: 30px;
}
.sm-title h4 {
    color: #251234;
    font-size: 24px;
    position: relative;
    padding: 0 0 15px;
    margin: 0;
    font-weight: 700;
}
.sm-title h4:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 3px;
    background: #251234;
}
.sm-title p {
    margin: 15px 0 0;
}
.home-banner {
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    /* background-color: #140c4448; 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 800'%3E%3Cg fill-opacity='0.18'%3E%3Ccircle fill='%23000000' cx='400' cy='400' r='600'/%3E%3Ccircle fill='%23180d1c' cx='400' cy='400' r='500'/%3E%3Ccircle fill='%23261431' cx='400' cy='400' r='400'/%3E%3Ccircle fill='%23351947' cx='400' cy='400' r='300'/%3E%3Ccircle fill='%23251234' cx='400' cy='400' r='200'/%3E%3Ccircle fill='%23552277' cx='400' cy='400' r='100'/%3E%3C/g%3E%3C/svg%3E");  */
    background-color: #0F0716;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3CradialGradient id='a' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%233A1C52'/%3E%3Cstop offset='1' stop-color='%230F0716'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='750' x2='1550' y2='750'%3E%3Cstop offset='0' stop-color='%23251234'/%3E%3Cstop offset='1' stop-color='%230F0716'/%3E%3C/linearGradient%3E%3Cpath id='s' fill='url(%23b)' d='M1549.2 51.6c-5.4 99.1-20.2 197.6-44.2 293.6c-24.1 96-57.4 189.4-99.3 278.6c-41.9 89.2-92.4 174.1-150.3 253.3c-58 79.2-123.4 152.6-195.1 219c-71.7 66.4-149.6 125.8-232.2 177.2c-82.7 51.4-170.1 94.7-260.7 129.1c-90.6 34.4-184.4 60-279.5 76.3C192.6 1495 96.1 1502 0 1500c96.1-2.1 191.8-13.3 285.4-33.6c93.6-20.2 185-49.5 272.5-87.2c87.6-37.7 171.3-83.8 249.6-137.3c78.4-53.5 151.5-114.5 217.9-181.7c66.5-67.2 126.4-140.7 178.6-218.9c52.3-78.3 96.9-161.4 133-247.9c36.1-86.5 63.8-176.2 82.6-267.6c18.8-91.4 28.6-184.4 29.6-277.4c0.3-27.6 23.2-48.7 50.8-48.4s49.5 21.8 49.2 49.5c0 0.7 0 1.3-0.1 2L1549.2 51.6z'/%3E%3Cg id='g'%3E%3Cuse href='%23s' transform='scale(0.12) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.2) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.25) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(0.3) rotate(-20)'/%3E%3Cuse href='%23s' transform='scale(0.4) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(0.5) rotate(20)'/%3E%3Cuse href='%23s' transform='scale(0.6) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.7) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.835) rotate(-40)'/%3E%3Cuse href='%23s' transform='scale(0.9) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(1.05) rotate(25)'/%3E%3Cuse href='%23s' transform='scale(1.2) rotate(8)'/%3E%3Cuse href='%23s' transform='scale(1.333) rotate(-60)'/%3E%3Cuse href='%23s' transform='scale(1.45) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(1.6) rotate(10)'/%3E%3C/g%3E%3C/defs%3E%3Cg transform='translate(560 0)'%3E%3Cg transform='translate(0 45)'%3E%3Ccircle fill='url(%23a)' r='3000'/%3E%3Cg opacity='0.5'%3E%3Ccircle fill='url(%23a)' r='2000'/%3E%3Ccircle fill='url(%23a)' r='1800'/%3E%3Ccircle fill='url(%23a)' r='1700'/%3E%3Ccircle fill='url(%23a)' r='1651'/%3E%3Ccircle fill='url(%23a)' r='1450'/%3E%3Ccircle fill='url(%23a)' r='1250'/%3E%3Ccircle fill='url(%23a)' r='1175'/%3E%3Ccircle fill='url(%23a)' r='900'/%3E%3Ccircle fill='url(%23a)' r='750'/%3E%3Ccircle fill='url(%23a)' r='500'/%3E%3Ccircle fill='url(%23a)' r='380'/%3E%3Ccircle fill='url(%23a)' r='250'/%3E%3C/g%3E%3Cg transform='rotate(-7.2 0 0)'%3E%3Cuse href='%23g' transform='rotate(10)'/%3E%3Cuse href='%23g' transform='rotate(120)'/%3E%3Cuse href='%23g' transform='rotate(240)'/%3E%3C/g%3E%3Ccircle fill-opacity='0.02' fill='url(%23a)' r='3000'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: cover;
}
.home-banner .particles-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.2;
    pointer-events: none;
}
.home-banner .hb-avatar {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    width: 50%;
    text-align: center;
}
.home-banner .hb-avatar img {
    height: 100%;
    object-fit: cover;
}
.home-banner .top-style {
    position: absolute;
    width: 400px;
    top: -100px;
    left: -50px;
}
@media (max-width: 767px) {
    .home-banner .top-style {
        width: 200px;
        top: -100px;
        left: -50px;
    }
}
.home-banner .top-style svg {
    color: #251234;
}
.home-banner .bottom-style {
    position: absolute;
    width: 400px;
    bottom: -100px;
    right: -50px;
}
.home-banner .bottom-style svg {
    color: #251234;
}
@media (max-width: 767px) {
    .home-banner .bottom-style {
        width: 200px;
        bottom: -50px;
        right: -25px;
    }
}
.home-banner .full-screen {
    min-height: 100vh;
    padding-top: 150px;
    padding-bottom: 90px;
}
.home-banner .hb-typo {
    text-align: center;
}
.home-banner .hb-typo h6 {
    font-size: 25px;
    margin-bottom: 15px;
    color: #fff;
}
@media (max-width: 767px) {
    .home-banner .hb-typo h6 {
        font-size: 18px;
    }
}
.home-banner .hb-typo h1 {
    font-size: 90px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 15px;
}
@media (max-width: 767px) {
    .home-banner .hb-typo h1 {
        font-size: 45px;
    }
}
.home-banner .hb-typo h2 {
    font-size: 25px;
    color: #fff;
    font-weight: 500;
    margin: 0;
}
.home-banner .hb-typo h2 span {
    text-decoration: underline;
}
@media (max-width: 767px) {
    .home-banner .hb-typo h2 {
        font-size: 17px;
    }
    .about-section .typo-box h5 {
        font-size: 17px !important;
    }
}
.home-banner .social-icons {
    position: absolute;
    right: 40px;
    bottom: 30px;
}
@media (max-width: 767px) {
    .home-banner .social-icons {
        left: 40px;
        margin: auto;
    }
}
.home-banner .social-icons a {
    width: 35px;
    height: 35px;
    text-align: center;
    background: #fff5ec;
    border-radius: 50%;
    line-height: 35px;
    color: #251234;
    margin-right: 8px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.home-banner .social-icons a:hover {
    background: #251234;
    color: #fff;
}
.home-banner .scroll-bottom {
    position: absolute;
    bottom: 30px;
    left: 50px;
    z-index: 2;
}
@media (max-width: 767px) {
    .home-banner .scroll-bottom {
        display: none;
    }
}
.home-banner .scroll-bottom a {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.2rem;
}
.about-section .container {
    position: relative;
    z-index: 1;
}
.about-section .img-box {
    position: relative;
    /* box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px; */
    box-shadow: inset rgb(37 18 76 / 36%) 15px 15px 70px 10px;
    background: #fff;
    padding: 10px;
}
.about-section .img-box img {
    position: relative;
}
.about-section .typo-box {
    padding-left: 40px;
}
@media (max-width: 991px) {
    .about-section .typo-box {
        padding-top: 15px;
        padding-left: 0px;
    }
}
.about-section .typo-box h3 {
    font-size: 40px;
    font-weight: 700;
    color: #251234;
}
@media (max-width: 767px) {
    .about-section .typo-box h3 {
        font-size: 30px;
    }
}
.about-section .typo-box h5 {
    font-size: 18px;
    font-weight: 600;
    color: #251234;
    margin-bottom: 15px;
}
.about-section .typo-box .lead {
    font-weight: normal;
}
@media (max-width: 767px) {
    .about-section .typo-box .lead {
        font-size: 17px;
    }
}
.about-section .typo-box .btn-bar {
    padding-top: 12px;
}
.feature-box-01 {
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
    padding: 15% 12%;
    position: relative;
    z-index: 1;
}
.feature-box-01:after {
    content: "";
    position: absolute;
    bottom: 0;
    top: auto;
    left: 0;
    right: 0;
    height: 0;
    width: 100%;
    -moz-transition: ease all 0.35s;
    -o-transition: ease all 0.35s;
    -webkit-transition: ease all 0.35s;
    transition: ease all 0.35s;
    background: #251234;
    opacity: 0.8;
    z-index: -1;
}
.feature-box-01 .icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 50px;
    margin-bottom: 20px;
    color: #251234;
}
.feature-box-01 h5 {
    color: #251234;
    font-weight: 600;
}
.feature-box-01 p {
    margin: 0;
}
.feature-box-01:hover {
    color: rgba(255, 255, 255, 0.7);
}
.feature-box-01:hover .icon {
    color: #fff;
}
.feature-box-01:hover h5 {
    color: #fff;
}
.feature-box-01:hover:after {
    bottom: auto;
    top: 0;
    height: 100%;
}
.skill-section .aducation-box {
    margin: 0;
    list-style: none;
    padding: 25px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
}
.skill-section .aducation-box li + li {
    padding-top: 25px;
    margin-top: 20px;
    border-top: 1px dashed rgba(255, 255, 255, 0.2);
}
.skill-section .aducation-box span {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 16px;
    color: #fff;
    padding: 4px 12px;
    border-radius: 30px;
    font-size: 12px;
    line-height: 1;
}
.skill-section .aducation-box h6 {
    font-weight: 600;
    font-size: 18px;
    color: #fff;
}
.skill-section .aducation-box p {
    margin: 0;
    color: rgba(255, 255, 255, 0.8);
}
.skill-section .skill-box {
    min-height: calc(100% - 73px);
    padding: 25px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
}
.skill-lt:not(:first-child) {
    margin-top: 30px;
}
.skill-lt h6 {
    font-size: 16px;
    margin: 0 0 8px;
    color: #251234;
    line-height: 28px;
    font-weight: 600;
}
.skill-lt .skill-bar {
    position: relative;
    background: #251234;
}
.skill-lt .skill-bar .skill-bar-in {
    width: 80px;
    height: 10px;
    position: relative;
    -moz-transition: ease all 0.55s;
    -o-transition: ease all 0.55s;
    -webkit-transition: ease all 0.55s;
    transition: ease all 0.55s;
}
.skill-lt .skill-bar .skill-bar-in span {
    position: absolute;
    right: 0;
    bottom: 15px;
    background: #251234;
    padding: 2px 6px;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
}
.dark-theme .skill-lt .skill-bar .skill-bar-in span {
    color: #251234;
    background: #fff;
}
.skill-lt .skill-bar .skill-bar-in span:after {
    content: "";
    position: absolute;
    bottom: -8px;
    right: 0;
    border-left: 7px solid transparent;
    border-top: 8px solid #251234;
}
.dark-theme .skill-lt .skill-bar .skill-bar-in span:after {
    border-top: 8px solid #fff;
}
.skill-lt.md .skill-bar .skill-bar-in {
    height: 8px;
}
.skill-lt.lg .skill-bar .skill-bar-in {
    height: 10px;
}
.skill-lt.light .skill-bar {
    background: rgba(0, 0, 0, 0.5);
}
.testmonial-box {
    margin: 20px 0 30px;
}
.testmonial-box .avatar {
    width: 30%;
    padding: 0 15px 15px;
    position: relative;
}
.testmonial-box .avatar:after {
    content: "";
    position: absolute;
    bottom: 5px;
    top: 15px;
    left: 5px;
    right: 30px;
    z-index: -1;
    border: 2px solid #251234;
}
.testmonial-box .testmonial-text {
    padding-left: 20px;
}
.testmonial-box .testmonial-text p {
    margin: 0;
}
.testmonial-box .testmonial-info {
    font-size: 12px;
    padding-top: 10px;
}
.testmonial-box .testmonial-info h6 {
    font-size: 15px;
    font-weight: 600;
    color: #251234;
    margin: 0 0 5px;
}
.testmonial-box .testmonial-info .rating-value {
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    border-radius: 30px;
    padding: 0px 10px;
    box-shadow: 1px 1px 1px 1px rgba(15, 10, 10, 0.1);
    font-size: 9px;
}
.testmonial-box .testmonial-info .rating-value i {
    color: #ffc800;
    margin-right: 3px;
}
.contct-form {
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
    padding: 35px;
}
@media (max-width: 767px) {
    .contct-form {
        padding: 25px;
    }
}
.contct-form .form-group {
    margin-bottom: 30px;
    position: relative;
}
.contct-form .form-group .form-label {
    position: absolute;
    top: 10px;
    margin: 0;
    left: 2px;
    font-weight: 400;
    font-size: 14px;
    color: #251234;
    padding: 0 10px;
    pointer-events: none;
    -moz-transition: ease all 0.35s;
    -o-transition: ease all 0.35s;
    -webkit-transition: ease all 0.35s;
    transition: ease all 0.35s;
    background: #fff;
}
.contct-form .form-group .form-control {
    border-radius: 0;
    border: 1px solid rgba(15, 10, 10, 0.5);
    height: 40px;
    box-shadow: none !important;
    font-size: 15px;
    color: #251234;
}
.contct-form .form-group .form-control:focus {
    border-color: #251234 !important;
}
.contct-form .form-group .form-control::-webkit-input-placeholder {
    color: transparent;
}
.contct-form .form-group .form-control:-ms-input-placeholder {
    color: transparent;
}
.contct-form .form-group .form-control::-ms-input-placeholder {
    color: transparent;
}
.contct-form .form-group .form-control::-moz-placeholder {
    color: transparent;
}
.contct-form .form-group .form-control::placeholder {
    color: transparent;
}
.contct-form .form-group .form-control:not(:placeholder-shown) ~ .form-label {
    top: -10px;
    font-size: 9px;
    border-radius: 30px;
    border: 1px solid rgba(15, 10, 10, 0.5);
    left: 10px;
}
.contct-form .form-group textarea.form-control {
    height: inherit;
}
.contact-info .media .icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: rgba(220, 150, 90, 0.1);
    color: #251234;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}
.contact-info .media .media-body {
    padding-left: 15px;
    color: #251234;
    margin-top: 15px;
}
.contact-info .media + .media {
    margin-top: 20px;
}



















@font-face {
	font-family: 'themify';
	src:url('/assets/plugin/themify-icons/fonts/themify9f24.eot?-fvbane');
	src:url('/assets/plugin/themify-icons/fonts/themifyd41d.eot?#iefix-fvbane') format('embedded-opentype'),
		url('/assets/plugin/themify-icons/fonts/themify9f24.woff?-fvbane') format('woff'),
		url('/assets/plugin/themify-icons/fonts/themify9f24.ttf?-fvbane') format('truetype'),
		url('/assets/plugin/themify-icons/fonts/themify9f24.svg?-fvbane#themify') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="ti-"], [class*=" ti-"] {
	font-family: 'themify';
	/* speak: none; */
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.ti-wand:before {
	content: "\e600";
}
.ti-volume:before {
	content: "\e601";
}
.ti-user:before {
	content: "\e602";
}
.ti-unlock:before {
	content: "\e603";
}
.ti-unlink:before {
	content: "\e604";
}
.ti-trash:before {
	content: "\e605";
}
.ti-thought:before {
	content: "\e606";
}
.ti-target:before {
	content: "\e607";
}
.ti-tag:before {
	content: "\e608";
}
.ti-tablet:before {
	content: "\e609";
}
.ti-star:before {
	content: "\e60a";
}
.ti-spray:before {
	content: "\e60b";
}
.ti-signal:before {
	content: "\e60c";
}
.ti-shopping-cart:before {
	content: "\e60d";
}
.ti-shopping-cart-full:before {
	content: "\e60e";
}
.ti-settings:before {
	content: "\e60f";
}
.ti-search:before {
	content: "\e610";
}
.ti-zoom-in:before {
	content: "\e611";
}
.ti-zoom-out:before {
	content: "\e612";
}
.ti-cut:before {
	content: "\e613";
}
.ti-ruler:before {
	content: "\e614";
}
.ti-ruler-pencil:before {
	content: "\e615";
}
.ti-ruler-alt:before {
	content: "\e616";
}
.ti-bookmark:before {
	content: "\e617";
}
.ti-bookmark-alt:before {
	content: "\e618";
}
.ti-reload:before {
	content: "\e619";
}
.ti-plus:before {
	content: "\e61a";
}
.ti-pin:before {
	content: "\e61b";
}
.ti-pencil:before {
	content: "\e61c";
}
.ti-pencil-alt:before {
	content: "\e61d";
}
.ti-paint-roller:before {
	content: "\e61e";
}
.ti-paint-bucket:before {
	content: "\e61f";
}
.ti-na:before {
	content: "\e620";
}
.ti-mobile:before {
	content: "\e621";
}
.ti-minus:before {
	content: "\e622";
}
.ti-medall:before {
	content: "\e623";
}
.ti-medall-alt:before {
	content: "\e624";
}
.ti-marker:before {
	content: "\e625";
}
.ti-marker-alt:before {
	content: "\e626";
}
.ti-arrow-up:before {
	content: "\e627";
}
.ti-arrow-right:before {
	content: "\e628";
}
.ti-arrow-left:before {
	content: "\e629";
}
.ti-arrow-down:before {
	content: "\e62a";
}
.ti-lock:before {
	content: "\e62b";
}
.ti-location-arrow:before {
	content: "\e62c";
}
.ti-link:before {
	content: "\e62d";
}
.ti-layout:before {
	content: "\e62e";
}
.ti-layers:before {
	content: "\e62f";
}
.ti-layers-alt:before {
	content: "\e630";
}
.ti-key:before {
	content: "\e631";
}
.ti-import:before {
	content: "\e632";
}
.ti-image:before {
	content: "\e633";
}
.ti-heart:before {
	content: "\e634";
}
.ti-heart-broken:before {
	content: "\e635";
}
.ti-hand-stop:before {
	content: "\e636";
}
.ti-hand-open:before {
	content: "\e637";
}
.ti-hand-drag:before {
	content: "\e638";
}
.ti-folder:before {
	content: "\e639";
}
.ti-flag:before {
	content: "\e63a";
}
.ti-flag-alt:before {
	content: "\e63b";
}
.ti-flag-alt-2:before {
	content: "\e63c";
}
.ti-eye:before {
	content: "\e63d";
}
.ti-export:before {
	content: "\e63e";
}
.ti-exchange-vertical:before {
	content: "\e63f";
}
.ti-desktop:before {
	content: "\e640";
}
.ti-cup:before {
	content: "\e641";
}
.ti-crown:before {
	content: "\e642";
}
.ti-comments:before {
	content: "\e643";
}
.ti-comment:before {
	content: "\e644";
}
.ti-comment-alt:before {
	content: "\e645";
}
.ti-close:before {
	content: "\e646";
}
.ti-clip:before {
	content: "\e647";
}
.ti-angle-up:before {
	content: "\e648";
}
.ti-angle-right:before {
	content: "\e649";
}
.ti-angle-left:before {
	content: "\e64a";
}
.ti-angle-down:before {
	content: "\e64b";
}
.ti-check:before {
	content: "\e64c";
}
.ti-check-box:before {
	content: "\e64d";
}
.ti-camera:before {
	content: "\e64e";
}
.ti-announcement:before {
	content: "\e64f";
}
.ti-brush:before {
	content: "\e650";
}
.ti-briefcase:before {
	content: "\e651";
}
.ti-bolt:before {
	content: "\e652";
}
.ti-bolt-alt:before {
	content: "\e653";
}
.ti-blackboard:before {
	content: "\e654";
}
.ti-bag:before {
	content: "\e655";
}
.ti-move:before {
	content: "\e656";
}
.ti-arrows-vertical:before {
	content: "\e657";
}
.ti-arrows-horizontal:before {
	content: "\e658";
}
.ti-fullscreen:before {
	content: "\e659";
}
.ti-arrow-top-right:before {
	content: "\e65a";
}
.ti-arrow-top-left:before {
	content: "\e65b";
}
.ti-arrow-circle-up:before {
	content: "\e65c";
}
.ti-arrow-circle-right:before {
	content: "\e65d";
}
.ti-arrow-circle-left:before {
	content: "\e65e";
}
.ti-arrow-circle-down:before {
	content: "\e65f";
}
.ti-angle-double-up:before {
	content: "\e660";
}
.ti-angle-double-right:before {
	content: "\e661";
}
.ti-angle-double-left:before {
	content: "\e662";
}
.ti-angle-double-down:before {
	content: "\e663";
}
.ti-zip:before {
	content: "\e664";
}
.ti-world:before {
	content: "\e665";
}
.ti-wheelchair:before {
	content: "\e666";
}
.ti-view-list:before {
	content: "\e667";
}
.ti-view-list-alt:before {
	content: "\e668";
}
.ti-view-grid:before {
	content: "\e669";
}
.ti-uppercase:before {
	content: "\e66a";
}
.ti-upload:before {
	content: "\e66b";
}
.ti-underline:before {
	content: "\e66c";
}
.ti-truck:before {
	content: "\e66d";
}
.ti-timer:before {
	content: "\e66e";
}
.ti-ticket:before {
	content: "\e66f";
}
.ti-thumb-up:before {
	content: "\e670";
}
.ti-thumb-down:before {
	content: "\e671";
}
.ti-text:before {
	content: "\e672";
}
.ti-stats-up:before {
	content: "\e673";
}
.ti-stats-down:before {
	content: "\e674";
}
.ti-split-v:before {
	content: "\e675";
}
.ti-split-h:before {
	content: "\e676";
}
.ti-smallcap:before {
	content: "\e677";
}
.ti-shine:before {
	content: "\e678";
}
.ti-shift-right:before {
	content: "\e679";
}
.ti-shift-left:before {
	content: "\e67a";
}
.ti-shield:before {
	content: "\e67b";
}
.ti-notepad:before {
	content: "\e67c";
}
.ti-server:before {
	content: "\e67d";
}
.ti-quote-right:before {
	content: "\e67e";
}
.ti-quote-left:before {
	content: "\e67f";
}
.ti-pulse:before {
	content: "\e680";
}
.ti-printer:before {
	content: "\e681";
}
.ti-power-off:before {
	content: "\e682";
}
.ti-plug:before {
	content: "\e683";
}
.ti-pie-chart:before {
	content: "\e684";
}
.ti-paragraph:before {
	content: "\e685";
}
.ti-panel:before {
	content: "\e686";
}
.ti-package:before {
	content: "\e687";
}
.ti-music:before {
	content: "\e688";
}
.ti-music-alt:before {
	content: "\e689";
}
.ti-mouse:before {
	content: "\e68a";
}
.ti-mouse-alt:before {
	content: "\e68b";
}
.ti-money:before {
	content: "\e68c";
}
.ti-microphone:before {
	content: "\e68d";
}
.ti-menu:before {
	content: "\e68e";
}
.ti-menu-alt:before {
	content: "\e68f";
}
.ti-map:before {
	content: "\e690";
}
.ti-map-alt:before {
	content: "\e691";
}
.ti-loop:before {
	content: "\e692";
}
.ti-location-pin:before {
	content: "\e693";
}
.ti-list:before {
	content: "\e694";
}
.ti-light-bulb:before {
	content: "\e695";
}
.ti-Italic:before {
	content: "\e696";
}
.ti-info:before {
	content: "\e697";
}
.ti-infinite:before {
	content: "\e698";
}
.ti-id-badge:before {
	content: "\e699";
}
.ti-hummer:before {
	content: "\e69a";
}
.ti-home:before {
	content: "\e69b";
}
.ti-help:before {
	content: "\e69c";
}
.ti-headphone:before {
	content: "\e69d";
}
.ti-harddrives:before {
	content: "\e69e";
}
.ti-harddrive:before {
	content: "\e69f";
}
.ti-gift:before {
	content: "\e6a0";
}
.ti-game:before {
	content: "\e6a1";
}
.ti-filter:before {
	content: "\e6a2";
}
.ti-files:before {
	content: "\e6a3";
}
.ti-file:before {
	content: "\e6a4";
}
.ti-eraser:before {
	content: "\e6a5";
}
.ti-envelope:before {
	content: "\e6a6";
}
.ti-download:before {
	content: "\e6a7";
}
.ti-direction:before {
	content: "\e6a8";
}
.ti-direction-alt:before {
	content: "\e6a9";
}
.ti-dashboard:before {
	content: "\e6aa";
}
.ti-control-stop:before {
	content: "\e6ab";
}
.ti-control-shuffle:before {
	content: "\e6ac";
}
.ti-control-play:before {
	content: "\e6ad";
}
.ti-control-pause:before {
	content: "\e6ae";
}
.ti-control-forward:before {
	content: "\e6af";
}
.ti-control-backward:before {
	content: "\e6b0";
}
.ti-cloud:before {
	content: "\e6b1";
}
.ti-cloud-up:before {
	content: "\e6b2";
}
.ti-cloud-down:before {
	content: "\e6b3";
}
.ti-clipboard:before {
	content: "\e6b4";
}
.ti-car:before {
	content: "\e6b5";
}
.ti-calendar:before {
	content: "\e6b6";
}
.ti-book:before {
	content: "\e6b7";
}
.ti-bell:before {
	content: "\e6b8";
}
.ti-basketball:before {
	content: "\e6b9";
}
.ti-bar-chart:before {
	content: "\e6ba";
}
.ti-bar-chart-alt:before {
	content: "\e6bb";
}
.ti-back-right:before {
	content: "\e6bc";
}
.ti-back-left:before {
	content: "\e6bd";
}
.ti-arrows-corner:before {
	content: "\e6be";
}
.ti-archive:before {
	content: "\e6bf";
}
.ti-anchor:before {
	content: "\e6c0";
}
.ti-align-right:before {
	content: "\e6c1";
}
.ti-align-left:before {
	content: "\e6c2";
}
.ti-align-justify:before {
	content: "\e6c3";
}
.ti-align-center:before {
	content: "\e6c4";
}
.ti-alert:before {
	content: "\e6c5";
}
.ti-alarm-clock:before {
	content: "\e6c6";
}
.ti-agenda:before {
	content: "\e6c7";
}
.ti-write:before {
	content: "\e6c8";
}
.ti-window:before {
	content: "\e6c9";
}
.ti-widgetized:before {
	content: "\e6ca";
}
.ti-widget:before {
	content: "\e6cb";
}
.ti-widget-alt:before {
	content: "\e6cc";
}
.ti-wallet:before {
	content: "\e6cd";
}
.ti-video-clapper:before {
	content: "\e6ce";
}
.ti-video-camera:before {
	content: "\e6cf";
}
.ti-vector:before {
	content: "\e6d0";
}
.ti-themify-logo:before {
	content: "\e6d1";
}
.ti-themify-favicon:before {
	content: "\e6d2";
}
.ti-themify-favicon-alt:before {
	content: "\e6d3";
}
.ti-support:before {
	content: "\e6d4";
}
.ti-stamp:before {
	content: "\e6d5";
}
.ti-split-v-alt:before {
	content: "\e6d6";
}
.ti-slice:before {
	content: "\e6d7";
}
.ti-shortcode:before {
	content: "\e6d8";
}
.ti-shift-right-alt:before {
	content: "\e6d9";
}
.ti-shift-left-alt:before {
	content: "\e6da";
}
.ti-ruler-alt-2:before {
	content: "\e6db";
}
.ti-receipt:before {
	content: "\e6dc";
}
.ti-pin2:before {
	content: "\e6dd";
}
.ti-pin-alt:before {
	content: "\e6de";
}
.ti-pencil-alt2:before {
	content: "\e6df";
}
.ti-palette:before {
	content: "\e6e0";
}
.ti-more:before {
	content: "\e6e1";
}
.ti-more-alt:before {
	content: "\e6e2";
}
.ti-microphone-alt:before {
	content: "\e6e3";
}
.ti-magnet:before {
	content: "\e6e4";
}
.ti-line-double:before {
	content: "\e6e5";
}
.ti-line-dotted:before {
	content: "\e6e6";
}
.ti-line-dashed:before {
	content: "\e6e7";
}
.ti-layout-width-full:before {
	content: "\e6e8";
}
.ti-layout-width-default:before {
	content: "\e6e9";
}
.ti-layout-width-default-alt:before {
	content: "\e6ea";
}
.ti-layout-tab:before {
	content: "\e6eb";
}
.ti-layout-tab-window:before {
	content: "\e6ec";
}
.ti-layout-tab-v:before {
	content: "\e6ed";
}
.ti-layout-tab-min:before {
	content: "\e6ee";
}
.ti-layout-slider:before {
	content: "\e6ef";
}
.ti-layout-slider-alt:before {
	content: "\e6f0";
}
.ti-layout-sidebar-right:before {
	content: "\e6f1";
}
.ti-layout-sidebar-none:before {
	content: "\e6f2";
}
.ti-layout-sidebar-left:before {
	content: "\e6f3";
}
.ti-layout-placeholder:before {
	content: "\e6f4";
}
.ti-layout-menu:before {
	content: "\e6f5";
}
.ti-layout-menu-v:before {
	content: "\e6f6";
}
.ti-layout-menu-separated:before {
	content: "\e6f7";
}
.ti-layout-menu-full:before {
	content: "\e6f8";
}
.ti-layout-media-right-alt:before {
	content: "\e6f9";
}
.ti-layout-media-right:before {
	content: "\e6fa";
}
.ti-layout-media-overlay:before {
	content: "\e6fb";
}
.ti-layout-media-overlay-alt:before {
	content: "\e6fc";
}
.ti-layout-media-overlay-alt-2:before {
	content: "\e6fd";
}
.ti-layout-media-left-alt:before {
	content: "\e6fe";
}
.ti-layout-media-left:before {
	content: "\e6ff";
}
.ti-layout-media-center-alt:before {
	content: "\e700";
}
.ti-layout-media-center:before {
	content: "\e701";
}
.ti-layout-list-thumb:before {
	content: "\e702";
}
.ti-layout-list-thumb-alt:before {
	content: "\e703";
}
.ti-layout-list-post:before {
	content: "\e704";
}
.ti-layout-list-large-image:before {
	content: "\e705";
}
.ti-layout-line-solid:before {
	content: "\e706";
}
.ti-layout-grid4:before {
	content: "\e707";
}
.ti-layout-grid3:before {
	content: "\e708";
}
.ti-layout-grid2:before {
	content: "\e709";
}
.ti-layout-grid2-thumb:before {
	content: "\e70a";
}
.ti-layout-cta-right:before {
	content: "\e70b";
}
.ti-layout-cta-left:before {
	content: "\e70c";
}
.ti-layout-cta-center:before {
	content: "\e70d";
}
.ti-layout-cta-btn-right:before {
	content: "\e70e";
}
.ti-layout-cta-btn-left:before {
	content: "\e70f";
}
.ti-layout-column4:before {
	content: "\e710";
}
.ti-layout-column3:before {
	content: "\e711";
}
.ti-layout-column2:before {
	content: "\e712";
}
.ti-layout-accordion-separated:before {
	content: "\e713";
}
.ti-layout-accordion-merged:before {
	content: "\e714";
}
.ti-layout-accordion-list:before {
	content: "\e715";
}
.ti-ink-pen:before {
	content: "\e716";
}
.ti-info-alt:before {
	content: "\e717";
}
.ti-help-alt:before {
	content: "\e718";
}
.ti-headphone-alt:before {
	content: "\e719";
}
.ti-hand-point-up:before {
	content: "\e71a";
}
.ti-hand-point-right:before {
	content: "\e71b";
}
.ti-hand-point-left:before {
	content: "\e71c";
}
.ti-hand-point-down:before {
	content: "\e71d";
}
.ti-gallery:before {
	content: "\e71e";
}
.ti-face-smile:before {
	content: "\e71f";
}
.ti-face-sad:before {
	content: "\e720";
}
.ti-credit-card:before {
	content: "\e721";
}
.ti-control-skip-forward:before {
	content: "\e722";
}
.ti-control-skip-backward:before {
	content: "\e723";
}
.ti-control-record:before {
	content: "\e724";
}
.ti-control-eject:before {
	content: "\e725";
}
.ti-comments-smiley:before {
	content: "\e726";
}
.ti-brush-alt:before {
	content: "\e727";
}
.ti-youtube:before {
	content: "\e728";
}
.ti-vimeo:before {
	content: "\e729";
}
.ti-twitter:before {
	content: "\e72a";
}
.ti-time:before {
	content: "\e72b";
}
.ti-tumblr:before {
	content: "\e72c";
}
.ti-skype:before {
	content: "\e72d";
}
.ti-share:before {
	content: "\e72e";
}
.ti-share-alt:before {
	content: "\e72f";
}
.ti-rocket:before {
	content: "\e730";
}
.ti-pinterest:before {
	content: "\e731";
}
.ti-new-window:before {
	content: "\e732";
}
.ti-microsoft:before {
	content: "\e733";
}
.ti-list-ol:before {
	content: "\e734";
}
.ti-linkedin:before {
	content: "\e735";
}
.ti-layout-sidebar-2:before {
	content: "\e736";
}
.ti-layout-grid4-alt:before {
	content: "\e737";
}
.ti-layout-grid3-alt:before {
	content: "\e738";
}
.ti-layout-grid2-alt:before {
	content: "\e739";
}
.ti-layout-column4-alt:before {
	content: "\e73a";
}
.ti-layout-column3-alt:before {
	content: "\e73b";
}
.ti-layout-column2-alt:before {
	content: "\e73c";
}
.ti-instagram:before {
	content: "\e73d";
}
.ti-google:before {
	content: "\e73e";
}
.ti-github:before {
	content: "\e73f";
}
.ti-flickr:before {
	content: "\e740";
}
.ti-facebook:before {
	content: "\e741";
}
.ti-dropbox:before {
	content: "\e742";
}
.ti-dribbble:before {
	content: "\e743";
}
.ti-apple:before {
	content: "\e744";
}
.ti-android:before {
	content: "\e745";
}
.ti-save:before {
	content: "\e746";
}
.ti-save-alt:before {
	content: "\e747";
}
.ti-yahoo:before {
	content: "\e748";
}
.ti-wordpress:before {
	content: "\e749";
}
.ti-vimeo-alt:before {
	content: "\e74a";
}
.ti-twitter-alt:before {
	content: "\e74b";
}
.ti-tumblr-alt:before {
	content: "\e74c";
}
.ti-trello:before {
	content: "\e74d";
}
.ti-stack-overflow:before {
	content: "\e74e";
}
.ti-soundcloud:before {
	content: "\e74f";
}
.ti-sharethis:before {
	content: "\e750";
}
.ti-sharethis-alt:before {
	content: "\e751";
}
.ti-reddit:before {
	content: "\e752";
}
.ti-pinterest-alt:before {
	content: "\e753";
}
.ti-microsoft-alt:before {
	content: "\e754";
}
.ti-linux:before {
	content: "\e755";
}
.ti-jsfiddle:before {
	content: "\e756";
}
.ti-joomla:before {
	content: "\e757";
}
.ti-html5:before {
	content: "\e758";
}
.ti-flickr-alt:before {
	content: "\e759";
}
.ti-email:before {
	content: "\e75a";
}
.ti-drupal:before {
	content: "\e75b";
}
.ti-dropbox-alt:before {
	content: "\e75c";
}
.ti-css3:before {
	content: "\e75d";
}
.ti-rss:before {
	content: "\e75e";
}
.ti-rss-alt:before {
	content: "\e75f";
}






















.owl-carousel,.owl-carousel .owl-item{
    -webkit-tap-highlight-color:transparent;position:relative
}

.owl-carousel{
    display:none;width:100%;z-index:1
}

.owl-carousel .owl-stage{
    position:relative;
    /* -ms-touch-action:pan-Y; */
    /* -moz-backface-visibility:hidden */
}
.owl-carousel .owl-stage:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0
}
.owl-carousel .owl-stage-outer{
    position:relative;
    overflow:hidden;
    /* -webkit-transform:translate3d(0,0,0) */
}
/* .owl-carousel .owl-item,.owl-carousel .owl-wrapper{ */
    /* -webkit-backface-visibility:hidden; */
    /* -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0) */
/* } */
.owl-carousel .owl-item{
    min-height:1px;
    float:left;
    /* -webkit-backface-visibility:hidden; */
    -webkit-touch-callout:none
}
.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;
    margin-top:-40px;
    background:url(owl.video.play.html) no-repeat;
    cursor:pointer;
    z-index:1;
    /* -webkit-backface-visibility:hidden; */
    transition:transform .1s ease
}
.owl-carousel .owl-video-play-icon:hover{
    -ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{
    display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}












.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  /* -webkit-backface-visibility: hidden; */
 }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  /* -webkit-appearance: none; */
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }





pre{
    background: #dcdcdc;
    border-radius: 20px;
}





/* Pagination container styles */
.pager {
    list-style-type: none;
    padding: 0;
}

/* Styles for individual pagination links */
.pager li {
    display: inline-block;
    margin-right: 10px;
}

/* Styles for all pagination links */
.pager a {
    text-decoration: none;
    color: #000;
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: normal;
    background: none;
}

/* Styles for the active pagination link */
.pager a.active {
    font-weight: bold;
    background: #f0f0f0;
}