.main-header {
    position: relative;
    background-color: #010e0f
}
.main-header.customization-page,
.main-header.blog-page {
    margin-bottom: 166px
}
.main-header.theme-listing,
.main-header.blog-page {
    overflow: hidden
}
.main-header .btn-primary {
    margin-top: 24px
}
.main-header .btn-primary span,
.main-header .btn-primary input {
    padding: 0 59px;
    height: 57px;
    line-height: 53px;
    font-size: 15px
}
.main-slider .item,
.page-header {
    background-position: center center;
    background-repeat: repeat-x;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 0;
    margin: 0;
    border: none
}
.main-slider .btn-primary {
    margin-bottom: 151px
}
.main-slider .carousel-desc,
.page-title-block {
    padding: 195px 50px 0;
    text-align: center
}
.theme-details .page-title-block {
    padding-top: 120px
}


.margin-bottom-0 {
    margin-bottom: 0!important
}
.margin-bottom-10 {
    margin-bottom: 10px!important
}
.margin-bottom-20 {
    margin-bottom: 20px!important
}
.margin-bottom-30 {
    margin-bottom: 30px!important
}
.margin-bottom-40 {
    margin-bottom: 40px!important
}
.margin-bottom-50 {
    margin-bottom: 50px!important
}
.margin-bottom-60 {
    margin-bottom: 60px!important
}
.margin-bottom-70 {
    margin-bottom: 70px!important
}
.margin-bottom-80 {
    margin-bottom: 80px!important
}
.margin-bottom-90 {
    margin-bottom: 90px!important
}
.margin-bottom-100 {
    margin-bottom: 100px!important
}
.margin-bottom-110 {
    margin-bottom: 110px!important
}
.margin-bottom-120 {
    margin-bottom: 120px!important
}
.margin-bottom-130 {
    margin-bottom: 130px!important
}
.margin-bottom-140 {
    margin-bottom: 140px!important
}
.margin-bottom-150 {
    margin-bottom: 150px!important
}
.margin-bottom-160 {
    margin-bottom: 160px!important
}

.main-slider .item,
.page-header {
    background-position: center center;
    background-repeat: repeat-x;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 0;
    margin: 0;
    border: none
}
.main-slider .btn-primary {
    margin-bottom: 151px
}
.main-slider .carousel-desc,
.page-title-block {
    padding: 195px 50px 0;
    text-align: center
}

.lazyload,
.lazyloading {
    position: absolute;
    background-position: center center;
    background-size: 24px;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiNmZmYiPiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSIgc3Ryb2tlLXdpZHRoPSIyIj4gICAgICAgICAgICA8Y2lyY2xlIHN0cm9rZS1vcGFjaXR5PSIuNSIgY3g9IjE4IiBjeT0iMTgiIHI9IjE4Ii8+ICAgICAgICAgICAgPHBhdGggZD0iTTM2IDE4YzAtOS45NC04LjA2LTE4LTE4LTE4Ij4gICAgICAgICAgICAgICAgPGFuaW1hdGVUcmFuc2Zvcm0gICAgICAgICAgICAgICAgICAgIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgICAgICAgICAgICAgICAgICAgIHR5cGU9InJvdGF0ZSIgICAgICAgICAgICAgICAgICAgIGZyb209IjAgMTggMTgiICAgICAgICAgICAgICAgICAgICB0bz0iMzYwIDE4IDE4IiAgICAgICAgICAgICAgICAgICAgZHVyPSIxcyIgICAgICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+ICAgICAgICAgICAgPC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+)
}
.customization-page .lazyload,
.customization-page .lazyloading,
.theme-details .lazyload,
.theme-details .lazyloading,
.pricing-page .lazyload,
.pricing-page .lazyloading {
    position: relative
}

.page-title-before {
    font-family: "kepler-std", serif;
    font-size: 26px;
    font-style: italic;
    font-weight: 300;
    color: #00e5bf;
    margin-bottom: 1.78em
}
.tf-custom-work-seo .page-title-before {
    color: #595959;
}
.theme-listing .page-title-before,
.blog-page .page-title-before {
    margin-bottom: 1em
}
.theme-details .page-title-before {
    margin-bottom: .92em
}
.pricing-page .page-title-before {
    margin-bottom: 1em
}
.customization-page .page-title-before {
    margin-bottom: 1.36em
}
.tf-custom-work-seo .page-title-before {
    padding-top: 60px;
}
.page-title {
    font-family: "brandon-grotesque", sans-serif;
    font-size: 63px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: -1px;
    margin-bottom: .2em
}
.tf-custom-work-seo .page-title {
    font-family: "brandon-grotesque", sans-serif;
    font-size: 37px;
    font-weight: 700;
    color: #1a1a1a;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 1.2em;
}
.theme-listing .page-title,
.blog-page .page-title {
    margin-bottom: 1.5em
}
.pricing-page .page-title {
    margin-bottom: 1.12em
}
.customization-page .page-title {
    margin-bottom: .1em
}
.theme-details .page-subtitle {
    margin-bottom: 78px;
    font-size: 19px;
    letter-spacing: normal;
    padding-top: 10px
}
.page-subtitle {
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 300;
    font-size: 54px;
    color: #ff7105;
    text-transform: uppercase;
    letter-spacing: -1.4px;
    margin-bottom: .4em
}
.customization-page .page-subtitle {
    margin-bottom: .3em
}

.main-slider .carousel-indicators {
    position: absolute;
    top: 50%;
    left: 3%;
    bottom: auto;
    z-index: 15;
    width: auto;
    margin: 0;
    padding: 0
}
.main-slider .carousel-indicators li {
    display: block;
    width: 12px;
    height: 12px;
    margin: 6px 0;
    border: 2px solid #b6bcbf;
    border-radius: 50%
}
.main-slider .carousel-indicators li.active {
    background-color: #b6bcbf
}

@media (max-width: 1279px) {
    .page-title-before {
        font-size: 24px
    }
    .page-title {
        font-size: 58px
    }
    .page-subtitle {
        font-size: 48px
    }
}
@media (max-width: 991px) {
    .main-slider .btn-primary {
        margin-bottom: 120px
    }
    .main-slider .carousel-desc,
    .page-title-block {
        padding: 85px 30px 0!important
    }
    .page-title-before {
        font-size: 18px
    }
    .page-title {
        font-size: 44px
    }
    .theme-listing .page-title,
    .blog-page .page-title {
        margin-bottom: .8em
    }
    .page-subtitle {
        font-size: 30px;
        letter-spacing: 0
    }
    .main-header .btn {
        margin-top: 10px
    }
    .main-header .btn span,
    .main-header .btn input {
        padding: 0 40px;
        height: 47px;
        line-height: 43px;
        font-size: 14px
    }
    .main-slider .carousel-indicators {
        left: 1%
    }
    .main-slider .carousel-indicators li {
        width: 16px;
        height: 16px;
        margin: 10px 0
    }
    .categories-slider {
        margin-bottom: 40px
    }
    .customization-page .btn-primary {
        margin-bottom: 100px
    }
}
@media (max-width: 767px) {
    .main-slider .btn-primary {
        margin-bottom: 65px
    }
    .main-slider .carousel-desc,
    .page-title-block {
        padding: 40px 30px 0!important
    }
    .page-title-before {
        font-size: 14px
    }
    .page-title {
        font-size: 29px
    }
    .page-subtitle {
        font-size: 20px
    }
    .main-header .btn {
        margin-top: 10px
    }
    .main-header .btn span,
    .main-header .btn input {
        padding: 0 30px;
        height: 40px;
        line-height: 36px;
        font-size: 13px
    }
    .customization-page .btn-primary {
        margin-bottom: 64px
    }
}
@media (max-width: 479px) {
    .main-slider .btn-primary {
        margin-bottom: 50px
    }
    .main-slider .carousel-desc {
        padding: 36px 26px 0
    }
    .page-title-before {
        font-size: 15px
    }
    .page-title {
        font-size: 20px;
        letter-spacing: 0
    }
    .page-subtitle {
        margin-bottom: 0
    }
    .main-header .btn {
        margin-top: 16px
    }
    .main-header .btn span,
    .main-header .btn input {
        padding: 0 20px;
        height: 30px;
        line-height: 26px;
        font-size: 10px
    }
    .customization-page .btn-primary {
        margin-bottom: 58px
    }
}
@media (max-width: 991px) {
    .theme-details .page-subtitle {
        margin-bottom: 32px
    }
}



.site-header .col-md-16 {
    min-height: 0
}
.site-logo,
.primary-navigation {
    position: relative;
    z-index: 10;
    top: 75px;
    margin-top: -75px;
    float: left
}
.primary-navigation {
    float: right
}
.site-logo img {
    display: block;
    width: 174px;
    height: 44px;
    margin-top: 31px
}
.nav-menu .animated {
    -webkit-animation-duration: .2s;
    animation-duration: .2s
}

.nav-menu {
    z-index: 999;
    margin-top: 27px
}
.nav-menu li {
    position: relative
}
.nav-menu > li {
    display: inline-block;
    background: rgba(0, 0, 0, 0)
}
.ie8 .nav-menu > li {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQIW2NkAAIAAAoAAggA9GkAAAAASUVORK5CYII=)
}
.nav-menu > li > a,
.nav-menu > li > span {
    display: block;
    font-size: 12px;
    color: #b6bcbf;
    text-transform: uppercase;
    white-space: nowrap;
    height: 48px;
    line-height: 48px;
    padding: 0 13px
}
.nav-menu > li:hover > a,
.nav-menu > li.current-menu-item > a {
    color: #fff!important
}
.nav-menu > li:last-child > a {
    padding: 0 0 0 2px
}
.nav-menu ul {
    display: none;
    position: absolute;
    top: 48px;
    left: 0;
    z-index: 9499;
    padding: 9px 0 13px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.95);
    border-radius: 3px;
    min-width: 212px
}
.nav-menu li.offsetLeft ul {
    left: auto!important;
    right: 0!important
}
.nav-menu ul.animated {
    display: block
}

.site-navigation .icon-matrix {
    font-size: 33px;
    line-height: 41px;
}
.site-navigation .icon-earth {
    font-size: 37px;
    line-height: 42px;
}