body {
        line-height: 1.7;
        color: gray;
        font-weight: 400;
        font-size: 1rem
}

::-moz-selection {
        background: #000;
        color: #fff
}

::selection {
        background: #000;
        color: #fff
}

a {
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease
}

a:hover {
        text-decoration: none
}

h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5 {
        font-family: muli, -apple-system, BlinkMacSystemFont, segoe ui, Roboto, helvetica neue, Arial, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol, noto color emoji
}

.border-2 {
        border-width: 2px
}

.text-black {
        color: #000 !important
}

.bg-black {
        background: #9b9b9b !important
}

.color-black-opacity-5 {
        color: rgba(0, 0, 0, .5)
}

.color-white-opacity-5 {
        color: rgba(255, 255, 255, .5)
}

.site-wrap:before {
        display: none;
        -webkit-transition: .3s all ease-in-out;
        -o-transition: .3s all ease-in-out;
        transition: .3s all ease-in-out;
        background: rgba(0, 0, 0, .6);
        content: "";
        position: absolute;
        z-index: 2000;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        visibility: hidden
}

.offcanvas-menu .site-wrap {
        height: 100%;
        width: 100%;
        z-index: 2
}

.offcanvas-menu .site-wrap:before {
        opacity: 1;
        visibility: visible
}

.btn {
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 900;
        padding: 6px 20px
}

.btn:hover,
.btn:active,
.btn:focus {
        outline: none;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
}

.btn.btn-black {
        border-width: 2px;
        border-color: #000;
        background: #000;
        color: #fff
}

.btn.btn-black:hover {
        color: #000;
        background-color: transparent
}

.btn.btn-black.btn-outline-black {
        color: #000;
        background-color: transparent
}

.btn.btn-black.btn-outline-black:hover {
        border-color: #000;
        background: #000;
        color: #fff
}

.btn.btn-white {
        border-width: 2px;
        border-color: #fff;
        background: #fff;
        color: #000
}

.btn.btn-white:hover {
        color: #fff;
        background-color: transparent
}

.btn.btn-white.btn-outline-white {
        color: #fff;
        background-color: transparent
}

.btn.btn-white.btn-outline-white:hover {
        border-color: #fff;
        background: #fff;
        color: #000
}

.line-height-1 {
        line-height: 1 !important
}

.bg-black {
        background: #000
}

.form-control {
        height: 43px;
        font-family: muli, -apple-system, BlinkMacSystemFont, segoe ui, Roboto, helvetica neue, Arial, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol, noto color emoji
}

.form-control:active,
.form-control:focus {
        border-color: #f16821
}

.form-control:hover,
.form-control:active,
.form-control:focus {
        -webkit-box-shadow: none !important;
        box-shadow: none !important
}

.site-section {
        padding: 2.5em 0
}

@media(min-width:768px) {
        .site-section {
                padding: 5em 0
        }
}

.site-section.site-section-sm {
        padding: 4em 0
}

.site-section-heading {
        padding-bottom: 20px;
        margin-bottom: 0;
        position: relative;
        font-size: 2.5rem
}

@media(min-width:768px) {
        .site-section-heading {
                font-size: 3rem
        }
}

.border-top {
        border-top: 1px solid #edf0f5 !important
}

.site-footer {
        padding: 3em 0em 0em 0;
        background: #333
}

@media(min-width:768px) {}

.site-footer .border-top {
        border-top: 1px solid rgba(255, 255, 255, .1) !important
}

.site-footer p {
        color: #737373
}

.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5 {
        color: #000
}

.site-footer a {
        color: #999
}

.site-footer a:hover {
        color: #f16821;
}

.site-footer ul li {
        margin-bottom: 10px
}

.site-footer .footer-heading {
        font-size: 16px;
        color: white;
        text-transform: uppercase;
        font-weight: 900
}

.bg-text-line {
        display: inline;
        background: #000;
        -webkit-box-shadow: 20px 0 0 #000, -20px 0 0 #000;
        box-shadow: 20px 0 0 #000, -20px 0 0 #000
}

.text-white-opacity-05 {
        color: rgba(255, 255, 255, .5)
}

.text-black-opacity-05 {
        color: rgba(0, 0, 0, .5)
}

.hover-bg-enlarge {
        overflow: hidden;
        position: relative
}

@media(max-width:991.98px) {
        .hover-bg-enlarge {
                height: auto !important
        }
}

.hover-bg-enlarge>div {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-transition: .8s all ease-in-out;
        -o-transition: .8s all ease-in-out;
        transition: .8s all ease-in-out
}

.hover-bg-enlarge:hover>div,
.hover-bg-enlarge:focus>div,
.hover-bg-enlarge:active>div {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2)
}

@media(max-width:991.98px) {
        .hover-bg-enlarge .bg-image-md-height {
                height: 300px !important
        }
}

.bg-image {
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        background-attachment: fixed
}

.bg-image.overlay {
        position: relative
}

.mb-0 .icon-phone{color: #000;}
 .mb-0 .icon-envelope{color: #000;}

.bg-image.overlay:after {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 0;
        width: 100%;
        background: rgba(0, 0, 0, .7)
}

.bg-image>.container {
        position: relative;
        z-index: 1
}

@media(max-width:991.98px) {
        .img-md-fluid {
                max-width: 100%
        }
}

@media(max-width:991.98px) {

        .display-1,
        .display-3 {
                font-size: 3rem
        }
}

.play-single-big {
        width: 90px;
        height: 90px;
        display: inline-block;
        border: 2px solid #fff;
        color: #fff !important;
        border-radius: 50%;
        position: relative;
        -webkit-transition: .3s all ease-in-out;
        -o-transition: .3s all ease-in-out;
        transition: .3s all ease-in-out
}

.play-single-big>span {
        font-size: 50px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-40%, -50%);
        -ms-transform: translate(-40%, -50%);
        transform: translate(-40%, -50%)
}

.play-single-big:hover {
        width: 120px;
        height: 120px
}

.overlap-to-top {
        margin-top: -150px
}

.ul-check {
        margin-bottom: 50px
}

.ul-check li {
        position: relative;
        padding-left: 35px;
        margin-bottom: 15px;
        line-height: 1.5
}

.ul-check li:before {
        left: 0;
        font-size: 20px;
        top: -.3rem;
        font-family: icomoon;
        content: "\e5ca";
        position: absolute
}

.ul-check.white li:before {
        color: #fff
}

.ul-check.success li:before {
        color: #8bc34a
}

.ul-check.primary li:before {
        color: #f16821
}

.select-wrap,
.wrap-icon {
        position: relative
}

.select-wrap .icon,
.wrap-icon .icon {
        position: absolute;
        right: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 22px
}

.select-wrap select,
.wrap-icon select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 100%
}

.site-logo {
        position: relative;
        left: 0;
        top: -5px;
        font-weight: 900
}

.site-navbar {
        margin-bottom: 0;
        z-index: 1999;
        position: relative;
        width: 100%;
        background: #fff
}

.site-navbar .site-navigation.border-bottom {
        border-bottom: 1px solid #f3f3f4 !important
}

.site-navbar .site-navigation .site-menu {
        margin-bottom: 0
}

/* .site-navbar .site-navigation .site-menu .active {
        color: #f16821;
        display: inline-block;
        padding: 5px 20px
} */

.site-navbar .site-navigation .site-menu .active {
        color: #ffffff; transition: .5s;
        display: inline-block;
        padding: 5px 20px}


.site-navbar .site-navigation .site-menu a {
        text-decoration: none !important;
        display: inline-block
}

.site-navbar .site-navigation .site-menu>li {
        display: inline-block
}

.site-navbar .site-navigation .site-menu>li>a {
        padding: 5px 20px;
        color: white;
        display: inline-block;
        text-decoration: none !important
}

.site-navbar .site-navigation .site-menu>li>a:hover {
        color: #304e74
}

.site-navbar .site-navigation .site-menu .has-children {
        position: relative
}

.site-navbar .site-navigation .site-menu .has-children>a {
        position: relative;
        padding-right: 20px
}

.site-navbar .site-navigation .site-menu .has-children>a:before {
        position: absolute;
        content: "\e313";
        font-size: 16px;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-family: icomoon
}

.site-navbar .site-navigation .site-menu .has-children .dropdown {
        visibility: hidden;
        opacity: 0;
        top: 100%;
        position: absolute;
        text-align: left;
        border-top: 2px solid #f16821;
        -webkit-box-shadow: 0 2px 10px -2px rgba(0, 0, 0, .1);
        box-shadow: 0 2px 10px -2px rgba(0, 0, 0, .1);
        border-left: 1px solid #edf0f5;
        border-right: 1px solid #edf0f5;
        border-bottom: 1px solid #edf0f5;
        padding: 0 0;
        margin-top: 20px;
        margin-left: 0;
        background: #fff;
        -webkit-transition: .2s 0s;
        -o-transition: .2s 0s;
        transition: .2s 0s
}

.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top {
        position: absolute
}

.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
        bottom: 100%;
        left: 20%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none
}

.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
        border-color: transparent;
        border-bottom-color: #fff;
        border-width: 10px;
        margin-left: -10px
}

.site-navbar .site-navigation .site-menu .has-children .dropdown a {
        text-transform: none;
        letter-spacing: normal;
        -webkit-transition: 0s all;
        -o-transition: 0s all;
        transition: 0s all;
        color: #343a40
}

.site-navbar .site-navigation .site-menu .has-children .dropdown .active>a {
        color: #f16821 !important
}

.site-navbar .site-navigation .site-menu .has-children .dropdown>li {
        list-style: none;
        padding: 0;
        margin: 0;
        min-width: 200px
}

.site-navbar .site-navigation .site-menu .has-children .dropdown>li>a {
        padding: 9px 20px;
        display: block
}

.site-navbar .site-navigation .site-menu .has-children .dropdown>li>a:hover {
        background: #f4f5f9;
        color: #25262a
}

.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children>a:before {
        content: "\e315";
        right: 20px
}

.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children>.dropdown,
.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children>ul {
        left: 100%;
        top: 0
}

.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children:hover>a,
.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children:active>a,
.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children:focus>a {
        background: #f4f5f9;
        color: #25262a
}

.site-navbar .site-navigation .site-menu .has-children:hover>a,
.site-navbar .site-navigation .site-menu .has-children:focus>a,
.site-navbar .site-navigation .site-menu .has-children:active>a {
        color: #f16821
}

.site-navbar .site-navigation .site-menu .has-children:hover,
.site-navbar .site-navigation .site-menu .has-children:focus,
.site-navbar .site-navigation .site-menu .has-children:active {
        cursor: pointer
}

.site-navbar .site-navigation .site-menu .has-children:hover>.dropdown,
.site-navbar .site-navigation .site-menu .has-children:focus>.dropdown,
.site-navbar .site-navigation .site-menu .has-children:active>.dropdown {
        -webkit-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s;
        margin-top: 0;
        visibility: visible;
        opacity: 1
}

.site-mobile-menu {
        width: 300px;
        position: fixed;
        right: 0;
        z-index: 2000;
        padding-top: 20px;
        background: #fff;
        height: calc(100vh);
        -webkit-transform: translateX(110%);
        -ms-transform: translateX(110%);
        transform: translateX(110%);
        -webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, .1);
        box-shadow: -10px 0 20px -10px rgba(0, 0, 0, .1);
        -webkit-transition: .3s all ease-in-out;
        -o-transition: .3s all ease-in-out;
        transition: .3s all ease-in-out
}

.offcanvas-menu .site-mobile-menu {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%)
}

.site-mobile-menu .site-mobile-menu-header {
        width: 100%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {
        float: right;
        margin-top: 8px
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {
        font-size: 30px;
        display: inline-block;
        padding-left: 10px;
        padding-right: 0;
        line-height: 1;
        cursor: pointer;
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover {
        color: #25262a
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {
        float: left;
        margin-top: 10px;
        margin-left: 0
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {
        display: inline-block;
        text-transform: uppercase
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img {
        max-width: 70px
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {
        text-decoration: none
}

.site-mobile-menu .site-mobile-menu-body {
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        position: relative;
        padding: 0 20px 20px;
        height: calc(100vh - 52px);
        padding-bottom: 150px
}

.site-mobile-menu .site-nav-wrap {
        padding: 0;
        margin: 0;
        list-style: none;
        position: relative
}

.site-mobile-menu .site-nav-wrap a {
        padding: 10px 20px;
        display: block;
        position: relative;
        color: #212529
}

.site-mobile-menu .site-nav-wrap a:hover {
        color: #f16821
}

.site-mobile-menu .site-nav-wrap li {
        position: relative;
        display: block
}

.site-mobile-menu .site-nav-wrap li .active {
        color: #f16821
}

.site-mobile-menu .site-nav-wrap .arrow-collapse {
        position: absolute;
        right: 0;
        top: 10px;
        z-index: 20;
        width: 36px;
        height: 36px;
        text-align: center;
        cursor: pointer;
        border-radius: 50%
}

.site-mobile-menu .site-nav-wrap .arrow-collapse:hover {
        background: #f8f9fa
}

.site-mobile-menu .site-nav-wrap .arrow-collapse:before {
        font-size: 12px;
        z-index: 20;
        font-family: icomoon;
        content: "\f078";
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%) rotate(-180deg);
        -ms-transform: translate(-50%, -50%) rotate(-180deg);
        transform: translate(-50%, -50%) rotate(-180deg);
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease
}

.site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
}

.site-mobile-menu .site-nav-wrap>li {
        display: block;
        position: relative;
        float: left;
        width: 100%
}

.site-mobile-menu .site-nav-wrap>li>a {
        padding-left: 20px;
        font-size: 20px
}

.site-mobile-menu .site-nav-wrap>li>ul {
        padding: 0;
        margin: 0;
        list-style: none
}

.site-mobile-menu .site-nav-wrap>li>ul>li {
        display: block
}

.site-mobile-menu .site-nav-wrap>li>ul>li>a {
        padding-left: 40px;
        font-size: 16px
}

.site-mobile-menu .site-nav-wrap>li>ul>li>ul {
        padding: 0;
        margin: 0
}

.site-mobile-menu .site-nav-wrap>li>ul>li>ul>li {
        display: block
}

.site-mobile-menu .site-nav-wrap>li>ul>li>ul>li>a {
        font-size: 16px;
        padding-left: 60px
}

.site-mobile-menu .site-nav-wrap[data-class=social] {
        float: left;
        width: 100%;
        margin-top: 30px;
        padding-bottom: 5em
}

.site-mobile-menu .site-nav-wrap[data-class=social]>li {
        width: auto
}

.site-mobile-menu .site-nav-wrap[data-class=social]>li:first-child a {
        padding-left: 15px !important
}

.sticky-wrapper {
        position: absolute;
        z-index: 100;
        width: 100%
}

.sticky-wrapper+.site-blocks-cover {
        margin-top: 96px
}

.sticky-wrapper .site-navbar {
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease
}

.sticky-wrapper.is-sticky .site-navbar {
        -webkit-box-shadow: 4px 0 20px -5px rgba(0, 0, 0, .2);
        box-shadow: 4px 0 20px -5px rgba(0, 0, 0, .2)
}

.sticky-wrapper .shrink {
        padding-top: 10px !important;
        padding-bottom: 10px !important
}

.site-blocks-cover {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top;
        background-position: center center
}

.site-blocks-cover.overlay {
        position: relative
}

.site-blocks-cover.overlay:before {
        position: absolute;
        content: "";
        left: 0;
        bottom: 0;
        right: 0;
        top: 0;
        background: rgba(0, 0, 0, .4)
}

.site-blocks-cover .player {
        position: absolute;
        bottom: -250px;
        width: 100%
}

.site-blocks-cover,
.site-blocks-cover>.container>.row {
        min-height: 600px;
        height: calc(100vh)
}

.site-blocks-cover.inner-page-cover,
.site-blocks-cover.inner-page-cover>.container>.row {
        min-height: 400px;
        height: calc(20vh)
}

.site-blocks-cover h1 {
        font-size: 5rem;
        font-weight: 400;
        color: #fff;
        font-weight: 900
}

@media(max-width:991.98px) {
        .site-blocks-cover h1 {
                font-size: 2rem
        }
}

.site-blocks-cover p {
        color: #fff;
        font-size: 1rem;
        line-height: 1.5;
        font-weight: 300
}

.site-blocks-cover p.lead {
        font-size: 20px
}

.site-blocks-cover .intro-text {
        font-size: 16px;
        line-height: 1.5
}

@media(max-width:991.98px) {
        .site-blocks-cover .display-1 {
                font-size: 3rem
        }
}

.site-block-subscribe .btn {
        padding-left: 20px;
        padding-right: 20px
}

.site-block-subscribe .form-control {
        font-weight: 300;
        border-color: #fff !important;
        height: 80px;
        font-size: 22px;
        color: #fff;
        padding-left: 30px;
        padding-right: 30px
}

.site-block-subscribe .form-control::-webkit-input-placeholder {
        color: rgba(255, 255, 255, .5);
        font-weight: 200;
        font-style: italic
}

.site-block-subscribe .form-control::-moz-placeholder {
        color: rgba(255, 255, 255, .5);
        font-weight: 200;
        font-style: italic
}

.site-block-subscribe .form-control:-ms-input-placeholder {
        color: rgba(255, 255, 255, .5);
        font-weight: 200;
        font-style: italic
}

.site-block-subscribe .form-control:-moz-placeholder {
        color: rgba(255, 255, 255, .5);
        font-weight: 200;
        font-style: italic
}

.bg-light {
        background: #ccc
}

.feature-blocks-1 {
        position: relative;
        margin-top: -70px;
        z-index: 2;
        color: #999
}

.feature-blocks-1.no-margin-top {
        margin-top: 0
}

.feature-blocks-1 .feature-block-1 {
        position: relative;
        top: 0;
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease;
        overflow: hidden;
        z-index: 1
}

.feature-blocks-1 .feature-block-1.bg {
        position: relative;
        background-size: cover;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-transition: .3s all ease-in-out;
        -o-transition: .3s all ease-in-out;
        transition: .3s all ease-in-out
}

.feature-blocks-1 .feature-block-1 .text {
        z-index: 10;
        position: relative;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: .3s all ease-in-out;
        -o-transition: .3s all ease-in-out;
        transition: .3s all ease-in-out
}

.feature-blocks-1 .feature-block-1:before {
        content: "";
        position: absolute;
        top: 0;
        z-index: 1;
        bottom: 0;
        left: 0;
        right: 0;
        background: 0 0;
        -webkit-transition: .3s all ease-in-out;
        -o-transition: .3s all ease-in-out;
        transition: .3s all ease-in-out
}

.feature-blocks-1 .feature-block-1 p {
        color: #ccc
}

.feature-blocks-1 .feature-block-1:hover,
.feature-blocks-1 .feature-block-1:focus,
.feature-blocks-1 .feature-block-1:active {
        top: -10px;
        -webkit-box-shadow: 0 10px 40px -5px rgba(0, 0, 0, .4);
        box-shadow: 0 10px 40px -5px rgba(0, 0, 0, .4)
}

.feature-blocks-1 .feature-block-1:hover .text,
.feature-blocks-1 .feature-block-1:focus .text,
.feature-blocks-1 .feature-block-1:active .text {
        opacity: 1;
        visibility: visible
}

.feature-blocks-1 .feature-block-1:hover.bg,
.feature-blocks-1 .feature-block-1:focus.bg,
.feature-blocks-1 .feature-block-1:active.bg {
        position: relative;
        background-size: cover;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        z-index: 2
}

.feature-blocks-1 .feature-block-1:hover:before,
.feature-blocks-1 .feature-block-1:focus:before,
.feature-blocks-1 .feature-block-1:active:before {
        background: rgba(0, 0, 0, .9)
}

.site-blocks-vs .bg-image {
        padding-top: 3em;
        padding-bottom: 3em
}

@media(min-width:992px) {
        .site-blocks-vs .bg-image {
                padding-top: 5em;
                padding-bottom: 5em
        }
}

.site-blocks-vs .image {
        width: 80px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
        flex: 0 0 80px
}

@media(max-width:991.98px) {
        .site-blocks-vs .image {
                margin-left: auto !important;
                margin-right: auto !important
        }
}

.site-blocks-vs .image img {
        border-radius: 50%
}

.site-blocks-vs .image.image-small {
        width: 50px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50px;
        flex: 0 0 50px
}

.site-blocks-vs .country {
        color: rgba(255, 255, 255, .7)
}

.match-entry {
        position: relative;
        -webkit-transition: .2s all ease-in-out;
        -o-transition: .2s all ease-in-out;
        transition: .2s all ease-in-out;
        border-bottom: 1px solid rgba(0, 0, 0, .05)
}

.match-entry .small {
        color: #ccc;
        font-weight: 400;
        letter-spacing: .15em
}

.match-entry:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        z-index: 90;
        -webkit-box-shadow: 0 5px 40px -5px rgba(0, 0, 0, .1);
        box-shadow: 0 5px 40px -5px rgba(0, 0, 0, .1)
}

.post-entry {
        position: relative;
        overflow: hidden;
        border: 1px solid #e6e6e6
}

.post-entry,
.post-entry .text {
        border-radius: 4px;
        border-top: none !important
}

.post-entry .date {
        color: #ccc;
        font-weight: 400;
        letter-spacing: .1em
}

.post-entry .image {
        overflow: hidden;
        position: relative
}

.post-entry .image img {
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
}

.post-entry:hover .image img,
.post-entry:active .image img,
.post-entry:focus .image img {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2)
}

.site-block-tab .nav-item {
        text-transform: uppercase;
        font-size: .8rem;
        margin: 0 20px
}

.site-block-tab .nav-item:first-child {
        margin-left: 0 !important
}

.site-block-tab .nav-item>a {
        padding-left: 0 !important;
        background: 0 0 !important;
        padding-right: 0 !important;
        border-bottom: 2px solid transparent;
        border-radius: 0 !important;
        font-weight: 700;
        color: #ccc
}

.site-block-tab .nav-item>a:hover,
.site-block-tab .nav-item>a.active {
        border-bottom: 2px solid #f16821;
        color: #000
}

.block-13,
.slide-one-item {
        position: relative;
        z-index: 1
}

.block-13 .owl-nav,
.slide-one-item .owl-nav {
        position: relative;
        position: absolute;
        bottom: -90px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
}

.block-13 .owl-nav .owl-prev,
.block-13 .owl-nav .owl-next,
.slide-one-item .owl-nav .owl-prev,
.slide-one-item .owl-nav .owl-next {
        position: relative;
        display: inline-block;
        padding: 20px;
        font-size: 30px;
        color: #000
}

.block-13 .owl-nav .owl-prev.disabled,
.block-13 .owl-nav .owl-next.disabled,
.slide-one-item .owl-nav .owl-prev.disabled,
.slide-one-item .owl-nav .owl-next.disabled {
        opacity: .2
}

.slide-one-item.home-slider .owl-nav {
        position: absolute !important;
        top: 50% !important;
        bottom: auto !important;
        width: 100%
}

@media(max-width:991.98px) {
        .slide-one-item.home-slider .owl-nav {
                display: none
        }
}

.slide-one-item.home-slider .owl-prev {
        left: 10px !important
}

.slide-one-item.home-slider .owl-next {
        right: 10px !important
}

.slide-one-item.home-slider .owl-prev,
.slide-one-item.home-slider .owl-next {
        color: #fff;
        position: absolute !important;
        top: 50%;
        padding: 0;
        height: 50px;
        width: 50px;
        border-radius: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background: rgba(0, 0, 0, .2);
        -webkit-transition: .3s all ease-in-out;
        -o-transition: .3s all ease-in-out;
        transition: .3s all ease-in-out;
        line-height: 0;
        text-align: center;
        font-size: 25px
}

@media(min-width:768px) {

        .slide-one-item.home-slider .owl-prev,
        .slide-one-item.home-slider .owl-next {
                font-size: 25px
        }
}

.slide-one-item.home-slider .owl-prev>span,
.slide-one-item.home-slider .owl-next>span {
        position: absolute;
        line-height: 0;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
}

.slide-one-item.home-slider .owl-prev:hover,
.slide-one-item.home-slider .owl-prev:focus,
.slide-one-item.home-slider .owl-next:hover,
.slide-one-item.home-slider .owl-next:focus {
        background: #000
}

.slide-one-item.home-slider:hover .owl-nav,
.slide-one-item.home-slider:focus .owl-nav,
.slide-one-item.home-slider:active .owl-nav {
        opacity: 10;
        visibility: visible
}

.slide-one-item .owl-dots {
        text-align: center
}

.slide-one-item .owl-dots .owl-dot {
        display: inline-block;
        margin: 4px
}

.slide-one-item .owl-dots .owl-dot span {
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #dee2e6
}

.slide-one-item .owl-dots .owl-dot.active span {
        background: #f16821
}

.block-12 {
        position: relative
}

.block-12 figure {
        position: relative
}

.block-12 figure:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: -moz-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
        background: -webkit-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
        background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(18%, transparent), color-stop(99%, rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8)));
        background: -o-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
        background: linear-gradient(to bottom, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#cc000000', GradientType=0)
}

.block-12 .text-overlay {
        position: absolute;
        bottom: 20px;
        left: 20px;
        right: 20px;
        z-index: 10
}

.block-12 .text-overlay h2 {
        color: #fff
}

.block-12 .text {
        position: relative;
        top: -100px
}

.block-12 .text .meta {
        text-transform: uppercase;
        padding-left: 40px;
        color: #fff;
        display: block;
        margin-bottom: 20px
}

.block-12 .text .text-inner {
        -webkit-box-shadow: 0 0 20px -5px rgba(0, 0, 0, .3);
        box-shadow: 0 0 20px -5px rgba(0, 0, 0, .3);
        background: #fff;
        padding: 10px;
        margin-right: 30px;
        position: relative
}

@media(min-width:576px) {
        .block-12 .text .text-inner {
                padding: 20px
        }
}

@media(min-width:768px) {
        .block-12 .text .text-inner {
                padding: 30px 40px
        }
}

.block-12 .text .text-inner:before {
        position: absolute;
        content: "";
        width: 80px;
        height: 4px;
        margin-top: -4px;
        background: #f16821;
        top: 0
}

.block-12 .text .text-inner .heading {
        font-size: 20px;
        margin: 0;
        padding: 0
}

.block-16 figure {
        position: relative
}

.block-16 figure .play-button {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 20px;
        width: 70px;
        height: 70px;
        background: #fff;
        display: block;
        border-radius: 50%;
        opacity: 1;
        color: #f16821 !important
}

.block-16 figure .play-button:hover {
        opacity: 1
}

.block-16 figure .play-button>span {
        position: absolute;
        left: 55%;
        top: 50%;
        -webkit-transform: translate(-60%, -50%);
        -ms-transform: translate(-60%, -50%);
        transform: translate(-60%, -50%)
}

.block-25 ul,
.block-25 ul li {
        padding: 0;
        margin: 0
}

.block-25 ul li a .image {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 90px;
        flex: 0 0 90px
}

.block-25 ul li a .image img {
        border-radius: 4px;
        max-width: 100%;
        opacity: 1;
        -webkit-transition: .3s all ease-in-out;
        -o-transition: .3s all ease-in-out;
        transition: .3s all ease-in-out
}

.block-25 ul li a .text .heading {
        font-size: 18px;
        line-height: 1.5;
        margin: 0;
        padding: 0;
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease;
        color: #999
}

.block-25 ul li a .meta {
        color: #f16821
}

.block-25 ul li a:hover img {
        opacity: .5
}

.block-25 ul li a:hover .text .heading {
        color: #fff
}

#date-countdown .countdown-block {
        color: #b3b3b3
}

#date-countdown .label {
        font-size: 40px;
        color: #46ddb0;
        display: block
}

#date-countdown .countdown-block {
        background: #fff;
        padding: 10px 20px;
        margin: 10px;
        display: inline-block;
        border-radius: 7px
}

.next-match .image {
        width: 50px;
        border-radius: 50%
}

.player {
        position: relative
}

.player img {
        max-width: 100px;
        border-radius: 50%;
        margin-bottom: 20px
}

.player .team-number {
        position: absolute;
        width: 30px;
        height: 30px;
        background: #f16821;
        border-radius: 50%;
        color: #fff
}

.player .team-number>span {
        position: absolute;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%
}

.player h2 {
        font-size: 20px;
        letter-spacing: .2em;
        text-transform: uppercase
}

.player .position {
        font-size: 14px;
        color: #b3b3b3;
        text-transform: uppercase
}

.site-block-27 ul,
.site-block-27 ul li {
        padding: 0;
        margin: 0
}

.site-block-27 ul li {
        display: inline-block;
        margin-bottom: 4px
}

.site-block-27 ul li a,
.site-block-27 ul li span {
        text-align: center;
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        border-radius: 50%;
        border: 1px solid #ccc
}

.site-block-27 ul li.active a,
.site-block-27 ul li.active span {
        background: #f16821;
        color: #fff;
        border: 1px solid transparent
}

.site-block-feature-7 .icon {
        -webkit-transition: .2s all ease-in-out;
        -o-transition: .2s all ease-in-out;
        transition: .2s all ease-in-out;
        position: relative;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
}

.site-block-feature-7:hover .icon,
.site-block-feature-7:focus .icon,
.site-block-feature-7:active .icon {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2)
}

.unit-1 {
        position: relative;
        width: 100%;
        overflow: hidden;
        display: block
}

.unit-1:after {
        content: "";
        z-index: 1;
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        background: -moz-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
        background: -webkit-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
        background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(18%, transparent), color-stop(99%, rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8)));
        background: -o-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
        background: linear-gradient(to bottom, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#cc000000', GradientType=0)
}

.unit-1 img {
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
}

.unit-1 img,
.unit-1 .unit-1-text {
        -webkit-transition: .3s all ease-in-out;
        -o-transition: .3s all ease-in-out;
        transition: .3s all ease-in-out
}

.unit-1 .unit-1-text {
        z-index: 2;
        position: absolute;
        bottom: -90px;
        color: #fff;
        display: block;
        width: 100%
}

.unit-1 .unit-1-text .unit-1-heading {
        font-size: 1.5rem;
        position: relative
}

.unit-1 p {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease;
        color: rgba(255, 255, 255, .5)
}

.unit-1:hover p {
        opacity: 1;
        visibility: visible
}

.unit-1:hover .unit-1-text {
        bottom: 30px
}

.unit-1:hover img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
}

.overlap-section {
        margin-top: -150px;
        position: relative;
        z-index: 9
}

.unit-4 .unit-4-icon span {
        font-size: 3rem
}

.unit-4 h3 {
        font-size: 20px
}

.h-entry img {
        margin-bottom: 30px
}

.h-entry .meta {
        color: #b3b3b3;
        font-size: 14px
}

.h-entry h2 {
        font-size: 20px
}

.overlap-left {
        margin-left: -100px
}

@media(max-width:991.98px) {
        .overlap-left {
                margin-left: 0
        }
}

.overlap-section {
        margin-top: -100px
}

.feature-1,
.free-quote,
.feature-3 {
        background: #f16821;
        padding: 30px 50px;
        color: rgba(255, 255, 255, .6);
        font-size: 15px
}

.feature-1 .heading,
.free-quote .heading,
.feature-3 .heading {
        font-size: 22px;
        text-transform: uppercase;
        color: #fff
}

.feature-1 .icon,
.free-quote .icon,
.feature-3 .icon {
        border: 2px solid rgba(255, 255, 255, .5);
        width: 80px;
        height: 80px;
        line-height: 80px;
        position: relative;
        border-radius: 50%;
        margin: 0 auto !important
}

.feature-1 .icon>span,
.free-quote .icon>span,
.feature-3 .icon>span {
        font-size: 35px;
        color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
}

.free-quote {
        background: #ea5a0f
}

.free-quote .form-control {
        border: 2px solid rgba(255, 255, 255, .5);
        background: 0 0;
        color: #fff
}

.free-quote .form-control:active,
.free-quote .form-control:focus {
        border: 2px solid #fff
}

.free-quote .form-control::-webkit-input-placeholder {
        color: rgba(255, 255, 255, .4);
        font-size: 13px;
        font-style: italic
}

.free-quote .form-control::-moz-placeholder {
        color: rgba(255, 255, 255, .4);
        font-size: 13px;
        font-style: italic
}

.free-quote .form-control:-ms-input-placeholder {
        color: rgba(255, 255, 255, .4);
        font-size: 13px;
        font-style: italic
}

.free-quote .form-control:-moz-placeholder {
        color: rgba(255, 255, 255, .4);
        font-size: 13px;
        font-style: italic
}

.feature-3 {
        background: #e0560e
}

.border-primary {
        position: relative
}

.border-primary h2 {
        font-weight: 700 !important
}

.border-primary:after {
        position: absolute;
        content: "";
        bottom: 0;
        width: 80px;
        height: 3px;
        background: #f16821
}

.border-primary.text-center:after {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
}

.border-primary.text-left:after {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%)
}

.testimonial {
        max-width: 800px;
        margin: 0 auto !important;
        text-align: center
}

.testimonial blockquote {
        font-size: 1.5rem;
        font-style: italic
}

.testimonial figure img {
        max-width: 200px;
        margin: 0 auto;
        border-radius: 50%
}

.breadcrumb-custom {
        font-size: 1rem !important
}

.text-muted {
        color: #ccc !important;
        font-size: 12px;
        text-transform: uppercase
}

.how-it-work-item .number {
        width: 50px;
        height: 50px;
        background: #f16821;
        color: #fff;
        line-height: 55px;
        font-weight: 300;
        display: inline-block;
        text-align: center;
        font-size: 30px;
        border-radius: 50%;
        margin-bottom: 40px
}

.how-it-work-item h2 {
        font-size: 18px;
        margin-bottom: 30px;
        color: #fff
}

.how-it-work-item p {
        color: #fff
}

.person h3 {
        font-size: 18px
}

.ul-social-circle {
        list-style: none;
        padding: 0;
        margin: 0
}

.ul-social-circle li {
        display: inline-block;
        margin-left: 5px;
        margin-bottom: 5px
}

.ul-social-circle li:first-child {
        margin-left: 0
}

.ul-social-circle li span {
        width: 30px;
        height: 30px;
        background: #777;
        font-size: 13px;
        text-align: center;
        line-height: 30px;
        border-radius: 50%;
        display: inline-block
}

.ul-social-circle li a span {
        color: #fff;
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease
}

.ul-social-circle li a:hover span {
        background: #2b2b2b;
        color: #fff
}

.custom-pagination a,
.custom-pagination span {
        width: 40px;
        height: 40px;
        line-height: 40px;
        border-radius: 50%;
        display: inline-block;
        background: #f16821;
        color: #fff
}

.custom-pagination span {
        background: #e6e6e6;
        color: #000
}

.custom-pagination .more-page {
        background: 0 0;
        letter-spacing: .1em
}

.form-search-wrap {
        background: #fff;
        border-radius: 30px
}

.form-search-wrap .form-control {
        border: none
}

@media(max-width:1199.98px) {
        .form-search-wrap .form-control {
                height: 55px
        }
}

.form-search-wrap .btn {
        border-radius: 30px;
        padding: 10px 30px
}

@media(max-width:1199.98px) {
        .form-search-wrap .btn {
                width: 100% !important;
                display: block
        }
}

.popular-category {
        background: #fff;
        display: block;
        text-align: center;
        padding: 30px 10px;
        border-radius: 7px;
        background: #f8f9fa;
        position: relative
}

.popular-category .icon {
        display: block;
        -webkit-transition: .1s all ease;
        -o-transition: .1s all ease;
        transition: .1s all ease
}

.popular-category .icon>span {
        line-height: 0;
        font-size: 40px
}

.popular-category .caption {
        color: #666;
        -webkit-transition: .1s all ease;
        -o-transition: .1s all ease;
        transition: .1s all ease
}

.popular-category .number {
        padding: 2px 20px;
        border-radius: 30px;
        display: inline-block;
        background: #e9ecef;
        color: #000;
        font-size: 14px;
        -webkit-transition: .1s all ease;
        -o-transition: .1s all ease;
        transition: .1s all ease
}

.popular-category:hover {
        background: #f16821;
        -webkit-box-shadow: 0 5px 30px -5px rgba(241, 104, 33, .5);
        box-shadow: 0 5px 30px -5px rgba(241, 104, 33, .5)
}

.popular-category:hover .caption {
        color: #fff
}

.popular-category:hover .icon {
        color: #fff
}

.popular-category:hover .number {
        background: #ea5a0f;
        color: #fff
}

@media(max-width:1199.98px) {
        .no-sm-border {
                border: none !important
        }
}

.listing-item {
        position: relative;
        overflow: hidden;
        border-radius: 4px
}

.listing-item:after {
        position: absolute;
        content: "";
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        z-index: 1;
        background: rgba(0, 0, 0, .4)
}

.listing-item img {
        -o-object-fit: cover;
        object-fit: cover;
        height: 100%;
        width: 100%;
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease
}

.listing-item:hover img {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2)
}

.listing-item .listing-item-content {
        position: absolute;
        bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
        z-index: 2;
        width: 100%
}

.listing-item .listing-item-content .category {
        font-size: 12px;
        display: inline-block;
        padding: 5px 30px;
        background: #f16821;
        border-radius: 30px;
        color: #fff;
        letter-spacing: .2em;
        text-transform: uppercase
}

.listing-item .listing-item-content h2 {
        font-size: 22px
}

.listing-item .listing-item-content h2,
.listing-item .listing-item-content h2 a {
        color: #fff
}

.listing-item .listing-item-content span {
        color: #fff
}

.listing-item .listing-item-content .address {
        color: rgba(255, 255, 255, .8)
}

.listing-item .bookmark {
        position: absolute;
        right: 20px;
        bottom: 0;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: inline-block;
        background: rgba(255, 255, 255, .3);
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease
}

.listing-item .bookmark span {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
}

.listing-item .bookmark:hover {
        background: #f23a2e
}

.listing-item .bookmark:hover span {
        color: #fff
}

.accordion-item[aria-expanded=true] {
        color: #f16821
}

.social-media {
        display: inline-block;
        float: left;
        margin-bottom: 0;
        padding: 0
}

.social-media li {
        display: inline-block;
        margin: 0
}

.social-media li a {
        color: #fff;
        display: inline-block;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: #000;
        position: relative
}

.social-media li a span {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
}

.social-media li a:hover {
        color: #f16821
}

.ft-feature-1 {
        margin-bottom: 80px
}

.ft-feature-1 .ft-feature-1-content {
        padding: 30px;
        position: relative;
        z-index: 10
}

.ft-feature-1 h2,
.ft-feature-1 h3 {
        font-size: 20px;
        color: #fff
}

.ft-feature-1 h3 {
        font-size: 18px
}

.ft-feature-1 h3 .icon {
        font-size: 30px
}

.ft-feature-1 a {
        color: #fff;
        text-decoration: underline
}

.ft-feature-1 a:hover {
        color: #fff;
        text-decoration: none
}

.ft-feature-1 .play {
        display: inline-block;
        width: 50px;
        height: 50px;
        background: #f16821;
        margin-right: 1.5rem;
        border-radius: 50%;
        line-height: 50px;
        text-align: center;
        text-decoration: none !important
}

.ft-feature-1 .play span {
        color: #fff;
        display: inline
}

.ft-feature-1 .img-feature {
        position: relative;
        margin-bottom: 30px
}

@media(min-width:992px) {
        .ft-feature-1 .img-feature {
                margin-bottom: -80px
        }
}

.ft-feature-1 p {
        color: #737373
}

.box-with-humber {
        position: relative
}

.box-with-humber .number-behind {
        font-size: 6rem;
        position: absolute;
        z-index: -1;
        top: -3rem;
        left: -3rem;
        font-weight: 900;
        color: #f2f4f5
}

.box-with-humber h2 {
        font-size: 20px
}

.media-1 {
        position: relative;
        display: block;
        overflow: hidden;
        margin-bottom: 30px
}

.media-1:after {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, .8);
        content: "";
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease;
        opacity: 0;
        visibility: hidden
}

.media-1 img {
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease
}

.media-1 .media-1-content {
        z-index: 4;
        top: 50%;
        position: absolute;
        width: 100%;
        text-align: center;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
}

.media-1 .media-1-content h2 {
        position: relative;
        color: #fff;
        font-size: 1.5rem;
        -webkit-transition: .4s all ease-in-out;
        -o-transition: .4s all ease-in-out;
        transition: .4s all ease-in-out;
        opacity: 0;
        visibility: hidden;
        bottom: -10px;
        margin-bottom: 0
}

.media-1 .media-1-content .category {
        position: relative;
        -webkit-transition: .3s all ease-in-out;
        -o-transition: .3s all ease-in-out;
        transition: .3s all ease-in-out;
        opacity: 0;
        bottom: -10px;
        visibility: hidden;
        color: #999;
        font-size: 13px;
        text-transform: uppercase;
        letter-spacing: .2em
}

.media-1:hover:after {
        opacity: 1;
        visibility: visible
}

.media-1:hover h2 {
        bottom: 0;
        opacity: 1;
        visibility: visible
}

.media-1:hover .category {
        opacity: 1;
        visibility: visible;
        bottom: 0;
        -webkit-transition-delay: .09s;
        -o-transition-delay: .09s;
        transition-delay: .09s
}

.media-1:hover img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
}

.testimonial-wrap .owl-nav {
        display: none
}

.section-sub-title {
        font-size: 13px;
        color: #adb5bd;
        letter-spacing: .2em;
        text-transform: uppercase;
        font-weight: 700
}

.section-title {
        color: #000;
        font-size: 40px;
        font-weight: 900
}

@media(max-width:991.98px) {
        .section-title {
                font-size: 30px
        }
}

.position-relative {
        position: relative
}

.experience {
        position: absolute;
        bottom: -10px;
        right: -10px;
        background: #46ddb0;
        padding: 20px
}

@media(max-width:991.98px) {
        .experience {
                bottom: 0;
                right: 0
        }
}

.experience span {
        display: block
}

.experience .year {
        font-weight: 900;
        color: #fff;
        font-size: 3rem;
        letter-spacing: normal;
        line-height: 1.2
}

.experience .caption {
        color: #fff;
        text-transform: uppercase
}

.footer-subscribe .btn {
        height: 43px
}

.product-item {
        text-align: center
}

.product-item figure {
        overflow: hidden;
        position: relative;
}

.product-item figure:before {
        z-index: 2;
        -webkit-transition: .4s all ease;
        -o-transition: .4s all ease;
        transition: .4s all ease;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        position: absolute;
        content: "";
        border: 4px solid #f16821;
        left: 20px;
        right: 20px;
        top: 20px;
        bottom: 20px;
        opacity: 0;
        visibility: hidden
}

.product-item figure img {
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
}

.product-item h3 {
        font-size: 18px
}

.product-item h3 a {
        color: #000
}

.product-item h3 a:hover {
        color: #f16821
}

.product-item p {
        line-height: 1.4;
        font-size: 13px
}

.product-item .meta-icons {
        margin-left: 5px;
        margin-bottom: 5px;
        margin-right: 5px;
        font-size: 13px
}

.product-item .meta-icons a {
        font-size: 16px;
        position: relative;
        top: 2px
}

.product-item:hover figure:before {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
}

.product-item:hover figure img {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2)
}

.wishlist span {
        color: #e9ecef;
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease
}

.wishlist.active span,
.wishlist:hover span {
        color: #f23a2e
}

.get-notification {
        text-align: center
}

.get-notification h2 {
        font-size: 28px;
        color: #fff;
        margin-bottom: 30px
}

.get-notification .form-control {
        background: 0 0;
        border-width: 2px;
        border-color: #fff;
        color: #fff
}

.get-notification .form-control::-webkit-input-placeholder {
        color: rgba(255, 255, 255, .5);
        font-style: italic
}

.get-notification .form-control::-moz-placeholder {
        color: rgba(255, 255, 255, .5);
        font-style: italic
}

.get-notification .form-control:-ms-input-placeholder {
        color: rgba(255, 255, 255, .5);
        font-style: italic
}

.get-notification .form-control:-moz-placeholder {
        color: rgba(255, 255, 255, .5);
        font-style: italic
}

.product-item-2 .price del {
        color: #adb5bd
}

.product-item-2 .number {
        font-size: 8rem;
        font-weight: 900;
        color: #e9ecef;
        position: absolute;
        line-height: 0;
        top: 40px;
        z-index: -1
}

@media(max-width:991.98px) {
        .product-item-2 .number {
                left: 0
        }
}

.product-item-2 .product-title-wrap {
        position: relative;
        z-index: 2
}

.product-item-2 .product-title-wrap h2 {
        font-size: 2rem;
        font-weight: 900;
        color: #000;
        position: relative;
        z-index: 2;
        line-height: 1.2
}

@media(max-width:991.98px) {
        .product-item-2 .product-title-wrap h2 {
                font-size: 2rem
        }
}

.product-item-2 .product-title-wrap h2 a {
        color: #000
}

select {
        padding: 11px 9px;
        height: auto;
        overflow: visible;
        width: 100%;
}

.contact-bg .form input {
        width: 100%;
}

.form-control {
        border: 1px solid #000000;

}