html {
    font-size: 100%
}

body {
    background-color: #fff;
    font-family: 'Nunito Sans',sans-serif !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.45em;
    color: #636363
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
    font-family: Oswald,sans-serif !important;
    line-height: 1.4em;
    color: #1d1d1f;
    font-weight: 500;
    -webkit-font-smoothing: antialiased
}

h1 {
    font-size: 2.441em
}

h2 {
    font-size: 1.953em
}

h3 {
    font-size: 1.563em
}

h4 {
    font-size: 1.25em
}

h5 {
    font-size: 1em
}

h6 {
    font-size: .8em
}

.font_small, small {
    font-size: .8em
}

.font-w-100 {
    font-weight: 100
}

.font-w-200 {
    font-weight: 200
}

.font-w-300 {
    font-weight: 300
}

.font-w-400 {
    font-weight: 400
}

.font-w-500 {
    font-weight: 500
}

.font-w-600 {
    font-weight: 600
}

.font-w-700 {
    font-weight: 700
}

.font-w-800 {
    font-weight: 800
}

.font-w-900 {
    font-weight: 900
}

h1 a, h2 a, h3 a, h4 a, h5 a {
    color: inherit;
    text-decoration: none
}

    h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
        color: inherit;
        text-decoration: none
    }

.section-heading {
    text-align: center;
    font-size: 24px;
    font-weight: 800;
    text-transform: uppercase;
    margin-top: 0;
    position: relative
}

    .section-heading.style-one {
        padding-bottom: 20px;
        margin-bottom: 42px
    }

        .section-heading.style-one:before {
            content: "";
            background: #cbcaca;
            height: 2px;
            width: 65px;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto
        }

.sub-sec-heading {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: #4f4f4f
}

.section-title {
    color: #0d1422;
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 20px;
    font-family: Oswald,sans-serif
}

@media only screen and (max-width:767px) {
    .section-title {
        text-align: center
    }
}

.section-title:after {
    content: "";
    width: 80px;
    height: 4px;
    background-color: #ffc933;
    left: 0;
    bottom: -25px;
    position: absolute
}

@media only screen and (max-width:767px) {
    .section-title:after {
        right: 0;
        margin: auto
    }
}

.section-title + .section-subtitle {
    margin-top: 60px;
    margin-bottom: 45px
}

.section-title.center-title:after {
    left: 0;
    right: 0;
    margin: auto
}

.section-title.no-border:after {
    width: 0
}

.section-title span {
    font-family: "Mr Dafoe",cursive;
    color: #c1c1c1;
    margin-right: 10px
}

.section-title.v-3 {
    text-transform: none;
    font-size: 42px
}

.sub-section-title {
    font-size: 16px;
    font-weight: 400
}

    .sub-section-title.v-2 {
        color: #bbb;
        font-size: 14px
    }

.restaurant-banner-title {
    font-size: 36px;
    margin-bottom: 0
}

p {
    margin-bottom: 1.3em;
    line-height: 1.75em
}

blockquote {
    margin: 0 0 1.3em
}

address {
    margin: 0 0 1.3em
}

cite, code, dfn, em, i, kbd, tt, var {
    font-size: .7em
}

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

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

ins, mark {
    background: #fff9c0;
    text-decoration: none
}

big {
    font-size: 125%
}

pre {
    background: #f7f7f7;
    padding: 20px 30px;
    margin-bottom: 30px;
    max-width: 100%;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    border-left: 10px solid #ccc;
    font-size: .929em;
    overflow: auto
}

.dropcap {
    display: block;
    float: left;
    margin: 15px 5px 0 0;
    font-weight: 700;
    font-size: 60px;
    color: #ccc
}

body {
    background: #fff;
    word-wrap: break-word
}

q {
    quotes: "" ""
}

    q:after, q:before {
        content: ""
    }

blockquote .font_small::before, blockquote .small::before, blockquote footer::before, blockquote small::before {
    margin-left: 18px
}

blockquote {
    line-height: 1.75em;
    color: #212529
}

img {
    height: auto;
    max-width: 100%
}

li > ol, li > ul {
    margin-bottom: 0;
    margin-left: 1em
}

dt {
    font-weight: 700
}

dd {
    margin: 0 1.5em 1.5em
}

.tb {
    display: table;
    width: 100%
}

    .tb .tb-cell {
        display: table-cell;
        vertical-align: middle
    }

        .tb .tb-cell[class*=col-] {
            float: none
        }

@media only screen and (min-width:992px) {
    .tb-main {
        display: table
    }
}

@media only screen and (min-width:992px) {
    .tb-main .tb-cell {
        display: table-cell;
        vertical-align: middle
    }

        .tb-main .tb-cell[class*=col-] {
            float: none
        }
}

.block-img {
    display: block
}

.mfp-close {
    color: #fff !important
}

.full-content {
    float: none;
    margin: auto
}

.jarallax {
    position: relative
}

.inline-block {
    display: inline-block
}

.overlay-bg {
    position: relative;
    background-size: cover;
    background-position: center center
}

    .overlay-bg:before {
        content: "";
        position: absolute;
        background-color: #4472c4;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0
    }

    .overlay-bg > div {
        position: relative
    }

.bg-cover {
    background-size: cover;
    background-position: center center
}

.overlay-bg-snow {
    position: relative;
    background-size: cover;
    background-position: center center
}

    .overlay-bg-snow:before {
        content: "";
        position: absolute;
        background-color: rgba(255,255,255,.95);
        left: 0;
        right: 0;
        top: 0;
        bottom: 0
    }

.overlay-bg-snow-95 {
    position: relative;
    background-size: cover;
    background-position: center center
}

    .overlay-bg-snow-95:before {
        content: "";
        position: absolute;
        background-color: rgba(255,255,255,.95);
        left: 0;
        right: 0;
        top: 0;
        bottom: 0
    }

.grey-bg {
    background-color: #f2f3fa
}

.no-border {
    border: 0 none !important
}

.overflow-hide {
    overflow: hidden
}

.border-top {
    border-top: 1px solid #ddd
}

.border-bottom {
    border-bottom: 1px solid #ddd
}

.fl-none {
    float: none !important
}

@media only screen and (max-width:800px) {
    .mb-fl-none {
        float: none !important
    }
}

@media only screen and (max-width:767px) {
    .mb-text-center {
        text-align: center !important
    }
}

.white-space {
    display: block;
    width: 100%;
    overflow: hidden
}

.space-element {
    display: block;
    overflow: hidden;
    margin-bottom: 60px;
    padding-top: 60px
}

.df-mrb {
    margin-bottom: 30px
}

.mrt-less-35 {
    margin-top: -35px
}

.mrt-less-75 {
    margin-top: -75px
}

.mrb-45 {
    margin-bottom: 45px !important
}

.mrt-0 {
    margin-top: 0 !important
}

.mrt-10 {
    margin-top: 10px
}

.mrt-15 {
    margin-top: 15px
}

.mrt-25 {
    margin-top: 25px
}

.mrt-30 {
    margin-top: 30px
}

.mrt-45 {
    margin-top: 45px
}

.mrt-90 {
    margin-top: 90px
}

@media only screen and (max-width:990px) {
    .mb-mrtl-0 {
        margin-top: 0
    }
}

.mrl-30 {
    margin-left: 30px
}

.mrl-40 {
    margin-left: 40px
}

.mrl-48 {
    margin-left: 48px
}

@media only screen and (max-width:767px) {
    .mb-mrl-40 {
        margin-left: 40px
    }
}

@media only screen and (max-width:767px) {
    .mb-mrb-30 {
        margin-bottom: 30px
    }
}

@media only screen and (max-width:767px) {
    .mb-p-t-120-b-60 {
        padding-top: 130px;
        padding-bottom: 60px
    }
}

.mrb-0 {
    margin-bottom: 0
}

.mrt-less-105 {
    margin-top: -105px
}

.mrt-less-60 {
    margin-top: -60px
}

.mrl-40 {
    margin-left: 40px
}

.mrr-40 {
    margin-right: 40px
}

.mrt-less-47 {
    margin-top: -47px
}

@media only screen and (max-width:992px) {
    .mb-mrt-0 {
        margin-top: 0
    }
}

@media only screen and (max-width:992px) {
    .mb-mr-0 {
        margin: 0 !important
    }
}

.mrb-20 {
    margin-bottom: 20px
}

.mrb-60 {
    margin-bottom: 60px
}

.mrb-75 {
    margin-bottom: 75px
}

.mrb-90 {
    margin-bottom: 90px
}

.pd-zero {
    padding: 0 !important
}

.pd-lr-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.pd-5 {
    padding: 5px
}

.pd-20 {
    padding: 20px
}

.pd-30 {
    padding: 30px
}

.pd-40 {
    padding: 40px
}

.pdl-15 {
    padding-left: 15px !important
}

.pdl-40 {
    padding-left: 40px !important
}

.pdr-20 {
    padding-right: 20px !important
}

.pd-b-5 {
    padding-bottom: 5px !important
}

.pd-b-15 {
    padding-bottom: 15px !important
}

.pd-b-20 {
    padding-bottom: 20px
}

.pd-b-30 {
    padding-bottom: 30px
}

.pd-b-40 {
    padding-bottom: 40px
}

.pd-b-50 {
    padding-bottom: 50px
}

.pd-b-60 {
    padding-bottom: 60px
}

.pd-b-90 {
    padding-bottom: 90px
}

.pd-b-120 {
    padding-bottom: 120px
}

.pd-tb-13 {
    padding: 13px 0
}

.pd-tb-15 {
    padding: 15px 0
}

.pd-tb-17 {
    padding: 17px 0 !important
}

.pd-tb-20 {
    padding: 20px 0
}

.pd-tb-30 {
    padding: 30px 0
}

.pd-tb-45 {
    padding: 45px 0
}

.pd-tb-60 {
    padding: 60px 0
}

.pd-tb-90 {
    padding: 90px 0 !important
}

.pd-tb-120 {
    padding: 120px 0
}

.pd-t-5 {
    padding-top: 5px
}

.pd-t-10 {
    padding-top: 10px
}

.pd-t-15 {
    padding-top: 15px
}

.pd-t-20 {
    padding-top: 20px
}

.pd-t-30 {
    padding-top: 30px
}

.pd-t-40 {
    padding-top: 40px
}

.pd-t-50 {
    padding-top: 50px !important
}

.pd-t-60 {
    padding-top: 60px !important
}

.pd-t-70 {
    padding-top: 70px !important
}

.pd-t-75 {
    padding-top: 75px !important
}

.pd-t-90 {
    padding-top: 90px !important
}

.pd-t-110 {
    padding-top: 110px !important
}

.pd-t-120 {
    padding-top: 120px !important
}

pd-t-60-b-90 {
    padding-top: 60px;
    padding-bottom: 90px
}

.pd-t-60-b-120 {
    padding: 60px 0 120px
}

.pd-t-120-b-30 {
    padding-top: 120px;
    padding-bottom: 30px
}

.m-15px-tb {
    padding-top: 40px
}

.m-90px-tb {
    margin-top: -90px
}

@media only screen and (max-width:992px) {
    .pdml-0 {
        padding-left: 0 !important
    }
}

.pd-t-90 {
    padding-top: 90px
}

.pd-t-90-b-30 {
    padding: 90px 0 30px
}

.pd-t-90-b-60 {
    padding: 90px 0 60px
}

.pd-tb-120 {
    padding: 120px 0
}

.pd-tb-120-b-30 {
    padding: 120px 0;
    padding-bottom: 30px
}

.pd-tb-175 {
    padding: 175px 0
}

.pd-t-175-b-90 {
    padding-top: 175px;
    padding-bottom: 90px
}

.pd-t-200-b-175 {
    padding-top: 200px;
    padding-bottom: 175px
}

.pd-t-235-b-175 {
    padding-top: 235px;
    padding-bottom: 175px
}

@media only screen and (max-width:992px) {
    .pdm-tb-75 {
        padding: 75px 0
    }
}

.bg-bl-transparent {
    background: rgba(0,0,0,.9)
}

.bg-bl-russian {
    background: #273a93
}
.bg-white {
    background: #fff;
}
.bg-snow {
    background: #eaeaea63;
}

.bg-nero {
    background: #1e1e1e
}

.bg-yellow {
    background: #ffc933
}

.bg-blue {
    background: #273b94
}

.bg-blue1 {
    background: #273b94
}

.color-white {
    color: #fff
}

.color-orange {
    color: #ffa800 !important
}

.color-snow {
    color: #f9f9f9
}

.bg-light-gray {
    background: #d2d2d2
}

.bg-black {
    background-color: #000
}

.bg-gray {
    background-color: #f7f7f7 !important
}

.bg-white {
    background-color: #fff !important
}

.golden-poppy {
    color: #f8c000 !important
}

.golden-poppy-bg {
    background-color: #ffc933
}

.golden-poppy-btn {
    background-color: #f8c000 !important
}

.bg-nero {
    background: #1e1e1e
}

.bg-nero-50 {
    background: #222f3e
}

.color-white {
    color: #fff !important
}

.color-citrus {
    color: #94b800 !important
}

.theme-color {
    color: #273a93
}

.dropdown-menu li a:active, .dropdown-menu li a:focus, .dropdown-menu li a:hover {
    background-color: #03dedf;
    color: #fff !important
}

.resturent-title-border {
    position: relative
}

    .resturent-title-border .lit-restaurent-knife {
        font-size: 60px;
        color: #94b800
    }

    .resturent-title-border:after, .resturent-title-border:before {
        content: "";
        background: #eee;
        width: 230px;
        height: 1px;
        position: absolute;
        top: 50%;
        z-index: -1
    }

@media only screen and (max-width:767px) {
    .resturent-title-border:after, .resturent-title-border:before {
        width: 100px
    }
}

.resturent-title-border:before {
    left: -15px
}

@media only screen and (max-width:767px) {
    .resturent-title-border:before {
        left: 75px
    }
}

@media only screen and (max-width:460px) {
    .resturent-title-border:before {
        left: 0
    }
}

.resturent-title-border:after {
    right: -15px
}

@media only screen and (max-width:767px) {
    .resturent-title-border:after {
        right: 75px
    }
}

@media only screen and (max-width:767px) {
    .resturent-title-border:after {
        right: 0
    }
}

.resturent-title-border.with-slider:before {
    left: -260px
}

@media only screen and (max-width:767px) {
    .resturent-title-border.with-slider:before {
        left: 90px
    }
}

@media only screen and (max-width:460px) {
    .resturent-title-border.with-slider:before {
        left: 50px
    }
}

.resturent-title-border.with-slider:after {
    right: -260px
}

@media only screen and (max-width:767px) {
    .resturent-title-border.with-slider:after {
        right: 90px
    }
}

@media only screen and (max-width:767px) {
    .resturent-title-border.with-slider:after {
        right: 50px
    }
}

.resturent-title-border.dark-border:after, .resturent-title-border.dark-border:before {
    background: #525252
}

@media only screen and (max-width:992px) {
    .row.item-4 .item:nth-child(4n+1) {
        clear: left
    }
}

@media only screen and (max-width:992px) {
    .row.item-3 .item:nth-child(3n+1) {
        clear: left
    }
}

@media only screen and (max-width:992px) {
    .row.item-2 .item:nth-child(odd) {
        clear: left
    }
}

@media only screen and (max-width:992px) {
    .row.item-1 .item:nth-child(n+1) {
        clear: left
    }
}

@media only screen and (max-width:992px) {
    .row .item:nth-child(odd) {
        clear: left
    }
}

@media only screen and (max-width:520px) {
    .row .item:nth-child(n+1) {
        clear: left
    }
}

@media only screen and (max-width:520px) {
    .row[class*=item-] [class*=col-] {
        width: 100%
    }
}

@media only screen and (max-width:992px) {
    .item-sm [class*=col-] {
        width: 100%
    }
}

.breadcrumbs {
    font-weight: 600;
    font-size: 14px;
    position: relative;
    padding: 15px 0;
    margin: 0
}

    .breadcrumbs .last-item {
        color: #03dedf
    }

    .breadcrumbs .separator {
        font-weight: 400;
        padding: 0 5px;
        font-size: 16px;
        position: relative;
        top: 1px
    }

    .breadcrumbs.citrus-theme .last-item {
        color: #94b800
    }

    .breadcrumbs.orange-theme .last-item {
        color: #474747
    }

.accordion .card {
    border: 0 none
}

.accordion .card-header a:after {
    font-family: FontAwesome;
    content: "\f106";
    float: right;
    font-size: 20px
}

.accordion .card-header a.collapsed:after {
    content: "\f107"
}

.accordion .card-header {
    background: 0 0;
    border-bottom: 0 none;
    padding: 20px 0
}

    .accordion .card-header.collapsed {
        border-bottom: 1px solid #ddd
    }

.accordion .card-title {
    font-weight: 600;
    text-transform: uppercase;
    color: #1d1d1f !important;
    font-family: Montserrat,sans-serif
}

.company-slider img {
    width: auto !important
}

button, input[type=button], input[type=reset], input[type=submit] {
    font-size: 11px;
    padding: 12px 30px;
    color: #fff;
    line-height: normal;
    -webkit-transition: all .25s ease;
    transition: all .25s ease
}

input[type=submit] {
    font-weight: 700;
    text-transform: uppercase;
    background: #646464;
    color: #fff
}

    input[type=submit]:hover {
        color: #fff
    }

button, input[type=button], input[type=reset], input[type=submit] {
    cursor: pointer;
    -webkit-appearance: button
}

    button:focus, input[type=button]:focus, input[type=reset]:focus, input[type=submit]:focus {
        outline: 0
    }

    button::-moz-focus-inner, input::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=submit]::-moz-focus-inner {
        padding: 0;
        border: 0
    }

    button a, input[type=button] a, input[type=reset] a, input[type=submit] a {
        color: #fff
    }

.search-form .btn, .searchform .btn {
    border-radius: 0
}

    .search-form .btn:hover, .searchform .btn:hover {
        color: #fff;
        text-decoration: none
    }

    .search-form .btn:focus, .searchform .btn:focus {
        background: 0 0;
        color: #fff;
        outline: 0 none
    }

    .search-form .btn:active:focus, .searchform .btn:active:focus {
        background: 0 0;
        color: #fff;
        outline: 0 none
    }

.btn {
    border-radius: 0
}

.btn-default {
    color: #636363
}

    .btn-default:hover {
        color: #636363
    }

.btn-softblack {
    background: rgba(0,0,0,.35) !important
}

a.more-content {
    background: #232c3b;
    padding: 15px 30px;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    border-radius: 30px;
    display: table;
    margin: 15px auto auto
}

.btn-banner {
    color: #000;
    font-weight: 700;
    font-size: 14px;
    height: 45px;
    line-height: 45px
}

.btn-more {
    padding: 0 4.5rem;
    font-weight: 700;
    font-size: 14px;
    color: #fff !important;
    background: #636363;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent
}

.purchase-btn {
    border: 2px solid #ffc933;
    color: #ffc933 !important;
    width: 100%;
    padding: 7px 15px;
    border-radius: 30px;
    font-size: 16px
}

    .purchase-btn:hover {
        background-color: #ffc933;
        color: #000 !important
    }

.ajax-load-more {
    display: table;
    margin: 30px auto auto;
    border: 1px solid #ebebeb;
    padding: 12px 45px;
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .015em;
    background: 0 0;
    font-size: 15px
}

.more-link {
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    word-spacing: 0.02em;
    letter-spacing: .01em;
    -webkit-box-shadow: 0 0 1px transparent;
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition: all .25s ease;
    transition: all .25s ease
}

    .more-link:active:focus, .more-link:focus, .more-link:hover {
        color: #fff;
        text-decoration: none !important
    }

.comment-reply-link {
    padding: 6px 2\2px;
    font-size: 11px;
    line-height: normal;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    background: #646464;
    color: #fff
}

    .comment-reply-link:hover {
        color: #fff
    }

.comment-navigation .nav-links a {
    background: #fff;
    display: inline-block;
    padding: .5em 1.8em;
    letter-spacing: .02em
}

    .comment-navigation .nav-links a:hover {
        color: #fff
    }

.go-button {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    width: 186px;
    height: 45px;
    line-height: 46px;
    background: #f7faf9;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

    .go-button:hover {
        color: #fff
    }

.slider-btn-round {
    border: 1px solid #03dedf;
    text-transform: uppercase;
    padding: 15px 45px;
    border-radius: 30px;
    font-weight: 600 !important;
    color: #03dedf
}

    .slider-btn-round:hover {
        border-color: #fff !important;
        color: #fff !important
    }

    .slider-btn-round.orange-btn {
        border-color: #ffa800;
        color: #fff;
        background: #ffa800
    }

    .slider-btn-round.citrus-btn {
        color: #94b800;
        border-color: #94b800
    }

    .slider-btn-round.citrus-btn-block {
        color: #fff;
        border-color: #94b800;
        background: #94b800
    }

.citrus-btn {
    background: #94b800 !important
}

.show-all-btn {
    border: 2px solid #777;
    text-transform: uppercase;
    padding: 12px 45px;
    border-radius: 30px;
    font-weight: 600 !important;
    color: #fff;
    display: table;
    margin: 30px auto 0
}

    .show-all-btn:hover {
        border-color: #94b800 !important;
        color: #94b800 !important
    }

    .show-all-btn.color-normal {
        color: inherit
    }

    .show-all-btn.gray-border {
        border-color: #ddd !important;
        color: inherit
    }


.reservation-btn {
    color: #000;
    background: #ffc933;
    text-transform: uppercase;
    padding: 10px 20px;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 600 !important;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    border: 2px solid #ffc933
}

    .reservation-btn:hover {
        color: #ffc933;
        border: 2px solid #ffc933;
        background: #fff
    }

@media only screen and (max-width:600px) {
    .reservation-btn {
        padding: 5px 10px;
        font-size: 12px
    }
}

.read-btn {
    color: #000;
    background: #ffc933;
    text-transform: uppercase;
    padding: 3px 10px;
    border-radius: 35px;
    font-size: 12px;
    font-weight: 600 !important;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    border: 2px solid #ffc933
}

    .read-btn:hover {
        color: #ffc933;
        border: 2px solid #ffc933;
        background: #fff
    }

.newsletter-block-v2 button, .newsletter-block-v2 input[type=button], .newsletter-block-v2 input[type=reset], .newsletter-block-v2 input[type=submit] {
    border: 2px solid #94b800;
    background: #94b800;
    text-transform: uppercase;
    padding: 12px 45px;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 500 !important;
    color: #fff;
    display: table;
    margin: 30px auto 0
}

    .newsletter-block-v2 button:hover, .newsletter-block-v2 input[type=button]:hover, .newsletter-block-v2 input[type=reset]:hover, .newsletter-block-v2 input[type=submit]:hover {
        border-color: #94b800 !important;
        color: #fff !important
    }

.mfp-wrap button:hover, .mfp-wrap input[type=button]:hover, .mfp-wrap input[type=reset]:hover, .mfp-wrap input[type=submit]:hover {
    background: 0 0 !important
}

.golden-poppy-btn {
    color: #000 !important
}

.bsm-btn:focus, .bsm-btn:hover {
    background: #f8c000 !important
}

.button {
    display: inline-block;
    width: 100%
}

    .button.align-center {
        text-align: center
    }

        .button.align-center a {
            margin-left: auto;
            margin-right: auto
        }

    .button.align-right {
        text-align: right
    }

        .button.align-right a, .button.align-right button {
            display: inline-block
        }

    .button a, .button button {
        font-family: Source Sans Pro;
        cursor: pointer;
        outline: 0;
        border-radius: 0;
        display: inline-block;
        line-height: 1.3em;
        padding: 16px 28px;
        width: auto;
        text-align: center;
        font-size: 1.5em;
        font-weight: 700;
        text-decoration: none;
        position: relative;
        border: 1px solid #c3002f
    }

@media screen and (min-width:0px) and (max-width:991px) {
    .button a, .button button {
        font-size: 1.3em;
        padding: 15px 22px
    }
}

.button a span, .button button span {
    position: relative;
    color: #000
}

.button a span, .button a > .bg, .button button span, .button button > .bg {
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.button a > .bg, .button button > .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #c3002f;
    opacity: 0
}

.button a:hover .bg, .button button:hover .bg {
    opacity: 1
}

.button a:hover span, .button button:hover span {
    color: #fff
}

.button.button--white a, .button.button--white button {
    border: 1px solid #fff
}

    .button.button--white a span, .button.button--white button span {
        color: #fff
    }

    .button.button--white a .bg, .button.button--white button .bg {
        background: 0 0
    }

    .button.button--white a:hover .bg, .button.button--white button:hover .bg {
        background: #ffc732
    }

    .button.button--white a:hover span, .button.button--white button:hover span {
        color: #fff
    }

.button.button--red a, .button.button--red button {
    border-color: #a60028
}

    .button.button--red a span, .button.button--red button span {
        color: #fff
    }

    .button.button--red a > .bg, .button.button--red button > .bg {
        background: #c3002f;
        opacity: 1
    }

    .button.button--red a:hover > .bg, .button.button--red button:hover > .bg {
        background: #a60028
    }

.button.fullwidth a, .button.fullwidth button {
    max-width: none !important;
    display: block;
    line-height: 51px;
    height: 54px;
    width: 100%;
    padding: 0
}

@media screen and (min-width:0px) and (max-width:991px) {
    .button.fullwidth a, .button.fullwidth button {
        font-size: 1.3em;
        height: 47px;
        line-height: 45px
    }
}

.golden-poppy-bg.bsm-btn:focus, .golden-poppy-bg.bsm-btn:hover {
    color: #000 !important
}

.bg-white {
    background-color: #fff !important
}

.white-color {
    color: #fff !important
}

input[type=email]:focus, input[type=password]:focus, input[type=search]:focus, input[type=text]:focus, input[type=url]:focus {
    outline: 0
}

input:not([type]), input[type=date]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=email]:not(.browser-default), input[type=number]:not(.browser-default), input[type=password]:not(.browser-default), input[type=search]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=text]:not(.browser-default), input[type=time]:not(.browser-default), input[type=url]:not(.browser-default), textarea.bsm-textarea {
    border-bottom: 1px solid #ddd
}

.bg-nero input:not([type]), .bg-nero input[type=date]:not(.browser-default), .bg-nero input[type=datetime-local]:not(.browser-default), .bg-nero input[type=datetime]:not(.browser-default), .bg-nero input[type=email]:not(.browser-default), .bg-nero input[type=number]:not(.browser-default), .bg-nero input[type=password]:not(.browser-default), .bg-nero input[type=search]:not(.browser-default), .bg-nero input[type=tel]:not(.browser-default), .bg-nero input[type=text]:not(.browser-default), .bg-nero input[type=time]:not(.browser-default), .bg-nero input[type=url]:not(.browser-default), .bg-nero textarea.bsm-textarea {
    border-bottom: 1px solid #646464
}

input:not([type]):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), textarea.bsm-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #03dedf;
    -webkit-box-shadow: 0 1px 0 0 #03dedf;
    box-shadow: 0 1px 0 0 #03dedf
}

input[type=search] {
    -webkit-appearance: textfield
}

    input[type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

select {
    background: transparent url("../img/angle.png") no-repeat scroll 95% 50%
}

    input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 1000px transparent inset;
        -webkit-text-fill-color: #636363 !important
    }

        input:-webkit-autofill:focus {
            -webkit-box-shadow: 0 0 0 1000px transparent inset;
            -webkit-text-fill-color: #636363 !important
        }

        input:-webkit-autofill, input:-webkit-autofill:active, input:-webkit-autofill:focus, input:-webkit-autofill:hover {
            -webkit-transition: background-color 5000s ease-in-out 0s;
            transition: background-color 5000s ease-in-out 0s
        }

textarea {
    display: block;
    width: 100%;
    font-size: .8em;
    padding-left: 3px;
    display: block
}

input, select, textarea {
    margin: 0;
    border: none;
    vertical-align: baseline;
    font-size: 100%;
    font-weight: 400;
    -webkit-transition: all .25s ease;
    transition: all .25s ease
}

::-webkit-input-placeholder {
    color: #b3b3b3
}

.widget_newsletter::-webkit-input-placeholder {
    color: grey
}

:-moz-placeholder {
    color: #b3b3b3;
    opacity: 1
}

::-moz-placeholder {
    color: #b3b3b3;
    opacity: 1
}

:-ms-input-placeholder {
    color: #b3b3b3
}

.form-controller {
    font-size: 13px;
    border: 1px solid #ebebeb;
    background: #fff;
    width: 100%;
    padding: .5em 1em;
    outline: 0
}

    .form-controller:focus {
        border-color: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }

.post-password-form input[type=password] {
    font-size: 11px;
    border: 1px solid #f0f0f0;
    outline: 0
}

.post-password-form input[type=submit] {
    padding: 11px 15px;
    position: relative;
    top: -1px
}

.reservation-form {
    margin: 60px 0 30px
}

    .reservation-form [class*=col-] i {
        position: absolute;
        top: 50%;
        margin-top: -18px;
        right: 27px
    }

    .reservation-form .form-contol {
        background-color: #fff !important;
        border-top: 1px solid #ddd !important;
        border-right: 1px solid #ddd !important;
        border-left: 1px solid #ddd !important;
        -webkit-box-sizing: border-box !important;
        box-sizing: border-box !important;
        padding: 0 15px !important;
        font-size: 14px !important
    }

    .reservation-form .input-error, .reservation-form .input-success {
        float: left;
        width: 100%;
        clear: both;
        margin-top: 15px;
        margin-bottom: 0;
        padding: 5px 15px;
        display: none;
        text-align: center
    }

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background: #94b800;
    -webkit-box-shadow: #94b800 0 1px 3px 0 inset;
    box-shadow: #94b800 0 1px 3px 0 inset
}

.newsletter-block-v2 .form-controller {
    background-color: #fff !important;
    border-top: 1px solid #ddd !important;
    border-right: 1px solid #ddd !important;
    border-left: 1px solid #ddd !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    padding: 0 15px !important;
    font-size: 14px !important;
    text-align: center
}

.form-content {
    margin: auto;
    display: table;
    width: 100%
}

.comment-content .wp-smiley, .entry-content .wp-smiley, .entry-summary .wp-smiley, .page-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

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

.format-audio iframe {
    width: 100%;
    overflow: hidden
}

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%
}

    .wp-caption img[class*=wp-image-] {
        display: block;
        margin-left: auto;
        margin-right: auto
    }

    .wp-caption .wp-caption-text {
        margin: .4em 0;
        font-size: .9em;
        font-style: italic
    }

.wp-caption-text {
    text-align: center
}

.gallery {
    margin-bottom: 1.5em;
    margin-left: -10px;
    margin-right: -10px
}

.gallery-item {
    float: left;
    text-align: center;
    vertical-align: top;
    width: 100%;
    margin-bottom: 30px;
    padding: 0 10px
}

@media only screen and (max-width:560px) {
    .gallery-item {
        max-width: 100% !important
    }

        .gallery-item img {
            width: 100%
        }
}

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

.gallery-columns-3 .gallery-item {
    max-width: 33.33%
}

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

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

.gallery-columns-6 .gallery-item {
    max-width: 16.66%
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%
}

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

.gallery-columns-9 .gallery-item {
    max-width: 11.11%
}

.gallery-caption {
    display: block
}

.gallery-one .owl-controls {
    margin: 0;
    padding: 0
}

    .gallery-one .owl-controls .owl-nav div {
        display: block !important;
        position: absolute;
        background: #fff;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 37px;
        top: 50%;
        font-size: 25px;
        margin: auto;
        border-radius: 2px;
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%)
    }

    .gallery-one .owl-controls .owl-nav .owl-prev {
        left: 10px
    }

    .gallery-one .owl-controls .owl-nav .owl-next {
        right: 10px
    }

.gallery-one .item {
    text-align: center
}

    .gallery-one .item img {
        margin: auto;
        height: auto;
        width: 100%;
        display: block;
        vertical-align: middle
    }

.gallery-heading .gallery-title {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 20px
}

.gallery-image-content {
    position: relative;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

    .gallery-image-content img {
        width: 100%
    }

    .gallery-image-content .overlay-background {
        -webkit-transition: opacity .5s ease-in-out 0s;
        transition: opacity .5s ease-in-out 0s;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        left: 0;
        background-color: rgba(23,23,23,.52);
        bottom: 0;
        right: 0;
        text-align: center;
        opacity: 0
    }

        .gallery-image-content .overlay-background a {
            width: 100%;
            height: 100%;
            display: block
        }

            .gallery-image-content .overlay-background a i {
                position: absolute;
                top: 40%;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
                font-size: 45px;
                color: #fff
            }

        .gallery-image-content .overlay-background .video-popup i {
            top: 30%
        }

        .gallery-image-content .overlay-background .video-popup span {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(50% 50%);
            transform: translateY(50% 50%);
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            font-size: 20px;
            font-weight: 700
        }

    .gallery-image-content:hover .overlay-background {
        opacity: 1;
        width: 100%
    }

.photo-gallery-area {
    padding: 20px 0 60px
}

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

    .screen-reader-text:active, .screen-reader-text:focus, .screen-reader-text:hover {
        border-radius: 3px;
        clip: auto !important;
        color: #21759b;
        display: block;
        font-size: .8em;
        font-weight: 700;
        height: auto;
        left: 5px;
        line-height: normal;
        padding: 15px 23px 14px;
        text-decoration: none;
        top: 5px;
        width: auto;
        z-index: 100000
    }

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em
}

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

.clear:after, .clear:before, .comment-content:after, .comment-content:before, .entry-content:after, .entry-content:before, .site-content:after, .site-content:before, .site-footer:after, .site-footer:before, .site-header:after, .site-header:before {
    content: "";
    display: table
}

.clear:after, .comment-content:after, .entry-content:after, .site-content:after, .site-footer:after, .site-header:after {
    clear: both
}

.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer {
    display: none
}

.infinity-end.neverending .site-footer {
    display: block
}

a {
    color: inherit;
    -webkit-transition: color .2s ease;
    transition: color .2s ease
}

    a:active, a:focus, a:hover {
        text-decoration: none
    }

    a:focus {
        outline: 0
    }

    a:active, a:hover {
        outline: 0;
        text-decoration: none
    }

@media only screen and (min-width:1199px) {
    #mobile-menu {
        display: none
    }

    .mainmenu {
        position: relative
    }

    .overlapblackbg {
        display: none
    }

    .menu-wrapper {
        color: #fff;
        position: relative;
        padding: 0;
        margin: 0 auto;
        width: 100%
    }

    .hours-content {
        margin: auto
    }

    .mainmenu {
        float: right;
        padding: 0;
        text-align: center;
        margin-right: -15px;
        margin-bottom: 0;
        margin-top: 18px;
    }

        .mainmenu > li {
            float: left;
            position: relative
        }

        .mainmenu li {
            list-style: none
        }

    .navigation .mainmenu > li > a {
        display: block;
        padding: 36px 13px;
        font-size: 12px;
        font-weight: 500;
        text-transform: uppercase;
        text-decoration: none;
        position: relative;
        font-family: Oswald,sans-serif;
        color: #000;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-box-shadow: 0 0 1px transparent;
        box-shadow: 0 0 1px transparent;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        white-space: nowrap
    }

        .navigation .mainmenu > li > a span {
            font-size: 14px;
            color: #929292;
            margin-left: 5px
        }

        .navigation .mainmenu > li > a:after {
            content: "";
            border-bottom: 4px solid #ffc833;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            opacity: 0;
            width: 0;
            -webkit-transition: width .5s,opacity .3s;
            transition: width .5s,opacity .3s
        }

        .navigation .mainmenu > li > a.active::after, .navigation .mainmenu > li > a:hover::after {
            opacity: 1;
            width: 100%
        }

        .navigation .mainmenu > li > a > .fa-angle-down {
            position: absolute;
            right: 2px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            color: #a0a0a0
        }

    .navigation .mainmenu > li.current-menu-ancestor > a:before, .navigation .mainmenu > li.current-menu-item > a:before {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .navigation .mainmenu > li:last-child > a::after {
        content: ""
    }

    .navigation .mainmenu li.active > a {
        color: #f8c000 !important
    }

    .menu-click {
        display: none
    }

    .mainmenu .sub-menu {
        min-width: 280px;
        position: absolute;
        z-index: 999;
        margin: 0;
        padding: 8px;
        background-color: #478fca;
        opacity: 0;
        top: 100%;
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transition: transform .3s,opacity .3s;
        -webkit-transition: opacity .3s,-webkit-transform .3s;
        transition: opacity .3s,-webkit-transform .3s;
        transition: transform .3s,opacity .3s;
        transition: transform .3s,opacity .3s,-webkit-transform .3s
    }

        .mainmenu .sub-menu li {
            position: relative
        }

            .mainmenu .sub-menu li a {
                background-image: none;
                color: #fff;
                font-family: Oswald,sans-serif;
                border-right: 0 none;
                text-align: left;
                display: block;
                line-height: 1.5em;
                padding: 10px;
                text-transform: none;
                font-size: 17px;
                font-weight: 300;
                letter-spacing: normal;
                letter-spacing: .5px
            }

            .mainmenu .sub-menu li:last-child a {
                border-bottom: none
            }

            .mainmenu .sub-menu li:last-child > a {
                border-bottom: 0
            }

    .menuexpandermain {
        display: none
    }

    .mainmenu .sub-menu li:hover .sub-menu-sub, .mainmenu li:hover .sub-menu {
        display: block
    }

    .mainmenu .sub-menu .sub-menu, .mainmenu .sub-menu .sub-menu .sub-menu {
        min-width: 200px;
        position: absolute;
        left: 100%;
        top: -1px;
        margin: 0;
        padding: 0;
        opacity: 0;
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transition: transform .4s,opacity .4s;
        -webkit-transition: opacity .4s,-webkit-transform .4s;
        transition: opacity .4s,-webkit-transform .4s;
        transition: transform .4s,opacity .4s;
        transition: transform .4s,opacity .4s,-webkit-transform .4s;
        z-index: 1001
    }

        .mainmenu .sub-menu .sub-menu li:hover .sub-menu, .mainmenu .sub-menu li:hover .sub-menu {
            opacity: 1;
            list-style: none;
            background-color: rgba(0,0,0,.25)
        }

    .mainmenu .sub-menu li {
        position: relative;
        display: block
    }

    .mainmenu li > .megamenu > .sub-menu, .mainmenu li > .sub-menu {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform: rotateX(-90deg);
        transform: rotateX(-90deg);
        visibility: hidden
    }

    .mainmenu li:hover > .megamenu > .sub-menu, .mainmenu li:hover > .sub-menu {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1;
        visibility: visible
    }

    .mainmenu li:hover > a, .mainmenu > li > a.active, .mainmenu > li > a:hover {
        background-color: transparent;
        text-decoration: none;
        color: #273a93;
    }
    .mainmenu li:hover > a, .mainmenu > li > a.active, .mainmenu > li > a .active {
        background-color: transparent;
        text-decoration: none;
        color: #273a93;
    }
    .mainmenu .sub-menu .sub-menu .sub-menu > li > a:hover, .mainmenu .sub-menu .sub-menu > li > a:hover, .mainmenu .sub-menu > li > a:hover {
        background-color: rgb(220 225 250 / 32%);
        border-radius: 3px !important;
        text-decoration: none;
    }

    .mainmenu .sub-menu .current-menu-item > a, .mainmenu .sub-menu .current-menu-parent > a {
        background-color: rgba(0,0,0,.25)
    }

    .current-menu-ancestor .current-menu-ancestor > a {
        background-color: rgba(0,0,0,.25)
    }

    .megamenu .current-menu-ancestor > a, .megamenu .sub-menu .current-menu-item > a, .megamenu.current-menu-ancestor .current-menu-ancestor > a {
        background-color: transparent
    }

    .megamenu .sub-menu .current-menu-item > a, .megamenu .sub-menu .current-menu-parent > a {
        background-color: transparent
    }

    .mainmenu .sub-menu .fa {
        margin-right: 7px
    }

    .mainmenu.two {
        margin-top: -6px
    }

        .mainmenu.two li a {
            color: #000
        }

            .mainmenu.two li a .fa-angle-down {
                color: #000
            }

    .mainmenu.six {
        border-top: 1px solid #979797;
        margin-top: 70px;
        width: 80%
    }

        .mainmenu.six li a {
            font-size: 20px
        }

        .mainmenu.six li ul li a {
            font-size: 14px
        }

    .center-nav .mainmenu {
        display: table;
        width: auto
    }
}

@media only screen and (min-width:992px) and (max-width:1100px) {
    .navigation .mainmenu > li > a {
        padding: 10px 16px
    }
}

@media only screen and (min-width:1101px) and (max-width:1200px) {
    .navigation .menu-list > li > a {
        padding: 10px 23px
    }
}

.entry-content .page-links > a {
    border: 1px solid #ebebeb;
    font-size: .8em;
    padding: .4em .8em
}

.pagination-link {
    background: #f9f9f9;
    padding: 15px 0
}

    .pagination-link .pagination {
        margin: 0;
        margin-bottom: -10px;
        display: block;
        text-align: center
    }

        .pagination-link .pagination li {
            display: inline-block
        }

            .pagination-link .pagination li a {
                margin-right: 10px;
                margin-bottom: 10px;
                border-radius: 5px !important;
                color: #000;
                background-color: #fff;
                font-weight: 600;
                border: 1px solid #ebebeb;
                padding: 4px 10px;
                line-height: 1.75em;
                display: block
            }

                .pagination-link .pagination li a:hover {
                    background-color: #484848;
                    color: #fff;
                    border-color: #484848
                }

                .pagination-link .pagination li a i {
                    font-weight: 700
                }

            .pagination-link .pagination li.active a {
                background-color: #484848;
                color: #fff;
                border-color: #484848;
                -webkit-box-shadow: 0 0 0 transparent;
                box-shadow: 0 0 0 transparent
            }

        .pagination-link .pagination .dot i {
            color: #ddd
        }

        .pagination-link .pagination.pagination-style-two {
            margin-top: 30px;
            margin-bottom: 10px
        }

@media only screen and (max-width:992px) {
    .pagination-link {
        margin-bottom: 30px
    }
}

.menu-pagination-block {
    background: #f9f9f9;
    overflow: hidden;
    margin-top: 0
}

    .menu-pagination-block .pagination-link {
        padding: 15px;
        background: 0 0
    }

        .menu-pagination-block .pagination-link .pagination {
            text-align: right
        }

@media only screen and (max-width:992px) {
    .menu-pagination-block .pagination-link .pagination {
        text-align: center
    }
}

.pagination-position {
    margin-bottom: 0;
    padding: 20px
}

@media only screen and (max-width:992px) {
    .pagination-position {
        text-align: center
    }
}

.pagination-position a {
    padding: 0 3px
}

    .pagination-position a.active {
        color: #94b800
    }

.pagination-position.orange-theme a {
    padding: 0 3px
}

    .pagination-position.orange-theme a.active {
        color: #ffa800
    }

@media only screen and (max-width:1199px) {
    .menu-click {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        cursor: pointer;
        z-index: 120
    }

        .menu-click i {
            display: block;
            background-size: 25px;
            font-size: 14px;
            float: right;
            color: #fff;
            padding: 17px;
            width: 45px;
            -webkit-transition: -webkit-transform .1s ease;
            transition: -webkit-transform .1s ease;
            transition: transform .1s ease;
            transition: transform .1s ease,-webkit-transform .1s ease;
            border-left: 1px solid rgba(221,221,221,.1)
        }

    .menu-extend.fa-plus::before {
        content: "\f068";
        font-family: FontAwesome
    }
}

.overlaybg {
    right: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    display: none;
    background-color: rgba(13,20,34,.9);
    cursor: pointer
}

.slide-left > .overlaybg {
    display: block
}

.main-mobile-menu {
    display: none
}

@media only screen and (max-width:1199px) {
    .main-mobile-menu {
        display: block
    }
}

.mobile-nav .bsm-btn {
    background: #f8c000;
    color: #000;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    padding: 12px 0;
    display: block;
    height: auto;
    border-radius: 0
}

@media only screen and (max-width:992px) {
    .mobile-nav .bsm-btn {
        margin-right: -30px
    }
}

@media only screen and (max-width:480px) {
    .mobile-nav .bsm-btn {
        margin-right: -15px
    }
}

.expand-block {
    background: #273a93;
    height: 100%;
    padding: 15px;
    position: fixed;
    right: -100%;
    top: 0;
    width: 350px;
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
    z-index: 99999;
    overflow-y: auto;
    overflow-x: hidden
}

@media only screen and (max-width:400px) {
    .expand-block {
        width: 300px
    }
}

.expand-block.slide-left {
    right: 0;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s
}

.expand-block .scroll-container {
    height: 100% !important
}

.expand-block .close-menu {
    color: #fff;
    cursor: pointer;
    height: 30px;
    right: 15px;
    position: absolute;
    top: 20px;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    width: 30px;
    font-size: 30px;
    line-height: 27px;
    text-align: center
}

.expand-block .hamburger-content {
    padding-top: 30px
}

@media only screen and (max-width:1199px) {
    .expand-block .hamburger-content {
        padding-top: 0
    }
}

.expand-block .hamburger-content ul {
    list-style: none;
    padding-left: 0;
    margin: 0
}

    .expand-block .hamburger-content ul li {
        position: relative;
        float: none
    }

        .expand-block .hamburger-content ul li a {
            font-family: Oswald,sans-serif;
            color: #e6e6e6;
            border-bottom: 1px solid rgba(221,221,221,.1);
            display: block;
            width: 100%;
            padding: 12px 18px;
            font-size: 18px;
            font-weight: 400;
            line-height: 1.5;
            position: relative
        }

@media only screen and (max-width:1199px) {
    .expand-block .hamburger-content ul li a {
        padding: 12px 18px;
        font-size: 15px;
        font-weight: 400;
        line-height: 1.5;
        position: relative
    }
}

.expand-block .hamburger-content ul li a:hover {
    opacity: 1;
    list-style: none;
    background-color: rgba(0,0,0,.25)
}

@media only screen and (max-width:1199px) {
    .expand-block .hamburger-content ul li a:after {
        content: ""
    }
}

.expand-block .hamburger-content ul li a .fa-angle-down {
    display: none
}

.expand-block .hamburger-content ul li a span.description {
    display: block;
    font-size: 13px;
    color: rgba(255,255,255,.35)
}

@media only screen and (max-width:1199px) {
    .expand-block .hamburger-content ul li a span.description {
        display: none
    }
}

.expand-block .hamburger-content ul ul li a {
    padding: 12px 24px
}

.expand-block .hamburger-content > ul > li:last-child {
    border-bottom: 1px solid rgba(221,221,221,.1)
}

.expand-block .sub-menu {
    display: none
}

@media only screen and (max-width:992px) {
    .expand-block .sub-menu {
        position: static !important;
        top: auto !important;
        left: auto !important;
        float: none !important;
        min-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        font-size: inherit !important;
        text-align: left !important;
        background-color: transparent !important;
        border: 0 none !important;
        border-radius: 0 !important;
        -webkit-box-shadow: 0 0 0 transparent;
        box-shadow: 0 0 0 transparent
    }
}

@media only screen and (max-width:992px) {
    .expand-block .sub-menu li > a {
        margin: 0 !important;
        line-height: inherit;
        font-size: inherit
    }
}

@media only screen and (max-width:1199px) {
    .expand-block .main-mobile-menu {
        padding-top: 30px
    }
}

.expand-block .main-mobile-menu ul {
    list-style: none;
    padding-left: 0;
    margin: 0
}

    .expand-block .main-mobile-menu ul li {
        position: relative;
        float: none
    }

        .expand-block .main-mobile-menu ul li a {
            font-family: Oswald,sans-serif;
            color: #e6e6e6;
            border-top: 1px solid rgba(221,221,221,.1);
            display: block;
            width: 100%;
            padding: 12px 18px;
            font-size: 15px;
            font-weight: 400;
            line-height: 1.5;
            position: relative
        }

            .expand-block .main-mobile-menu ul li a .fa-angle-down {
                display: none
            }

            .expand-block .main-mobile-menu ul li a span.description {
                display: block;
                font-size: 13px;
                color: #aaa
            }

    .expand-block .main-mobile-menu ul ul li a {
        padding: 12px 24px
    }

.expand-menu-block .top-menu {
    display: block !important
}

.expand-menu-block .sub-menu {
    display: none
}

.searchform .form-group {
    margin-top: 0 !important;
    margin-bottom: 0
}

.searchform .search-input {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #f7f7f7;
    border-radius: 20px;
    float: right;
    width: 90%;
    color: #757575;
    font-weight: 500;
    padding: 8px 15px;
    line-height: normal;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.searchform .input-group-btn {
    padding: 0
}

.searchform .btn {
    padding: 11px 16px;
    border: none;
    border-radius: 20px;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent
}

    .searchform .btn.btn-default {
        background-color: #f7f7f7 !important;
        margin-bottom: 0
    }

        .searchform .btn.btn-default i {
            color: #000
        }

.preloader-wrap {
    position: fixed;
    z-index: 999;
    background-color: #f6f6f6;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.preloader-container {
    max-width: 50%;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -100px
}

    .preloader-container .preloader-logo {
        margin-bottom: 30px
    }

.bsm-progress {
    background-color: rgba(248,192,0,.15)
}

    .bsm-progress .indeterminate {
        background-color: #f8c000
    }

.sticky-header {
    position: sticky;
    left: 0;
    right: 0;
    top: 0;
    display: block;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-box-shadow: 0 0 10px -3px rgba(0,0,0,.4);
    box-shadow: 0 0 10px -3px rgba(0,0,0,.4);
    z-index: 99
}

@media only screen and (min-width:992px) {
    .sticky-show {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.sticky-header.bg-nero {
    background: #1e1e1e
}

@media only screen and (min-width:992px) {
    .sticky-hide {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

header.sticky-header + section {
    margin-top: 67px
}

@media only screen and (max-width:992px) {
    header.sticky-header + section {
        margin-top: 62px
    }
}

.site-header {
    border-bottom: 1px solid rgba(221,221,221,.1)
}

.fixed-header-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 11
}

.header-left .site-logo a {
    display: block;
    padding: 10px 0 5px 0
}

@media only screen and (max-width:1199px) {
    .header-left .site-logo a {
        display: block;
        padding: 30px 0 5px 0
    }
}

.header-right {
    float: right
}

@media only screen and (max-width:1199px) {
    .header-right {
        margin-right: -15px
    }
}

.header-right .right-menu {
    list-style: none;
    padding-left: 0;
    display: block;
    clear: both;
    position: relative;
    top: 8px;
    right: 70px
}

    .header-right .right-menu li {
        float: left;
        padding-right: 20px
    }

        .header-right .right-menu li a {
            padding: 24px 0 15px;
            display: block;
            font-size: 20px;
            color: #000
        }

            .header-right .right-menu li a:hover {
                text-decoration: none
            }

            .header-right .right-menu li a img {
                padding: 0 0 15px;
                position: absolute
            }

            .header-right .right-menu li a .icon-arrows-hamburger-2 {
                font-size: 32px;
                position: relative;
                top: 14px
            }

.top-header {
    border-bottom: 1px solid #ddd;
    padding: 12px 0
}

    .top-header .site-welcome {
        font-size: 14px;
        margin-bottom: 0;
        color: #777
    }

    .top-header .support-phone {
        margin-bottom: 0
    }

        .top-header .support-phone a {
            font-weight: 700
        }

.citrus-theme .navigation .mainmenu > li > a {
    font-weight: 600
}

@media only screen and (min-width:1199px) {
    .citrus-theme .navigation .mainmenu > li > a:after {
        border-bottom-color: #94b800
    }
}

.citrus-theme .navigation .mainmenu > li > a.active, .citrus-theme .navigation .mainmenu > li > a:hover {
    color: #94b800
}

@media only screen and (min-width:1199px) {
    .citrus-theme .mainmenu .sub-menu {
        background: rgba(0,0,0,.9) !important
    }
}

.citrus-theme.hamburger-block .expand-block {
    background: rgba(0,0,0,.9) !important
}

.citrus-theme .overlaybg {
    background: rgba(0,0,0,.65) !important
}

.citrus-theme.overlay-search {
    background: rgba(0,0,0,.85) !important
}

.citrus-theme.login-register-modal .modal-content {
    background: rgba(0,0,0,.9) !important
}

.citrus-theme.login-register-modal .bsm-tabs {
    background: #1d1d1f
}

.citrus-theme .expand-block .hamburger-content ul li a:after {
    color: #94b800
}

.citrus-theme .purchase-btn {
    border: 2px solid #94b800 !important;
    color: #94b800 !important
}

.citrus-theme input:focus, .citrus-theme input[type=email]:focus, .citrus-theme input[type=number]:focus, .citrus-theme input[type=password]:focus, .citrus-theme input[type=text]:focus, .citrus-theme textarea.bsm-textarea:focus {
    border-bottom: 1px solid #94b800 !important;
    -webkit-box-shadow: 0 1px 0 0 #94b800 !important;
    box-shadow: 0 1px 0 0 #94b800 !important
}

.citrus-theme input[type=text]:-webkit-input-placeholder {
    color: #777
}

.citrus-theme input[type=text]::-webkit-input-placeholder {
    color: #777
}

.citrus-theme input[type=text]:-moz-placeholder {
    color: #777;
    opacity: 1
}

.citrus-theme input[type=text]::-moz-placeholder {
    color: #777;
    opacity: 1
}

.citrus-theme input[type=text]:-ms-input-placeholder {
    color: #777
}

.citrus-theme.login-register-modal .bsm-tabs .bsm-tab a.active, .citrus-theme.login-register-modal .bsm-tabs .bsm-tab a:hover {
    color: #94b800
}

.citrus-theme.login-register-modal .bsm-tabs .bsm-indicator {
    background-color: #94b800
}

.citrus-theme.login-register-modal .bsm-btn {
    color: #94b800 !important;
    border-color: #94b800 !important
}

.citrus-theme.login-register-modal input:not([type]):focus:not([readonly]) + label, .citrus-theme.login-register-modal input[type=email]:not(.browser-default):focus:not([readonly]) + label, .citrus-theme.login-register-modal input[type=number]:not(.browser-default):focus:not([readonly]) + label, .citrus-theme.login-register-modal input[type=password]:not(.browser-default):focus:not([readonly]) + label, .citrus-theme.login-register-modal input[type=text]:not(.browser-default):focus:not([readonly]) + label, .citrus-theme.login-register-modal textarea.bsm-textarea:focus:not([readonly]) + label {
    color: #94b800
}

.citrus-theme.login-register-modal [type=checkbox]:checked + label:before {
    border-right: 2px solid #94b800;
    border-bottom: 2px solid #94b800
}

.citrus-theme.overlay-search .search-footer-title span {
    color: #94b800 !important
}

.citrus-theme .widget-content a:hover, .citrus-theme ul li a:hover {
    color: #94b800 !important
}

.citrus-theme .social-link li a:hover {
    border-color: #fff;
    color: #fff
}

.orange-theme .navigation .mainmenu > li > a {
    font-weight: 600
}

@media only screen and (min-width:1199px) {
    .orange-theme .navigation .mainmenu > li > a:after {
        border-bottom-color: #ffa800
    }
}

.orange-theme .navigation .mainmenu > li > a.active, .orange-theme .navigation .mainmenu > li > a:hover {
    color: #ffa800
}

@media only screen and (min-width:1199px) {
    .orange-theme .mainmenu .sub-menu {
        background: rgba(0,0,0,.9) !important
    }
}

.orange-theme.hamburger-block .expand-block {
    background: rgba(0,0,0,.9) !important
}

.orange-theme .overlaybg {
    background: rgba(0,0,0,.65) !important
}

.orange-theme.overlay-search {
    background: rgba(0,0,0,.85) !important
}

.orange-theme.login-register-modal .modal-content {
    background: rgba(0,0,0,.9) !important
}

.orange-theme.login-register-modal .bsm-tabs {
    background: #1d1d1f
}

.orange-theme .expand-block .hamburger-content ul li a:after {
    color: #ffa800
}

.orange-theme .purchase-btn {
    border: 2px solid #ffa800 !important;
    color: #ffa800 !important
}

.orange-theme input:focus, .orange-theme input[type=email]:focus, .orange-theme input[type=number]:focus, .orange-theme input[type=password]:focus, .orange-theme input[type=text]:focus, .orange-theme textarea.bsm-textarea:focus {
    border-bottom: 1px solid #ffa800 !important;
    -webkit-box-shadow: 0 1px 0 0 #ffa800 !important;
    box-shadow: 0 1px 0 0 #ffa800 !important
}

.orange-theme input[type=text]:-webkit-input-placeholder {
    color: #777
}

.orange-theme input[type=text]::-webkit-input-placeholder {
    color: #777
}

.orange-theme input[type=text]:-moz-placeholder {
    color: #777;
    opacity: 1
}

.orange-theme input[type=text]::-moz-placeholder {
    color: #777;
    opacity: 1
}

.orange-theme input[type=text]:-ms-input-placeholder {
    color: #777
}

.orange-theme.login-register-modal .bsm-tabs .bsm-tab a.active, .orange-theme.login-register-modal .bsm-tabs .bsm-tab a:hover {
    color: #ffa800
}

.orange-theme.login-register-modal .bsm-tabs .bsm-indicator {
    background-color: #ffa800
}

.orange-theme.login-register-modal .bsm-btn {
    color: #ffa800 !important;
    border-color: #ffa800 !important
}

.orange-theme.login-register-modal input:not([type]):focus:not([readonly]) + label, .orange-theme.login-register-modal input[type=email]:not(.browser-default):focus:not([readonly]) + label, .orange-theme.login-register-modal input[type=number]:not(.browser-default):focus:not([readonly]) + label, .orange-theme.login-register-modal input[type=password]:not(.browser-default):focus:not([readonly]) + label, .orange-theme.login-register-modal input[type=text]:not(.browser-default):focus:not([readonly]) + label, .orange-theme.login-register-modal textarea.bsm-textarea:focus:not([readonly]) + label {
    color: #ffa800
}

.orange-theme.login-register-modal [type=checkbox]:checked + label:before {
    border-right: 2px solid #ffa800;
    border-bottom: 2px solid #ffa800
}

.orange-theme.overlay-search .search-footer-title span {
    color: #ffa800 !important
}

.orange-theme .widget-content a:hover, .orange-theme ul li a:hover {
    color: #ffa800 !important
}

.orange-theme .social-link li a:hover {
    border-color: #ffa800;
    color: #ffa800
}

.header-three .navigation .mainmenu > li > a {
    color: #333;
    font-weight: 600
}

@media only screen and (min-width:1199px) {
    .header-three .navigation .mainmenu > li > a:after {
        bottom: auto;
        top: 0;
        border-bottom-color: #ffa800
    }
}

.header-three .header-right .right-menu li a {
    color: #333
}

@media only screen and (max-width:767px) {
    .header-three .header-right .right-menu li a {
        padding: 28px 8px
    }
}

.header-three .user-cart .budge {
    font-size: 10px;
    position: absolute;
    background: #ffc107;
    min-width: 20px;
    min-height: 10px;
    text-align: center;
    color: #fff;
    border-radius: 50px;
    margin-top: -10px;
    margin-left: -10px
}

.overlay-search {
    background: rgba(13,20,34,.9);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
    display: none
}

    .overlay-search .overlay-close {
        background: 0 0;
        padding: 0;
        font-size: 60px;
        color: #fff;
        border: 0 none;
        font-weight: 400;
        position: absolute;
        right: 30px;
        top: 15px
    }

    .overlay-search .header-search-content {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .overlay-search .search-title {
        color: #fff;
        position: relative;
        font-size: 14px;
        text-transform: uppercase
    }

    .overlay-search .search-footer-title {
        font-size: 14px;
        font-weight: 300;
        text-align: right;
        color: #fff
    }

        .overlay-search .search-footer-title span {
            color: #03dedf
        }

    .overlay-search .input-group-btn {
        display: none
    }

    .overlay-search .form-controller {
        background: #fff !important;
        border: 0 none !important;
        margin-bottom: 10px !important;
        padding: 8px 39px !important;
        border-radius: 30px !important
    }

.login-register-modal .modal-header {
    border-bottom: 0 none
}

.login-register-modal .modal-dialog {
    margin-top: 100px
}

.login-register-modal .close {
    position: absolute;
    right: 8px;
    top: 8px;
    font-size: 30px
}

    .login-register-modal .close:focus {
        background: 0 0
    }

.login-register-modal .modal-body {
    padding: 20px 30px 30px
}

.login-register-modal .bsm-tabs {
    background: #263648;
    text-align: center
}

.login-register-modal .bsm-tab-content {
    padding: 5px
}

.login-register-modal input:not([type]), .login-register-modal input[type=date]:not(.browser-default), .login-register-modal input[type=datetime-local]:not(.browser-default), .login-register-modal input[type=datetime]:not(.browser-default), .login-register-modal input[type=email]:not(.browser-default), .login-register-modal input[type=number]:not(.browser-default), .login-register-modal input[type=password]:not(.browser-default), .login-register-modal input[type=search]:not(.browser-default), .login-register-modal input[type=tel]:not(.browser-default), .login-register-modal input[type=text]:not(.browser-default), .login-register-modal input[type=time]:not(.browser-default), .login-register-modal input[type=url]:not(.browser-default), .login-register-modal textarea.bsm-textarea {
    color: #fff;
    border-bottom: 1px solid rgba(221,221,221,.1)
}

.login-register-modal .remember-field {
    margin: 10px 0 20px
}

.login-register-modal .bsm-btn {
    height: auto;
    padding: 5px 50px;
    font-size: 14px;
    letter-spacing: normal;
    font-weight: 600
}

.login-register-modal .bsm-input-field {
    font-size: 14px
}

    .login-register-modal .bsm-input-field label {
        font-size: 14px
    }

.login-register-modal .bsm-tabs .bsm-tab a {
    color: #fff;
    font-weight: 500;
    letter-spacing: .015em
}

    .login-register-modal .bsm-tabs .bsm-tab a.active, .login-register-modal .bsm-tabs .bsm-tab a:hover {
        color: #fff
    }

.login-register-modal .bsm-tabs .bsm-indicator {
    background-color: #03dedf
}

.login-register-modal .bsm-btn {
    background: 0 0 !important;
    border: 2px solid #03dedf;
    color: #03dedf;
    border-radius: 30px
}

    .login-register-modal .bsm-btn:hover {
        border-color: rgba(3,222,223,.75);
        color: rgba(3,222,223,.75)
    }

.hamburger-search-form .form-controller {
    border-bottom: 0 none !important;
    height: 45px !important;
    padding-left: 46px !important;
    margin-bottom: 0 !important;
    color: #fff
}

    .hamburger-search-form .form-controller::-webkit-input-placeholder {
        color: #0f1a30
    }

    .hamburger-search-form .form-controller:-moz-placeholder {
        color: #0f1a30;
        opacity: 1
    }

    .hamburger-search-form .form-controller::-moz-placeholder {
        color: #0f1a30;
        opacity: 1
    }

    .hamburger-search-form .form-controller:-ms-input-placeholder {
        color: #0f1a30
    }

.hamburger-search-form .btn.btn-primary {
    background: 0 0 !important;
    padding-left: 0
}

.hamburger-search-form .input-group-btn {
    position: absolute;
    left: 0
}

.horizontal-border {
    width: 6px;
    height: 20em;
    background: rgba(221,221,221,.1);
    clear: both
}

.slider-block .ial-slider.rev_slider > ul > li:after {
    border-bottom: 130px solid #f9f9f9;
    content: "";
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 0;
    border-left: 100vw solid transparent
}

@media only screen and (max-width:768px) {
    .slider-block .ial-slider.rev_slider > ul > li:after {
        border-bottom: 60px solid #f9f9f9
    }
}

@media only screen and (max-width:1200px) {
    .slider-block .ial-slider.rev_slider > ul > li:after {
        bottom: -1px
    }
}

.slider-block .rev_slider .tparrows.tp-leftarrow:before {
    content: "\e066" !important;
    font-family: linea-arrows-10;
    font-size: 60px
}

@media only screen and (max-width:992px) {
    .slider-block .rev_slider .tparrows.tp-leftarrow:before {
        font-size: 30px
    }
}

@media only screen and (max-width:992px) {
    .slider-block .rev_slider .tparrows.tp-leftarrow {
        left: -45px !important
    }
}

@media only screen and (max-width:400px) {
    .slider-block .rev_slider .tparrows.tp-leftarrow {
        left: -60px !important
    }
}

.slider-block .rev_slider .tparrows.tp-rightarrow:before {
    content: "\e068" !important;
    font-family: linea-arrows-10;
    font-size: 60px
}

@media only screen and (max-width:992px) {
    .slider-block .rev_slider .tparrows.tp-rightarrow:before {
        font-size: 30px
    }
}

@media only screen and (max-width:992px) {
    .slider-block .rev_slider .tparrows.tp-rightarrow {
        left: 106% !important
    }
}

@media only screen and (max-width:400px) {
    .slider-block .rev_slider .tparrows.tp-rightarrow {
        left: 117% !important
    }
}

.slider-block .rev_slider .tparrows:hover:before {
    color: #03dedf
}

.slider-block .rev_slider .resturent-title-border:after, .slider-block .rev_slider .resturent-title-border:before {
    background: rgba(238,238,238,.5)
}

.slider-block .ial-restaurant-slider .tparrows:hover:before {
    color: #94b800
}

.slider-content .title {
    font-weight: 800;
    font-size: 60px;
    line-height: 60px
}

.slider-content .subtitle {
    font-size: 24px;
    font-weight: 700;
    color: #484848;
    margin-top: 0
}

.slider-area .main-slider > div.owl-controls > div.owl-nav > div.owl-prev {
    left: 40px
}

.slider-area .main-slider > div.owl-controls > div.owl-nav > div.owl-next {
    right: 40px
}

.main-slider-two {
    padding-bottom: 105px
}

.show-image-content img {
    width: auto
}

.show-text-content {
    margin-top: 5%;
    color: #fff;
    padding: 50px
}

    .show-text-content h2 {
        font-size: 140px;
        font-weight: 700;
        color: #fff;
        line-height: 140px
    }

.slider-image {
    padding: 150px 0;
    background-image: url(images/slider-three.png)
}

    .slider-image .special {
        background: #21b360
    }

.brand-carousel .item img {
    width: auto;
    display: block;
    margin: auto
}

@media only screen and (max-width:767px) {
    .brand-carousel .owl-dot {
        margin-top: 50px
    }
}

.slider-style {
    position: relative
}

    .slider-style .owl-controls .owl-nav > div {
        position: absolute;
        top: 25%;
        line-height: normal;
        padding: 15px 15px;
        font-size: 40px
    }

        .slider-style .owl-controls .owl-nav > div i {
            font-weight: 700;
            color: #868686
        }

        .slider-style .owl-controls .owl-nav > div.owl-prev {
            left: -35px
        }

        .slider-style .owl-controls .owl-nav > div.owl-next {
            right: -35px
        }

@media only screen and (max-width:1160px) {
    .owl-nav .owl-next {
        right: -90px !important
    }

    .owl-nav .owl-prev {
        left: -90px !important
    }
}

@media only screen and (max-width:1160px) and (min-width:1075px) {
    .owl-nav .owl-next {
        right: -75px !important
    }

    .owl-nav .owl-prev {
        left: -75px !important
    }
}

@media only screen and (max-width:1074px) {
    .owl-nav .owl-next {
        right: -45px !important;
        font-size: 30px !important
    }

    .owl-nav .owl-prev {
        left: -45px !important;
        font-size: 30px !important
    }
}

@media only screen and (min-width:320px) and (max-width:812px) {
    .owl-dots .owl-dot {
        width: 10px;
        height: 4px;
        display: inline-block;
        margin-right: 10px;
        border: 1px solid #777;
        border-radius: 50px;
        background: #ccc
    }

        .owl-dots .owl-dot.active {
            background: #263992
        }

    .owl-dots {
        text-align: center;
        margin-top: 0
    }

        .owl-dots .owl-dot.active {
            border-color: #283b92
        }

        .owl-dots .owl-dot {
            width: 10px;
            height: 3px;
            display: inline-block;
            margin-right: 10px;
            border: 2px solid #777;
            border-radius: 50px
        }

    .owl-nav .owl-next {
        display: none !important
    }

    .owl-nav .owl-prev {
        display: none !important
    }
}

@media only screen and (min-width:768px) {
    .citrus-theme .owl-dots .owl-dot.active {
        border-color: #94b800
    }
}

@media only screen and (max-width:992px) {
    .welcome-block {
        padding: 60px 0
    }
}

.welcome-title {
    font-weight: 600;
    font-size: 36px;
    margin-bottom: 15px
}

.welcome-des {
    font-size: 14px;
    color: #999
}

.owner-area {
    margin-top: 15px
}

    .owner-area .owner-name {
        font-size: 14px;
        font-weight: 400;
        color: #666
    }

.ial-dish-tab {
    border-top: 1px solid #eee;
    padding-top: 60px;
    margin-top: 60px
}

.dish-tab-title {
    font-size: 18px;
    margin-bottom: 30px;
    font-weight: 500;
    text-transform: uppercase;
    color: #94b800
}

.dish-tab-nab {
    padding: 0
}

    .dish-tab-nab .nav-item {
        float: left
    }

        .dish-tab-nab .nav-item a {
            padding: 0;
            text-align: center;
            margin-right: 20px
        }

            .dish-tab-nab .nav-item a.active {
                color: #94b800
            }

                .dish-tab-nab .nav-item a.active i {
                    color: inherit
                }

        .dish-tab-nab .nav-item i {
            background: #f1f1f1;
            color: #000;
            width: 75px;
            height: 75px;
            font-size: 40px;
            display: table;
            border-radius: 100px;
            line-height: 75px
        }

        .dish-tab-nab .nav-item span {
            color: #333;
            display: block;
            margin-top: 5px
        }

.ial-dish-content .tab-pane, .ial-dish-content .tab-pane img {
    position: relative;
    z-index: 10
}

    .ial-dish-content .tab-pane img {
        display: block;
        margin: auto
    }

    .ial-dish-content .tab-pane:before {
        content: "";
        border: 1px solid #eee;
        width: 120%;
        height: 100%;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -50px;
        z-index: 0;
        border-radius: 100%
    }

@media only screen and (max-width:1300px) {
    .ial-dish-content .tab-pane:before {
        width: 100%;
        height: 100%
    }
}

.about-img-block {
    -webkit-box-shadow: 0 0 45px 0 rgba(0,0,0,.14);
    box-shadow: 0 0 45px 0 rgba(0,0,0,.14)
}

    .about-img-block .bsm-card-image {
        padding: 20px 20px 10px
    }

    .about-img-block .bsm-card-content {
        padding-top: 0;
        padding-bottom: 10px
    }

        .about-img-block .bsm-card-content h4 {
            color: #888 !important;
            font-size: 14px;
            margin: 20px 0
        }

            .about-img-block .bsm-card-content h4 strong {
                color: #000 !important;
                text-transform: uppercase;
                margin-right: 5px
            }

@media only screen and (min-width:992px) {
    .about-img-block {
        margin-right: 30px
    }
}

@media only screen and (max-width:650px) {
    .about-img-block .tb, .about-img-block .tb-cell {
        display: block
    }
}

@media only screen and (max-width:992px) {
    .about-desc {
        margin-top: 60px
    }
}

.about-desc .desc-header {
    margin-bottom: 30px
}

    .about-desc .desc-header .say-hello {
        font-weight: 800;
        font-size: 22px;
        margin-bottom: 0;
        color: #4f4f4f
    }

    .about-desc .desc-header .desc-title {
        font-size: 28px;
        font-weight: 800;
        margin-top: 10px
    }

.about-desc .btn-more {
    margin-top: 20px
}

.policy-container {
    text-align: center
}

    .policy-container .thumb-icon {
        font-size: 80px;
        padding-bottom: 10px;
        color: #273a93;
        font-weight: 700
    }

    .policy-container .policy-desc .policy-title {
        font-size: 1.75rem;
        text-transform: uppercase;
        font-weight: 500;
        color: inherit;
        position: relative;
        margin-bottom: 45px;
        color: #000;
        -webkit-transition: color .25s ease-in;
        transition: color .25s ease-in
    }

        .policy-container .policy-desc .policy-title:after {
            content: "";
            width: 45px;
            height: 4px;
            background: #ffc933;
            left: 0;
            right: 0;
            bottom: -25px;
            position: absolute;
            margin: auto
        }

    .policy-container .policy-desc .policy-content {
        color: #212529;
        font-weight: 400;
        font-size: 16px;
        margin-bottom: 0
    }

    .policy-container .item {
        margin-bottom: 60px;
        border: 1px dashed #ddd;
        padding: 20px;
        border-collapse: collapse
    }

@media only screen and (max-width:992px) {
    .policy-container.policy-xs-slider .owl-dots {
        margin-left: 30px;
        margin-top: 0 !important;
        margin-bottom: 30px
    }
}

@media only screen and (max-width:500px) {
    .policy-container.policy-xs-slider {
        padding-left: 0
    }
}

@media only screen and (max-width:992px) {
    .policy-container.policy-xs-slider .owl-dots {
        text-align: center;
        margin-top: 30px
    }

        .policy-container.policy-xs-slider .owl-dots .owl-dot.active {
            border-color: #03dedf
        }

        .policy-container.policy-xs-slider .owl-dots .owl-dot {
            width: 15px;
            height: 15px;
            display: inline-block;
            margin-right: 10px;
            border: 2px solid #777;
            border-radius: 50px
        }
}

.service-slider {
    margin-top: 60px
}

    .service-slider .item {
        border: 1px dashed #ddd;
        text-align: center;
        padding: 20px;
        -webkit-transition: all .25s ease-in;
        transition: all .25s ease-in;
        min-height: 390px
    }

        .service-slider .item .thumb-icon {
            padding-bottom: 10px;
            color: #ffc933;
            font-family: Oswald,sans-serif !important
        }

        .service-slider .item .service-desc .service-title {
            font-size: 18px;
            text-transform: uppercase;
            font-family: Oswald,sans-serif !important;
            font-weight: 500;
            color: inherit;
            position: relative;
            color: #000;
            -webkit-transition: color .25s ease-in;
            transition: color .25s ease-in
        }

        .service-slider .item .service-desc .service-content {
            color: #3a404b;
            font-weight: 400;
            font-size: 15px;
            margin-bottom: 0
        }

        .service-slider .item:hover {
            background: #273a93;
            border: 1px solid #03dedf;
            cursor: pointer
        }

            .service-slider .item:hover .thumb-icon {
                color: #ffc933
            }

            .service-slider .item:hover .service-content, .service-slider .item:hover .service-title {
                color: #fff
            }

    .service-slider .owl-nav > div {
        position: absolute;
        display: inline-block;
        text-align: center;
        font-size: 60px;
        margin: 0 5px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #273a93
    }

        .service-slider .owl-nav > div.disabled {
            color: inherit;
            cursor: not-allowed
        }

    .service-slider .owl-nav .owl-next {
        right: -105px
    }

    .service-slider .owl-nav .owl-prev {
        left: -105px
    }

@media (min-width:1200px) and (max-width:2560px) {
    .service-slider .owl-nav .owl-next {
        right: -65px
    }

    .service-slider .owl-nav .owl-prev {
        left: -65px
    }
}

@media only screen and (max-width:767px) {
    .service-slider .owl-nav {
        display: none
    }
}

.service-grid-title {
    font-size: 16px;
    font-weight: 700
}

.tabs-nav-area {
    text-align: center;
    position: relative;
    border-bottom: 1px solid #cbcaca;
    margin-bottom: 90px
}

@media only screen and (min-width:992px) {
    .tabs-nav-area {
        max-width: 75%;
        margin-left: auto;
        margin-right: auto
    }
}

.tabs-nav-area .bsm-tabs {
    background: 0 0
}

    .tabs-nav-area .bsm-tabs .bsm-tab a {
        color: #4f4f4f;
        font-size: 18px;
        font-weight: 800
    }

        .tabs-nav-area .bsm-tabs .bsm-tab a .fa {
            margin-right: 5px
        }

.tabs-nav-area .bsm-tab.active a {
    color: #f8c000 !important
}

    .tabs-nav-area .bsm-tab.active a .fa {
        color: #f8c000
    }

.tabs-nav-area .bsm-indicator {
    background: 0 0
}

.tabs-nav-area:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    border-bottom: 1px solid #cbcaca;
    max-width: 50%;
    margin: auto;
    bottom: -15px
}

.tabs-content.active {
    display: block !important
}

.tab-style-2 .nav {
    margin-bottom: 15px;
    border: none
}

    .tab-style-2 .nav .nav-item {
        margin-right: 18px
    }

        .tab-style-2 .nav .nav-item a {
            padding: 8px 20px;
            font-weight: 600;
            color: #152c5b;
            position: relative;
            display: block
        }

            .tab-style-2 .nav .nav-item a:after {
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                width: 0;
                -moz-transition: ease-in-out all .55s;
                -o-transition: ease-in-out all .55s;
                -webkit-transition: ease-in-out all .55s;
                transition: ease-in-out all .55s;
                height: 2px;
                background: #ffbe3d
            }

            .tab-style-2 .nav .nav-item a.active {
                color: #008aff
            }

                .tab-style-2 .nav .nav-item a.active:after {
                    width: 100%
                }

.tab-style-2 .tab-pane {
    background: #fbfbfb;
    padding: 20px
}

.tab-style-3 .nav {
    background: #fff
}

    .tab-style-3 .nav a {
        display: block;
        padding: 10px 10px 11px;
        line-height: normal;
        position: relative;
        color: #718096
    }

        .tab-style-3 .nav a:after, .tab-style-3 .nav a:before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            -moz-transition: ease-in-out all .25s;
            -o-transition: ease-in-out all .25s;
            -webkit-transition: ease-in-out all .25s;
            transition: ease-in-out all .25s;
            margin: auto
        }

        .tab-style-3 .nav a:after {
            width: 0;
            height: 3px;
            background: #ffbe3d
        }

        .tab-style-3 .nav a:before {
            width: 15px;
            background: #273a93;
            z-index: 1;
            height: 15px;
            bottom: -8px;
            box-shadow: -1px 4px 6px 0 rgba(0,0,0,.42);
            -moz-transform: rotate(0);
            -o-transform: rotate(0);
            -ms-transform: rotate(0);
            -webkit-transform: rotate(0);
            transform: rotate(0);
            -moz-transition: ease-in-out all .25s;
            -o-transition: ease-in-out all .25s;
            -webkit-transition: ease-in-out all .25s;
            transition: ease-in-out all .25s;
            opacity: 0
        }

        .tab-style-3 .nav a.active {
            color: #ffbe3d
        }

            .tab-style-3 .nav a.active:after {
                width: 100%
            }

            .tab-style-3 .nav a.active:before {
                opacity: 1;
                -moz-transform: rotate(315deg);
                -o-transform: rotate(315deg);
                -ms-transform: rotate(315deg);
                -webkit-transform: rotate(315deg);
                transform: rotate(315deg)
            }

    .tab-style-3 .nav .icon {
        font-size: 25px
    }

    .tab-style-3 .nav span {
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 700;
        color: #152c5b
    }

@media (max-width:567px) {
    .tab-style-3 .nav span {
        display: none
    }
}

.tab-style-3 .tab-content {
    padding-top: 30px
}

.tab-style-5 .nav-tabs {
    border: none
}

    .tab-style-5 .nav-tabs .nav-item {
        margin: 5px
    }

        .tab-style-5 .nav-tabs .nav-item > a {
            position: relative;
            padding: 15px 10px;
            font-weight: 600;
            color: #152c5b;
            border: none;
            border-radius: 10px;
            background: #fff
        }

            .tab-style-5 .nav-tabs .nav-item > a.active {
                color: #fff;
                background: #008aff
            }

.media {
    display: flex;
    align-items: center !important
}

.tab-style-6 .nav-tabs {
    border: none;
    font-family: 'Nunito Sans',sans-serif !important
}

    .tab-style-6 .nav-tabs .nav-item:not(:last-child) {
        margin-bottom: 20px
    }

    .tab-style-6 .nav-tabs .nav-item h6 {
        font-weight: 700;
        font-size: 15px;
        color: #3b2182;
        font-family: 'Nunito Sans',sans-serif !important;
        align-items: center;
        margin-bottom:0px;
    }

.tab-style-6 h4 {
    font-weight: 700;
    font-size: 22px;
    color: #000;
    font-family: 'Nunito Sans',sans-serif !important;
    align-items: center;
    line-height: 30px
}

.tab-style-6 .nav-tabs .nav-item p {
    margin: 0;
    text-align: justify
}

.tab-style-6 .nav-tabs .nav-item > a {
    position: relative;
    padding: 10px;
    font-weight: 600;
    color: #718096;
    border: none;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #eee;
    min-height: 55px;
    align-items: center !important
}

    .tab-style-6 .nav-tabs .nav-item > a [class*=only-icon] {
        color: #008aff
    }

    .tab-style-6 .nav-tabs .nav-item > a.active {
        color: rgba(255,255,255,.8);
        background: #273a93
    }

        .tab-style-6 .nav-tabs .nav-item > a.active [class*=only-icon] {
            color: #fff
        }

        .tab-style-6 .nav-tabs .nav-item > a.active h6 {
            color: #fff
        }

.tab-style-6 .tab-pane {
    background: #f2f6fafa;
    padding: 20px
}

@media only screen and (min-width:992px) {
    .item-sm .item:first-child .dot-devider {
        display: none
    }
}

@media only screen and (max-width:992px) {
    .item-sm .item:first-child .dot-devider {
        height: 100%
    }
}

@media only screen and (min-width:992px) {
    .item-sm .item:nth-child(2) .dot-devider {
        display: none
    }
}

.skill-bar {
    margin-bottom: 45px
}

.progress-title-holder {
    position: relative;
    font-size: 14px;
    text-transform: uppercase
}

.progress-mark span, .progress-title-holder {
    color: #0d1422;
    font-weight: 600;
    margin: 0 0 10px
}

.progress-title {
    z-index: 100
}

.progress-wrapper {
    width: 100%;
    z-index: 10
}

.progress-mark {
    position: absolute;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

    .progress-mark span.percent {
        color: #03dedf
    }

.progress-content {
    background-color: #0d1422;
    width: 0%
}

.progress-outter {
    background-color: #eee
}

.progress-content, .progress-outter {
    height: 10px;
    border-radius: 10px
}

.hexa-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    left: 45px
}

@media only screen and (max-width:1190px) {
    .hexa-grid {
        left: 60px
    }
}

@media only screen and (max-width:1140px) {
    .hexa-grid {
        left: 30px
    }
}

.hexa-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    position: relative
}

.hexa-middle {
    top: 124px;
    left: -52px
}

@media only screen and (max-width:1190px) and (min-width:1030px) {
    .hexa-middle {
        position: absolute;
        top: 123px;
        left: 210px;
        right: 0
    }
}

@media only screen and (max-width:1160px) {
    .hexa-middle {
        left: 205px
    }
}

@media only screen and (max-width:1029px) and (min-width:992px) {
    .hexa-middle {
        left: -29px;
        top: 113px
    }
}

@media only screen and (max-width:1366px) and (min-width:1190px) {
    .hexa-middle {
        top: 113px;
        left: -74px
    }
}

@media only screen and (min-width:1367px) {
    .hexa-middle + .hexa-item {
        margin-top: 25px
    }
}

.hexagonal-img-container {
    margin: 10px 70px;
    position: relative
}

    .hexagonal-img-container, .hexagonal-img-container:after, .hexagonal-img-container:before {
        background-color: #f9f9f9;
        height: 226px;
        width: 130px;
        z-index: 0;
        border-top: 1px solid #ebebeb;
        border-bottom: 1px solid #ebebeb;
        margin: auto;
        -webkit-transition: all .15s ease-in;
        transition: all .15s ease-in
    }

        .hexagonal-img-container:after, .hexagonal-img-container:before {
            content: "";
            position: absolute
        }

.hexagonal:hover .hexagonal-img-container, .hexagonal:hover .hexagonal-img-container:after, .hexagonal:hover .hexagonal-img-container:before {
    background-color: #03dedf;
    border-top: 1px solid #03dedf;
    border-bottom: 1px solid #03dedf
}

.hexagonal-img-container:before {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg)
}

.hexagonal-img-container:after {
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg)
}

.hexagonal-img-hex {
    margin-top: -24px;
    margin-left: 10px;
    position: absolute;
    z-index: 1
}

.hexagonal-img-hex2 {
    position: absolute;
    height: 237px;
    width: 204px;
    top: 18px;
    left: -47px
}

.hexagonal-img-hex1 {
    overflow: hidden;
    visibility: hidden;
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg)
}

.hexagonal-img-hex-in1 {
    overflow: hidden;
    height: 100%;
    width: 100%;
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg)
}

.hexagonal-img-hex-in2 {
    background-repeat: no-repeat;
    background-position: 50%;
    overflow: hidden;
    height: 100%;
    width: 100%;
    visibility: visible;
    background-size: 125%;
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    position: relative
}

    .hexagonal-img-hex-in2:after {
        position: absolute;
        content: "";
        background-color: transparent;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        -webkit-transition: all .25s ease;
        transition: all .25s ease
    }

    .hexagonal-img-hex-in2:hover:after {
        background-color: rgba(0,0,0,.6)
    }

    .hexagonal-img-hex-in2 .hexagonal-image {
        margin-top: 20px;
        -webkit-transform: scale(1.5,1.5) rotate(90deg);
        transform: scale(1.5,1.5) rotate(90deg);
        -webkit-transition: all .25s ease;
        transition: all .25s ease
    }

    .hexagonal-img-hex-in2:hover .hexagonal-image {
        -webkit-transform: scale(1.6,1.6) rotate(90deg);
        transform: scale(1.6,1.6) rotate(90deg)
    }

.portfolio-thumb {
    position: relative;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,.04);
    box-shadow: 0 0 30px rgba(0,0,0,.04);
    overflow: hidden
}

    .portfolio-thumb img {
        display: block;
        margin: auto;
        overflow: hidden
    }

@media only screen and (max-width:600px) {
    .portfolio-thumb img {
        width: 100%
    }
}

.portfolio-thumb .hover-content {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    background: rgba(3,222,223,.9);
    height: 100%;
    width: 100%;
    opacity: 0;
    text-align: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity .3s,-webkit-transform .3s;
    transition: opacity .3s,-webkit-transform .3s;
    transition: transform .3s,opacity .3s;
    transition: transform .3s,opacity .3s,-webkit-transform .3s
}

    .portfolio-thumb .hover-content .ajax-single-link {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        font-size: 25px;
        color: #fff
    }

    .portfolio-thumb .hover-content .hover-details {
        top: 50% !important;
        position: absolute;
        left: 0;
        right: 0;
        font-size: 20px;
        text-transform: uppercase;
        font-weight: 500;
        display: inherit;
        padding: 15px 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #fff
    }

        .portfolio-thumb .hover-content .hover-details h5 {
            font-size: 20px;
            text-transform: uppercase;
            font-weight: 500;
            display: inherit;
            padding: 0;
            margin-bottom: 0;
            color: #fff
        }

        .portfolio-thumb .hover-content .hover-details span {
            font-size: 12px;
            text-transform: uppercase;
            font-weight: 400;
            display: inherit;
            padding: 0
        }

.portfolio-thumb:hover .hover-content {
    opacity: 1
}

.portfolio-grid {
    margin: 50px -5px 0
}

    .portfolio-grid .item {
        padding: 0 5px
    }

.portfolio-menu {
    list-style: none;
    padding-left: 0
}

    .portfolio-menu > li > a {
        padding: 10px 0;
        display: block;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 13px;
        color: #0d1422
    }

    .portfolio-menu .dropdown-menu {
        margin: 0;
        padding: 0;
        border-radius: 0;
        border-color: #ebebeb !important
    }

@media only screen and (max-width:767px) {
    .portfolio-menu:not(.style-two) {
        text-align: center;
        padding-top: 15px
    }
}

@media only screen and (max-width:767px) {
    .portfolio-menu:not(.style-two) .dropdown-menu {
        left: -65px !important
    }
}

.portfolio-menu .dropdown-menu li a {
    padding: 10px 15px;
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #0d1422;
    border-bottom: 1px solid #ebebeb
}

    .portfolio-menu .dropdown-menu li a.active {
        background: #03dedf;
        color: #fff
    }

.portfolio-menu .dropdown-menu li:last-child a {
    border-bottom: 0 none
}

.portfolio-menu.style-two li {
    display: inline-block;
    padding: 5px
}

    .portfolio-menu.style-two li a {
        border: 1px solid #ddd;
        display: block;
        padding: 4px 15px;
        border-radius: 30px
    }

.portfolio-menu.citrus-theme .dropdown-menu li a:active, .portfolio-menu.citrus-theme .dropdown-menu li a:focus, .portfolio-menu.citrus-theme .dropdown-menu li a:hover {
    background-color: #94b800 !important
}

.portfolio-menu.orange-theme .dropdown-menu li a:active, .portfolio-menu.orange-theme .dropdown-menu li a:focus, .portfolio-menu.orange-theme .dropdown-menu li a:hover {
    background-color: #ffa800 !important
}

.container-portfolio {
    padding: 45px 0
}

@media only screen and (min-width:850px) {
    .container-portfolio {
        width: 70%;
        margin: auto
    }
}

@media only screen and (min-width:1368px) {
    .container-portfolio {
        width: 924px;
        margin: auto
    }
}

.container-portfolio .single-post .entry-title {
    font-size: 30px
}

.portfolio-details-block .portfolio-header .portfolio-title {
    font-weight: 700;
    font-size: 22px;
    text-transform: uppercase
}

.portfolio-details-block .portfolio-header .portfolio-cat {
    font-size: 14px
}

    .portfolio-details-block .portfolio-header .portfolio-cat a {
        color: #03dedf
    }

.portfolio-details-block .portfolio-header .portfolio-other {
    font-size: 14px;
    color: #1d1d1f;
    margin-top: 10px;
    margin-bottom: 35px;
    position: relative
}

    .portfolio-details-block .portfolio-header .portfolio-other .rating i {
        color: #03dedf
    }

    .portfolio-details-block .portfolio-header .portfolio-other .devider {
        padding: 0 5px
    }

    .portfolio-details-block .portfolio-header .portfolio-other:after {
        content: "";
        width: 30px;
        height: 2px;
        background: #ddd;
        left: 0;
        bottom: -15px;
        position: absolute
    }

.portfolio-details-block .portfolio-details .project-details td, .portfolio-details-block .portfolio-details .project-details th {
    padding: 10px 0;
    border-radius: 0;
    border-bottom: 1px solid #ebebeb;
    font-weight: 400;
    color: #1d1d1f;
    font-size: 15px
}

.portfolio-details-block .portfolio-details .project-details tr:last-child td, .portfolio-details-block .portfolio-details .project-details tr:last-child th {
    border-bottom: 0 none
}

.portfolio-details-block .project-demo-btn {
    margin-top: 30px;
    margin-bottom: 45px
}

    .portfolio-details-block .project-demo-btn .project-btn {
        border: 1px solid #ebebeb;
        padding: 15px 45px;
        border-radius: 30px;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: .015em;
        background: 0 0;
        font-size: 14px;
        color: #1d1d1f;
        margin-right: 20px;
        margin-bottom: 15px
    }

        .portfolio-details-block .project-demo-btn .project-btn:hover {
            border-color: #03dedf;
            color: #03dedf
        }

.portfolio-details-block .portfolio-related-title {
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 45px
}

.portfolio-details-block .owl-nav > div {
    position: absolute;
    display: inline-block;
    text-align: center;
    font-size: 60px;
    margin: 0 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #03dedf
}

    .portfolio-details-block .owl-nav > div.disabled {
        color: inherit;
        cursor: not-allowed
    }

.portfolio-details-block .owl-nav .owl-next {
    right: -105px
}

.portfolio-details-block .owl-nav .owl-prev {
    left: -105px
}

@media only screen and (max-width:767px) {
    .portfolio-details-block .owl-nav {
        display: none
    }
}

.call-to-content h2 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .010em
}

    .call-to-content h2 span {
        color: #ffc933
    }

.call-to-content p {
    color: #868e96
}

.call-to-content .call-to-link {
    display: inline-block;
    border: 2px solid #03dedf;
    color: #03dedf;
    padding: 15px 45px;
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .015em
}

    .call-to-content .call-to-link:hover {
        border-color: #fff;
        color: #fff
    }

.team-item {
    margin-top: 60px
}

    .team-item .hexagonal {
        margin-bottom: 15px
    }

    .team-item .member-name {
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 0;
        color: #0d1422
    }

    .team-item .member-deseg {
        font-size: 12px;
        text-transform: uppercase;
        color: #777
    }

        .team-item .member-deseg.v-2 {
            text-transform: capitalize;
            color: #777
        }

.team-slider .owl-nav > div {
    position: absolute;
    display: inline-block;
    text-align: center;
    font-size: 60px;
    margin: 0 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #03dedf
}

    .team-slider .owl-nav > div.disabled {
        color: inherit;
        cursor: not-allowed
    }

.team-slider .owl-nav .owl-next {
    right: -105px
}

.team-slider .owl-nav .owl-prev {
    left: -105px
}

@media only screen and (max-width:767px) {
    .team-slider .owl-nav {
        display: none
    }
}

.client-thumb .hexagonal-img-container, .client-thumb .hexagonal-img-container:after, .client-thumb .hexagonal-img-container:before {
    background-color: #f9f9f9;
    height: 120px;
    width: 69px;
    z-index: 0;
    border-top: 0 none;
    border-bottom: 0 none
}

.client-thumb .hexagonal-img-hex2 {
    position: absolute;
    height: 134px;
    width: 110px;
    top: 17px;
    left: -31px
}

.client-thumb .hexagonal-img-container {
    margin: 20px auto
}

.client-header .client-name {
    color: #000;
    font-size: 22px;
    font-weight: 600;
    font-family: 'Nunito Sans',sans-serif
}

    .client-header .client-name a:link {
        color: #fff
    }

.client-header .client-deseg {
    color: inherit;
    font-size: 15px;
    color: #868e96;
    font-family: 'Nunito Sans',sans-serif !important;
    line-height: 20px
}

.client-rating {
    margin: 5px 0
}

    .client-rating .fa {
        color: #03dedf
    }

.quote-icon .fa {
    color: #03dedf;
    font-size: 45px
}

.client-desc {
    margin: 10px 10px 5px 10px auto;
    max-width: 98%;
    color: #333;
    margin-left: 0
}

.review-slider .owl-nav > div {
    position: absolute;
    display: inline-block;
    text-align: center;
    font-size: 60px;
    margin: 0 -25px;
    top: 35%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #302d2d
}

    .review-slider .owl-nav > div.disabled {
        color: inherit;
        cursor: not-allowed
    }

.review-slider .owl-nav .owl-next {
    right: 40px
}

.review-slider .owl-nav .owl-prev {
    left: 40px
}

@media only screen and (max-width:767px) {
    .review-slider .owl-nav {
        display: none
    }
}

.review-slider1 .owl-nav > div {
    margin-top: -25px;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 50%;
    font-size: 35px;
    background-color: #333;
    color: #f0f0f0;
    position: absolute;
    top: 50%;
    transition: all 1s ease;
    outline: 0
}

    .review-slider1 .owl-nav > div.disabled {
        color: inherit;
        cursor: not-allowed
    }

.review-slider1 .owl-nav .owl-next {
    right: 40px
}

.review-slider1 .owl-nav .owl-prev {
    left: 40px
}

@media only screen and (max-width:767px) {
    .review-slider1 .owl-nav {
        display: none
    }
}

.qty-count {
    display: inline-block;
    border-radius: 5px;
    margin-right: 15px;
    vertical-align: middle;
    border: 1px solid #777;
    border-radius: 30px
}

    .qty-count .count-input {
        -webkit-box-sizing: border-box !important;
        box-sizing: border-box !important;
        height: auto !important;
        margin-bottom: 0 !important;
        padding: 8px 6px !important;
        border-bottom: 0 none !important;
        -webkit-box-shadow: 0 0 0 transparent !important;
        box-shadow: 0 0 0 transparent !important;
        width: auto !important;
        text-align: center
    }

.regular-menu {
    margin-bottom: 60px
}

.woo-details-tab .bsm-tabs {
    margin-bottom: 30px
}

.woo-details-tab .bsm-tab {
    margin-right: 30px
}

.woo-details-tab .bsm-tabs .bsm-tab a {
    padding: 0;
    font-size: 18px;
    font-weight: 600;
    color: #333;
    padding-right: 20px
}

.woo-details-tab .bsm-indicator {
    display: none
}

.wooshop .wooshop-info {
    color: #333;
    font-weight: 500;
    margin-bottom: 15px
}

    .wooshop .wooshop-info .retirve-btn {
        border: 2px solid #ddd;
        padding: 10px 30px;
        border-radius: 30px;
        color: #333;
        font-weight: 600;
        text-transform: uppercase;
        display: inline-block;
        margin-left: 15px
    }

.wooshop input {
    border-top: 1px solid #ddd !important;
    border-right: 1px solid #ddd !important;
    border-left: 1px solid #ddd !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    padding: 10px 20px !important;
    border-radius: 30px !important
}

.wooshop .checkout_coupon {
    display: inline-block
}

    .wooshop .checkout_coupon input {
        width: auto !important;
        margin-left: 60px;
        border-radius: 30px;
        padding: 10px 20px;
        margin-bottom: 0 !important
    }

.wooshop .bsm-select-wrapper {
    width: 100%
}

    .wooshop .bsm-select-wrapper span.caret {
        right: 20px;
        top: -18px
    }

.wooshop .bsm-textarea {
    border-top: 1px solid #ddd !important;
    border-right: 1px solid #ddd !important;
    border-left: 1px solid #ddd !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    padding: 10px 20px !important;
    border-radius: 15px !important;
    min-height: 130px
}

.wooshop .form-chackout h3 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600
}

.wooshop .form-chackout label {
    font-size: 14px;
    color: #333;
    font-weight: 600
}

.wooshop .form-chackout .pay-description {
    margin-left: 33px;
    display: block;
    line-height: 1.75;
    margin-top: -12px;
    margin-bottom: 30px
}

.wooshop .payment-method-title {
    margin: 30px 0 15px
}

.wooshop .checkout-submit {
    background: 0 0;
    border: 2px solid #ddd;
    padding: 15px 45px;
    border-radius: 30px;
    color: #333;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    margin-left: 0;
    font-size: 16px;
    margin-top: 30px
}

.wooshop #order_review_heading {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 5px
}

.wooshop #order_review .product-name {
    text-align: center
}

    .wooshop #order_review .product-name .product-cat {
        font-size: 14px;
        font-weight: 300;
        color: #666;
        position: relative;
        padding-left: 20px
    }

        .wooshop #order_review .product-name .product-cat:before {
            content: "";
            position: absolute;
            width: 10px;
            height: 10px;
            left: 0;
            top: 4px;
            border-radius: 20px;
            background: #94b800
        }

.wooshop #order_review .shop_table .cart_item {
    border-bottom: 1px solid #ebebeb
}

    .wooshop #order_review .shop_table .cart_item td {
        padding: 26px 5px
    }

.wooshop #order_review .shop_table .cart-subtotal td, .wooshop #order_review .shop_table .cart-subtotal th {
    padding: 5px
}

.wooshop .shop_table.cart .product-title {
    display: block;
    font-size: 16px
}

.wooshop .shop_table.cart .product-name {
    text-align: center
}

    .wooshop .shop_table.cart .product-name .product-cat {
        font-size: 14px;
        font-weight: 300;
        color: #666;
        position: relative;
        padding-left: 20px
    }

        .wooshop .shop_table.cart .product-name .product-cat:before {
            content: "";
            position: absolute;
            width: 10px;
            height: 10px;
            left: 0;
            top: 4px;
            border-radius: 20px;
            background: #94b800
        }

.wooshop .shop_table.cart .product-quantity .quantity {
    width: 45%
}

.wooshop .shop_table.cart .cart_item {
    border-bottom: 1px solid #ebebeb
}

    .wooshop .shop_table.cart .cart_item .product-quantity {
        width: 25%
    }

.wooshop .shop_table.cart th {
    text-transform: uppercase;
    font-size: 16px;
    color: #333
}

.wooshop .shop_table.cart td, .wooshop .shop_table.cart th {
    padding: 25px 5px
}

.wooshop .shop_table.cart #coupon_code {
    width: auto
}

.wooshop .shop_table.cart input[type=submit] {
    padding: 14px 30px !important;
    background: 0 0;
    color: #333;
    display: inline-block;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd
}

.wooshop .shop_table.cart .product-remove {
    font-size: 30px
}

.wooshop .shop_table.cart .cart_item .product-price, .wooshop .shop_table.cart .cart_item .product-subtotal {
    font-size: 16px
}

.wooshop .shop_table.cart .cart_item .cart_item_update {
    border-bottom: 1px solid #ebebeb
}

    .wooshop .shop_table.cart .cart_item .cart_item_update .actions {
        padding-bottom: 6px
    }

.wooshop .cart_totals.calculated_shipping {
    padding: 40px;
    background: #f5f5f5;
}

    .wooshop .cart_totals.calculated_shipping h2 {
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 700;
        border-bottom: 1px solid #ddd;
        padding-bottom: 9px
    }

    .wooshop .cart_totals.calculated_shipping .checkout-button {
        font-weight: 500;
        background: #333;
        color: #fff;
        padding: 13px 35px;
        text-transform: uppercase;
        border-radius: 30px;
        display: inline-block;
        margin-top: 15px
    }

@media only screen and (max-width:767px) {
    .shop_table.cart thead tr th {
        display: none
    }
}

@media only screen and (max-width:767px) {
    .shop_table.cart tbody tr td {
        width: 100% !important;
        display: block;
        text-align: right !important
    }
}

@media only screen and (max-width:767px) {
    .shop_table.cart tbody tr td .quantity.buttons_added {
        width: 100% !important
    }
}

.shop_table.cart tbody tr td .quantity.buttons_added .input-text.qty {
    width: 100px;
    margin-bottom: 0;
    margin-top: -15px
}

@media only screen and (max-width:767px) {
    .shop_table.cart tbody tr td.product-remove {
        text-align: left !important
    }
}

@media only screen and (max-width:767px) {
    .shop_table.cart tbody tr.cart_item td:not(.product-remove):before {
        content: attr(data-title) ": ";
        font-weight: 700;
        float: left
    }
}

@media only screen and (max-width:767px) {
    .shop_table.cart .product-thumb {
        display: none
    }
}

@media only screen and (max-width:767px) {
    .shop_table.cart {
        margin-bottom: 30px
    }
}

@media only screen and (max-width:767px) {
    .shop_table.cart .cart-update {
        float: left !important
    }
}

.module_slider-fullwidth {
    padding-top: 100px;
    padding-bottom: 100px
}

@media screen and (min-width:768px) and (max-width:991px) {
    .module_slider-fullwidth {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media screen and (min-width:0) and (max-width:767px) {
    .module_slider-fullwidth {
        padding-top: 50px;
        padding-bottom: 0
    }
}

.module_slider-fullwidth .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 1;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: transform 1.2s ease-in-out 0s;
    -webkit-transition: -webkit-transform 1.2s ease-in-out 0s;
    transition: -webkit-transform 1.2s ease-in-out 0s;
    transition: transform 1.2s ease-in-out 0s;
    transition: transform 1.2s ease-in-out 0s,-webkit-transform 1.2s ease-in-out 0s
}

    .module_slider-fullwidth .overlay.is-visible {
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }

.module_slider-fullwidth .slider-wrap, .module_slider-fullwidth .slider-wrap .slider {
    width: 100%
}

    .module_slider-fullwidth .slider-wrap .slider .slide {
        display: inline-block;
        width: calc(57vw - 96px);
        outline: 0
    }

@media screen and (min-width:768px) and (max-width:991px) {
    .module_slider-fullwidth .slider-wrap .slider .slide {
        padding: 0 10px;
        width: calc(100vw - 80px)
    }
}

@media screen and (min-width:0px) and (max-width:767px) {
    .module_slider-fullwidth .slider-wrap .slider .slide {
        padding: 0 5px;
        width: calc(100vw - 50px)
    }
}

.module_slider-fullwidth .slider-wrap .slider .slide > div {
    position: relative;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scale(.9);
    transform: scale(.9);
    -webkit-transition: all .4s ease-in-out 0s;
    transition: all .4s ease-in-out 0s
}

@media screen and (min-width:0px) and (max-width:991px) {
    .module_slider-fullwidth .slider-wrap .slider .slide > div {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.module_slider-fullwidth .slider-wrap .slider .slide > div > .overlay {
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: .2;
    -webkit-transition: opacity .4s ease-in-out 0s;
    transition: opacity .4s ease-in-out 0s
}

.module_slider-fullwidth .slider-wrap .slider .slide > div img {
    display: block;
    width: 100%
}

.module_slider-fullwidth .slider-wrap .slider .slide.slick-current > div {
    -webkit-transform: scale(1);
    transform: scale(1)
}

    .module_slider-fullwidth .slider-wrap .slider .slide.slick-current > div .overlay {
        opacity: 0
    }

@media screen and (min-width:768px) and (max-width:991px) {
    .module_slider-fullwidth .slider-wrap > .container {
        padding-right: calc(11vw - 30px)
    }
}

@media screen and (min-width:0px) and (max-width:767px) {
    .module_slider-fullwidth .slider-wrap > .container {
        padding-right: calc(11vw - 15px)
    }
}

.module_slider-fullwidth .slider-wrap .arrows {
    text-align: right;
    margin-top: 60px
}

@media screen and (min-width:992px) and (max-width:1582px) {
    .module_slider-fullwidth .slider-wrap .arrows {
        padding: 0 10%
    }
}

@media screen and (min-width:0px) and (max-width:991px) {
    .module_slider-fullwidth .slider-wrap .arrows {
        margin-top: 5px;
        padding: 0 5px
    }
}

.module_slider-fullwidth .slider-wrap .arrows > div {
    margin-right: 35px;
    color: #000;
    font-weight: 400;
    font-size: 1.2em;
    padding-left: 20px;
    display: inline-block;
    height: 32px;
    line-height: 32px
}

    .module_slider-fullwidth .slider-wrap .arrows > div:after, .module_slider-fullwidth .slider-wrap .arrows > div:before {
        display: table;
        clear: both;
        content: "";
        line-height: 0
    }

@media screen and (min-width:0px) and (max-width:991px) {
    .module_slider-fullwidth .slider-wrap .arrows > div {
        margin-right: 0;
        font-size: 1.1em
    }
}

.module_slider-fullwidth .slider-wrap .arrows > div span {
    vertical-align: middle;
    float: left;
    width: 15px;
    text-align: center
}

@media screen and (min-width:0px) and (max-width:991px) {
    .module_slider-fullwidth .slider-wrap .arrows > div span {
        width: 10px
    }
}

@media screen and (min-width:0px) and (max-width:991px) {
    .module_slider-fullwidth .slider-wrap .arrows > a {
        display: none !important
    }
}

.module_slider-fullwidth .slider-wrap .arrows .arrow--right {
    margin-right: 0
}

.module_slider-home {
    position: relative;
    height: 100vh;
    min-height: 620px
}

@media only screen and (min-width:390px) and (max-width:767px) {
    .module_slider-home {
        position: relative;
        height: 100vh;
        min-height: 620px
    }
}

@media screen and (min-width:0) and (max-width:991px) {
    .module_slider-home {
        padding-top: 60px;
        height: 68vh
    }
}

.module_slider-home .cooling-heating {
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
    left: 35px;
    z-index: 100
}

@media screen and (min-width:992px) and (max-width:1439px) {
    .module_slider-home .cooling-heating {
        left: 20px
    }

        .module_slider-home .cooling-heating img {
            height: 120px
        }
}

@media screen and (min-width:0) and (max-width:991px) {
    .module_slider-home .cooling-heating {
        display: none
    }
}

.module_slider-home .slider-desktop {
    position: relative;
    height: calc(100vh - 96px);
    min-height: 586px
}

@media screen and (min-width:0) and (max-width:1439px) {
    .module_slider-home .slider-desktop {
        height: 100vh;
        min-height: 620px
    }
}

@media screen and (min-width:0) and (max-width:991px) {
    .module_slider-home .slider-desktop {
        display: none
    }
}

.module_slider-home .slider-desktop__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100vh - 192px);
    padding-right: 0 !important;
    min-height: 620px
}

@media screen and (min-width:0) and (max-width:1439px) {
    .module_slider-home .slider-desktop__bg {
        height: 100vh
    }
}

.module_slider-home .slider-desktop__bg > div, .module_slider-home .slider-desktop__bg > div > div {
    position: relative;
    width: 100%;
    height: 100%
}

    .module_slider-home .slider-desktop__bg > div > div.toRight .clippath .img {
        left: 0;
        -webkit-transform-origin: left top;
        transform-origin: left top
    }

        .module_slider-home .slider-desktop__bg > div > div.toRight .clippath .img > div {
            left: 0;
            -webkit-transform: translateX(10%);
            transform: translateX(10%)
        }

        .module_slider-home .slider-desktop__bg > div > div.toRight .clippath .img.out {
            -webkit-clip-path: polygon(0 0,0 0,0 100%,0 100%);
            clip-path: polygon(0 0,0 0,0 100%,0 100%)
        }

            .module_slider-home .slider-desktop__bg > div > div.toRight .clippath .img.out > div {
                -webkit-transform: translateX(-10%);
                transform: translateX(-10%)
            }

    .module_slider-home .slider-desktop__bg > div > div.toLeft .clippath .img {
        left: 0;
        -webkit-transform-origin: left top;
        transform-origin: left top
    }

        .module_slider-home .slider-desktop__bg > div > div.toLeft .clippath .img > div {
            left: 0;
            -webkit-transform: translateX(-10%);
            transform: translateX(-10%)
        }

        .module_slider-home .slider-desktop__bg > div > div.toLeft .clippath .img.out {
            -webkit-clip-path: polygon(100% 0,100% 0,100% 100%,100% 100%);
            clip-path: polygon(100% 0,100% 0,100% 100%,100% 100%)
        }

            .module_slider-home .slider-desktop__bg > div > div.toLeft .clippath .img.out > div {
                -webkit-transform: translateX(10%);
                transform: translateX(10%)
            }

    .module_slider-home .slider-desktop__bg > div > div.noTransition .img > div {
        -webkit-transition: none !important;
        transition: none !important
    }

    .module_slider-home .slider-desktop__bg > div > div.withTransition .img > div {
        -webkit-transition: transform .6s ease-in-out 0s;
        -webkit-transition: -webkit-transform .6s ease-in-out 0s;
        transition: -webkit-transform .6s ease-in-out 0s;
        transition: transform .6s ease-in-out 0s;
        transition: transform .6s ease-in-out 0s,-webkit-transform .6s ease-in-out 0s
    }

    .module_slider-home .slider-desktop__bg > div > div > div {
        height: 100%;
        width: 100%;
        position: relative
    }

    .module_slider-home .slider-desktop__bg > div > div .clippath .img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: 0;
        -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
        clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
        -webkit-transition: -webkit-clip-path 1s cubic-bezier(.653,0,.372,1) 0s;
        transition: -webkit-clip-path 1s cubic-bezier(.653,0,.372,1) 0s;
        transition: clip-path 1s cubic-bezier(.653,0,.372,1) 0s;
        transition: clip-path 1s cubic-bezier(.653,0,.372,1) 0s,-webkit-clip-path 1s cubic-bezier(.653,0,.372,1) 0s;
        overflow: hidden
    }

        .module_slider-home .slider-desktop__bg > div > div .clippath .img > div {
            position: absolute;
            top: 0;
            background-size: cover;
            width: calc(100vw - 96px);
            height: 100%;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-transition: transform 1s ease-in-out 0s;
            -webkit-transition: -webkit-transform 1s ease-in-out 0s;
            transition: -webkit-transform 1s ease-in-out 0s;
            transition: transform 1s ease-in-out 0s;
            transition: transform 1s ease-in-out 0s,-webkit-transform 1s ease-in-out 0s
        }

@media screen and (min-width:1280px) and (max-width:1582px) {
    .module_slider-home .slider-desktop__bg > div > div .clippath .img > div {
        width: calc(100vw - 15px)
    }
}

@media screen and (min-width:992px) and (max-width:1279px) {
    .module_slider-home .slider-desktop__bg > div > div .clippath .img > div {
        width: calc(100vw - 15px)
    }
}

@media screen and (min-width:0) and (max-width:991px) {
    .module_slider-home .slider-desktop__bg > div > div .clippath .img > div {
        width: 100vw
    }
}

.module_slider-home .slider-desktop__bg > div > div .clippath .img.is-active {
    z-index: 2 !important
}

    .module_slider-home .slider-desktop__bg > div > div .clippath .img.is-active > div {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

.module_slider-home .slider-desktop__bg > div > div .clippath .img.out {
    z-index: 2
}

.module_slider-home .slider-desktop__bg > div > div .clippath .img.in {
    z-index: 1
}

    .module_slider-home .slider-desktop__bg > div > div .clippath .img.in > div {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

.module_slider-home .slider-desktop__bg > div > div .noclippath .img {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: opacity .8s ease-in-out 0s;
    transition: opacity .8s ease-in-out 0s;
    z-index: 0
}

    .module_slider-home .slider-desktop__bg > div > div .noclippath .img.in {
        opacity: 1;
        z-index: 2
    }

    .module_slider-home .slider-desktop__bg > div > div .noclippath .img.out {
        opacity: 0
    }

.module_slider-home .slider-desktop .txt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5
}

    .module_slider-home .slider-desktop .txt .container {
        width: 100%;
        height: 100%;
        position: relative
    }

        .module_slider-home .slider-desktop .txt .container .txt-bg, .module_slider-home .slider-desktop .txt .container .txt-content {
            position: absolute;
            bottom: 130px;
            right: 300px;
            height: calc(100% - 280px);
            width: 40%
        }

        .module_slider-home .slider-desktop .txt .container .txt-content-right-bottom {
            right: 35px;
            bottom: 15px;
            position: absolute;
            padding: 10px;
            height: calc(100% - 400px)
        }

        .module_slider-home .slider-desktop .txt .container .txt-bg-bg {
            position: absolute;
            bottom: 0;
            right: -60px;
            height: calc(100% - 65px);
            width: 55%
        }

@media screen and (min-width:992px) and (max-width:1279px) {
    .module_slider-home .slider-desktop .txt .container .txt-bg, .module_slider-home .slider-desktop .txt .container .txt-content {
        height: calc(100% - 200px)
    }

    .module_slider-home .slider-desktop .txt .container .txt-content-right-bottom {
        height: calc(100% - 400px)
    }
}

.module_slider-home .slider-desktop .txt .container .txt-content {
    padding: 15px 20px
}

.module_slider-home .slider-desktop .txt .container .txt-content-right-bottom {
    padding: 10px
}

@media screen and (min-width:0) and (max-width:991px) {
    .module_slider-home .slider-desktop .txt .container .txt-content {
        padding: 40px 40px 0
    }
}

.module_slider-home .slider-desktop .txt .container .txt-content .line {
    -center-transform-origin: left;
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transform: translateX(31px);
    transform: translateX(31px);
    -webkit-transition: transform .6s ease-in-out 0s;
    -webkit-transition: -webkit-transform .6s ease-in-out 0s;
    transition: -webkit-transform .6s ease-in-out 0s;
    transition: transform .6s ease-in-out 0s;
    transition: transform .6s ease-in-out 0s,-webkit-transform .6s ease-in-out 0s
}

.module_slider-home .slider-desktop .txt .container .txt-content .title--title5 {
    opacity: 0;
    -webkit-transition: -webkit-transform .5s ease-in-out 0s,opacity .5s ease-in-out 0s;
    -webkit-transition: opacity .5s ease-in-out 0s,-webkit-transform .5s ease-in-out 0s;
    transition: opacity .5s ease-in-out 0s,-webkit-transform .5s ease-in-out 0s;
    transition: transform .5s ease-in-out 0s,opacity .5s ease-in-out 0s;
    transition: transform .5s ease-in-out 0s,opacity .5s ease-in-out 0s,-webkit-transform .5s ease-in-out 0s;
    -webkit-transform: translateX(62px);
    transform: translateX(62px);
    font-weight: 200 !important;
    font-size: 36px;
    line-height: 45px
}

.module_slider-home .slider-desktop .txt .container .txt-content .txt--p3 {
    opacity: 0;
    margin-top: 25px;
    -webkit-transition: -webkit-transform .5s ease-in-out 80ms,opacity .5s ease-in-out 80ms;
    -webkit-transition: opacity .5s ease-in-out 80ms,-webkit-transform .5s ease-in-out 80ms;
    transition: opacity .5s ease-in-out 80ms,-webkit-transform .5s ease-in-out 80ms;
    transition: transform .5s ease-in-out 80ms,opacity .5s ease-in-out 80ms;
    transition: transform .5s ease-in-out 80ms,opacity .5s ease-in-out 80ms,-webkit-transform .5s ease-in-out 80ms;
    -webkit-transform: translateX(62px);
    transform: translateX(62px)
}

.module_slider-home .slider-desktop .txt .container .txt-content .button {
    margin-top: 30px;
    opacity: 0;
    -webkit-transition: -webkit-transform .5s ease-in-out .16s,opacity .5s ease-in-out .16s;
    -webkit-transition: opacity .5s ease-in-out .16s,-webkit-transform .5s ease-in-out .16s;
    transition: opacity .5s ease-in-out .16s,-webkit-transform .5s ease-in-out .16s;
    transition: transform .5s ease-in-out .16s,opacity .5s ease-in-out .16s;
    transition: transform .5s ease-in-out .16s,opacity .5s ease-in-out .16s,-webkit-transform .5s ease-in-out .16s;
    -webkit-transform: translateX(62px);
    transform: translateX(62px)
}

    .module_slider-home .slider-desktop .txt .container .txt-content .button a {
        padding-top: 0;
        padding-bottom: 0;
        height: 40px;
        line-height: 38px;
        font-size: 1.4em
    }

.module_slider-home .slider-desktop .txt .container .txt-content.in .line {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.module_slider-home .slider-desktop .txt .container .txt-content.in .button, .module_slider-home .slider-desktop .txt .container .txt-content.in .title--title5, .module_slider-home .slider-desktop .txt .container .txt-content.in .txt--p3 {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.module_slider-home .slider-desktop .txt .container .txt-content.is-active {
    z-index: 5
}

.module_slider-home .slider-desktop .txt .container .txt-bg > div {
    position: relative;
    height: 100%;
    width: 100%
}

    .module_slider-home .slider-desktop .txt .container .txt-bg > div .img {
        width: 100%;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        height: 100%;
        -webkit-transition: width .8s cubic-bezier(.678,0,.328,1) 0s;
        transition: width .8s cubic-bezier(.678,0,.328,1) 0s
    }

@media screen and (min-width:992px) and (max-width:1439px) {
    .module_slider-home .slider-desktop .txt .container .txt-bg > div .img {
        height: 40%
    }
}

.module_slider-home .slider-desktop .txt .container .txt-bg > div .img img {
    max-width: 353px;
    max-height: 235px;
    display: block;
    width: 100vw;
    height: auto;
    position: absolute;
    bottom: 10%;
    right: 0;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: transform .8s cubic-bezier(.678,0,.328,1) 0s,opacity .8s cubic-bezier(.678,0,.328,1) 0s;
    -webkit-transition: opacity .8s cubic-bezier(.678,0,.328,1) 0s,-webkit-transform .8s cubic-bezier(.678,0,.328,1) 0s;
    transition: opacity .8s cubic-bezier(.678,0,.328,1) 0s,-webkit-transform .8s cubic-bezier(.678,0,.328,1) 0s;
    transition: transform .8s cubic-bezier(.678,0,.328,1) 0s,opacity .8s cubic-bezier(.678,0,.328,1) 0s;
    transition: transform .8s cubic-bezier(.678,0,.328,1) 0s,opacity .8s cubic-bezier(.678,0,.328,1) 0s,-webkit-transform .8s cubic-bezier(.678,0,.328,1) 0s
}

@media screen and (min-width:992px) and (max-width:1439px) {
    .module_slider-home .slider-desktop .txt .container .txt-bg > div .img img {
        max-width: 250px;
        max-height: 167px;
        bottom: 34px
    }
}

.module_slider-home .slider-desktop .txt .container .txt-bg > div .bg {
    background: #e64d6a;
    top: 0;
    left: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    -webkit-transition: transform .8s cubic-bezier(.67,0,.326,1) 0s;
    -webkit-transition: -webkit-transform .8s cubic-bezier(.67,0,.326,1) 0s;
    transition: -webkit-transform .8s cubic-bezier(.67,0,.326,1) 0s;
    transition: transform .8s cubic-bezier(.67,0,.326,1) 0s;
    transition: transform .8s cubic-bezier(.67,0,.326,1) 0s,-webkit-transform .8s cubic-bezier(.67,0,.326,1) 0s;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(1);
    transform: scale(1)
}

@media screen and (min-width:992px) and (max-width:1024px) {
    .module_slider-home .slider-desktop .txt .container .txt-bg > div .bg {
        height: 30%;
        margin-top: 70%
    }
}

.module_slider-home .slider-desktop .txt .container .txt-bg-bg > div .bg {
    background: 0 0;
    opacity: .5;
    top: 0;
    left: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    -webkit-transition: transform .8s cubic-bezier(.67,0,.326,1) 0s;
    -webkit-transition: -webkit-transform .8s cubic-bezier(.67,0,.326,1) 0s;
    transition: -webkit-transform .8s cubic-bezier(.67,0,.326,1) 0s;
    transition: transform .8s cubic-bezier(.67,0,.326,1) 0s;
    transition: transform .8s cubic-bezier(.67,0,.326,1) 0s,-webkit-transform .8s cubic-bezier(.67,0,.326,1) 0s;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.module_slider-home .slider-desktop .txt .container .txt-bg.out > div .bg {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.module_slider-home .slider-desktop .txt .container .txt-bg.out > div .img {
    width: 0
}

    .module_slider-home .slider-desktop .txt .container .txt-bg.out > div .img img {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

.module_slider-home .slider-desktop .arrows-wrap {
    position: absolute;
    bottom: 30px;
    z-index: 10
}

@media screen and (min-width:992px) and (max-width:1024px) {
    .module_slider-home .slider-desktop .arrows-wrap {
        bottom: 0;
        right: 20px;
        visibility: hidden
    }
}

.module_slider-home .slider-desktop .scroll-down {
    position: absolute;
    bottom: 136px;
    right: 35px;
    color: #fff;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg) translate(100%);
    transform: rotate(-90deg) translate(100%);
    z-index: 10
}

@media screen and (min-width:992px) and (max-width:1439px) {
    .module_slider-home .slider-desktop .scroll-down {
        right: 22px;
        bottom: 80px
    }
}

.module_slider-home .slider-desktop .scroll-down img {
    vertical-align: middle;
    margin-right: 10px
}

.module_slider-home .slider-mobile {
    position: relative;
    display: none
}

@media screen and (min-width:0) and (max-width:991px) {
    .module_slider-home .slider-mobile {
        display: block
    }
}

.module_slider-home .slider-mobile .slider a {
    display: block;
    text-decoration: none
}

    .module_slider-home .slider-mobile .slider a .img {
        height: 85vw;
        background-repeat: no-repeat;
        background-size: cover
    }

    .module_slider-home .slider-mobile .slider a .txt {
        margin-top: -1px;
        height: 100vw;
        max-height: 275px;
        background: #e64d6a;
        padding: 9px 17px 35px
    }

@media screen and (min-width:376px) and (max-width:991px) {
    .module_slider-home .slider-mobile .slider a .txt {
        margin-top: -1px;
        height: 100vw;
        max-height: 175px;
        background: #e64d6a;
        padding: 9px 17px 35px
    }
}

@media screen and (min-width:376px) and (max-width:991px) {
    .module_slider-home .slider-mobile .slider a .txt {
        padding: 9px 20px 15px
    }
}

@media screen and (min-width:0) and (max-width:375px) {
    .module_slider-home .slider-mobile .slider a .txt {
        padding: 9px 20px 15px;
        max-height: 175px
    }
}

.module_slider-home .slider-mobile .slider a .txt .line {
    margin-top: 0
}

.module_slider-home .slider-mobile .slider a .txt .title--title5 {
    margin-bottom: 15px
}

.module_slider-home .slider-mobile .slider .slick-dots {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center
}

    .module_slider-home .slider-mobile .slider .slick-dots li {
        position: relative;
        display: inline-block;
        width: 26px;
        height: 26px;
        margin: 0;
        padding: 10px
    }

        .module_slider-home .slider-mobile .slider .slick-dots li button {
            text-indent: -9999px;
            width: 6px;
            height: 6px;
            background: #ff6f91;
            font-size: 0;
            line-height: 0;
            display: block;
            padding: 0;
            border: 0;
            outline: 0;
            border-radius: 50%
        }

        .module_slider-home .slider-mobile .slider .slick-dots li.slick-active button {
            background: #fff
        }

.title--title5, .title--title6 {
    font-weight: 200;
    font-size: 3.8em;
    letter-spacing: -.01941176em;
    line-height: 1.3em
}

@media screen and (min-width:992px) {
    .title--title5, .title--title6 {
        font-size: 3.5em
    }
}

@media screen and (min-width:0) and (max-width:991px) {
    .title--title5, .title--title6 {
        font-size: 2.2em;
        font-family: Oswald,sans-serif
    }
}

@media screen and (min-width:0) and (max-width:767px) {
    .title--title5, .title--title6 {
        font-size: 1.8em;
        font-family: Oswald,sans-serif;
        text-align: center
    }
}

.after-50 {
    position: relative
}

    .after-50:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 130px;
        height: 4px;
        background-color: #ffc933;
        right: 0;
        margin: auto
    }

.expandHead {
    padding: 10px 20px;
    cursor: pointer
}

    .expandHead h4 {
        color: #ffc933;
        font-size: 30px;
        line-height: 25px;
        font-weight: 700;
        margin-bottom: 20px
    }

    .expandHead h5 {
        color: #000;
        font-size: 21px;
        line-height: 24px;
        max-width: 100%;
        font-weight: 600;
        margin-bottom: 10px
    }

.doMoreExpand {
    color: #000;
    border-top: #ffc933 solid 3px;
    display: inline-block;
    font-size: 1em;
    font-weight: 400;
    line-height: 23px;
    font-family: 'Nunito Sans',sans-serif
}

.expand-container {
    position: relative
}

.expandableDiv {
    height: auto;
    position: absolute;
    left: 0;
    width: 100%
}

.expandWrpr {
    animation-duration: .4s;
    animation-fill-mode: forwards;
    animation-name: wrprOpen;
    animation-timing-function: ease-in-out;
    max-height: 295px !important;
    margin-top: 0;
    overflow: hidden;
    z-index: 1;
    top: -135px
}

.overlay-expand {
    background-color: rgba(0,0,0,.4);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    z-index: -1
}

.img-pos > img {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 60%;
    z-index: -3
}

.expand-container h2 {
    color: #ffc933
}

.expand-container p {
    color: #fff
}

.expand-container h2 {
    font-size: 25px;
    font-weight: 900;
    margin-bottom: 20px;
    font-family: 'Nunito Sans',sans-serif;
    text-align: justify
}

.expand-container p {
    font-size: 16px;
    font-family: 'Nunito Sans',sans-serif;
    text-align: justify
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) {
    .expand-container h2 {
        font-size: 20px
    }

    .expand-container p {
        font-size: 14px;
        line-height: 1.6em
    }

    .expandWrpr {
        top: -340px;
        max-height: 310px !important
    }

    .closeWrpr {
        margin-top: -500px !important
    }
}

.expand-container a {
    margin-top: 0;
    color: #fff;
    font-weight: 300;
    margin-bottom: 0;
    text-decoration: none
}

    .expand-container a:hover {
        color: #fff
    }

    .expand-container a.bdr {
        font-size: 16px;
        margin-top: 15px;
        color: #fff
    }

        .expand-container a.bdr:hover {
            color: #000
        }

        .expand-container a.bdr:before {
            background-color: #fff
        }

#expand-digital {
    background-color: #bee3ff
}

    #expand-digital h2, #expand-digital p {
        color: #061838
    }

    #expand-digital h2 {
        font-size: 30px;
        font-weight: 900
    }

    #expand-digital p {
        font-size: 20px;
        margin-top: 20px
    }

    #expand-digital a {
        font-size: 16px;
        margin-top: 0;
        border: 1px solid #061838;
        color: #061838
    }

        #expand-digital a:hover {
            color: #fff
        }

        #expand-digital a:before {
            background-color: #061838
        }

    #expand-digital .img-pos > img {
        position: absolute;
        right: 0;
        bottom: 0;
        width: auto;
        height: 100%;
        z-index: -3
    }

.expandableDiv {
    display: none
}

@keyframes wrprOpen {
    0% {
        height: 0;
        margin-top: 0;
        padding: 0
    }

    100% {
        height: 400px;
        margin-top: -170px;
        padding: 40px 20px
    }
}

.contractWrpr {
    animation-duration: .4s;
    animation-fill-mode: forwards;
    animation-name: wrprClose;
    animation-timing-function: ease-in-out;
    min-height: 320px;
    margin-top: -170px
}

@keyframes wrprClose {
    0% {
        height: 400px;
        margin-top: -170px;
        padding: 20px
    }

    100% {
        height: 0;
        margin-top: 0;
        padding: 0
    }
}

.closeWrpr {
    position: absolute;
    background-color: #fff;
    background-image: url(/img/explore_expand.svg);
    background-size: contain;
    border-radius: 50%;
    cursor: pointer;
    height: 25px;
    right: 30px;
    margin-top: -295px;
    opacity: 0;
    transform: rotate(45deg);
    width: 25px;
    z-index: 1
}

.closeWrprAnim {
    animation-delay: .4s;
    animation-duration: .2s;
    animation-fill-mode: forwards;
    animation-name: ctaShow
}

@keyframes ctaShow {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.feature-box-08 {
    transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    position: relative
}

    .feature-box-08 .show-details {
        opacity: 0;
        transition: all .5s ease 0s;
        -moz-transition: all .5s ease 0s;
        -ms-transition: all .5s ease 0s;
        -webkit-transition: all .5s ease 0s;
        -o-transition: all .5s ease 0s;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: hidden
    }

        .feature-box-08 .show-details > img {
            width: 100%;
            max-width: none
        }

    .feature-box-08:hover .show-details {
        opacity: 1
    }

    .feature-box-08 .feature-box-detail {
        background: rgba(0,0,0,.8);
        height: 100%;
        left: 0;
        padding: 20px;
        position: absolute;
        top: 0;
        width: 100%
    }

        .feature-box-08 .feature-box-detail .height-100 {
            overflow: auto
        }

        .feature-box-08 .feature-box-detail .list-style-5 li {
            margin-bottom: 8px
        }

.flip-box-content .h5, h5 {
    font-size: 1.3rem
}

.font-2 {
    font-size: 1rem
}

.border-radius-5 {
    border-radius: 5px !important
}

.box-shadow {
    box-shadow: 0 0 1.25rem rgba(31,45,61,.21)
}

.flip-box {
    position: relative;
    overflow: hidden
}

    .flip-box .flip-box-img {
        -moz-transition: ease all .35s;
        -o-transition: ease all .35s;
        -webkit-transition: ease all .35s;
        transition: ease all .35s;
        -moz-transform: rotateY(0);
        -o-transform: rotateY(0);
        -ms-transform: rotateY(0);
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        border-radius: 5px;
        padding: 60px 22px;
        background-image: -webkit-linear-gradient(0deg,#273b94 60%,#4472c4 100%);
        background-image: -ms-linear-gradient(0deg,#273b94 60%,#4472c4 100%);
        box-shadow: 2.5px 4.33px 15px 0 rgba(254,176,0,.4);
        min-height: 280px
    }

@media screen and (max-width:1279px) and (min-width:992px) {
    .flip-box .flip-box-img {
        min-height: 420px
    }
}

.flip-box .flip-box-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -moz-transition: ease all .35s;
    -o-transition: ease all .35s;
    -webkit-transition: ease all .35s;
    transition: ease all .35s;
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.border-color-light-white {
    border: #fff 1px solid
}

.flip-box:hover .flip-box-img {
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    opacity: 0
}

.flip-box:hover .flip-box-content {
    opacity: 1;
    -moz-transform: rotateY(0);
    -o-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -webkit-transform: rotateY(0);
    transform: rotateY(0)
}

.flip-box .flip-box-img h3 {
    font-size: 30px;
    color: #fff;
    font-weight: 700
}

@media screen and (max-width:1279px) and (min-width:992px) {
    .flip-box .flip-box-img h3 {
        font-size: 25px
    }
}

.flip-box .flip-box-img h3:after {
    content: '';
    display: block;
    background: url(../../img/line_2.png) no-repeat;
    max-width: 110px;
    height: 2px;
    margin-top: 13px;
    margin-bottom: 24px
}

.flip-box .flip-box-img:after {
    content: '';
    background: url(../../img/cta_shape.png) no-repeat;
    background-position: bottom;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1
}

.list-type-02 {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 15px;
    font-weight: 600
}

    .list-type-02 li {
        position: relative;
        padding: 3px 0 3px 20px;
        border-bottom: dashed 1px #eee
    }

        .list-type-02 li:after {
            content: "";
            width: 6px;
            height: 12px;
            position: absolute;
            top: 10px;
            left: 2px;
            border-right: 2px solid currentColor;
            border-bottom: 2px solid currentColor;
            -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .list-type-02 li:last-child {
            border-bottom: none
        }

        .list-type-02 li p {
            font-size: 14px;
            font-weight: 400
        }

.effect-section {
    position: relative;
    overflow: hidden
}

.gray-bg {
    background-color: #f2f3fa
}

.gray-color {
    color: #f2f3fa
}

.section {
    padding: 50px 0
}

.mask-65 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 35%
}

svg {
    overflow: hidden;
    vertical-align: middle
}

.svg-color circle, .svg-color path, .svg-color polygon, .svg_img circle, .svg_img path, .svg_img polygon {
    fill: currentColor
}

.svg_icon {
    max-width: 100%;
    height: auto
}

.effect-section .svg-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none
}

.card {
    border: 1px solid #eff2f7
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem
}

    .card .card-footer {
        background-color: #fff;
        border-top: 1px solid #eff2f7;
        padding-left: 2.25rem;
        padding-right: 2.25rem
    }

    .card .card-header {
        background-color: #fff;
        border-bottom: 1px solid #d4d5d6
    }

    .card .list-group-item {
        border: #eff2f7 solid 1px;
        color: #718096
    }

        .card .list-group-item.active {
            background: #fff;
            color: #008aff
        }

    .card .list-group-item-action.active, .card .list-group-item-action:hover {
        background: #fff;
        color: #008aff
    }

.card-frame {
    border-bottom-width: 5px
}

    .card-frame:hover {
        border-color: #008aff
    }

@media (min-width:768px) {
    .card-body {
        padding: 1.75rem
    }
}

.services-single-menu {
    border: 1px solid #ececec
}

    .services-single-menu ul li {
        border-bottom: 1px solid #ececec;
        background: #fff
    }

        .services-single-menu ul li.services-active {
            background: #f9f9f9;
            border-right: 3px solid #2c7ae7
        }

            .services-single-menu ul li.services-active a {
                color: #2c7ae7
            }

        .services-single-menu ul li:last-child {
            border-bottom: none
        }

        .services-single-menu ul li:hover {
            background: #f9f9f9;
            border-right: 3px solid #2c7ae7
        }

            .services-single-menu ul li:hover a {
                color: #2c7ae7
            }

        .services-single-menu ul li a {
            display: block;
            font-size: 15px;
            font-weight: 500;
            padding: 17px 0 17px 15px;
            -webkit-transition-duration: .3s;
            transition-duration: .3s
        }

.callback-box {
    border-radius: 5px;
    padding: 20px 15px 25px 15px;
    position: relative
}

.service-work-process {
    text-align: center;
    background: #fff;
    padding: 20px;
    border-radius: 0;
    position: relative;
    width: 100%;
    box-shadow: 7px 5px 20px rgba(126,126,134,.28);
    min-height: 250px;
    border-right: #f5f5f7 1px solid
}

    .service-work-process:before {
        content: '';
        position: absolute;
        z-index: 1;
        background: url(/img/arrow.png) no-repeat center center;
        width: 217px;
        height: 210px;
        top: -55px;
        right: -120px
    }

    .service-work-process .service-icon {
        background: #273a93;
        display: inline-block;
        width: 80px;
        height: 80px;
        color: #fff;
        position: relative;
        z-index: 1;
        font-size: 28px;
        line-height: 80px;
        border-radius: 50%;
        transition: .4s;
        font-family: Oswald,sans-serif !important
    }

    .service-work-process:hover .service-icon {
        color: #ffc932;
        background-color: #273a93
    }

.services-work.service-work-process:before {
    display: none
}

@media screen and (max-width:991px) {
    .service-work-process:before {
        display: none
    }

    .service-work-process .service-icon {
        width: 75px;
        height: 75px;
        font-size: 30px;
        line-height: 75px
    }
}

.services-single-right blockquote {
    padding: 45px 25px 45px 95px;
    margin: 50px 0 70px;
    border: 2px solid #e9f2fb;
    position: relative;
    font-style: italic
}

    .services-single-right blockquote:before {
        font-family: Font Awesome\ 5 Free;
        content: "\f10d";
        font-size: 40px;
        font-size: 3rem;
        color: #0b5be0;
        font-weight: 700;
        position: absolute;
        left: 30px;
        top: 35px;
        opacity: .5;
        font-style: normal
    }

.font-size20 {
    font-size: 15px;
    line-height: 20px;
    font-family: 'Nunito Sans',sans-serif !important
}

.left-arrow:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255,255,255,0);
    border-right-color: #fff;
    border-width: 12px;
    margin-top: -12px;
    z-index: 9
}

@media screen and (max-width:991px) {
    .services-single-right blockquote {
        padding: 28px 25px 28px 87px;
        margin: 40px 0 50px
    }
}

@media screen and (max-width:767px) {
    .services-single-right blockquote:before {
        font-size: 2.7rem
    }
}

@media screen and (max-width:575px) {
    .services-single-right blockquote {
        margin: 35px 0 35px
    }
}

.resturent-tab-v1 {
    list-style: none;
    padding-left: 0;
    position: relative;
    display: block;
    height: auto;
    margin: 45px auto 60px;
    background: 0 0;
    text-align: center
}

    .resturent-tab-v1 > li > a {
        display: block;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 14px;
        color: #fff !important
    }

        .resturent-tab-v1 > li > a.active, .resturent-tab-v1 > li > a:hover {
            background: #94b800 !important;
            color: #fff;
            border-color: #94b800
        }

    .resturent-tab-v1 li {
        display: inline-block;
        padding: 5px !important;
        height: auto
    }

        .resturent-tab-v1 li a {
            border: 1px solid #656565;
            display: block;
            padding: 12px 30px !important;
            border-radius: 30px;
            line-height: normal !important;
            height: auto !important
        }

    .resturent-tab-v1 .bsm-indicator {
        display: none
    }

.resturent-tab-v2 {
    list-style: none;
    padding-left: 0;
    position: relative;
    display: block;
    height: auto;
    margin: 45px auto 60px;
    background: 0 0;
    text-align: center
}

    .resturent-tab-v2 > li > a {
        display: block;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 14px;
        color: #333 !important
    }

        .resturent-tab-v2 > li > a.active, .resturent-tab-v2 > li > a:hover {
            background: #94b800 !important;
            color: #fff !important;
            border-color: #94b800
        }

    .resturent-tab-v2 li {
        display: inline-block;
        padding: 5px !important;
        height: auto
    }

        .resturent-tab-v2 li a {
            display: block;
            padding: 12px 30px !important;
            border-radius: 30px;
            line-height: normal !important;
            height: auto !important
        }

    .resturent-tab-v2 .bsm-indicator {
        display: none
    }

.restu-menu-item {
    margin-bottom: 30px
}

    .restu-menu-item .menu-thumbnail {
        margin: 0
    }

        .restu-menu-item .menu-thumbnail img {
            width: 100%
        }

    .restu-menu-item .menu-desc {
        padding: 20px
    }

    .restu-menu-item .menu-title {
        font-weight: 400;
        font-size: 16px;
        color: #333
    }

    .restu-menu-item .menu-meta {
        overflow: hidden
    }

    .restu-menu-item .menu-cat {
        font-size: 14px;
        font-weight: 300;
        color: #666;
        position: relative;
        padding-left: 20px;
        margin-right: 20px;
        float: left
    }

        .restu-menu-item .menu-cat:before {
            content: "";
            position: absolute;
            width: 10px;
            height: 10px;
            left: 0;
            top: 4px;
            border-radius: 20px;
            background: #94b800
        }

    .restu-menu-item .menu-offer {
        font-size: 14px;
        font-weight: 300;
        color: #666;
        position: relative;
        padding-left: 20px;
        float: left
    }

        .restu-menu-item .menu-offer:before {
            content: "";
            position: absolute;
            width: 10px;
            height: 10px;
            left: 0;
            top: 4px;
            border-radius: 20px;
            background: #d5082e
        }

    .restu-menu-item .menu-price {
        overflow: hidden;
        margin-bottom: 10px;
    }

        .restu-menu-item .menu-price .price {
            float: left;
            font-size: 24px;
            font-weight: 600;
            
            color: #333
        }

            .restu-menu-item .menu-price .price span {
                font-size: 13px;
                vertical-align: text-top;
                position: relative;
                top: 0;
                font-weight: 400
            }

        .restu-menu-item .menu-price .order-block {
            float: left;
            font-size: 13px;
            color: #969696;
        }

            .restu-menu-item .menu-price .order-block .order-btn {
                font-size: 14px;
                text-transform: uppercase;
                font-weight: 600;
                color: #94b800;
                border: 1px solid;
                padding: 8px 17px;
                display: inline-block;
                border-radius: 30px;
                vertical-align: middle;
                -webkit-transition: all .3s ease-in;
                transition: all .3s ease-in
            }

                .restu-menu-item .menu-price .order-block .order-btn:hover {
                    background: #94b800;
                    border-color: #94b800;
                    color: #fff
                }

            .restu-menu-item .menu-price .order-block .wishlist-btn {
                width: 38px;
                height: 38px;
                border: 1px solid #eee;
                display: inline-block;
                vertical-align: middle;
                line-height: 40px;
                text-align: center;
                font-size: 18px;
                border-radius: 50px;
                color: #333;
                /*display: none;
                opacity: 0;*/
                -webkit-transition: opacity 3s ease-in;
                transition: opacity 3s ease-in
            }

                .restu-menu-item .menu-price .order-block .wishlist-btn:hover {
                    background: #ffc933;
                    border-color: #ffc933;
                    color: #000;
                }

                .restu-menu-item .menu-price .order-block .wishlist-btn.active {
                    background: #94b800;
                    border-color: #94b800;
                    color: #fff
                }

    .restu-menu-item:hover .menu-price .order-block .wishlist-btn {
        display: inline-block;
        opacity: 1
    }

    .restu-menu-item.menu-v2 {
        border-bottom: 1px solid #ebebeb;
        padding-bottom: 30px;
        margin-bottom: 30px;
        position: relative;
        overflow: hidden
    }

@media only screen and (min-width:992px) {
    .restu-menu-item.menu-v2:last-of-type {
        border-bottom: 0 none;
        margin-bottom: 0;
        padding-bottom: 0
    }
}

.restu-menu-item.menu-v2 .menu-title {
    font-size: 20px;
    font-weight: 600
}

.restu-menu-item.menu-v2 .menu-thumbnail {
    width: 119px;
    height: 123px;
    float: left;
    margin-right: 20px;
    overflow: hidden
}

@media only screen and (max-width:767px) {
    .restu-menu-item.menu-v2 .menu-thumbnail {
        width: 75px;
        height: 75px
    }
}

.restu-menu-item.menu-v2 .menu-title:after {
    content: "";
    border-top: 2px dashed #ebebeb;
    width: 55%;
    position: absolute;
    z-index: 0;
    top: 13px;
    margin-left: 10px
}

@media only screen and (max-width:767px) {
    .restu-menu-item.menu-v2 .menu-title:after {
        border: 0 none
    }
}

.restu-menu-item.menu-v2 .menu-desc {
    padding: 0;
    background: 0 0
}

@media only screen and (max-width:767px) {
    .restu-menu-item.menu-v2 .menu-desc {
        width: auto;
        float: none
    }
}

@media only screen and (max-width:767px) {
    .restu-menu-item.menu-v2 .menu-desc .col-6 {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0
    }
}

.restu-menu-item.menu-v2 .left-part {
    margin-bottom: 35px
}

.restu-menu-item.menu-v2 .menu-price {
    margin-top: 0
}

    .restu-menu-item.menu-v2 .menu-price .order-block, .restu-menu-item.menu-v2 .menu-price .price {
        float: none;
        text-align: right
    }

@media only screen and (max-width:767px) {
    .restu-menu-item.menu-v2 .menu-price .order-block, .restu-menu-item.menu-v2 .menu-price .price {
        display: inline-block
    }
}

@media only screen and (max-width:767px) {
    .restu-menu-item.menu-v2 .menu-price .order-block {
        float: right
    }
}

.restu-menu-item.menu-v2 .menu-price .price {
    margin-bottom: 45px;
    font-weight: 600;
    
    top: 10px;
    position: relative
}

@media only screen and (max-width:767px) {
    .restu-menu-item.menu-v2 .menu-price .price {
        top: 0
    }
}

.restu-menu-item.menu-v2 .menu-price .qty-count {
    display: inline-block
}

.restu-menu-item.restu-list {
    overflow: hidden;
    margin-bottom: 30px;
    background: #f5f5f5;
    padding: 20px;
    border-radius:2px;
}

    .restu-menu-item.restu-list .menu-thumbnail {
        float: left;
        margin-right: 20px;
        overflow: hidden
    }

@media only screen and (max-width:767px) {
    .restu-menu-item.restu-list .menu-thumbnail {
        float: none;
        margin-bottom: 30px
    }
}

.restu-menu-item.restu-list .menu-thumbnail img {
    width: 100%
}

.restu-menu-item.restu-list .menu-desc {
    overflow: hidden;
    padding: 0
}

.restu-menu-item.restu-list .menu-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
}

.restu-menu-item.restu-list .rating-content {
    font-size: 12px;
    margin-bottom: 15px
}

    .restu-menu-item.restu-list .rating-content .devide {
        padding: 0 8px
    }

.restu-menu-item.restu-list .price {
    font-size: 11px;
    color: #fff;
    background: #064CDB;
    padding: 4px 8px 2px;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    -ms-border-radius: .25remx;
    border-radius: .25rem;
    margin-right: 20px;
}

.restu-menu-item.restu-list .menu-meta {
    margin-bottom: 15px
}

.restu-menu-item.restu-list .menu-desc-list {
    margin-bottom: 10px
}

.restu-menu-item.restu-list .share-item {
    margin-bottom: 0;
    margin-top: 0;
    font-size: 16px
}

    .restu-menu-item.restu-list .share-item a {
        padding: 10px;
        display: inline-block
    }

.qty-count {
    display: inline-block;
    border-radius: 5px;
    margin-right: 15px;
    vertical-align: middle;
    border: 1px solid #777;
    border-radius: 30px
}

    .qty-count .count-input {
        -webkit-box-sizing: border-box !important;
        box-sizing: border-box !important;
        height: auto !important;
        margin-bottom: 0 !important;
        padding: 8px 6px !important;
        border-bottom: 0 none !important;
        -webkit-box-shadow: 0 0 0 transparent !important;
        box-shadow: 0 0 0 transparent !important;
        width: auto !important;
        text-align: center
    }

.regular-menu {
    margin-bottom: 60px
}

.woo-single-page .menu-single-tab {
    float: left;
    margin-right: 25px
}

@media only screen and (max-width:992px) {
    .woo-single-page .menu-single-tab {
        float: none;
        margin-right: 0
    }
}

.woo-single-page .menu-single-tab .bsm-tabs {
    height: auto;
    width: auto;
    white-space: normal
}

    .woo-single-page .menu-single-tab .bsm-tabs .bsm-tab {
        display: block;
        width: 140px;
        height: 140px;
        margin-bottom: 25px
    }

@media only screen and (max-width:992px) {
    .woo-single-page .menu-single-tab .bsm-tabs .bsm-tab {
        width: 100px;
        height: 100px;
        margin-bottom: 15px
    }
}

.woo-single-page .menu-single-tab .bsm-tabs .bsm-tab:last-of-type {
    margin-bottom: 0
}

@media only screen and (max-width:992px) {
    .woo-single-page .menu-single-tab .bsm-tabs .bsm-tab:last-of-type {
        margin-bottom: 15px
    }
}

.woo-single-page .menu-single-tab .bsm-tabs .bsm-tab a {
    padding: 0
}

.woo-single-page .menu-single-tab .bsm-tabs .bsm-indicator {
    display: none
}

@media only screen and (min-width:992px) {
    .woo-single-page .menu-thumbnail {
        float: none !important;
        margin-right: 0 !important;
        display: table-cell
    }
}

@media only screen and (max-width:992px) {
    .woo-single-page .menu-thumbnail {
        margin-right: 0 !important
    }
}

.woo-single-page .menu-thumbnail img {
    display: none
}

    .woo-single-page .menu-thumbnail img.active {
        display: block
    }

.woo-single-page .menu-share {
    margin-top: 30px
}

.restu-menu-details {
    border-top: 1px solid #ebebeb;
    padding-top: 45px
}

.woo-details-tab .bsm-tabs {
    margin-bottom: 30px
}

.woo-details-tab .bsm-tab {
    margin-right: 30px
}

.woo-details-tab .bsm-tabs .bsm-tab a {
    padding: 0;
    font-size: 18px;
    font-weight: 600;
    color: #333
}

.woo-details-tab .bsm-indicator {
    display: none
}

.wooshop .wooshop-info {
    color: #333;
    font-weight: 500;
    margin-bottom: 15px
}

    .wooshop .wooshop-info .retirve-btn {
        border: 2px solid #ddd;
        padding: 10px 30px;
        border-radius: 30px;
        color: #333;
        font-weight: 600;
        text-transform: uppercase;
        display: inline-block;
        margin-left: 15px
    }

.wooshop input {
    border-top: 1px solid #ddd !important;
    border-right: 1px solid #ddd !important;
    border-left: 1px solid #ddd !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    border-radius: 4px !important;
    height: 43px !important;
    padding: 8px 15px !important
}

.wooshop .checkout_coupon {
    display: inline-block
}

    .wooshop .checkout_coupon input {
        width: auto !important;
        margin-left: 60px;
        border-radius: 30px;
        padding: 10px 20px;
        margin-bottom: 0 !important
    }

.wooshop .bsm-select-wrapper {
    width: 100%
}

    .wooshop .bsm-select-wrapper span.caret {
        right: 20px;
        top: -18px
    }

.wooshop .bsm-textarea {
    border-top: 1px solid #ddd !important;
    border-right: 1px solid #ddd !important;
    border-left: 1px solid #ddd !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    padding: 10px 20px !important;
    border-radius: 15px !important;
    min-height: 130px
}

.wooshop .form-chackout h3 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600
}

.wooshop .form-chackout label {
    font-size: 14px;
    color: #333;
    font-weight: 600
}

.wooshop .form-chackout .pay-description {
    margin-left: 33px;
    display: block;
    line-height: 1.75;
    margin-top: -12px;
    margin-bottom: 30px
}

.wooshop .payment-method-title {
    margin: 30px 0 15px
}

.wooshop .checkout-submit {
    background: 0 0;
    border: 2px solid #ddd;
    padding: 15px 45px;
    border-radius: 30px;
    color: #333;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    margin-left: 0;
    font-size: 16px;
    margin-top: 30px
}

.wooshop #order_review_heading {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 5px
}

.wooshop #order_review .product-name {
    text-align: center
}

    .wooshop #order_review .product-name .product-cat {
        font-size: 14px;
        font-weight: 300;
        color: #666;
        position: relative;
        padding-left: 20px
    }

        .wooshop #order_review .product-name .product-cat:before {
            content: "";
            position: absolute;
            width: 10px;
            height: 10px;
            left: 0;
            top: 4px;
            border-radius: 20px;
            background: #94b800
        }

.wooshop #order_review .shop_table .cart_item {
    border-bottom: 1px solid #ebebeb
}

    .wooshop #order_review .shop_table .cart_item td {
        padding: 26px 5px
    }

.wooshop #order_review .shop_table .cart-subtotal td, .wooshop #order_review .shop_table .cart-subtotal th {
    padding: 5px
}

.wooshop .shop_table.cart .product-title {
    display: block;
    font-size: 16px
}

.wooshop .shop_table.cart .product-name {
    text-align: center
}

    .wooshop .shop_table.cart .product-name .product-cat {
        font-size: 14px;
        font-weight: 300;
        color: #666;
        position: relative;
        padding-left: 20px
    }

        .wooshop .shop_table.cart .product-name .product-cat:before {
            content: "";
            position: absolute;
            width: 10px;
            height: 10px;
            left: 0;
            top: 4px;
            border-radius: 20px;
            background: #94b800
        }

.wooshop .shop_table.cart .product-quantity .quantity {
    width: 45%
}

.wooshop .shop_table.cart .cart_item {
    border-bottom: 1px solid #ebebeb
}

    .wooshop .shop_table.cart .cart_item .product-quantity {
        width: 25%
    }

.wooshop .shop_table.cart th {
    text-transform: uppercase;
    font-size: 16px;
    color: #333
}

.wooshop .shop_table.cart td, .wooshop .shop_table.cart th {
    padding: 25px 5px
}

.wooshop .shop_table.cart #coupon_code {
    width: auto
}

.wooshop .shop_table.cart input[type=submit] {
    padding: 14px 30px !important;
    background: 0 0;
    color: #333;
    display: inline-block;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd
}

.wooshop .shop_table.cart .product-remove {
    font-size: 30px
}

.wooshop .shop_table.cart .cart_item .product-price, .wooshop .shop_table.cart .cart_item .product-subtotal {
    font-size: 16px
}

.wooshop .shop_table.cart .cart_item .cart_item_update {
    border-bottom: 1px solid #ebebeb
}

    .wooshop .shop_table.cart .cart_item .cart_item_update .actions {
        padding-bottom: 6px
    }

.wooshop .cart_totals.calculated_shipping h2 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    border-bottom: 1px solid #ddd;
    padding-bottom: 9px
}

.wooshop .cart_totals.calculated_shipping .checkout-button {
    font-weight: 500;
    background: #333;
    color: #fff;
    padding: 13px 35px;
    text-transform: uppercase;
    border-radius: 30px;
    display: inline-block;
    margin-top: 15px
}

.bestseller-carousel .owl-nav > div {
    position: absolute;
    display: inline-block;
    text-align: center;
    font-size: 60px;
    margin: 0 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #94b800
}

    .bestseller-carousel .owl-nav > div.disabled {
        color: inherit;
        cursor: not-allowed
    }

.bestseller-carousel .owl-nav .owl-next {
    right: -105px
}

@media only screen and (max-width:1368px) {
    .bestseller-carousel .owl-nav .owl-next {
        right: -35px
    }
}

.bestseller-carousel .owl-nav .owl-prev {
    left: -105px
}

@media only screen and (max-width:1368px) {
    .bestseller-carousel .owl-nav .owl-prev {
        left: -35px
    }
}

@media only screen and (max-width:767px) {
    .bestseller-carousel .owl-nav {
        display: none
    }
}

.category-link {
    position: relative;
    display: block;
    margin-bottom: 30px;
    -webkit-transition: -webkit-transform .25s ease-in-out,-webkit-box-shadow .25s ease-in-out;
    transition: -webkit-transform .25s ease-in-out,-webkit-box-shadow .25s ease-in-out;
    transition: transform .25s ease-in-out,box-shadow .25s ease-in-out;
    transition: transform .25s ease-in-out,box-shadow .25s ease-in-out,-webkit-transform .25s ease-in-out,-webkit-box-shadow .25s ease-in-out
}

    .category-link .category-name {
        background: #fff;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 600;
        padding: 15px 30px;
        display: table;
        margin: auto;
        -webkit-box-shadow: 0 0 15px 4px rgba(0,0,0,.15);
        box-shadow: 0 0 15px 4px rgba(0,0,0,.15)
    }

    .category-link .cat-box {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 60px
    }

        .category-link .cat-box.ver-big {
            left: auto;
            right: 75px
        }

            .category-link .cat-box.ver-big .big-title {
                font-family: "Mr Dafoe",cursive;
                font-size: 42px;
                color: #ffa800;
                margin-bottom: 0
            }

            .category-link .cat-box.ver-big .category-name {
                background: 0 0;
                display: block;
                font-size: 36px;
                padding: 0;
                -webkit-box-shadow: 0 0 0 0 transparent;
                box-shadow: 0 0 0 0 transparent;
                margin-bottom: 15px
            }

            .category-link .cat-box.ver-big .cat-button {
                font-size: 16px;
                padding: 10px 20px;
                border-radius: 30px;
                border: 2px solid #ffa800;
                color: #ffa800;
                display: inline-block;
                text-transform: uppercase;
                font-weight: 700
            }

    .category-link:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-box-shadow: 0 0 15px 4px rgba(0,0,0,.15);
        box-shadow: 0 0 15px 4px rgba(0,0,0,.15)
    }

.woo-menu-item .menu-thumbnail {
    position: relative;
    display: block;
    margin-bottom: 15px;
    overflow: hidden
}

.woo-menu-item .menu-title {
    font-size: 16px;
    font-weight: 600
}

.woo-menu-item .hover-content {
    width: 100%;
    height: 100%;
    text-align: center;
    display: block;
    margin: auto;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%);
    -webkit-transition: opacity .25s ease-in-out,-webkit-transform .25s ease-in-out;
    transition: opacity .25s ease-in-out,-webkit-transform .25s ease-in-out;
    transition: transform .25s ease-in-out,opacity .25s ease-in-out;
    transition: transform .25s ease-in-out,opacity .25s ease-in-out,-webkit-transform .25s ease-in-out
}

    .woo-menu-item .hover-content .hover-wrap {
        margin: auto;
        display: table;
        background: #fff;
        padding: 8px 10px;
        font-size: 25px;
        -webkit-box-shadow: 0 0 15px 4px rgba(0,0,0,.15);
        box-shadow: 0 0 15px 4px rgba(0,0,0,.15)
    }

        .woo-menu-item .hover-content .hover-wrap a {
            padding: 5px
        }

.woo-menu-item:hover .hover-content {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.woo-menu-item .badge-new {
    position: absolute;
    background: #01bad4;
    color: #fff;
    padding: 10px 22px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    font-size: 14px;
    font-weight: 500;
    top: 25px
}

.woo-menu-item .badge-discount {
    position: absolute;
    background: #ffa800;
    color: #fff;
    padding: 10px 22px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    font-size: 14px;
    font-weight: 500;
    top: 25px;
    right: 0
}

.woo-menu-item .menu-desc .menu-price .price {
    font-size: 15px;
    font-weight: 500;
    color: #999
}

.woo-menu-item.discount .menu-price .price {
    color: #ffa800
}

    .woo-menu-item.discount .menu-price .price del {
        color: #999
    }

.category-link {
    position: relative;
    display: block;
    margin-bottom: 30px;
    -webkit-transition: -webkit-transform .25s ease-in-out,-webkit-box-shadow .25s ease-in-out;
    transition: -webkit-transform .25s ease-in-out,-webkit-box-shadow .25s ease-in-out;
    transition: transform .25s ease-in-out,box-shadow .25s ease-in-out;
    transition: transform .25s ease-in-out,box-shadow .25s ease-in-out,-webkit-transform .25s ease-in-out,-webkit-box-shadow .25s ease-in-out
}

    .category-link .category-name {
        background: #fff;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 600;
        padding: 15px 30px;
        display: table;
        margin: auto;
        -webkit-box-shadow: 0 0 15px 4px rgba(0,0,0,.15);
        box-shadow: 0 0 15px 4px rgba(0,0,0,.15)
    }

    .category-link .cat-box {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 60px
    }

        .category-link .cat-box.ver-big {
            left: auto;
            right: 75px
        }

@media only screen and (max-width:992px) {
    .category-link .cat-box.ver-big {
        left: auto;
        right: 15px;
        bottom: 26px;
        top: auto
    }
}

.category-link .cat-box.ver-big .big-title {
    font-family: "Mr Dafoe",cursive;
    font-size: 42px;
    color: #ffa800;
    margin-bottom: 0
}

@media only screen and (max-width:992px) {
    .category-link .cat-box.ver-big .big-title {
        font-size: 36px
    }
}

.category-link .cat-box.ver-big .category-name {
    background: 0 0;
    display: block;
    font-size: 36px;
    padding: 0;
    -webkit-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
    margin-bottom: 15px
}

@media only screen and (max-width:992px) {
    .category-link .cat-box.ver-big .category-name {
        font-size: 26px
    }
}

.category-link .cat-box.ver-big .cat-button {
    font-size: 16px;
    padding: 10px 20px;
    border-radius: 30px;
    border: 2px solid #ffa800;
    color: #ffa800;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 700
}

.category-link:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-box-shadow: 0 0 15px 4px rgba(0,0,0,.15);
    box-shadow: 0 0 15px 4px rgba(0,0,0,.15)
}

.woo-menu-item {
    margin-bottom: 30px
}

    .woo-menu-item .menu-thumbnail {
        position: relative;
        display: block;
        margin-bottom: 15px;
        overflow: hidden
    }

    .woo-menu-item .menu-title {
        font-size: 16px;
        font-weight: 600
    }

    .woo-menu-item .hover-content {
        width: 100%;
        height: 100%;
        text-align: center;
        display: block;
        margin: auto;
        overflow: hidden;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        margin: auto;
        opacity: 0;
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%);
        -webkit-transition: opacity .25s ease-in-out,-webkit-transform .25s ease-in-out;
        transition: opacity .25s ease-in-out,-webkit-transform .25s ease-in-out;
        transition: transform .25s ease-in-out,opacity .25s ease-in-out;
        transition: transform .25s ease-in-out,opacity .25s ease-in-out,-webkit-transform .25s ease-in-out
    }

        .woo-menu-item .hover-content .hover-wrap {
            margin: auto;
            display: table;
            background: #fff;
            padding: 8px 10px;
            font-size: 25px;
            -webkit-box-shadow: 0 0 15px 4px rgba(0,0,0,.15);
            box-shadow: 0 0 15px 4px rgba(0,0,0,.15)
        }

            .woo-menu-item .hover-content .hover-wrap a {
                padding: 5px
            }

    .woo-menu-item:hover .hover-content {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .woo-menu-item .badge-new {
        position: absolute;
        background: #01bad4;
        color: #fff;
        padding: 10px 22px;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        font-size: 14px;
        font-weight: 500;
        top: 25px
    }

    .woo-menu-item .badge-discount {
        position: absolute;
        background: #ffa800;
        color: #fff;
        padding: 10px 22px;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        font-size: 14px;
        font-weight: 500;
        top: 25px;
        right: 0
    }

    .woo-menu-item .menu-desc .menu-price .price {
        font-size: 15px;
        font-weight: 500;
        color: #999
    }

    .woo-menu-item.discount .menu-price .price {
        color: #ffa800
    }

        .woo-menu-item.discount .menu-price .price del {
            color: #999
        }

    .woo-menu-item.woo-list {
        overflow: hidden;
        margin-bottom: 60px
    }

        .woo-menu-item.woo-list .menu-thumbnail {
            float: left;
            margin-right: 30px;
            overflow: hidden
        }

@media only screen and (max-width:767px) {
    .woo-menu-item.woo-list .menu-thumbnail {
        float: none;
        margin-bottom: 30px
    }
}

.woo-menu-item.woo-list .menu-thumbnail img {
    width: 100%
}

.woo-menu-item.woo-list .menu-desc {
    overflow: hidden;
    padding: 0
}

.woo-menu-item.woo-list .menu-title {
    font-weight: 500;
    font-size: 24px
}

.woo-menu-item.woo-list .rating-content {
    font-size: 12px;
    margin-bottom: 15px
}

    .woo-menu-item.woo-list .rating-content .devide {
        padding: 0 8px
    }

.woo-menu-item.woo-list .price {
    font-size: 23px !important;
    font-weight: 600;
    color: #999;
    margin-bottom: 15px
}

.woo-menu-item.woo-list .menu-meta {
    margin-bottom: 15px
}

.woo-menu-item.woo-list .menu-desc-list {
    margin-bottom: 50px
}

.woo-menu-item.woo-list .share-item {
    margin-bottom: 0;
    margin-top: 0;
    font-size: 16px
}

    .woo-menu-item.woo-list .share-item a {
        padding: 10px;
        display: inline-block
    }

.woo-menu-item.woo-list .pro-meta {
    margin-top: 30px;
    border-top: 1px solid #ebebeb;
    padding-top: 15px
}

    .woo-menu-item.woo-list .pro-meta li {
        position: relative;
        padding-left: 19px;
        margin-top: 20px;
        font-size: 16px
    }

        .woo-menu-item.woo-list .pro-meta li:before {
            content: "";
            width: 5px;
            height: 5px;
            background: #999;
            position: absolute;
            border-radius: 50%;
            top: 7px;
            left: 0
        }

        .woo-menu-item.woo-list .pro-meta li strong {
            margin-right: 20px
        }

        .woo-menu-item.woo-list .pro-meta li span {
            margin-right: 5px;
            cursor: pointer;
            display: inline-block
        }

        .woo-menu-item.woo-list .pro-meta li img {
            width: auto
        }

.woo-menu-item.woo-list .order-block {
    float: right
}

    .woo-menu-item.woo-list .order-block .order-btn {
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 600;
        color: #ffa800;
        border: 1px solid;
        padding: 8px 17px;
        display: inline-block;
        border-radius: 30px;
        vertical-align: middle;
        -webkit-transition: all .3s ease-in;
        transition: all .3s ease-in
    }

        .woo-menu-item.woo-list .order-block .order-btn:hover {
            background: #ffa800;
            border-color: #ffa800;
            color: #fff
        }

    .woo-menu-item.woo-list .order-block .wishlist-btn {
        width: 38px;
        height: 38px;
        border: 1px solid #eee;
        display: inline-block;
        vertical-align: middle;
        line-height: 40px;
        text-align: center;
        font-size: 18px;
        border-radius: 50px;
        color: #333;
        display: none;
        opacity: 0;
        -webkit-transition: opacity 3s ease-in;
        transition: opacity 3s ease-in
    }

        .woo-menu-item.woo-list .order-block .wishlist-btn:hover {
            background: #ffa800;
            border-color: #ffa800;
            color: #fff
        }

.woo-menu-item.woo-list:hover .menu-price .order-block .wishlist-btn {
    display: inline-block;
    opacity: 1
}

.woo-menu-item.woo-single-products .menu-share {
    margin-top: 30px
}

.woo-single-products.new-arrival-item {
    padding: 0;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent
}

    .woo-single-products.new-arrival-item .menu-thumbnail {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

        .woo-single-products.new-arrival-item .menu-thumbnail .badge-new {
            position: absolute;
            background: #01bad4;
            color: #fff;
            padding: 10px 22px;
            border-top-right-radius: 20px;
            border-bottom-right-radius: 20px;
            font-size: 14px;
            font-weight: 500;
            top: 25px
        }

        .woo-single-products.new-arrival-item .menu-thumbnail .badge-discount {
            position: absolute;
            background: #ffa800;
            color: #fff;
            padding: 10px 22px;
            border-top-left-radius: 20px;
            border-bottom-left-radius: 20px;
            font-size: 14px;
            font-weight: 500;
            top: 25px;
            right: 0
        }

@media only screen and (min-width:1200px) {
    .woo-single-products.new-arrival-item .menu-single-tab {
        margin-left: 0 !important;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.woo-best-seller-slider .owl-nav > div {
    position: absolute;
    display: inline-block;
    text-align: center;
    font-size: 60px;
    margin: 0 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #ffa800
}

    .woo-best-seller-slider .owl-nav > div.disabled {
        color: inherit;
        cursor: not-allowed
    }

.woo-best-seller-slider .owl-nav .owl-next {
    right: -40px
}

.woo-best-seller-slider .owl-nav .owl-prev {
    left: -40px
}

@media only screen and (max-width:767px) {
    .woo-best-seller-slider .owl-nav {
        display: none
    }
}

.woo-best-seller-slider .woo-menu-item {
    margin-bottom: 0
}

.new-arrival-slider .owl-item {
    padding: 40px 10px
}

.new-arrival-slider .owl-nav > div {
    position: absolute;
    display: inline-block;
    text-align: center;
    font-size: 60px;
    margin: 0 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #ffa800
}

    .new-arrival-slider .owl-nav > div.disabled {
        color: inherit;
        cursor: not-allowed
    }

.new-arrival-slider .owl-nav .owl-next {
    right: -40px
}

.new-arrival-slider .owl-nav .owl-prev {
    left: -40px
}

@media only screen and (max-width:767px) {
    .new-arrival-slider .owl-nav {
        display: none
    }
}

.new-arrival-item {
    -webkit-box-shadow: 0 0 15px 4px rgba(0,0,0,.15);
    box-shadow: 0 0 15px 4px rgba(0,0,0,.15);
    padding: 15px
}

@media only screen and (min-width:992px) {
    .new-arrival-item .menu-single-tab {
        float: left;
        margin-left: 20px;
        top: 50%;
        position: relative
    }
}

@media only screen and (min-width:1200px) {
    .new-arrival-item .menu-single-tab {
        float: left;
        margin-left: 35px;
        top: 50%;
        position: relative
    }
}

@media only screen and (max-width:992px) {
    .new-arrival-item .menu-single-tab {
        text-align: center;
        display: table;
        margin: -30px auto auto
    }
}

.new-arrival-item .menu-single-tab .bsm-tabs {
    height: auto;
    width: auto;
    white-space: normal
}

    .new-arrival-item .menu-single-tab .bsm-tabs .bsm-tab {
        display: block;
        width: 100px;
        height: 128px;
        margin-bottom: 25px
    }

@media only screen and (max-width:992px) {
    .new-arrival-item .menu-single-tab .bsm-tabs .bsm-tab {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        padding: 8px
    }
}

@media only screen and (max-width:992px) {
    .new-arrival-item .menu-single-tab .bsm-tabs .bsm-tab {
        width: 65px;
        height: 90px;
        margin-bottom: 0
    }
}

.new-arrival-item .menu-single-tab .bsm-tabs .bsm-tab:last-of-type {
    margin-bottom: 0
}

.new-arrival-item .menu-single-tab .bsm-tabs .bsm-tab a {
    padding: 0
}

.new-arrival-item .menu-single-tab .bsm-tabs .bsm-tab:nth-last-child(2) {
    margin-bottom: 0 !important
}

.new-arrival-item .menu-single-tab .bsm-tabs .bsm-indicator {
    display: none
}

.new-arrival-item img {
    max-width: 100%;
    width: auto
}

.new-arrival-item .menu-thumbnail {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    margin-bottom: 0
}

@media only screen and (max-width:992px) {
    .new-arrival-item .menu-thumbnail {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.new-arrival-item .menu-thumbnail img {
    display: none;
    max-width: 100%;
    width: auto
}

@media only screen and (max-width:992px) {
    .new-arrival-item .menu-thumbnail img {
        margin: auto;
        width: 100%
    }
}

.new-arrival-item .menu-thumbnail img.active {
    display: block
}

.new-arrival-item .new-arrivals-content {
    padding: 45px
}

@media only screen and (max-width:992px) {
    .new-arrival-item .new-arrivals-content {
        padding: 15px
    }
}

.new-arrival-item .woo-pro-title {
    font-size: 32px;
    font-weight: 600
}

.new-arrival-item .pro-price {
    font-size: 30px;
    color: #999;
    font-weight: 600
}

.new-arrival-item .pro-meta {
    margin-top: 30px
}

    .new-arrival-item .pro-meta li {
        position: relative;
        padding-left: 19px;
        margin-top: 20px;
        font-size: 16px
    }

        .new-arrival-item .pro-meta li:before {
            content: "";
            width: 5px;
            height: 5px;
            background: #999;
            position: absolute;
            border-radius: 50%;
            top: 7px;
            left: 0
        }

        .new-arrival-item .pro-meta li strong {
            margin-right: 20px
        }

        .new-arrival-item .pro-meta li span {
            margin-right: 5px;
            cursor: pointer;
            display: inline-block
        }

        .new-arrival-item .pro-meta li img {
            width: auto
        }

.new-arrival-item .order-block {
    margin-top: 30px
}

.new-arrival-item .order-btn {
    font-size: 14px;
    padding: 15px 30px;
    border-radius: 30px;
    border: 2px solid #ffa800;
    color: #ffa800;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 700;
    overflow: hidden
}

@media only screen and (max-width:992px) {
    .new-arrival-item .order-btn {
        font-size: 14px;
        padding: 15px 18px
    }
}

.new-arrival-item .wishlist-btn {
    font-size: 27px;
    padding: 8px;
    border-radius: 50px;
    border: 2px solid #ddd;
    color: #ddd;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 700;
    width: 55px;
    height: 55px;
    text-align: center;
    overflow: hidden;
    line-height: 40px
}

@media only screen and (max-width:992px) {
    .new-arrival-item .wishlist-btn {
        font-size: 24px
    }
}

.new-arrival-item .wishlist-btn:hover {
    background: #ffa800;
    border-color: #ffa800;
    color: #fff
}

.new-arrival-item .wishlist-btn.active {
    background: #ffa800;
    border-color: #ffa800;
    color: #fff
}

.insta-item {
    margin-bottom: 30px;
    display: block;
    position: relative
}

    .insta-item img {
        width: 100%
    }

    .insta-item .hover-content {
        background: rgba(255,255,255,.85);
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        text-align: center;
        opacity: 0;
        -webkit-transition: opacity .35s ease-in-out,-webkit-transform .25s ease-in-out,-webkit-box-shadow .25s ease-in-out;
        transition: opacity .35s ease-in-out,-webkit-transform .25s ease-in-out,-webkit-box-shadow .25s ease-in-out;
        transition: transform .25s ease-in-out,box-shadow .25s ease-in-out,opacity .35s ease-in-out;
        transition: transform .25s ease-in-out,box-shadow .25s ease-in-out,opacity .35s ease-in-out,-webkit-transform .25s ease-in-out,-webkit-box-shadow .25s ease-in-out
    }

        .insta-item .hover-content i {
            position: absolute;
            color: #333;
            font-size: 60px;
            left: 0;
            right: 0;
            top: 50%;
            z-index: 99;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

    .insta-item:hover .hover-content {
        opacity: 1;
        -webkit-box-shadow: 0 0 15px 4px rgba(0,0,0,.15);
        box-shadow: 0 0 15px 4px rgba(0,0,0,.15)
    }

.insta-title-content {
    background: #000;
    text-align: center;
    padding: 48px 15px;
    overflow: hidden
}

    .insta-title-content .section-title {
        color: #fff;
        font-size: 35px
    }

    .insta-title-content .insta_user {
        color: #ffa800;
        font-weight: 500;
        font-size: 18px
    }

.service-offer-item {
    padding: 20px 0;
    border-right: solid 1px #ccc
}

    .service-offer-item .service-icon {
        margin-right: 15px;
        float: left;
        color: #999
    }

    .service-offer-item .service-content {
        display: table-cell
    }

        .service-offer-item .service-content .offer-title {
            font-size: 16px;
            font-weight: 700;
            font-family: 'Nunito Sans',sans-serif !important
        }

        .service-offer-item .service-content p {
            font-size: 14px;
            color: #595757;
            margin-bottom: 0;
            line-height: 20px
        }

.blog-content-block .default-margin-bottom {
    margin-bottom: 60px
}

.post {
    background-color: #fff
}

    .post .article-thumb img {
        display: block;
        margin: auto
    }

    .post .article-header .entry-meta {
        color: #b3b3b3;
        font-size: 13px;
        font-weight: 500;
        overflow: hidden
    }

        .post .article-header .entry-meta a {
            color: inherit
        }

        .post .article-header .entry-meta > div {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex
        }

            .post .article-header .entry-meta > div:after {
                content: "/";
                padding: 0 8px
            }

            .post .article-header .entry-meta > div:last-of-type:after {
                content: "";
                padding-right: 0
            }

    .post .article-header .entry-title {
        font-size: 25px;
        font-weight: 700;
        line-height: 1.6
    }

    .post .article-v2 {
        padding: 0
    }

        .post .article-v2 .entry-title {
            font-size: 20px;
            color: #333;
            font-weight: 600;
            text-align: center
        }

            .post .article-v2 .entry-title :after {
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                width: 50px;
                height: 4px;
                background-color: #ffc933;
                right: 0;
                margin: auto
            }

        .post .article-v2 .article-header {
            margin-bottom: 15px
        }

        .post .article-v2 .article-content-main {
            -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,.08);
            box-shadow: 0 0 10px 1px rgba(0,0,0,.08);
            padding: 15px;
            position: relative;
            background: #fff;
            margin-top: 15px;
            text-align: center;
            border: solid 1px #efebeb
        }

@media only screen and (max-width:1024px) {
    .post .article-v2 .article-content-main {
        padding: 15px;
        margin-bottom: 30px
    }
}

.post .article-v2 .article-content p:last-of-type {
    margin-bottom: 0
}

.post .article-v2 .article-thumb {
    position: relative;
    left: 25px;
    margin-bottom: 0
}

.post .article-v2 .article-footer {
    border-top: 1px solid #ebebeb;
    padding-top: 15px;
    margin-top: 0;
    text-align: center
}

    .post .article-v2 .article-footer .more-link {
        color: #ffa800
    }

    .post .article-v2 .article-footer .footer-meta a {
        color: #aaa;
        font-size: 15px;
        margin-right: 5px
    }

        .post .article-v2 .article-footer .footer-meta a i {
            font-size: 16px;
            margin-left: 2px
        }

.blog-content .post {
    margin-bottom: 30px
}

.grid-of-blog .post, .list-of-blog .post {
    margin-bottom: 30px
}

    .grid-of-blog .post .article-header .entry-title, .list-of-blog .post .article-header .entry-title {
        font-size: 22px;
        font-weight: 600;
        line-height: 1.6
    }

.posts-sorting label {
    font-size: 15px;
    margin-bottom: 0;
    position: relative
}

.posts-sorting .bsm-select-wrapper .select-dropdown {
    margin-bottom: 0;
    height: auto;
    line-height: normal;
    border-bottom: 0 none;
    font-size: 15px;
    font-weight: 600;
    color: #03dedf
}

.posts-sorting .bsm-dropdown-content li > a, .posts-sorting .bsm-dropdown-content li > span {
    font-weight: 400
}

.posts-sorting > .row > .col-6 .col-5 {
    padding-right: 0;
    margin-right: -15px
}

@media only screen and (max-width:767px) {
    .posts-sorting > .row > .col-6 .col-5 {
        margin-right: 0
    }
}

.posts-sorting > .row > .col-6 .col-7 {
    padding-left: 0
}

.posts-sorting.citrus-theme .bsm-select-wrapper .select-dropdown {
    color: #94b800
}

.blog-layout-tab-menu {
    text-align: right;
    overflow: hidden
}

@media only screen and (max-width:1199px) {
    .blog-layout-tab-menu {
        display: block !important
    }
}

@media only screen and (max-width:1199px) {
    .blog-layout-tab-menu .bsm-tab {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }
}

.blog-layout-tab-menu .bsm-tab a {
    padding: 2px;
    color: inherit
}

    .blog-layout-tab-menu .bsm-tab a.active {
        color: #03dedf !important
    }

.blog-layout-tab-menu .bsm-indicator {
    display: none
}

.blog-layout-tab-menu li {
    margin-left: 15px !important
}

    .blog-layout-tab-menu li a {
        display: block
    }

.blog-layout-tab-menu .icon-arrows-squares {
    font-size: 17px
}

.blog-layout-tab-menu .icon-arrows-hamburger1 {
    font-size: 32px;
    position: relative;
    top: 2px
}

.blog-layout-tab-menu.v-2 {
    text-align: left
}

    .blog-layout-tab-menu.v-2 li {
        margin-left: 0 !important;
        margin-right: 15px !important
    }

.blog-layout-tab-menu.citrus-theme .bsm-tab a.active {
    color: #94b800 !important
}

.blog-layout-tab-menu.orange-theme .bsm-tab a.active {
    color: #ffa800 !important
}

.blog-slider {
    margin-top: 45px
}

    .blog-slider .owl-nav > div {
        position: absolute;
        display: inline-block;
        text-align: center;
        font-size: 60px;
        margin: 0 5px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #03dedf
    }

        .blog-slider .owl-nav > div.disabled {
            color: inherit;
            cursor: not-allowed
        }

    .blog-slider .owl-nav .owl-next {
        right: -105px
    }

@media (min-width:1200px) and (max-width:2560px) {
    .blog-slider .owl-nav .owl-next {
        right: -35px
    }
}

.blog-slider .owl-nav .owl-prev {
    left: -105px
}

@media only screen and (max-width:2560px) {
    .blog-slider .owl-nav .owl-prev {
        left: -35px
    }
}

@media only screen and (max-width:767px) {
    .blog-slider .owl-nav {
        display: none
    }
}

.blog-slider.citrus-theme .owl-nav > div {
    color: #94b800
}

    .blog-slider.citrus-theme .owl-nav > div.disabled {
        color: inherit;
        cursor: not-allowed
    }

.single-content {
    padding: 40px;
    border: 1px solid #ebebeb
}

@media only screen and (max-width:520px) {
    .single-content {
        padding: 20px
    }
}

.single-blog {
    margin-top: 35px
}

@media only screen and (max-width:767px) {
    .blog-section-content .blog-sidebar {
        margin-top: 30px
    }
}

.blog-single-page .entry-meta > div:after {
    content: "" !important
}

.blog-single-page .entry-meta > div:before {
    margin-right: 5px
}

.blog-single-page .entry-meta .entry-date:before {
    content: "\f017";
    font-family: FontAwesome;
    font-size: 16px
}

.blog-single-page .entry-meta .entry-cat:before {
    content: "\f07c";
    font-family: FontAwesome;
    font-size: 16px
}

.blog-single-page .entry-meta .entry-tag:before {
    content: "\f292";
    font-family: FontAwesome;
    font-size: 16px
}

.feature-hover-2 {
    position: relative;
    overflow: hidden
}

    .feature-hover-2 .feature-content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 8%
    }

        .feature-hover-2 .feature-content .btn-bar {
            position: relative;
            margin-bottom: -30px;
            opacity: 0;
            -moz-transition: ease all .35s;
            -o-transition: ease all .35s;
            -webkit-transition: ease all .35s;
            transition: ease all .35s
        }

    .feature-hover-2:hover .feature-content .btn-bar {
        opacity: 1;
        margin-bottom: 0
    }

    .feature-hover-2 .info {
        background: #ffffffc7;
        border-radius: 3px;
        padding: 10px
    }

    .feature-hover-2 h5 {
        font-family: 'Nunito Sans',sans-serif !important;
        font-weight: 800;
        font-size: 18px;
        line-height: 22px
    }

    .feature-hover-2 h6 {
        color: #515151;
        font-family: 'Nunito Sans',sans-serif !important;
        margin-bottom: 0
    }

.entry-share span {
    font-weight: 600
}

.entry-share a {
    padding: 5px
}

    .entry-share a i {
        color: #7e7e7e;
        font-size: 15px
    }

        .entry-share a i:hover {
            color: #000
        }

.gallery-columns-4 .gallery-item img {
    border-radius: 5px
}

@media only screen and (max-width:560px) {
    .gallery-columns-4 .gallery-item img {
        width: 100%
    }
}

@media only screen and (max-width:992px) {
    .post-content .single-post .entry-meta {
        margin-bottom: 15px;
        border-bottom: 1px solid #ebebeb
    }
}

@media only screen and (max-width:992px) {
    .post-content .entry-meta > div {
        margin-right: 15px;
        float: none;
        display: inline-block;
        margin-bottom: 15px
    }
}

@media only screen and (max-width:992px) {
    .post-content .entry-meta .meta-title {
        display: none
    }
}

@media only screen and (max-width:992px) {
    .post-content .entry-meta .entry-date:before {
        content: "\f017";
        font-family: FontAwesome;
        font-size: 16px
    }
}

@media only screen and (max-width:992px) {
    .post-content .entry-meta .entry-category:before {
        content: "\f07c";
        font-family: FontAwesome;
        font-size: 16px
    }
}

@media only screen and (max-width:992px) {
    .post-content .entry-meta .entry-tag:before {
        content: "\f292";
        font-family: FontAwesome;
        font-size: 16px
    }
}

.text-content h1 {
    margin-top: 0;
    margin-bottom: 20px
}

    .text-content h1 strong {
        font-weight: 900
    }

.text-content h1, .text-content h2, .text-content h3, .text-content h4, .text-content h5, .text-content h6 {
    margin: 0 0 15px
}

.text-content p {
    font-size: 15px
}

.go-live {
    color: #1d1d1f;
    font-weight: 500
}

.coming-soon-content {
    padding: 245px 0
}

@media only screen and (max-width:1100px) {
    .coming-soon-content {
        padding: 200px 0
    }
}

@media only screen and (max-width:992px) {
    .coming-soon-content {
        padding: 150px 0
    }
}

@media only screen and (max-width:800px) {
    .coming-soon-content {
        padding: 120px 0
    }
}

@media only screen and (max-width:768px) {
    .coming-soon-content {
        padding: 60px 0
    }
}

.commingsoon-count .tab-val {
    background: #0d1422;
    color: #fff;
    width: 75px;
    height: 75px;
    border-radius: 100%;
    font-size: 20px;
    font-weight: 600;
    line-height: 75px
}

.commingsoon-count .tab-unit {
    margin-top: 15px;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 18px;
    color: #1d1d1f
}

.commingsoon-count .timer-body-block {
    display: table;
    margin: 30px auto auto
}

    .commingsoon-count .timer-body-block .table-cell {
        display: table-cell;
        padding: 0 20px
    }

@media only screen and (max-width:490px) {
    .commingsoon-count .timer-body-block .table-cell {
        display: block;
        margin-bottom: 15px
    }
}

.contact-details .item {
    text-align: center
}

.contact-details .icon-area {
    display: table;
    margin: auto;
    background: #000;
    color: #f9f9f9;
    width: 60px;
    height: 60px;
    font-size: 18px;
    border-radius: 50px;
    line-height: 60px
}

.contact-details .icon-desc {
    margin-bottom: 60px
}

    .contact-details .icon-desc .desc-title {
        font-size: 18px;
        font-weight: 800;
        letter-spacing: .010em
    }

    .contact-details .icon-desc .contact-info {
        font-weight: 600
    }

.contact-form-area label {
    font-weight: 600;
    font-size: 14px;
    color: #1d1d1f
}

.contact-form-area .contact-form input, .contact-form-area .contact-form textarea {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    background: #f8f8f8
}

.contact-form-area .contact-form textarea {
    min-height: 10rem
}

.contact-form-area .contact-form .btn-contact {
    display: table;
    border: 2px solid #ebebeb;
    padding: 14px 45px;
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: 600;
    background: 0 0;
    font-size: 14px;
    color: #1d1d1f;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

    .contact-form-area .contact-form .btn-contact:hover {
        border-color: #03dedf;
        color: #03dedf
    }

.contact-form-area .contact-form.no-bg input, .contact-form-area .contact-form.no-bg textarea {
    background: 0 0
}

.contact-form-area .contact-form.round input {
    border-radius: 30px
}

.contact-form-area .contact-form.round textarea {
    border-radius: 15px
}

.contact-form-area .contact-form.round input, .contact-form-area .contact-form.round textarea {
    padding: 12px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px
}

@media only screen and (max-width:992px) {
    .contact-details-content {
        margin-top: 30px
    }
}

.contact-details-content .contact-list {
    border-bottom: 1px dashed #ebebeb;
    margin-bottom: 10px;
    padding-bottom: 10px
}

    .contact-details-content .contact-list .title {
        font-size: 13px;
        font-weight: 800;
        text-transform: uppercase;
        color: #273a93;
        font-family: 'Nunito Sans',sans-serif !important
    }

        .contact-details-content .contact-list .title .fa {
            margin-right: 5px;
            color: #273a93
        }

    .contact-details-content .contact-list p {
        margin-bottom: 0;
        font-size: 14px
    }

    .contact-details-content .contact-list a {
        color: #03dedf;
        text-decoration: underline
    }

    .contact-details-content .contact-list:last-child {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: 0
    }

.contact-details-content.v-2 {
    padding: 75px
}

@media only screen and (max-width:992px) {
    .contact-details-content.v-2 {
        padding: 30px
    }
}

.contact-details-content.v-2 .contact-list {
    border-bottom: 0 none;
    padding-bottom: 0
}

    .contact-details-content.v-2 .contact-list p i {
        margin-right: 15px
    }

.contact-form .input-error, .contact-form .input-success {
    float: left;
    width: 100%;
    clear: both;
    margin-top: 15px;
    margin-bottom: 0;
    padding: 5px 15px;
    display: none
}

.map-left-content iframe {
    margin: 0;
    padding: 0;
    margin-bottom: -5px;
    width: 100%
}

.error-page {
    padding: 0 0
}

@media only screen and (max-width:1100px) {
    .error-page {
        padding: 200px 0
    }
}

@media only screen and (max-width:992px) {
    .error-page {
        padding: 150px 0
    }
}

@media only screen and (max-width:800px) {
    .error-page {
        padding: 120px 0
    }
}

@media only screen and (max-width:768px) {
    .error-page {
        padding: 60px 0
    }
}

.error-title {
    font-size: 2.3rem;
    font-weight: 700;
    margin-top: 0;
    padding-bottom: 20px;
    margin-bottom: 25px;
    position: relative;
    color: #fec631;
    text-align: left
}

    .error-title:after {
        content: "";
        background: #fff;
        height: 3px;
        width: 50px;
        position: absolute;
        right: 490px;
        margin: auto;
        bottom: 0;
        text-align: left
    }

.error-title1 {
    text-align: left;
    font-size: 50px;
    font-weight: 700;
    margin-top: 0;
    padding-bottom: 20px;
    margin-bottom: 25px;
    position: relative;
    color: #fec631
}

    .error-title1:after {
        content: "";
        background: #fff;
        height: 3px;
        width: 50px;
        position: absolute;
        right: 164px;
        margin: auto;
        bottom: 0;
        text-align: left
    }

.error-subtitle1 {
    text-align: left;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    color: #fff
}

.go-back-btn {
    display: table;
    margin: 45px auto auto;
    border: 2px solid #1d1d1f;
    padding: 12px 50px;
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .015em;
    background: 0 0;
    font-size: 14px;
    color: #1d1d1f
}

.error-subtitle {
    font-size: 16px;
    font-weight: 600;
    color: #fec631;
    text-align: left;
    line-height: 1.4rem;
    width: 49%
}

.error-desc {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 0
}

.error-block {
    border-bottom: 1px solid #101010
}

.sticky {
    display: block
}

.hentry {
    margin: 0 0 75px
}

.entry-content, .entry-summary, .page-content {
    margin: 1.4em 0
}

.page-links {
    clear: both;
    margin: 0 0 2.1em
}

.page-header {
    margin: 0;
    padding: 30px 0;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center center
}

@media (max-width:767px) {
    .page-header {
        margin: 0;
        padding: 0;
        text-align: center;
        background-repeat: no-repeat;
        background-position: center center;
        background: #253a93
    }
}

.page-header .page-title {
    color: #ffc933;
    font-weight: 300;
    font-size: 45px;
    margin-bottom: 0;
    line-height: 1.12em;
    margin-top: 0
}

    .page-header .page-title + .page-description {
        font-weight: 500;
        letter-spacing: .015em;
        margin-bottom: 0
    }

.header-title {
    text-align: center;
    margin-bottom: 30px
}

.page-header {
    margin: 0
}

.process-item {
    margin-top: 30px
}

    .process-item .process-serial {
        font-weight: 700;
        font-size: 60px;
        margin-bottom: -22px
    }

    .process-item .process-box {
        background: #0d1422;
        padding: 40px 20px
    }

        .process-item .process-box .process-title {
            color: #fff;
            font-size: 16px;
            text-transform: uppercase;
            font-weight: 500;
            position: relative;
            padding-bottom: 15px;
            margin-bottom: 15px
        }

            .process-item .process-box .process-title:after {
                content: "";
                width: 20px;
                height: 3px;
                position: absolute;
                left: 0;
                bottom: 0;
                background: #3e4757
            }

        .process-item .process-box p {
            font-size: 14px;
            margin-bottom: 0;
            color: rgba(255,255,255,.45)
        }

.price-box {
    background: #283b92;
    color: #fff;
    padding: 10px;
    margin-bottom: 30px;
    text-align: center;
    min-height: 180px
}

    .price-box p {
        margin-bottom: 0;
        font-size: 15px
    }

        .price-box p .title {
            font-weight: 600
        }

        .price-box p .price {
            color: #ffc933
        }

.project-form .project-input:not([type=file]), .project-form textarea {
    border-bottom: 1px solid #ebebeb !important;
    border-top: 1px solid #ebebeb !important;
    border-left: 1px solid #ebebeb !important;
    border-right: 1px solid #ebebeb !important;
    padding: 5px 15px !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    font-size: 15px !important
}

.project-form textarea {
    height: 12rem
}

.project-form .condition-serial {
    background: #f9f9f9
}

.project-form input[type=file] {
    display: none
}

.project-form .custom-file-upload {
    background: #ebebeb;
    display: block;
    padding: 20px 15px;
    cursor: pointer;
    text-align: center;
    color: #1d1d1f;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-top: 15px
}

.project-form .condition-list {
    display: table;
    width: 100%;
    margin-bottom: 25px;
    font-size: 15px
}

    .project-form .condition-list .condition-serial {
        background: #ebebeb;
        width: 45px;
        height: 45px;
        line-height: 45px;
        display: inline-block;
        text-align: center;
        border-radius: 100%;
        font-weight: 700;
        color: #1d1d1f;
        margin-right: 15px
    }

    .project-form .condition-list p {
        display: table-cell;
        vertical-align: top
    }

.project-form .project-submit {
    margin-top: 30px;
    border: 0 none;
    background: #0d1422;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 15px 90px
}

    .project-form .project-submit:hover {
        background: #03dedf;
        color: #fff
    }

.project-form p {
    text-align: justify
}

.format-aside .entry-content {
    margin-bottom: 0
}

.format-aside {
    border: 1px solid #f0f0f0
}

    .format-aside .entry-footer, .format-aside .entry-header .entry-meta, .format-aside .entry-header .entry-title {
        display: none
    }

    .format-aside .post-format {
        border: 1px solid #f0f0f0;
        line-height: 54px;
        margin-top: -27px
    }

    .format-aside .entry-content {
        padding: 15px 30px 30px
    }

        .format-aside .entry-content p {
            margin-bottom: 20px;
            border-bottom: 1px solid #f0f0f0;
            padding-bottom: 30px
        }

        .format-aside .entry-content .entry-meta {
            text-align: center
        }

.comment-content a {
    word-wrap: break-word
}

.bypostauthor {
    display: block
}

.comment-content a {
    word-wrap: break-word
}

.comment-content {
    font-size: 15px
}

.bypostauthor {
    display: block
}

.cancel-comment-reply-link {
    bottom: -2px;
    display: inline-block;
    left: .6em;
    position: relative
}

.logged-in-as {
    margin-bottom: .7em !important
}

.comments-area {
    overflow: hidden;
    margin-bottom: 30px
}

    .comments-area .children, .comments-area .comment-list {
        list-style: none;
        padding: 0
    }

    .comments-area .comments-title {
        font-size: 23px;
        font-weight: 700;
        margin: 0;
        margin-bottom: 30px
    }

        .comments-area .comments-title span {
            background: #fff;
            z-index: 10;
            position: relative
        }

    .comments-area .comment-list {
        margin-bottom: 45px;
        border-top: none
    }

    .comments-area .comment-body {
        overflow: hidden;
        margin-bottom: 45px
    }

    .comments-area .comment-author {
        float: left;
        margin-right: 20px;
        width: 85px
    }

    .comments-area .date {
        display: block;
        font-size: 13px;
        color: #a0a0a0;
        margin-top: 0
    }

    .comments-area .comment-details {
        display: table-cell;
        vertical-align: top
    }

    .comments-area .comment-metadata {
        margin-bottom: .5em;
        color: #1d1d1f
    }

        .comments-area .comment-metadata .author {
            font-size: 16px
        }

        .comments-area .comment-metadata .comment-edit-link, .comments-area .comment-metadata .says {
            color: #777
        }

    .comments-area .children {
        margin-left: 108px
    }

    .comments-area .comment-navigation {
        margin-bottom: 3.5em
    }

        .comments-area .comment-navigation .nav-links .nav-previous {
            float: left
        }

        .comments-area .comment-navigation .nav-links .nav-next {
            float: right
        }

        .comments-area .comment-navigation .nav-links span {
            font-size: 18px
        }

.comment-respond {
    background-color: #fff;
    overflow: hidden
}

    .comment-respond label {
        font-weight: 500;
        font-size: 14px
    }

    .comment-respond .comment-reply-title {
        margin-top: 0;
        margin-bottom: 15px;
        font-size: 23px;
        font-weight: 700
    }

    .comment-respond p {
        margin-bottom: 1em
    }

    .comment-respond .form-control {
        border-left: 1px solid #ddd !important;
        border-right: 1px solid #ddd !important;
        border-top: 1px solid #ddd !important;
        padding: 0 15px !important;
        -webkit-box-sizing: border-box !important;
        box-sizing: border-box !important;
        font-size: 14px !important
    }

    .comment-respond .bsm-textarea {
        border-left: 1px solid #ddd !important;
        border-right: 1px solid #ddd !important;
        border-top: 1px solid #ddd !important;
        padding: 15px;
        height: 150px;
        font-size: 14px !important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .comment-respond .form-submit {
        margin-bottom: 0;
        padding: 0 15px
    }

    .comment-respond .comment-subscription-form {
        display: none
    }

    .comment-respond .comment-form-rating {
        margin-bottom: 1em
    }

    .comment-respond input {
        font-size: 13px;
        color: #8c8c8c;
        border-bottom: 1px solid #dad2d2;
        width: 100%
    }

    .comment-respond #submit, .comment-respond .submit {
        padding: 13px 45px;
        border-radius: 5px;
        color: #fff;
        font-weight: 500;
        text-transform: capitalize;
        font-size: 14px;
        width: auto;
        background: #03dedf
    }

#review_form .form-submit {
    padding: 0
}

.comment-reply-link {
    padding: 10px 22px;
    font-size: 12px;
    line-height: normal;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    background-color: #232c3b;
    color: #fff;
    border-radius: 5px
}

input[type=checkbox]::-ms-check {
    color: transparent
}

@media only screen and (max-width:767px) {
    .comments-area .comment-author {
        float: none;
        margin-right: 0;
        margin-bottom: 10px;
        width: 60px;
        height: 60px
    }
}

.widget {
    overflow: hidden
}

    .widget select {
        width: 100%;
        border: 1px solid #ebebeb;
        padding: .4em .8em;
        outline: 0
    }

    .widget ol, .widget ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .widget .widget-title-area {
        position: relative
    }

    .widget .widget-title {
        margin-top: 0
    }

    .widget pre {
        padding: .5em
    }

    .widget label {
        margin-bottom: 0
    }

    .widget option {
        padding: .2em 1em
    }

    .widget input[type=email], .widget input[type=password], .widget input[type=search], .widget input[type=text], .widget input[type=url], .widget textarea {
        padding: .5em 1em
    }

        .widget input[type=email]:focus, .widget input[type=password]:focus, .widget input[type=search]:focus, .widget input[type=text]:focus, .widget input[type=url]:focus, .widget textarea:focus {
            -webkit-box-shadow: none !important;
            box-shadow: none !important
        }

.widget {
    margin-bottom: 30px
}

.blog-sidebar .widget {
    overflow: hidden;
    margin-bottom: 45px
}

.blog-sidebar .widget-title {
    position: relative;
    text-transform: uppercase;
    margin-top: 0;
    clear: both;
    font-weight: 700;
    font-size: 17px;
    margin-bottom: 20px
}

@media only screen and (max-width:992px) {
    .widget-title {
        margin-bottom: 0 !important
    }
}

@media only screen and (max-width:992px) {
    .widget-title + div, .widget-title + ol, .widget-title + select, .widget-title + ul {
        margin-top: 30px
    }
}

.widget .expand-margin.widget-title {
    cursor: pointer
}

    .widget .expand-margin.widget-title:after {
        content: "\f067";
        font-family: FontAwesome;
        position: absolute;
        right: 15px;
        width: 23px;
        height: 23px;
        border: 2px solid;
        text-align: center;
        font-size: 13px;
        border-radius: 50px;
        line-height: 22px
    }

.widget .expand-margin.expand.widget-title:after {
    content: "\f068"
}

.hamburger-widget-area {
    margin-top: 25px;
    padding: 0 18px;
    color: rgba(255,255,255,.35)
}

    .hamburger-widget-area .widget-title {
        color: #fff;
        font-size: 20px;
        font-weight: 400
    }

.shop-sidebar .widget {
    margin-bottom: 45px;
    color: #212529
}

.shop-sidebar .widget-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #000;
    border-bottom: 1px solid #d3d2d2;
    padding-bottom: 8px;
}
.shop-sidebar .widget h5:before {
    position: absolute;
    content: '';
    background: #213490;
    width: 95px;
    height: 1px;
    /* bottom: -13px; */
    left: 15px;
    top: 38px;
}

.feed-wrapper .post-content {
    overflow: hidden;
    margin-bottom: 30px;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 15px;
}

    .feed-wrapper .post-content .image-content {
        margin-right: 15px;
        float: left;
        width: 100px
    }

    .feed-wrapper .post-content .post-title a {
        /*font-size: 12px;*/
        font-family: 'Nunito Sans',sans-serif !important;
        line-height:10px;
    }

    .feed-wrapper .post-content .item-meta {
        font-size: 12px;
        font-weight: 500;
        color: #7e7e7e
    }

.feed-wrapper .post-text {
    display: table-cell
}

.newsletter-content {
    margin-top: 30px
}

    .newsletter-content label {
        font-size: 16px;
        font-weight: 400;
        color: #a5a5a5;
        margin-bottom: 15px;
        display: block
    }

    .newsletter-content .bsm-input-field label {
        font-size: 14px
    }

    .newsletter-content .form-controller {
        background-color: #393939 !important
    }

    .newsletter-content input {
        border: none;
        border-radius: 5px 0 0 5px;
        padding: 8px 0 8px 8px !important;
        height: 30px !important
    }

    .newsletter-content .input-group-btn {
        padding: 0 !important
    }

        .newsletter-content .input-group-btn .btn-group {
            margin: 0 !important
        }

        .newsletter-content .input-group-btn .bsm-btn-primary {
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 0;
            padding: 0 20px
        }

.useful-link-content li {
    position: relative
}

    .useful-link-content li a {
        font-weight: 800;
        color: #cbcaca;
        padding-left: 35px;
        margin-bottom: 15px;
        display: block;
        letter-spacing: .015em
    }

    .useful-link-content li:before {
        position: absolute;
        left: 0;
        top: 10px;
        width: 20px;
        height: 3px;
        content: "";
        background-color: #f8c000
    }

.add-content img {
    display: block;
    margin: auto
}

.widget_archive ul li, .widget_categories ul li, .widget_layered_nav ul li {
    font-size: 14px;
    text-transform: capitalize;
    display: block;
    line-height: 1em;
    font-weight: 500;
    padding-top: 25px !important;
    margin-top: 15px !important;
    border-top: 1px solid #e1e1e1;
    border-bottom: 0 none !important;
    -webkit-transition: all .25s ease-in 0s;
    transition: all .25s ease-in 0s;
    position: relative
}

@media only screen and (max-width:767px) {
    .widget_archive ul li, .widget_categories ul li, .widget_layered_nav ul li {
        padding-top: 20px !important
    }
}

.widget_archive ul li ul, .widget_categories ul li ul, .widget_layered_nav ul li ul {
    padding-left: 15px
}

.widget_archive ul li .count, .widget_categories ul li .count, .widget_layered_nav ul li .count {
    position: absolute;
    right: 0
}

.widget_archive > ul > li:first-child, .widget_categories > ul > li:first-child, .widget_layered_nav > ul > li:first-child {
    border: 0 none;
    padding-top: 0 !important;
    margin-top: 0 !important
}

.widget_archive .bsm-select-wrapper li, .widget_categories .bsm-select-wrapper li, .widget_layered_nav .bsm-select-wrapper li {
    padding-top: 0 !important;
    margin-top: 0 !important
}

.shop-sidebar .widget_archive ul li, .shop-sidebar .widget_categories ul li, .shop-sidebar .widget_layered_nav ul li {
    font-size: 14px;
    text-transform: capitalize;
    display: block;
    line-height: 1em;
    font-weight: 400;
    padding-top: 0 !important;
    margin-top: 20px !important;
    border-top: 0 none;
    border-bottom: 0 none !important;
    -webkit-transition: all .25s ease-in 0s;
    transition: all .25s ease-in 0s;
    position: relative
}

@media only screen and (max-width:767px) {
    .shop-sidebar .widget_archive ul li, .shop-sidebar .widget_categories ul li, .shop-sidebar .widget_layered_nav ul li {
        padding-top: 20px !important
    }
}

/*.shop-sidebar .widget_archive ul li:before, .shop-sidebar .widget_categories ul li:before, .shop-sidebar .widget_layered_nav ul li:before {
    content: "-";
    margin-right: 5px
}*/

.shop-sidebar .widget_archive ul li ul, .shop-sidebar .widget_categories ul li ul, .shop-sidebar .widget_layered_nav ul li ul {
    padding-left: 15px
}

.shop-sidebar .widget_archive ul li .count, .shop-sidebar .widget_categories ul li .count, .shop-sidebar .widget_layered_nav ul li .count {
    position: absolute;
    right: 0
}

.shop-sidebar .widget_archive > ul > li:first-child, .shop-sidebar .widget_categories > ul > li:first-child, .shop-sidebar .widget_layered_nav > ul > li:first-child {
    border: 0 none;
    padding-top: 0 !important;
    margin-top: 0 !important
}

.shop-sidebar .widget_archive .bsm-select-wrapper li, .shop-sidebar .widget_categories .bsm-select-wrapper li, .shop-sidebar .widget_layered_nav .bsm-select-wrapper li {
    padding-top: 0 !important;
    margin-top: 0 !important
}

.shop-sidebar .tagcloud a:after {
    content: ","
}

.shop-sidebar .tagcloud a:last-of-type::after {
    content: ""
}

.site-footer {
    color: #8b8b8b
}

    .site-footer a:hover {
        color: #03dedf
    }

    .site-footer .footer-top {
        border-bottom: 1px solid rgba(221,221,221,.1)
    }

@media only screen and (max-width:992px) {
    .site-footer .footer-top [class*=col-] {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.site-footer .footer-middle {
    color: rgba(255,255,255,.4) !important
}

@media only screen and (max-width:992px) {
    .site-footer .footer-middle [class*=col-] {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.site-footer .footer-middle.bg-snow {
    color: #666 !important
}

    .site-footer .footer-middle.bg-snow .widget-title {
        color: inherit;
        font-weight: 600
    }

    .site-footer .footer-middle.bg-snow .social-link li a {
        border-color: rgba(221,221,221,.75)
    }

.site-footer .footer-bottom {
    border-top: 1px solid rgba(221,221,221,.1);
    padding: 10px 0
}

    .site-footer .footer-bottom .copyright-text {
        margin-bottom: 0;
        font-size: 14px
    }

@media only screen and (max-width:767px) {
    .site-footer .footer-bottom .copyright-text {
        text-align: center
    }
}

.site-footer .footer-bottom .copyright-text a {
    color: #fff
}

    .site-footer .footer-bottom .copyright-text a:hover {
        text-decoration: underline
    }

.site-footer .footer-bottom .footer-menu {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    margin-right: -10px
}

@media only screen and (max-width:767px) {
    .site-footer .footer-bottom .footer-menu {
        text-align: center;
        margin-right: 0;
        margin-top: 15px
    }
}

.site-footer .footer-bottom .footer-menu li {
    float: left
}

@media only screen and (max-width:767px) {
    .site-footer .footer-bottom .footer-menu li {
        float: none;
        display: inline-block
    }
}

.site-footer .footer-bottom .footer-menu li a {
    padding: 0 10px
}

.site-footer .newsletter-form .form-title {
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 0
}

@media only screen and (max-width:992px) {
    .site-footer .newsletter-form .form-title {
        text-align: center;
        margin-bottom: 15px
    }
}

.site-footer .newsletter-form .form-controller {
    border: 1px solid rgba(221,221,221,.1) !important;
    padding: 5px 29px;
    border-radius: 30px;
    margin-bottom: 0;
    width: 100%;
    height: 56px;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .site-footer .newsletter-form .form-controller:not(.browser-default):focus:not([readonly]), .site-footer .newsletter-form .form-controller:not([type]):focus:not([readonly]) {
        border: 1px solid #03dedf !important;
        -webkit-box-shadow: 0 1px 0 0 transparent !important;
        box-shadow: 0 1px 0 0 transparent !important
    }

.site-footer .newsletter-form .newsletter-btn {
    display: inline-block;
    border: 2px solid #03dedf;
    color: #03dedf;
    padding: 16px 45px;
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .008em;
    width: 100%;
    background: 0 0;
    font-size: 15px
}

@media only screen and (max-width:992px) {
    .site-footer .newsletter-form .newsletter-btn {
        width: auto;
        margin: 20px auto 0;
        display: table
    }
}

.site-footer .newsletter-form .newsletter-btn:hover {
    border-color: #fff;
    color: #fff
}

.site-footer .newsletter-form .newsletter-message {
    margin-top: 15px
}

    .site-footer .newsletter-form .newsletter-message .subscription-success {
        color: #28a745;
        text-align: center
    }

    .site-footer .newsletter-form .newsletter-message .subscription-error {
        color: #dc3545;
        text-align: center
    }

.site-footer .widget {
    margin-top: 50px;
    margin-bottom: 0
}

@media only screen and (max-width:991px) {
    .site-footer .widget {
        margin-top: 30px;
        margin-bottom: 30px
    }
}

.site-footer .widget .widget-title {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    word-spacing: 0.25em;
    margin-bottom: 10px
}

.site-footer .widget .widget-title1 {
    color: #000;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 500;
    word-spacing: 0.25em;
    margin-bottom: 20px
}

    .site-footer .widget .widget-title1:after {
        content: "";
        width: 22px;
        height: 3px;
        background-color: #ffc933;
        left: 42px;
        top: 140px;
        position: absolute
    }

.site-footer .widget .widget-thumb {
    margin-bottom: 30px;
    background-image: url(../../img/footer.png);
    background-repeat: no-repeat;
    height: 422px;
    position: absolute;
    top: -152px;
    z-index: 2;
    width: 100%;
    left: -20px
}

@media only screen and (max-width:1199px) {
    .site-footer .widget .widget-thumb {
        display: none
    }
}

.width-100 {
    width: 100%
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.site-footer .widget ul li a:not(:hover) {
    color: rgba(255,255,255,.6)
}

.site-footer .widget ul li a:hover {
    color: #fff
}

.site-footer .widget ul li a:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    left: auto;
    width: 0;
    height: 1px;
    -moz-transition: ease all .35s;
    -o-transition: ease all .35s;
    -webkit-transition: ease all .35s;
    transition: ease all .35s;
    background: currentColor
}

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

    .site-footer .widget ul li .fa {
        margin-right: 10px
    }

.social-link li {
    display: inline-block
}

    .social-link li a {
        display: block;
        width: 35px;
        height: 35px;
        line-height: 33px;
        border: 2px solid rgba(221,221,221,.1);
        text-align: center;
        border-radius: 50px;
        margin-right: 6px;
        -webkit-transition: all .35s ease-in;
        transition: all .35s ease-in
    }

        .social-link li a .fa {
            margin: 0 !important
        }

        .social-link li a:hover {
            border-color: #fff;
            color: #fff
        }

.widget_nav_menu ul li {
    margin-bottom: 15px
}

.footer-social a {
    padding: 20px 15px;
    display: inline-block
}

    .footer-social a:focus, .footer-social a:hover {
        color: #f8c000
    }

.topbutton {
    position: fixed;
    right: 5px;
    bottom: 60px;
    background: #fff;
    display: block;
    height: 35px;
    line-height: 45px;
    text-align: center;
    width: 35px;
    font-size: 25px;
    border-radius: 50%;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-box-shadow: 0 0 10px -3px rgba(0,0,0,.4);
    box-shadow: 0 0 10px -3px rgba(0,0,0,.4);
    z-index: 99;
    opacity: 0;
    color: #1d1d1f
}

@media only screen and (max-width:600px) {
    .topbutton {
        right: 10px
    }
}

.btn-show {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.btn-hide {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px)
}

.full-screen {
    min-height: 88vh
}

@media (max-width:767px) {
    .full-screen {
        min-height: 60vh
    }
}

@media only screen and (device-width:390px) and (device-height:844px) and (-webkit-device-pixel-ratio:3) {
    .full-screen {
        min-height: 47vh
    }
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
    padding-top: 180px
}

blockquote {
    margin: 20px 0;
    padding-left: 1.5rem;
    border-left: 5px solid #ffc933
}

.separated {
    overflow: hidden
}

    .separated > * {
        box-shadow: -1px -1px 0 0 #6c93d7
    }

.separated1 {
    overflow: hidden
}

    .separated1 > * {
        box-shadow: -1px -1px 0 0 #ebebeb
    }

.only-icon-70 {
    width: 70px;
    font-size: 45px;
    line-height: 45px
}

.only-icon-50 {
    width: 50px;
    font-size: 45px;
    line-height: 45px
}

.only-icon-40 {
    width: 40px;
    font-size: 45px;
    line-height: 45px
}

.our-team .team-img {
    position: relative;
    overflow: hidden;
    border-radius: 5px
}

.our-team .team-info {
    background: #fff;
    margin: -20px 15px 0;
    border-radius: 5px;
    position: relative;
    text-align: center;
    padding: 13px;
    font-size: 14px
}

.our-team .social-icon {
    position: absolute;
    right: 10px;
    top: -130px;
    opacity: 0;
    z-index: 1;
    width: 40px
}

.dark-after::after {
    background-color: #152c5b
}

.box-shadow {
    box-shadow: 0 0 1.25rem rgba(31,45,61,.05)
}

.effect-section {
    position: relative;
    overflow: hidden
}

    .effect-section .svg-bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        pointer-events: none
    }

    .effect-section .owl-carousel-effect {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -1
    }

    .effect-section .shap-top-left {
        position: absolute;
        width: 100vh;
        height: 100vh;
        left: -30vh;
        top: -30vh
    }

    .effect-section .shap-bottom-right {
        position: absolute;
        width: 100vh;
        height: 100vh;
        right: -30vh;
        bottom: -30vh
    }

    .effect-section .shap-middle-left {
        position: absolute;
        top: 0;
        left: -25vh;
        bottom: 0;
        margin: auto;
        width: 100vh;
        height: 100vh
    }

    .effect-section .shap-middle-right {
        position: absolute;
        top: 0;
        right: -25vh;
        bottom: 0;
        margin: auto;
        width: 100vh;
        height: 100vh
    }

    .effect-section .shap-middle-left-01 {
        position: absolute;
        top: -25%;
        left: -25%;
        bottom: -25%;
        margin: auto;
        right: 70%
    }

.mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.mask-75 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 25%
}

.mask-65 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 35%
}

.mask-50 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 50%
}

.mask-40 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 40%
}

@media (max-width:767px) {
    .align-items-center {
        -ms-flex-align: center !important;
        align-items: center !important;
        padding-top: 0
    }

    .error-title {
        font-size: 2.5rem;
        font-weight: 700;
        margin-top: 0;
        padding-bottom: 10px;
        position: relative;
        color: #fec631;
        text-align: left
    }

        .error-title:after {
            content: "";
            background: #fff;
            height: 3px;
            width: 50px;
            position: absolute;
            left: 0;
            margin: auto;
            bottom: 0;
            text-align: left
        }

    .error-subtitle {
        font-size: 1rem;
        font-weight: 500;
        color: #fff;
        text-align: left;
        line-height: 1.6rem;
        margin-bottom: 0;
        padding: 5px
    }
}

@media (min-width:768px) {
    .portfolio-content.grid-col-3 .grid-item {
        width: 33.3333%
    }
}

@media (max-width:767px) {
    .portfolio-content.grid-col-3 .grid-item {
        width: 50%
    }
}

@media (max-width:567px) {
    .portfolio-content.grid-col-3 .grid-item {
        width: 100%
    }
}

.portfolio-content.grid-gutter-md {
    margin-left: -4px;
    margin-right: -4px
}

    .portfolio-content.grid-gutter-md .grid-item {
        padding: 8px
    }

.portfolio-content.grid-gutter-lg {
    margin-left: -6px;
    margin-right: -6px
}

    .portfolio-content.grid-gutter-lg .grid-item {
        padding: 12px
    }

.portfolio-content .grid-item {
    float: left
}

.portfolio-filter-01 .filter li {
    cursor: pointer;
    color: #152c5b;
    position: relative;
    padding: 5px 0;
    font-weight: 600;
    margin: 0 15px;
    font-size: 16px;
    line-height: normal
}

@media (max-width:767px) {
    .portfolio-filter-01 .filter li {
        margin: 0 8px;
        font-size: 14px
    }
}

.portfolio-filter-01 .filter li:after {
    content: "";
    width: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 2px;
    background: #008aff;
    position: absolute;
    -moz-transition: ease all .55s;
    -o-transition: ease all .55s;
    -webkit-transition: ease all .55s;
    transition: ease all .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:hover {
    color: #008aff
}

.portfolio-filter-01 .filter li.active {
    color: #008aff
}

    .portfolio-filter-01 .filter li.active:after {
        width: 100%
    }

.portfolio-box-01 {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px
}

    .portfolio-box-01:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: auto;
        right: 0;
        width: 0;
        background: rgba(0,0,0,.8);
        -moz-transition: ease all .35s;
        -o-transition: ease all .35s;
        -webkit-transition: ease all .35s;
        transition: ease all .35s
    }

    .portfolio-box-01 .portfolio-info {
        position: absolute;
        bottom: 0;
        left: -40px;
        right: 0;
        top: 0;
        padding: 20px;
        -moz-transition: ease all .45s;
        -o-transition: ease all .45s;
        -webkit-transition: ease all .45s;
        transition: ease all .45s;
        opacity: 0
    }

        .portfolio-box-01 .portfolio-info h5 {
            margin: 0 0 4px;
            font-size: 22px
        }

            .portfolio-box-01 .portfolio-info h5 a {
                color: #fff
            }

        .portfolio-box-01 .portfolio-info span {
            color: rgba(255,255,255,.8);
            font-size: 14px
        }

        .portfolio-box-01 .portfolio-info .btn-bar {
            padding-top: 16px
        }

    .portfolio-box-01:hover:before {
        width: 100%;
        left: 0;
        right: auto
    }

    .portfolio-box-01:hover .portfolio-info {
        opacity: 1;
        left: 0
    }

.m-link-white {
    font-weight: 600;
    position: relative;
    color: #fff;
    padding: 0;
    border: none;
    background: 0 0
}

    .m-link-white:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: auto;
        right: 0;
        width: 100%;
        height: 2px;
        background: currentColor;
        -moz-transition: ease all .35s;
        -o-transition: ease all .35s;
        -webkit-transition: ease all .35s;
        transition: ease all .35s
    }

    .m-link-white:hover {
        color: #fff
    }

        .m-link-white:hover:after {
            width: 0;
            right: auto;
            left: 0
        }

.list-type-01 {
    margin: 0;
    padding: 0;
    list-style: none
}

    .list-type-01 li {
        position: relative;
        padding: 12px 0 2px 25px;
        text-align: justify
    }

        .list-type-01 li:after {
            content: "";
            width: 6px;
            height: 12px;
            position: absolute;
            top: 15px;
            left: 6px;
            color: #fff;
            border-right: 2px solid currentColor;
            border-bottom: 2px solid currentColor;
            -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .list-type-01 li:before {
            content: "";
            width: 15px;
            height: 15px;
            position: absolute;
            top: 16px;
            left: 0;
            background: #273a93;
            border-radius: 50%
        }

    .list-type-01.white li:after {
        color: #008aff
    }

    .list-type-01.white li:before {
        background: #fff
    }

    .list-type-01 > li > ul > li:after {
        display: none
    }

    .list-type-01 > li > ul > li:before {
        display: none
    }

    .list-type-01 > li > ul > li {
        padding-left: 5px;
        list-style-type: circle
    }

.icon-30 {
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 18px;
}
    .icon-30 i {
        line-height: 30px;
    }
    .icon-30 i.number {
        font-style: normal;
        font-weight:800;
    }

.icon-40 {
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 25px
}

    .icon-40 i {
        line-height: 40px
    }

        .icon-40 i.number {
            font-style: normal
        }

.border-radius-50 {
    border-radius: 50%
}

.border-all-1 {
    border: 1px solid
}

.product-background {
    padding-top: 30px;
    padding-bottom: 10px;
    background: url(../img/product_bg.jpg) no-repeat
}

.product-heading {
    padding: 40px 20px;
    text-align: center;
    font-size: 46px;
    font-weight: 200;
    color: #fff
}

    .product-heading p {
        font-size: 22px;
        font-family: 'Nunito Sans',sans-serif;
        text-align: center;
        margin-top: 25px
    }

.product-research {
    background: #273a93;
    color: #fff;
    font-family: 'Nunito Sans',sans-serif;
    padding: 25px;
    -webkit-box-shadow: -1px -1px 26px 3px rgba(0,0,0,.43);
    -moz-box-shadow: -1px -1px 26px 3px rgba(0,0,0,.43);
    box-shadow: -1px -1px 26px 3px rgba(0,0,0,.43);
    min-height: 410px;
    margin-left: 10px
}

    .product-research h3 {
        font-weight: 900;
        font-size: 27px;
        text-align: center;
        color: #fff
    }

        .product-research h3::after {
            content: "";
            width: 45px;
            height: 4px;
            background: #ffc933;
            left: 0;
            right: 0;
            bottom: -25px;
            position: absolute;
            margin: auto
        }

.research-list {
    font-size: 16px;
    margin-top: 40px
}

    .research-list ul {
        text-align: justify;
        padding-left: 0;
        margin-left: 0
    }

    .research-list li {
        list-style-type: square;
        color: #fff;
        margin-bottom: 15px;
        font-weight: 200;
        line-height: 20px
    }

.list-type-05 {
    margin: 0;
    padding: 0;
    list-style: none
}

    .list-type-05 li {
        position: relative;
        padding: 9px 0;
        color: #777;
        font-size: 14px
    }

        .list-type-05 li span {
            color: #212529;
            font-size: 16px
        }

        .list-type-05 li + li {
            border-top: #ebebeb dashed 1px
        }

.CSR_img {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
}

.form-control {
    display: block;
    width: 100%;
    height: auto;
    padding: .5rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dfe2e5;
    border-radius: 3px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control:-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #286efb;
    outline: 0;
    box-shadow: none
}

.form-control:-webkit-input-placeholder {
    color: #d0d4d9;
    opacity: 1
}

.form-control:-moz-placeholder {
    color: #d0d4d9;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #d0d4d9;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #d0d4d9;
    opacity: 1
}

.form-control:placeholder {
    color: #d0d4d9;
    opacity: 1
}

.form-control:disabled, .form-control[readonly] {
    background-color: #f0f1f3;
    opacity: 1
}

select.form-control:focus:-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file, .form-control-range {
    display: block;
    width: 100%
}

md-dialog {
    max-width: 350px !important;
    min-width: 350px !important;
    text-align: center
}

md-dialog-actions {
    display: block !important;
    text-align: center
}

@media (max-width:500px) {
    .skw-page__half--right .skw-page__content {
        transform-origin: 0 76%
    }

    .for_mobile {
        left: auto
    }
}

.general {
    margin-top: 0 !important;
    border-color: #5bc0de !important;
    color: #5bc0de !important;
    text-align: center
}

    .general > .swal2-icon-text {
        color: #5bc0de !important
    }

.swal2-icon.swal2-warning {
    border-color: #facea8;
    color: #f8bb86 !important;
    text-align: center;
    margin-top: 0
}

.swal2-icon-text {
    font-size: 3.75em
}

.swal2-icon {
    position: relative;
    justify-content: center;
    width: 5em;
    height: 5em;
    margin: 1.25em auto 1.875em;
    border: .25em solid transparent;
    border-radius: 50%;
    line-height: 5em;
    cursor: default;
    box-sizing: content-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    zoom: normal;
    text-align: center;
    margin-bottom: 15px;
    margin-top: -10px
}

.ribbon:before {
    content: "";
    background: linear-gradient(to right,#d6a00a,#ffc933);
    position: absolute;
    height: 27px;
    width: 100px;
    top: -11px;
    left: 0
}

.ribbon::after {
    content: "";
    background: linear-gradient(to right,#d6a00a,#ffc933);
    position: absolute;
    height: 27px;
    width: 135px;
    top: 12px;
    z-index: -1;
    left: -17px;
    transform: rotate(-7deg)
}

.ribbon h3 {
    transform: rotate(-6deg);
    font-family: latoregular;
    font-size: 16px !important;
    position: relative;
    top: 7px;
    left: -1px;
    color: #fff;
    margin: 1px
}

.ribbon {
    position: absolute;
    top: 0;
    background: linear-gradient(to right,#d6a00a,#ffc933);
    padding: 8px;
    left: -10px;
    transform: rotate(-32deg)
}

.md-confirm-button {
    background: #273a93 !important;
    color: #fff !important;
    line-height: 30px !important;
    padding: 0 10px !important;
    font-size: 12px !important
}

.box-shadow-hover {
    -webkit-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
    border-color: rgba(0,0,0,.06) !important
}

.blog-grid-1 {
    border: 1px solid #eff2f7;
    border-radius: .25rem;
    text-align: justify;
    font-size: 14px
}

    .blog-grid-1 .blog-img {
        position: relative
    }

        .blog-grid-1 .blog-img .date {
            font-size: 23px;
            line-height: normal;
            font-weight: 600;
            color: #fff;
            background: #ffc933;
            padding: 7px 10px;
            border-radius: 5px;
            display: inline-block;
            position: absolute;
            top: -15px;
            left: 20px;
            border: #fbba05 solid 1px;
            text-align: center;
            -webkit-box-shadow: 0 10px 30px 0 rgba(50,50,50,.16);
            box-shadow: 0 10px 30px 0 rgba(50,50,50,.16)
        }

            .blog-grid-1 .blog-img .date span {
                display: block;
                font-size: 14px
            }

    .blog-grid-1 .blog-info h5 {
        margin-bottom: 10px
    }

        .blog-grid-1 .blog-info h5 a {
            color: #152c5b
        }

            .blog-grid-1 .blog-info h5 a:hover {
                color: #008aff
            }

    .blog-grid-1 .blog-info .btn-bar {
        padding-top: 12px
    }

.blog-listing .blog-grid-1 {
    min-height: calc(100% - 30px);
    margin-bottom: 30px
}

.m-link-theme {
    font-weight: 600;
    position: relative;
    color: #008aff;
    padding: 0;
    border: none;
    background: 0 0
}

    .m-link-theme:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: auto;
        width: 100%;
        height: 2px;
        background: currentColor;
        -moz-transition: ease all .35s;
        -o-transition: ease all .35s;
        -webkit-transition: ease all .35s;
        transition: ease all .35s
    }

    .m-link-theme:hover {
        color: #008aff
    }

        .m-link-theme:hover:after {
            width: 0;
            right: 0;
            left: auto
        }

.widget-author {
    background-color: #ffc933;
    border-radius: 10px;
    padding: 30px;
    -webkit-box-shadow: 0 0 20px 0 rgba(162,162,162,.3);
    box-shadow: 0 0 20px 0 rgba(162,162,162,.3);
    width: calc(100% - 10px);
    height: calc(100% - 10px)
}

    .widget-author a {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        padding: 0 20px;
        transform: translateY(-50%);
        line-height: 1;
        position: absolute;
        top: 50%
    }

.video-btn {
    position: relative;
    width: 80px;
    height: 80px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    -moz-transition: ease all .55s;
    -o-transition: ease all .55s;
    -webkit-transition: ease all .55s;
    transition: ease all .55s;
    z-index: 1;
    border: none
}

    .video-btn:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        border-radius: 50%;
        animation: pulse-border 1.5s ease-out infinite;
        pointer-events: none;
        z-index: -1
    }

    .video-btn.white {
        background: #fff
    }

        .video-btn.white:after {
            background: #fff
        }

        .video-btn.white span {
            color: #008aff
        }

    .video-btn.theme {
        background: #008aff
    }

        .video-btn.theme:after {
            background: #008aff
        }

        .video-btn.theme span {
            color: #fff
        }

    .video-btn span {
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-left: 20px solid currentcolor;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 9px;
        right: 0;
        margin: auto;
        width: 0;
        height: 0
    }

.latest-news {
    position: relative
}

    .latest-news::before {
        position: absolute;
        content: "";
        background-color: rgba(0,0,0,.5);
        width: 100%;
        height: 100%;
        top: 0;
        z-index: 1;
        border-radius: 5px
    }

    .latest-news .read-more {
        width: 48px;
        height: 48px;
        line-height: 48px;
        display: block;
        position: absolute;
        bottom: -25px;
        border-radius: 50%;
        background: #273a93;
        left: 0;
        right: 0;
        margin: 0 auto
    }

        .latest-news .read-more i {
            color: #fff;
            font-size: 25px;
            text-align: center
        }

.inner-border {
    border: 8px solid rgba(255,255,255,.35);
    height: calc(100% - 40px);
    width: calc(100% - 40px);
    left: 20px;
    top: 20px;
    position: absolute
}

.news-block {
    bottom: 10px;
    position: absolute;
    z-index: 2;
    padding: 50px 50px 20px 50px;
    display: inline-block;
    width: 100%;
    left: 0;
    color: #ffc933;
    text-align: center
}

    .news-block h5 {
        font-family: 'Nunito Sans',sans-serif !important;
        font-weight: 300;
        font-size: 28px !important
    }

        .news-block h5 a:hover {
            color: #fff
        }

.events-row {
    display: inline-block;
    width: 100%;
    padding: 20px;
    background: #273a93;
    margin-bottom: 20px;
    position: relative;
    z-index: 2;
    transition: all .4s ease 0s;
    border-radius: 5px
}

    .events-row h6 a {
        color: #fff
    }

    .events-row:hover:before {
        height: 0;
        transition: all .4s ease 0s
    }

    .events-row:before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background: #fff;
        box-shadow: 1px 4px 10px rgba(0,0,0,.2);
        left: 0;
        top: 0;
        z-index: -1;
        transition: all .4s ease 0s
    }

    .events-row:hover.events-row h5 a {
        color: #fff
    }

    .events-row h5 {
        font-family: 'Nunito Sans',sans-serif !important;
        font-weight: 800
    }

    .events-row ul {
        margin-bottom: 0 !important
    }

        .events-row ul li a {
            color: #515151
        }

    .events-row:hover.events-row li a {
        color: #fff
    }

    .events-row li {
        display: inline-block;
        margin-right: 20px
    }

        .events-row li:last-child {
            margin-right: 0
        }

@media screen and (max-width:1199px) {
    .events-row {
        padding: 20px 30px
    }
}

@media screen and (max-width:991px) {
    .events-row {
        padding: 20px
    }
}

@media screen and (max-width:767px) {
    .events-row {
        padding: 15px
    }

        .events-row li {
            margin-right: 15px
        }
}

.border-color-dark-gray {
    border-color: #d9e2ef !important
}

.border-top-1 {
    border-top: 1px solid
}

.article {
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
    padding: 15px;
    margin: 0 0 30px;
    text-align: justify
}

    .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: #008aff;
                border-bottom: 1px solid #008aff
            }

        .article .article-title h2 {
            color: #152c5b;
            font-weight: 600
        }

        .article .article-title .media {
            padding-top: 15px;
            border-bottom: 1px dashed #ddd;
            padding-bottom: 10px
        }

            .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: 600;
                    color: #008aff;
                    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: #152c5b;
        font-weight: 600;
        margin-bottom: 15px
    }

    .article .article-content blockquote {
        padding: 10px 0 10px 10px;
        margin: 0
    }

        .article .article-content blockquote p {
            font-size: 15px;
            font-weight: 500;
            color: #000;
            margin: 0 0 10px
        }

        .article .article-content blockquote .blockquote-footer {
            color: #152c5b;
            font-size: 16px
        }

            .article .article-content blockquote .blockquote-footer cite {
                font-weight: 600
            }

    .article .tag-cloud {
        padding-top: 10px
    }

.article-comment {
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
    padding: 20px
}

    .article-comment h4 {
        color: #152c5b;
        font-weight: 700;
        margin-bottom: 25px;
        font-size: 22px
    }

.mt-lg-n4, .my-lg-n4 {
    margin-top: -1rem !important
}

justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.category-style-03 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .category-style-03 a.category-item {
        padding: 15px;
        border: 2px solid #273a93;
        margin: 0 10px 10px 10px;
        width: 195px
    }

        .category-style-03 a.category-item h5 {
            font-family: 'Nunito Sans',sans-serif !important
        }

        .category-style-03 a.category-item:hover {
            background: #273a93
        }

@media (max-width:575px) {
    .category-style-03 a.category-item {
        width: 200px
    }
}

.category.category-list-style-01 {
    border: 5px solid #064cdb
}

.category-list-style-01:before {
    content: "";
    position: absolute;
    border: 5px solid #060c27;
    right: 15px;
    height: 200px;
    top: 30%
}

.category-list-style-01 ul.category-list {
    margin-bottom: 0;
    padding: 0 0 15px;
    height: 100%;
    border-bottom: 2px solid rgba(255,255,255,.1)
}

    .category-list-style-01 ul.category-list:hover {
        border-bottom-color: rgba(255,255,255,.3)
    }

.category-grid-style-01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-shadow: 5px 5px 24px 0 rgba(2,45,98,.1);
    box-shadow: 5px 5px 24px 0 rgba(2,45,98,.1);
    border-radius: 5px
}

    .category-grid-style-01 .category-item {
        padding: 20px;
        text-align: center;
        width: 25%;
        border-right: 2px solid #273a93;
        border-bottom: 2px solid #273a93;
        position: relative
    }

        .category-grid-style-01 .category-item:nth-child(4n+0) {
            border-right: 1px solid #eee
        }

        .category-grid-style-01 .category-item:before {
            content: "";
            background: #fff;
            display: inline-block;
            position: absolute;
            left: -5%;
            z-index: 1;
            opacity: 0;
            -webkit-transform: scale(.96);
            transform: scale(.96)
        }

        .category-grid-style-01 .category-item:hover:before {
            -webkit-box-shadow: 5px 5px 24px 0 rgba(2,45,98,.1);
            box-shadow: 5px 5px 24px 0 rgba(2,45,98,.1);
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1)
        }

        .category-grid-style-01 .category-item .category-icon {
            color: #000;
            font-size: 44px;
            line-height: 1;
            margin-bottom: 10px;
            position: relative;
            z-index: 2
        }

        .category-grid-style-01 .category-item .category-title {
            color: #fff;
            font-weight: 700;
            margin-bottom: 0;
            position: relative;
            z-index: 2;
            font-size: 19px;
            align-items: center
        }

    .category-grid-style-01 .show-more-cat {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 60px 0 -20px 0;
        width: 100%
    }

        .category-grid-style-01 .show-more-cat a {
            color: #022d62;
            font-size: 12px;
            font-weight: 700
        }

            .category-grid-style-01 .show-more-cat a:hover {
                color: #ef3139
            }

        .category-grid-style-01 .show-more-cat i {
            margin: 5px auto 0 auto
        }

@media (min-width:375px) {
    .category-grid-style-01 .category-item {
        width: 100%
    }

        .category-grid-style-01 .category-item:nth-child(3n+0) {
            border-right: 1px solid #4f82cf
        }

        .category-grid-style-01 .category-item:nth-child(2n+0) {
            border-right: 1px solid #4f82cf
        }

    .category-grid-style-02 ul li {
        width: 100%;
        margin-bottom: 15px
    }
}

@media (min-width:810px) {
    .category-grid-style-01 .category-item {
        width: 25%
    }

        .category-grid-style-01 .category-item:nth-child(3n) {
            border-right: 1px solid #4f82cf
        }
}

.feature-info .feature-info-icon {
    color: #064cdb;
    font-size: 60px;
    line-height: 1;
    margin-bottom: 15px
}

.feature-info-style-08 .feature-info-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 0;
    position: relative
}

    .feature-info-style-08 .feature-info-item:before {
        position: absolute;
        top: 0;
        content: "";
        left: 25px;
        height: 100%;
        width: 2px;
        background: #fff
    }

    .feature-info-style-08 .feature-info-item:last-child {
        padding-bottom: 0
    }

        .feature-info-style-08 .feature-info-item:last-child:before {
            position: relative;
            content: none
        }

    .feature-info-style-08 .feature-info-item:hover .feature-info-number span {
        background: #064cdb;
        color: #fff
    }

        .feature-info-style-08 .feature-info-item:hover .feature-info-number span:after {
            border-left-color: #064cdb
        }

.feature-info-style-08 .feature-info-inner {
    position: relative
}

.feature-info-style-08 .feature-info-number span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #064cdb;
    color: #fff;
    font-size: 13px;
    width: 30px;
    height: 30px;
    margin-right: 18px;
    font-weight: 700;
    border-radius: 50%;
    position: relative;
    background: #273a93;
    margin-bottom: 15px;
    margin-top: 7px
}

    .feature-info-style-08 .feature-info-number span:after {
        left: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(249,249,249,0);
        border-left-color: #273a93;
        border-width: 6px;
        margin-top: -6px;
        margin-left: -1px
    }

.feature-info-style-08 .feature-info-content {
    margin-top: 10px
}

.dark-background .feature-info-style-08 .feature-info-inner:before {
    border-left-color: rgba(249,249,249,.1)
}

.dark-background .feature-info-style-08 .feature-info-content .feature-info-title {
    color: #fff
}

.dark-background .feature-info-style-08 .feature-info-content p {
    color: #fff;
    opacity: .5
}

.feature-info-content p {
    font-size: 13px
}

@media (max-width:991px) {
    .feature-info-style-08 .feature-info-item {
        margin-bottom: 0;
        padding-bottom: 40px
    }
}

@media (max-width:767px) {
    .feature-info-style-08 .feature-info-number span {
        font-size: 16px;
        width: 54px;
        height: 54px;
        margin-right: 15px
    }

    .feature-info-style-08 .feature-info-inner:before {
        left: 28px
    }

    .feature-info-style-08 .feature-info-item {
        padding-bottom: 30px
    }

        .feature-info-style-08 .feature-info-item:before {
            left: 25px
        }

    .feature-info-style-08 .feature-info-content {
        margin-top: 18px
    }
}

.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
    color: #fff !important;
    background-color: #273a93;
    border-color: #273a93
}

.btn-outline-primary {
    color: #273a93 !important;
    background-color: transparent;
    background-image: none;
    border-color: #273a93 !important
}

    .btn-outline-primary:hover {
        color: #fff !important;
        background-color: #273a93 !important;
        border-color: #007bff
    }

.tableFixHead {
    overflow-y: auto;
    height: 600px;
    padding: 0
}

    .tableFixHead thead th {
        position: sticky;
        top: -2px
    }

table {
    border-collapse: collapse;
    width: 100%
}

.outline-badge-primary {
    color: #009688 !important;
    background-color: #e6ffbf;
    border: 1px solid #009688;
    padding: 4px 8px !important;
    font-weight: 400 !important
}

.widget-table-two .table tr .td-content .outline-badge-primary {
    background-color: #c2d5ff
}

.scrollbar {
    overflow-y: scroll
}

.force-overflow {
    min-height: 600px
}

#style-3::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #f5f5f5
}

#style-3::-webkit-scrollbar {
    width: 6px;
    background-color: #f5f5f5
}

#style-3::-webkit-scrollbar-thumb {
    background-color: #898989
}

.avatar-220 {
    width: 220px;
    height: 220px;
    overflow: hidden
}

.gradation-title-wrapper {
    display: flex;
    justify-content: space-between
}

@media only screen and (max-width:767px) {
    .gradation-title-wrapper {
        flex-direction: column
    }
}

.gradation-sub-heading .heading {
    position: relative;
    font-size: 13px;
    line-height: 2em;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: inline-block;
    padding: 35px 80px 35px 42px;
    z-index: 1
}

    .gradation-sub-heading .heading::before {
        background-color: #086ad8;
        content: '';
        position: absolute;
        top: 47px;
        left: 0;
        width: 34px;
        height: 1px
    }

    .gradation-sub-heading .heading mark {
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        transform: translate(0,-50%);
        font-size: 120px;
        line-height: .8;
        font-weight: 900;
        color: #ededed;
        z-index: -1
    }

@media only screen and (max-width:767px) {
    .gradation-sub-heading .heading {
        margin-top: 30px
    }
}

.ht-gradation.style-01 {
    display: flex;
    margin-left: -15px;
    margin-right: -15px
}

    .ht-gradation.style-01 .item {
        flex-grow: 1;
        position: relative;
        padding: 0 15px;
        width: 20%;
        padding: 0 12px
    }

@media only screen and (min-width:768px) and (max-width:991px),only screen and (max-width:767px) {
    .ht-gradation.style-01 .item {
        width: auto !important;
        padding: 0 12px
    }
}

.ht-gradation.style-01 .item .line {
    width: 100%;
    height: 1px;
    background: #ededed;
    position: absolute;
    top: 24px;
    left: 15px
}

.ht-gradation.style-01 .item:last-child .line {
    display: none
}

.ht-gradation.style-01 .item .mask {
    opacity: 0;
    visibility: hidden
}

.ht-gradation.style-01 .item:hover .mask {
    opacity: 1;
    visibility: visible
}

.ht-gradation.style-01 .item:hover .circle {
    color: #fff;
    background: #4472c4
}

@media only screen and (min-width:768px) and (max-width:991px),only screen and (max-width:767px) {
    .ht-gradation.style-01 {
        display: block
    }

        .ht-gradation.style-01 .item {
            display: flex;
            align-items: flex-start;
            width: 100%
        }

            .ht-gradation.style-01 .item .line {
                left: 39px;
                height: 100%;
                width: 1px;
                top: 15px
            }

        .ht-gradation.style-01 .content-wrap {
            padding: 10px
        }
}

.ht-gradation.style-01 .circle-wrap {
    display: inline-block;
    position: relative;
    margin-bottom: 56px
}

.ht-gradation.style-01 .circle {
    position: relative;
    z-index: 1;
    width: 48px;
    height: 48px;
    line-height: 44px;
    text-align: center;
    border: 2px solid #e8e8e8;
    border-radius: 50%;
    font-size: 18px;
    background-color: #fff;
    margin-bottom: 0;
    transition: all .7s cubic-bezier(.645, .045, .355, 1)
}

.ht-gradation.style-01 .wave-pulse {
    width: 1px;
    height: 0;
    margin: 0 auto
}

    .ht-gradation.style-01 .wave-pulse::after, .ht-gradation.style-01 .wave-pulse::before {
        opacity: 0;
        content: '';
        display: block;
        position: absolute;
        width: 100px;
        height: 100px;
        top: 50%;
        left: 50%;
        background: #fff;
        border-radius: 50%;
        border: 1px solid #ababab;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        -webkit-animation: gradationMask 3s linear infinite;
        animation: gradationMask 3s linear infinite
    }

.ht-gradation.style-01 .wave-pulse-2::before {
    animation-delay: 1.2s
}

.ht-gradation.style-01 .wave-pulse-3::before {
    animation-delay: 2.4s
}

.ht-gradation.style-01 .heading {
    font-weight: 600
}

.ht-gradation.style-01 .text {
    margin-top: 17px
}

.ht-gradation.style-01 .gradation-btn {
    font-weight: 500;
    margin-top: 20px;
    font-size: 14px;
    color: #086ad8
}

    .ht-gradation.style-01 .gradation-btn:hover {
        color: #d2a98e
    }

@-webkit-keyframes gradationMask {
    0% {
        -webkit-transform: translate(-50%,-50%) scale(0);
        transform: translate(-50%,-50%) scale(0);
        opacity: 1
    }

    90% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate(-50%,-50%) scale(1);
        transform: translate(-50%,-50%) scale(1);
        opacity: 0;
        border-color: transparent
    }
}

@keyframes gradationMask {
    0% {
        -webkit-transform: translate(-50%,-50%) scale(0);
        transform: translate(-50%,-50%) scale(0);
        opacity: 1
    }

    90% {
        opacity: 1
    }

    100% {
        -webkit-transform: translate(-50%,-50%) scale(1);
        transform: translate(-50%,-50%) scale(1);
        opacity: 0;
        border-color: transparent
    }
}

.heading {
    font-family: 'Nunito Sans',sans-serif !important;
    font-size: 22px;
    font-weight: 700;
    line-height: 25px
}

.text-color-primary {
    color: #273b94
}

.badge {
    display: inline-block;
    font-size: 90%;
    font-weight: 400;
    white-space: nowrap;
    vertical-align: baseline;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

.badge-primary-soft {
    background-color: #273b940f !important;
    color: #4472c4 !important;
    font-weight: 500
}

.badge-rounded-circle {
    height: 1.5rem;
    width: 1.5rem;
    line-height: 1.4rem !important;
    border-radius: 10rem !important;
    text-align: center;
    padding: .1rem
}

.swiper-container {
    width: 100%;
    height: 100%
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-button-next, .swiper-button-prev {
    height: 40px;
    width: 40px;
    line-height: 40px;
    margin: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    outline: 0
}

.slider-custom-text-prev.swiper-button-prev {
    border-right: 1px solid #e4e4e4;
    padding-right: 45px
}

.slider-custom-text-next.swiper-button-next, .slider-custom-text-prev.swiper-button-prev {
    padding: 25px 0 25px 0;
    width: auto;
    height: auto
}

.swiper-button-prev {
    left: 0
}

.black-move .swiper-slide, .black-move .swiper-wrapper {
    cursor: url(../images/icon-move-black.png),move
}

.slider-blog-banner .swiper-slide {
    opacity: .6;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

    .slider-blog-banner .swiper-slide.swiper-slide-active {
        opacity: 1;
        -webkit-transition-duration: .3s;
        -moz-transition-duration: .3s;
        -ms-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s
    }

.slider-blog-banner .swiper-bottom-content {
    opacity: 0;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -ms-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

.slider-blog-banner .swiper-slide-active .swiper-bottom-content {
    opacity: 1;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -ms-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

.slider-blog-banner .swiper-slide .btn-fancy {
    padding: 6px 16px;
    font-size: 12px
}

.slider-custom-image-pagination .swiper-pagination-bullet {
    background-size: cover;
    border: 0;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: .8;
    width: 60px;
    height: 60px;
    margin: 0 12px !important;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

    .slider-custom-image-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        opacity: 1;
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
        -webkit-transition-duration: .3s;
        -moz-transition-duration: .3s;
        -ms-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s
    }

    .slider-custom-image-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .slider-custom-image-pagination .swiper-pagination-bullet:hover {
        transform: scale(1.1,1.1);
        -moz-transform: scale(1.1,1.1);
        -webkit-transform: scale(1.1,1.1);
        -ms-transform: scale(1.1,1.1);
        -webkit-transition-duration: .3s;
        -moz-transition-duration: .3s;
        -ms-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s
    }

.white-move .swiper-slide, .white-move .swiper-wrapper {
    cursor: url(../images/icon-move-light.png),move
}

.black-move .swiper-slide, .black-move .swiper-wrapper {
    cursor: url(../images/icon-move-black.png),move
}

.vertical-white-move .swiper-slide, .vertical-white-move .swiper-wrapper {
    cursor: url(../images/vertical-icon-move-light.png),move
}

.vertical-black-move .swiper-slide, .vertical-black-move .swiper-wrapper {
    cursor: url(../images/vertical-icon-move-black.png),move
}

.swiper-pagination-medium .swiper-pagination-bullet {
    width: 10px;
    height: 10px
}

.swiper-pagination-medium .swiper-pagination-bullet-active {
    width: 16px;
    height: 16px
}

.swiper-pagination-big .swiper-pagination-bullet {
    width: 14px;
    height: 14px
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 6px
}

.slider-custom-image > .swiper-button-next, .slider-custom-image > .swiper-button-prev {
    bottom: 0;
    top: inherit;
    left: inherit
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 10px 0
}

.swiper-pagination-bottom .swiper-wrapper {
    margin-bottom: 65px
}

.swiper-pagination-bottom.small-bottom .swiper-wrapper {
    margin-bottom: 50px
}

.swiper-pagination-bottom > .swiper-pagination-bullets {
    bottom: 0
}

.swiper-pagination-bottom > .swiper-button-next, .swiper-pagination-bottom > .swiper-button-prev {
    bottom: 0;
    top: inherit;
    left: inherit
}

.swiper-light-pagination .swiper-pagination-bullet {
    border: 2px solid #fff;
    opacity: .5
}

    .swiper-light-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #fff;
        opacity: 1
    }

.swiper-pagination-medium.swiper-light-pagination .swiper-pagination-bullet {
    border: 2px solid #fff;
    background-color: #fff;
    opacity: 1
}

    .swiper-pagination-medium.swiper-light-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        border-color: #fff;
        background-color: transparent
    }

.swiper-pagination-dot .swiper-pagination-bullet {
    background: #000;
    border-color: #000;
    opacity: .4
}

.swiper-pagination-dot .swiper-pagination-bullet-active {
    background: #000;
    border-color: #000;
    opacity: 1
}

.swiper-pagination-dot.swiper-light-pagination .swiper-pagination-bullet {
    background: #fff;
    border-color: #fff;
    opacity: .5
}

.swiper-pagination-dot.swiper-light-pagination .swiper-pagination-bullet-active {
    background: #fff;
    border-color: #fff;
    opacity: 1
}

.swiper-pagination-square .swiper-pagination-bullet {
    height: 3px;
    width: 30px;
    border-radius: 0;
    opacity: .3;
    cursor: pointer
}

.swiper-pagination-square .swiper-pagination-bullet-active {
    opacity: 1
}

.swiper-next.swiper-button-disabled, .swiper-prev.swiper-button-disabled {
    opacity: .6
}

.swiper-button-next, .swiper-button-prev {
    height: 40px;
    width: 40px;
    line-height: 40px;
    margin: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    outline: 0
}

    .swiper-button-next.large, .swiper-button-prev.large {
        height: 62px;
        width: 62px;
        line-height: 62px;
        font-size: 18px
    }

    .swiper-button-next:after, .swiper-button-prev:after {
        display: none
    }

    .swiper-button-next:hover, .swiper-button-prev:hover {
        -webkit-transition-duration: .3s;
        -moz-transition-duration: .3s;
        -ms-transition-duration: .3s;
        -o-transition-duration: .3s;
        transition-duration: .3s
    }

.swiper-button-next {
    right: 0
}

.swiper-button-prev {
    left: 0
}

.slider-navigation-style-01.swiper-button-next, .slider-navigation-style-01.swiper-button-prev {
    background-color: rgba(0,0,0,.5);
    color: #fff
}

    .slider-navigation-style-01.swiper-button-next:hover, .slider-navigation-style-01.swiper-button-prev:hover {
        background-color: #fff;
        color: #232323
    }

    .slider-navigation-style-01.swiper-button-next.light, .slider-navigation-style-01.swiper-button-prev.light {
        background-color: #fff;
        color: #232323
    }

        .slider-navigation-style-01.swiper-button-next.light:hover, .slider-navigation-style-01.swiper-button-prev.light:hover {
            background-color: #232323;
            color: #fff
        }

    .slider-navigation-style-01.swiper-button-next.dark, .slider-navigation-style-01.swiper-button-prev.dark {
        background-color: #232323;
        color: #fff
    }

        .slider-navigation-style-01.swiper-button-next.dark:hover, .slider-navigation-style-01.swiper-button-prev.dark:hover {
            background-color: #fff;
            color: #232323
        }

    .slider-navigation-style-01.swiper-button-next.rounded-circle {
        right: 40px
    }

    .slider-navigation-style-01.swiper-button-prev.rounded-circle {
        left: 40px
    }

.slider-navigation-style-02.swiper-button-next {
    right: -90px
}

.slider-navigation-style-02.swiper-button-prev {
    left: -90px
}

.slider-navigation-style-02.swiper-button-next, .slider-navigation-style-02.swiper-button-prev {
    border: 2px solid rgba(0,0,0,.15);
    font-size: 16px;
    color: #232323;
    height: 45px;
    width: 45px;
    line-height: 45px;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

    .slider-navigation-style-02.swiper-button-next:hover, .slider-navigation-style-02.swiper-button-prev:hover {
        background: #232323;
        color: #fff;
        border: 1px solid #fff
    }

    .slider-navigation-style-02.swiper-button-next.light, .slider-navigation-style-02.swiper-button-prev.light {
        border-color: rgba(255,255,255,.3);
        color: #fff;
        font-size: 12px;
        line-height: 42px
    }

        .slider-navigation-style-02.swiper-button-next.light:hover, .slider-navigation-style-02.swiper-button-prev.light:hover {
            background-color: #fff;
            color: #232323
        }

.slider-navigation-style-03.swiper-button-next, .slider-navigation-style-03.swiper-button-prev {
    border: 1px solid #e4e4e4;
    font-size: 16px;
    color: #232323;
    line-height: 40px;
    transform: none;
    top: inherit;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

    .slider-navigation-style-03.swiper-button-next:hover, .slider-navigation-style-03.swiper-button-prev:hover {
        box-shadow: 0 0 20px rgba(0,0,0,.15);
        border-color: #fff;
        background: #fff
    }

    .slider-navigation-style-03.swiper-button-next.light, .slider-navigation-style-03.swiper-button-prev.light {
        border: 2px solid #fff;
        font-size: 16px;
        color: #fff;
        line-height: 38px
    }

        .slider-navigation-style-03.swiper-button-next.light:hover, .slider-navigation-style-03.swiper-button-prev.light:hover {
            background-color: #fff;
            color: #232323
        }

    .slider-navigation-style-03.swiper-button-next.white-transparent, .slider-navigation-style-03.swiper-button-prev.white-transparent {
        box-shadow: 0 0 10px rgba(0,0,0,.15);
        border: 0 solid #fff;
        background-color: rgba(255,255,255,.3);
        color: #828282
    }

        .slider-navigation-style-03.swiper-button-next.white-transparent:hover, .slider-navigation-style-03.swiper-button-prev.white-transparent:hover {
            background-color: #fff;
            color: #232323
        }

.slider-navigation-style-03.swiper-button-next {
    right: inherit;
    left: 65px
}

.slider-navigation-style-03.swiper-button-prev {
    left: 15px
}

.slider-navigation-style-03.swiper-button-next.center-next {
    left: calc(50% + 5px);
    bottom: 15px
}

.slider-navigation-style-03.swiper-button-prev.center-prev {
    left: calc(50% - 45px);
    bottom: 15px
}

.slider-navigation-style-03.swiper-button-next.white, .slider-navigation-style-03.swiper-button-prev.white {
    box-shadow: 0 0 10px rgba(0,0,0,.07);
    border: none;
    background-color: #fff;
    color: #232323
}

    .slider-navigation-style-03.swiper-button-next.white:hover, .slider-navigation-style-03.swiper-button-prev.white:hover {
        background-color: #fff;
        color: #232323;
        box-shadow: 0 0 20px rgba(0,0,0,.15)
    }

.slider-navigation-style-04.swiper-button-prev {
    left: -30%
}

.slider-navigation-style-04.swiper-button-next {
    right: -30%
}

.slider-navigation-style-05.swiper-button-next, .slider-navigation-style-05.swiper-button-prev {
    font-size: 40px;
    color: #fff;
    height: 50px;
    width: 50px;
    line-height: 50px
}

    .slider-navigation-style-05.swiper-button-next:hover, .slider-navigation-style-05.swiper-button-prev:hover {
        opacity: .5
    }

.slider-navigation-style-05.swiper-button-next {
    right: 40px
}

.slider-navigation-style-05.swiper-button-prev {
    left: 40px
}

.slider-navigation-style-06.swiper-button-next, .slider-navigation-style-06.swiper-button-prev {
    font-size: 40px;
    color: #828282;
    line-height: 40px;
    transform: none;
    top: inherit;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    width: auto;
    height: 40px
}

    .slider-navigation-style-06.swiper-button-next:hover, .slider-navigation-style-06.swiper-button-prev:hover {
        color: #232323
    }

.slider-navigation-style-06.swiper-button-next {
    right: inherit;
    left: 80px
}

.slider-navigation-style-06.swiper-button-prev {
    left: 15px
}

.slider-navigation-style-07.swiper-button-next, .slider-navigation-style-07.swiper-button-prev {
    background-color: rgba(23,23,23,.5);
    color: #fff
}

    .slider-navigation-style-07.swiper-button-next:hover, .slider-navigation-style-07.swiper-button-prev:hover {
        background-color: #fff;
        color: #232323
    }

    .slider-navigation-style-07.swiper-button-next.light, .slider-navigation-style-07.swiper-button-prev.light {
        background-color: #fff;
        color: #232323
    }

        .slider-navigation-style-07.swiper-button-next.light:hover, .slider-navigation-style-07.swiper-button-prev.light:hover {
            background-color: #232323;
            color: #fff
        }

    .slider-navigation-style-07.swiper-button-next.light {
        right: -70px
    }

    .slider-navigation-style-07.swiper-button-prev.light {
        left: -70px
    }

.slider-navigation-style-07.swiper-button-next {
    right: 40px
}

.slider-navigation-style-07.swiper-button-prev {
    left: 40px
}

.slider-navigation-style-08.swiper-button-next, .slider-navigation-style-08.swiper-button-prev {
    background-color: rgba(0,0,0,.5);
    color: #fff
}

    .slider-navigation-style-08.swiper-button-next:hover, .slider-navigation-style-08.swiper-button-prev:hover {
        background-color: #fff;
        color: #232323
    }

    .slider-navigation-style-08.swiper-button-next.light, .slider-navigation-style-08.swiper-button-prev.light {
        background-color: #fff;
        color: #232323
    }

        .slider-navigation-style-08.swiper-button-next.light:hover, .slider-navigation-style-08.swiper-button-prev.light:hover {
            background-color: #232323;
            color: #fff
        }

    .slider-navigation-style-08.swiper-button-next.dark, .slider-navigation-style-08.swiper-button-prev.dark {
        background-color: #232323;
        color: #fff
    }

        .slider-navigation-style-08.swiper-button-next.dark:hover, .slider-navigation-style-08.swiper-button-prev.dark:hover {
            background-color: #fff;
            color: #232323
        }

.slider-navigation-style-08.swiper-button-next {
    width: 50px;
    height: 50px;
    right: 15px
}

.slider-navigation-style-08.swiper-button-prev {
    width: 50px;
    height: 50px;
    left: 15px
}

.slider-navigation-style-08.swiper-button-next.rounded-circle {
    right: 40px
}

.slider-navigation-style-08.swiper-button-prev.rounded-circle {
    left: 40px
}

.slider-arrow-rb {
    position: absolute;
    bottom: 0;
    right: 100%;
    z-index: 1
}

    .slider-arrow-rb .swiper-button-next, .slider-arrow-rb .swiper-button-prev {
        transform: none;
        position: static;
        margin-top: 1px
    }

.slider-custom-text-next.swiper-button-next, .slider-custom-text-prev.swiper-button-prev {
    padding: 25px 0 25px 0;
    width: auto;
    height: auto
}

    .slider-custom-text-next.swiper-button-next:hover, .slider-custom-text-prev.swiper-button-prev:hover {
        opacity: .7
    }

.slider-custom-text-next.swiper-button-next {
    border-left: 1px solid #e4e4e4;
    padding-left: 45px
}

.slider-custom-text-prev.swiper-button-prev {
    border-right: 1px solid #e4e4e4;
    padding-right: 45px
}

.slider-review-image-thumbs {
    height: auto
}

    .slider-review-image-thumbs .swiper-slide:not(.swiper-slide-prev):not(.swiper-slide-active):not(.swiper-slide-next) {
        visibility: hidden;
        opacity: 0
    }

    .slider-review-image-thumbs .swiper-slide:not(.swiper-slide-active) img {
        transform: scale(.7);
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -ms-transform: scale(.7)
    }

    .slider-review-image-thumbs img {
        border: 6px solid transparent;
        margin: 0 auto;
        transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out
    }

    .slider-review-image-thumbs .swiper-slide-active img {
        box-shadow: 0 0 20px rgba(0,0,0,.14);
        border: 6px solid #fff
    }

    .slider-review-image-thumbs .swiper-slide {
        cursor: pointer
    }

.testimonial-section2 {
    position: relative;
    padding: 50px 0
}

.testim .wrap {
    position: relative;
    width: 100%;
    max-width: 1020px;
    padding: 40px 20px;
    margin: auto
}

.testim .arrow {
    display: block;
    position: absolute;
    cursor: pointer;
    color: #333045;
    font-size: 13px;
    top: 30%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding: 5px;
    z-index: 22222222;
    font-weight: 800 !important
}

    .testim .arrow:before {
        cursor: pointer
    }

    .testim .arrow:hover {
        color: #333045;
        font-size: 13px
    }

    .testim .arrow.left {
        left: 10px;
        border-right: 1px solid #e4e4e4;
        padding-right: 45px;
        line-height: 40px
    }

    .testim .arrow.right {
        right: 10px;
        border-left: 1px solid #e4e4e4;
        padding-left: 45px;
        line-height: 40px
    }

.testim .dots {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 60px;
    left: 0;
    display: block;
    z-index: 3333;
    height: 12px
}

    .testim .dots .dot {
        list-style-type: none;
        display: inline-block;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        border: 1px solid #fff;
        margin: 0 10px;
        cursor: pointer;
        -webkit-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        position: relative
    }

        .testim .dots .dot.active, .testim .dots .dot:hover {
            background: #fff;
            border-color: #fff
        }

.testim .cont {
    position: relative;
    overflow: hidden;
    padding: 0 2%
}

    .testim .cont > div {
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
        padding: 0 0 70px 0;
        opacity: 0
    }

        .testim .cont > div.inactive {
            opacity: 1
        }

        .testim .cont > div.active {
            position: relative;
            opacity: 1
        }

    .testim .cont div .img img {
        display: block;
        width: 100px;
        height: 100px;
        margin: auto;
        border-radius: 50%
    }

    .testim .cont div .h4 {
        color: #2b288d;
        font-size: 1.2em;
        margin: 15px 0
    }

    .testim .cont div p {
        font-size: 1.25em;
        color: #828282;
        width: 80%;
        margin: auto
    }

    .testim .cont div.active .img img {
        -webkit-animation: testim-show .5s ease-in-out forwards;
        -moz-animation: testim-show .5s ease-in-out forwards;
        -ms-animation: testim-show .5s ease-in-out forwards;
        -o-animation: testim-show .5s ease-in-out forwards;
        animation: testim-show .5s ease-in-out forwards
    }

    .testim .cont div.active .h4 {
        -webkit-animation: testim-content-in .4s ease-in-out forwards;
        -moz-animation: testim-content-in .4s ease-in-out forwards;
        -ms-animation: testim-content-in .4s ease-in-out forwards;
        -o-animation: testim-content-in .4s ease-in-out forwards;
        animation: testim-content-in .4s ease-in-out forwards
    }

    .testim .cont div.active p {
        -webkit-animation: testim-content-in .5s ease-in-out forwards;
        -moz-animation: testim-content-in .5s ease-in-out forwards;
        -ms-animation: testim-content-in .5s ease-in-out forwards;
        -o-animation: testim-content-in .5s ease-in-out forwards;
        animation: testim-content-in .5s ease-in-out forwards
    }

    .testim .cont div.inactive .img img {
        -webkit-animation: testim-hide .5s ease-in-out forwards;
        -moz-animation: testim-hide .5s ease-in-out forwards;
        -ms-animation: testim-hide .5s ease-in-out forwards;
        -o-animation: testim-hide .5s ease-in-out forwards;
        animation: testim-hide .5s ease-in-out forwards
    }

    .testim .cont div.inactive .h4 {
        -webkit-animation: testim-content-out .4s ease-in-out forwards;
        -moz-animation: testim-content-out .4s ease-in-out forwards;
        -ms-animation: testim-content-out .4s ease-in-out forwards;
        -o-animation: testim-content-out .4s ease-in-out forwards;
        animation: testim-content-out .4s ease-in-out forwards
    }

    .testim .cont div.inactive p {
        -webkit-animation: testim-content-out .5s ease-in-out forwards;
        -moz-animation: testim-content-out .5s ease-in-out forwards;
        -ms-animation: testim-content-out .5s ease-in-out forwards;
        -o-animation: testim-content-out .5s ease-in-out forwards;
        animation: testim-content-out .5s ease-in-out forwards
    }

@-webkit-keyframes testim-scale {
    0% {
        -webkit-box-shadow: 0 0 0 0 #eee;
        box-shadow: 0 0 0 0 #eee
    }

    35% {
        -webkit-box-shadow: 0 0 10px 5px #eee;
        box-shadow: 0 0 10px 5px #eee
    }

    70% {
        -webkit-box-shadow: 0 0 10px 5px #ea830e;
        box-shadow: 0 0 10px 5px #ea830e
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 #ea830e;
        box-shadow: 0 0 0 0 #ea830e
    }
}

@-moz-keyframes testim-scale {
    0% {
        -moz-box-shadow: 0 0 0 0 #eee;
        box-shadow: 0 0 0 0 #eee
    }

    35% {
        -moz-box-shadow: 0 0 10px 5px #eee;
        box-shadow: 0 0 10px 5px #eee
    }

    70% {
        -moz-box-shadow: 0 0 10px 5px #ea830e;
        box-shadow: 0 0 10px 5px #ea830e
    }

    100% {
        -moz-box-shadow: 0 0 0 0 #ea830e;
        box-shadow: 0 0 0 0 #ea830e
    }
}

@-ms-keyframes testim-scale {
    0% {
        -ms-box-shadow: 0 0 0 0 #eee;
        box-shadow: 0 0 0 0 #eee
    }

    35% {
        -ms-box-shadow: 0 0 10px 5px #eee;
        box-shadow: 0 0 10px 5px #eee
    }

    70% {
        -ms-box-shadow: 0 0 10px 5px #ea830e;
        box-shadow: 0 0 10px 5px #ea830e
    }

    100% {
        -ms-box-shadow: 0 0 0 0 #ea830e;
        box-shadow: 0 0 0 0 #ea830e
    }
}

@-o-keyframes testim-scale {
    0% {
        -o-box-shadow: 0 0 0 0 #eee;
        box-shadow: 0 0 0 0 #eee
    }

    35% {
        -o-box-shadow: 0 0 10px 5px #eee;
        box-shadow: 0 0 10px 5px #eee
    }

    70% {
        -o-box-shadow: 0 0 10px 5px #ea830e;
        box-shadow: 0 0 10px 5px #ea830e
    }

    100% {
        -o-box-shadow: 0 0 0 0 #ea830e;
        box-shadow: 0 0 0 0 #ea830e
    }
}

@keyframes testim-scale {
    0% {
        box-shadow: 0 0 0 0 #eee
    }

    35% {
        box-shadow: 0 0 10px 5px #eee
    }

    70% {
        box-shadow: 0 0 10px 5px #ea830e
    }

    100% {
        box-shadow: 0 0 0 0 #ea830e
    }
}

@-webkit-keyframes testim-content-in {
    from {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes testim-content-in {
    from {
        opacity: 0;
        -moz-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-ms-keyframes testim-content-in {
    from {
        opacity: 0;
        -ms-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes testim-content-in {
    from {
        opacity: 0;
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes testim-content-in {
    from {
        opacity: 0;
        transform: translateY(100%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes testim-content-out {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-moz-keyframes testim-content-out {
    from {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -moz-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-ms-keyframes testim-content-out {
    from {
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -ms-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-o-keyframes testim-content-out {
    from {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes testim-content-out {
    from {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-100%)
    }
}

@-webkit-keyframes testim-show {
    from {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes testim-show {
    from {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0)
    }

    to {
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-ms-keyframes testim-show {
    from {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0)
    }

    to {
        opacity: 1;
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes testim-show {
    from {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0)
    }

    to {
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes testim-show {
    from {
        opacity: 0;
        transform: scale(0)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes testim-hide {
    from {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@-moz-keyframes testim-hide {
    from {
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0)
    }
}

@-ms-keyframes testim-hide {
    from {
        opacity: 1;
        -ms-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0)
    }
}

@-o-keyframes testim-hide {
    from {
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes testim-hide {
    from {
        opacity: 1;
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(0)
    }
}

@media all and (max-width:500px) {
    .testim .arrow {
        font-size: 1em
    }

    .testim .cont div p {
        line-height: 25px
    }

    .testim .cont > div {
        padding: 0 0 20px 0
    }

    .testim .arrow.left {
        left: 7px;
        border-right: 1px solid #e4e4e4;
        padding-right: 45px;
        top: 15px
    }

    .testim .arrow.right {
        right: 7px;
        border-left: 1px solid #e4e4e4;
        padding-left: 45px;
        top: 15px
    }
}

.rs-team.slider1 .team-wrap {
    overflow: hidden;
    position: relative;
    margin-bottom: 30px
}

    .rs-team.slider1 .team-wrap .team-image {
        margin-bottom: 105px;
        border-radius: 5px 5px 0 0;
        overflow: hidden
    }

        .rs-team.slider1 .team-wrap .team-image img {
            transition: all .3s ease
        }

    .rs-team.slider1 .team-wrap .text-bottom {
        text-align: center;
        border-bottom: 3px solid #eaedf0;
        border-radius: 0 0 3px 3px;
        background: #f1f6fc;
        padding: 26px 0 23px 0;
        position: absolute;
        content: '';
        width: 100%;
        left: 0;
        bottom: 0;
        z-index: 1;
        transition: all .3s ease
    }

        .rs-team.slider1 .team-wrap .text-bottom h4.person-name {
            font-size: 20px;
            margin-bottom: 3px;
            text-transform: uppercase
        }

            .rs-team.slider1 .team-wrap .text-bottom h4.person-name a {
                color: #1c1b1b
            }

                .rs-team.slider1 .team-wrap .text-bottom h4.person-name a:hover {
                    color: #1c1b1b
                }

        .rs-team.slider1 .team-wrap .text-bottom span.designation {
            display: block;
            text-transform: capitalize;
            transition: all .3s ease
        }

    .rs-team.slider1 .team-wrap .social-links {
        margin-top: 5px;
        padding-bottom: 15px;
        transition: all .3s ease;
        margin-bottom: -50px;
        opacity: 0
    }

        .rs-team.slider1 .team-wrap .social-links ul li {
            display: inline;
            padding: 0 7px
        }

            .rs-team.slider1 .team-wrap .social-links ul li a i {
                color: #fff;
                transition: all .3s ease
            }

            .rs-team.slider1 .team-wrap .social-links ul li a:hover i {
                color: #fff
            }

    .rs-team.slider1 .team-wrap:hover .team-image img {
        transform: scale(1.1)
    }

    .rs-team.slider1 .team-wrap:hover .text-bottom {
        background: #106eea;
        padding-bottom: 8px !important
    }

        .rs-team.slider1 .team-wrap:hover .text-bottom .person-name a {
            color: #fff
        }

            .rs-team.slider1 .team-wrap:hover .text-bottom .person-name a:hover {
                color: #fff
            }

        .rs-team.slider1 .team-wrap:hover .text-bottom .designation {
            color: #fff
        }

        .rs-team.slider1 .team-wrap:hover .text-bottom .social-links {
            margin-bottom: 0;
            opacity: 1
        }

.rs-team.slider1.modify .team-wrap {
    margin-bottom: 0
}

    .rs-team.slider1.modify .team-wrap .text-bottom {
        text-align: center;
        border-bottom: none;
        border-radius: 0;
        background: 0 0;
        padding: 26px 0 23px 0;
        border-radius: 0 0 5px 5px
    }

        .rs-team.slider1.modify .team-wrap .text-bottom h4.person-name a {
            color: #1c1b1b
        }

            .rs-team.slider1.modify .team-wrap .text-bottom h4.person-name a:hover {
                color: #1c1b1b
            }

        .rs-team.slider1.modify .team-wrap .text-bottom span.designation {
            display: block;
            text-transform: capitalize;
            transition: all .3s ease
        }

    .rs-team.slider1.modify .team-wrap:hover .text-bottom {
        background: #106eea
    }

        .rs-team.slider1.modify .team-wrap:hover .text-bottom h4.person-name a {
            color: #fff
        }

.rs-team.slider1.modify2 .top-part {
    padding-bottom: 412px
}

.rs-team.slider1.modify2 .bottom-part {
    margin-top: -360px
}

.rs-team.slider1.modify2 .team-wrap {
    margin-bottom: 50px;
    box-shadow: 0 0 10px rgba(0,0,0,.07);
    border-radius: 5px;
    overflow: hidden
}

    .rs-team.slider1.modify2 .team-wrap .text-bottom {
        border: none;
        padding: 27px 0 23px 0;
        background: #fff
    }

    .rs-team.slider1.modify2 .team-wrap:hover .text-bottom {
        background: #222
    }

.rs-team.slider1.red-mode .team-wrap {
    margin-bottom: 50px
}

    .rs-team.slider1.red-mode .team-wrap:hover .text-bottom {
        background: #ec4c6f
    }

.rs-team.slider1.red-mode2 .team-wrap {
    margin-bottom: 50px
}

    .rs-team.slider1.red-mode2 .team-wrap .text-bottom {
        background: #fbfbfb
    }

    .rs-team.slider1.red-mode2 .team-wrap:hover .text-bottom {
        background: #d83030
    }

.rs-team.slider1.modify4 .team-wrap {
    margin-bottom: unset
}

    .rs-team.slider1.modify4 .team-wrap .team-image img {
        transition: all .7s
    }

    .rs-team.slider1.modify4 .team-wrap .text-bottom {
        border-bottom: unset;
        padding: 26px 0 26px 0
    }

        .rs-team.slider1.modify4 .team-wrap .text-bottom h4.person-name {
            font-weight: 700
        }

            .rs-team.slider1.modify4 .team-wrap .text-bottom h4.person-name a {
                color: #1c1b1b
            }

                .rs-team.slider1.modify4 .team-wrap .text-bottom h4.person-name a:hover {
                    color: #1c1b1b
                }

        .rs-team.slider1.modify4 .team-wrap .text-bottom span.designation {
            font-size: 15px
        }

        .rs-team.slider1.modify4 .team-wrap .text-bottom:before {
            content: "";
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 3px;
            background: #bf0505;
            -webkit-transition: .4s all ease;
            -moz-transition: .4s all ease;
            transition: .4s all ease;
            left: 0
        }

    .rs-team.slider1.modify4 .team-wrap:hover .text-bottom {
        background: #222
    }

        .rs-team.slider1.modify4 .team-wrap:hover .text-bottom .person-name a {
            color: #fff
        }

            .rs-team.slider1.modify4 .team-wrap:hover .text-bottom .person-name a:hover {
                color: #fff
            }

.rs-team.slider2 {
    position: relative
}

    .rs-team.slider2 .team-wrap {
        padding-bottom: 30px
    }

        .rs-team.slider2 .team-wrap .team-img {
            position: relative;
            overflow: hidden
        }

            .rs-team.slider2 .team-wrap .team-img a img {
                border-top-right-radius: 6px;
                border-top-left-radius: 6px
            }

            .rs-team.slider2 .team-wrap .team-img .team-social {
                position: absolute;
                bottom: 0;
                right: -50px;
                opacity: 0;
                padding: 4px 0;
                background: #1c3988;
                width: 50px;
                z-index: 2;
                text-align: center;
                transition: all .3s
            }

                .rs-team.slider2 .team-wrap .team-img .team-social a {
                    color: #fff;
                    display: block;
                    padding: 6px 8px;
                    transition: all .3s;
                    font-size: 15px
                }

                    .rs-team.slider2 .team-wrap .team-img .team-social a:hover {
                        color: #ccc
                    }

                    .rs-team.slider2 .team-wrap .team-img .team-social a:last-child {
                        margin-right: 0
                    }

        .rs-team.slider2 .team-wrap .team-item-text .team-details {
            padding: 20px 20px 25px;
            background: #fff;
            box-shadow: 0 5px 20px rgba(34,34,34,.1);
            border-bottom-right-radius: 6px;
            border-bottom-left-radius: 6px;
            z-index: 1;
            position: relative;
            text-align: center
        }

            .rs-team.slider2 .team-wrap .team-item-text .team-details .team-name {
                font-weight: 600;
                font-size: 20px;
                text-transform: capitalize;
                margin: 0
            }

                .rs-team.slider2 .team-wrap .team-item-text .team-details .team-name a {
                    color: #0c121d
                }

                    .rs-team.slider2 .team-wrap .team-item-text .team-details .team-name a:hover {
                        color: #1c3988
                    }

            .rs-team.slider2 .team-wrap .team-item-text .team-details .team-title {
                text-transform: uppercase;
                font-size: 14px;
                color: #777
            }

        .rs-team.slider2 .team-wrap:hover .team-img .team-social {
            right: 0;
            opacity: 1
        }

    .rs-team.slider2:after {
        position: absolute;
        content: '';
        left: 0;
        top: -15px;
        height: 235px;
        z-index: -1;
        width: 100%;
        background: url(assets/images/bg/shape/shape-3.png)
    }

    .rs-team.slider2.modify1 {
        position: unset
    }

        .rs-team.slider2.modify1 .team-wrap .team-img .team-social {
            background: #090e40
        }

            .rs-team.slider2.modify1 .team-wrap .team-img .team-social a {
                color: #fff
            }

        .rs-team.slider2.modify1 .team-wrap .team-item-text .team-details {
            background: #090e40
        }

            .rs-team.slider2.modify1 .team-wrap .team-item-text .team-details .team-name a {
                color: #fff
            }

                .rs-team.slider2.modify1 .team-wrap .team-item-text .team-details .team-name a:hover {
                    color: #106eea
                }

            .rs-team.slider2.modify1 .team-wrap .team-item-text .team-details .team-title {
                color: #fff
            }

        .rs-team.slider2.modify1:after {
            background: unset
        }

        .rs-team.slider2.modify1.corporate2 .team-wrap .team-img .team-social {
            background-color: #1566f5
        }

            .rs-team.slider2.modify1.corporate2 .team-wrap .team-img .team-social a {
                color: #fff
            }

        .rs-team.slider2.modify1.corporate2 .team-wrap .team-item-text .team-details {
            background-color: #1566f5
        }

            .rs-team.slider2.modify1.corporate2 .team-wrap .team-item-text .team-details .team-name a {
                color: #fff
            }

                .rs-team.slider2.modify1.corporate2 .team-wrap .team-item-text .team-details .team-name a:hover {
                    color: #fff
                }

            .rs-team.slider2.modify1.corporate2 .team-wrap .team-item-text .team-details .team-title {
                color: #fff
            }

        .rs-team.slider2.modify1.corporate2 .owl-dots {
            margin-top: 25px
        }

.rs-team.grid1 .team-item {
    text-align: center
}

    .rs-team.grid1 .team-item .image-part {
        margin-bottom: 10px
    }

        .rs-team.grid1 .team-item .image-part a {
            border-radius: 100%;
            overflow: hidden;
            display: inline-block
        }

            .rs-team.grid1 .team-item .image-part a img {
                transition: all .3s ease
            }

    .rs-team.grid1 .team-item .content-part .name {
        margin-bottom: 4px
    }

        .rs-team.grid1 .team-item .content-part .name a {
            color: #fff
        }

    .rs-team.grid1 .team-item .content-part .designation {
        color: #fff;
        display: block
    }

    .rs-team.grid1 .team-item .content-part .social-links {
        margin-top: 13px
    }

        .rs-team.grid1 .team-item .content-part .social-links li {
            display: inline;
            padding: 0 7px
        }

            .rs-team.grid1 .team-item .content-part .social-links li a i {
                color: #fff;
                transition: all .3s ease
            }

            .rs-team.grid1 .team-item .content-part .social-links li a:hover i {
                color: #fff
            }

    .rs-team.grid1 .team-item:hover .image-part a img {
        transform: scale(1.2)
    }

.rs-team.grid1.modify .team-item .content-part .name {
    font-weight: 600
}

    .rs-team.grid1.modify .team-item .content-part .name a {
        color: #1c1b1b
    }

        .rs-team.grid1.modify .team-item .content-part .name a:hover {
            color: #106eea
        }

.rs-team.grid1.modify .team-item .content-part .designation {
    color: #363636;
    font-size: 15px
}

.rs-team.grid1.modify .team-item .content-part .social-links {
    margin-top: 13px
}

    .rs-team.grid1.modify .team-item .content-part .social-links li a i {
        color: #106eea
    }

    .rs-team.grid1.modify .team-item .content-part .social-links li a:hover i {
        color: #1c1b1b
    }

.rs-team.grid2 .team-wrap .team-img {
    position: relative;
    overflow: hidden;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

    .rs-team.grid2 .team-wrap .team-img a img {
        border-top-right-radius: 6px;
        border-top-left-radius: 6px
    }

    .rs-team.grid2 .team-wrap .team-img .team-social {
        position: absolute;
        bottom: 0;
        right: 150px;
        opacity: 0;
        padding: 4px 0;
        background: #273a93;
        width: 50px;
        z-index: 2;
        text-align: center;
        transition: all .3s
    }

        .rs-team.grid2 .team-wrap .team-img .team-social a {
            color: #fff;
            display: block;
            padding: 6px 8px;
            transition: all .3s;
            font-size: 15px
        }

            .rs-team.grid2 .team-wrap .team-img .team-social a:hover {
                color: #ccc
            }

            .rs-team.grid2 .team-wrap .team-img .team-social a:last-child {
                margin-right: 0
            }

.rs-team.grid2 .team-wrap .team-item-text .team-details {
    padding: 10px;
    background: #fff;
    box-shadow: 0 5px 20px rgba(34,34,34,.1);
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    z-index: 1;
    position: relative;
    text-align: center;
    min-height: 100px;
    font-size: 12px
}

    .rs-team.grid2 .team-wrap .team-item-text .team-details .team-name {
        font-weight: 600;
        font-size: 16px;
        text-transform: capitalize;
        margin: 0;
        padding-bottom: 6px
    }

        .rs-team.grid2 .team-wrap .team-item-text .team-details .team-name a {
            color: #0c121d
        }

            .rs-team.grid2 .team-wrap .team-item-text .team-details .team-name a:hover {
                color: #106eea
            }

    .rs-team.grid2 .team-wrap .team-item-text .team-details .team-title {
        text-transform: uppercase;
        font-size: 12px;
        color: #777;
        line-height: 20px
    }

.rs-team.grid2 .team-wrap:hover .team-img .team-social {
    right: 0;
    opacity: 1
}

.rs-team.style2 .team-item-wrap .team-wrap {
    padding: 38px 38px 38px 38px;
    background: url(assets/images/team/seo/team.png);
    background-position: top center;
    background-size: 100% auto;
    background-repeat: no-repeat
}

    .rs-team.style2 .team-item-wrap .team-wrap .image-inner {
        overflow: hidden;
        border-radius: 50%
    }

        .rs-team.style2 .team-item-wrap .team-wrap .image-inner a img {
            transform: scale(1);
            -webkit-transition: .3s ease-in-out;
            transition: .3s ease-in-out
        }

.rs-team.style2 .team-item-wrap .team-content {
    padding: 20px 20px 20px
}

    .rs-team.style2 .team-item-wrap .team-content .person-name {
        font-size: 20px;
        font-weight: 600;
        line-height: 30px;
        margin-bottom: 5px
    }

        .rs-team.style2 .team-item-wrap .team-content .person-name a {
            color: #0a0a0a
        }

            .rs-team.style2 .team-item-wrap .team-content .person-name a:hover {
                color: #106eea
            }

    .rs-team.style2 .team-item-wrap .team-content .designation {
        display: block;
        font-size: 15px;
        font-weight: 400;
        line-height: 26px;
        color: #363636;
        margin-bottom: 15px
    }

    .rs-team.style2 .team-item-wrap .team-content .team-social li {
        display: inline-block;
        margin-right: 16px
    }

        .rs-team.style2 .team-item-wrap .team-content .team-social li a i {
            font-size: 18px;
            line-height: 18px;
            font-weight: 400;
            color: #ff9f01
        }

        .rs-team.style2 .team-item-wrap .team-content .team-social li:last-child {
            margin-right: 0
        }

.rs-team.style2 .team-item-wrap:hover .team-wrap .image-inner a img {
    transform: scale(1.2)
}

.rs-team.style2 .owl-dots {
    text-align: center;
    margin-top: 50px
}

    .rs-team.style2 .owl-dots .owl-dot {
        width: 25px;
        height: 8px;
        display: inline-block;
        margin: 0 6px;
        padding: 3px 0;
        border-radius: 30px;
        border: none;
        transition: all .3s ease;
        background: #106eea;
        opacity: .5
    }

        .rs-team.style2 .owl-dots .owl-dot.active, .rs-team.style2 .owl-dots .owl-dot:hover {
            width: 40px;
            background: #0b70e1;
            opacity: 1
        }

.rs-team.style2 .owl-stage-outer {
    padding: 10px;
    margin: -10px
}

.rs-team.style2.modify1 .team-item-wrap .team-wrap {
    padding: 38px 38px 38px 38px;
    background: url(assets/images/team/seo/solutions-bg.png);
    background-position: top center;
    background-size: 100% auto;
    background-repeat: no-repeat
}

.rs-team.style2.modify1 .team-item-wrap .team-content .designation {
    font-size: 14px
}

.rs-team.style2.modify1 .team-item-wrap .team-content .team-social li a i {
    color: #106eea
}

.rs-team.inner .owl-stage-outer {
    padding-bottom: 40px
}

.rs-team.inner .team-item {
    position: relative;
    margin-bottom: 73px
}

    .rs-team.inner .team-item .team-image img {
        border-radius: 3px 3px 0 0
    }

    .rs-team.inner .team-item .text-bottom {
        padding: 24px 25px;
        background: #fff;
        text-align: center;
        position: absolute;
        bottom: -72.5px;
        width: 80%;
        left: 50%;
        z-index: 1;
        transition: all .3s ease;
        transform: translateX(-50%);
        box-shadow: 0 15px 34px -5px rgba(193,193,193,.3)
    }

        .rs-team.inner .team-item .text-bottom .person-name {
            margin-bottom: 5px;
            font-size: 22px;
            text-transform: capitalize;
            line-height: normal
        }

            .rs-team.inner .team-item .text-bottom .person-name a {
                color: #000
            }

                .rs-team.inner .team-item .text-bottom .person-name a:hover {
                    color: #106eea
                }

        .rs-team.inner .team-item .text-bottom span.designation {
            display: block;
            color: #000;
            margin: 4px 0 0;
            font-size: 14px;
            text-transform: uppercase
        }

        .rs-team.inner .team-item .text-bottom .desc {
            font-size: 14px;
            position: relative;
            z-index: 1;
            max-height: 0;
            opacity: 0;
            line-height: 24px;
            -webkit-transition: all .6s,max-height .5s;
            -o-transition: all .6s,max-height .5s;
            -moz-transition: all .6s,max-height .5s;
            transition: all .6s,max-height .5s;
            overflow: hidden;
            -webkit-transform: scaleY(0);
            -moz-transform: scaleY(0);
            -ms-transform: scaleY(0);
            -o-transform: scaleY(0);
            transform: scaleY(0);
            -webkit-transform-origin: bottom;
            -moz-transform-origin: bottom;
            -ms-transform-origin: bottom;
            -o-transform-origin: bottom;
            transform-origin: bottom
        }

            .rs-team.inner .team-item .text-bottom .desc:before {
                content: '';
                position: absolute;
                z-index: 1;
                background: #000;
                top: 0;
                left: 50%;
                width: 50px;
                height: 2px;
                transform: translateX(-50%)
            }

        .rs-team.inner .team-item .text-bottom .team-social {
            margin-top: 10px
        }

            .rs-team.inner .team-item .text-bottom .team-social ul li {
                display: inline-block;
                margin-right: 18px
            }

                .rs-team.inner .team-item .text-bottom .team-social ul li a {
                    color: #106eea
                }

                    .rs-team.inner .team-item .text-bottom .team-social ul li a:hover {
                        color: #333
                    }

                .rs-team.inner .team-item .text-bottom .team-social ul li:last-child {
                    margin: 0
                }

    .rs-team.inner .team-item:hover .text-bottom .desc {
        position: relative;
        max-height: 400px;
        opacity: 1;
        text-align: center;
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transition: all .4s,max-height 1.5s;
        -o-transition: all .4s,max-height 1.5s;
        -moz-transition: all .4s,max-height 1.5s;
        transition: all .4s,max-height 1.5s;
        padding-top: 20px;
        margin-top: 14px
    }

.showcase {
    margin-top: -18px;
    margin-bottom: 18px
}

    .showcase .item {
        height: 550px;
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover
    }

        .showcase .item.item_1 {
            background-image: url(../img/home_1.jpg)
        }

        .showcase .item.item_2 {
            background-image: url(../img/home_2.jpg);
            background-position: bottom center
        }

        .showcase .item.item_3 {
            background-image: url(../img/home_3.jpg);
            text-align: center
        }
        .showcase .item.item_4 {
            background-image: url(../img/ICRA-R-banner.jpg);
            text-align: center
        }

@media (max-width:991px) {
    .showcase .item {
        height: 450px;
        text-align: center
    }
}

.showcase .item:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,.1)
}

.showcase .item .container, .showcase .item .row, .showcase .item [class*=col-] {
    height: 100%
}

.showcase .item h1 {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 48px;
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgba(0,0,0,.2);
    color: #fff
}

@media (max-width:767px) {
    .showcase .item h1 {
        font-size: 36px
    }
}

.showcase .item .lead {
    margin-bottom: 40px;
    font-weight: 300;
    text-shadow: 1px 1px 1px rgba(0,0,0,.2);
    color: #fff !important
}

.showcase .item .btn-lg {
    padding: 12px 24px
}

@media (max-width:767px) {
    .showcase .item .btn-lg {
        margin-bottom: 5px
    }
}

.jumbotron-carousel {
    background: 0 0;
    height: auto;
    padding: 0
}

    .jumbotron-carousel .owl-carousel .owl-nav button.owl-prev {
        left: 30px !important
    }

    .jumbotron-carousel .owl-carousel .owl-nav button.owl-next {
        right: 30px !important
    }

    .jumbotron-carousel .owl-carousel .item {
        position: relative;
        background-size:cover;
        background-position:center;
        background-repeat:no-repeat;
    }

@media(min-width:992px) {
    .jumbotron-carousel .owl-carousel .item {
        height: 450px
    }
}

@media(min-width:1200px) {
    .jumbotron-carousel .owl-carousel .item {
        height: 400px
    }
}

.jumbotron-carousel .owl-carousel .slide-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0)
}

.jumbotron-carousel .owl-carousel .slide-body {
    position: absolute;
    top: 30%;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 15px;
    display: flex;
    align-items: center
}

@media(min-width:576px) {
    .jumbotron-carousel .owl-carousel .slide-body {
        padding: 0 30px
    }
}

@media(min-width:768px) {
    .jumbotron-carousel h2 {
        font-size: 30px
    }

    .jumbotron-carousel .owl-carousel .slide-body {
        padding: 0 100px
    }
}

.jumbotron-carousel h2 {
    color: #ffc933;
    margin: 0 0 20px;
    text-transform: uppercase;
    font-weight: 600
}

.jumbotron-carousel h3 {
    color: #fff;
    font-size: 18px;
    margin: 0 0 20px;
    font-weight: 300;
    font-family: 'Nunito Sans',sans-serif !important
}

@media(min-width:992px) {
    .jumbotron-carousel h3 {
        font-size: 18px
    }
}

.jumbotron-carousel ul li {
    color: #fff;
    font-size: 24px;
    padding: 8px 0;
    position: relative
}

.jumbotron-carousel p {
    color: #fff;
    font-size: 20px
}

#homepage-1-carousel .slide-1 {
    text-align: left;
    background-image: url('../../img/homepage-cover.jpg');
    align-content: center;
    justify-content: center
}

#homepage-1-carousel .slide-2 h2 {
    margin-bottom: 10px;
    font-size: 28px;
    top: 40%
}

@media(min-width:1200px) {
    #homepage-1-carousel .slide-1 .slide-mask {
        /*background-color: rgba(0,0,0,.3)*/
    }

    #homepage-1-carousel .slide-1 h2 {
        font-size: 40px
    }

    @media(min-width:576px) {
        #homepage-1-carousel .slide-1 h2 {
            font-size: 60px
        }
    }

    @media(min-width:768px) {
        #homepage-1-carousel .slide-1 h2 {
            font-size: 80px
        }
    }

    @media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) {
        #homepage-1-carousel .slide-1 h3 {
            margin-bottom: 30px
        }
    }

    @media(min-width:992px) {
        #homepage-1-carousel .slide-1 h2 {
            font-size: 50px
        }
    }

    #homepage-1-carousel .slide-1 h3 {
        margin-bottom: 50px;
        letter-spacing: 0;
        width: 58%;
        line-height: 24px
    }
}

#homepage-1-carousel .slide-2 {
    text-align: left;
    background-image: url('../../img/homepage-2.jpg')
}
.jumbotron-carousel .owl-carousel .slide-2 .slide-body{
    top:40%;
}

#homepage-1-carousel .slide-2 .slide-mask {
    /*background-color: rgba(0,0,0,.1)*/
}

    #homepage-1-carousel .slide-2 h2 {
        margin-bottom: 10px;
        font-size: 30px;
        top: 50%
    }

    #homepage-1-carousel .slide-2 h3 {
        margin-bottom: 20px;
        letter-spacing: 0;
        width: 58%;
        line-height: 24px
    }
#homepage-1-carousel .slide-2 h4 {
    color: #ffc933;
    /* background: #fff; */
    font-size: 18px;
    font-family: 'Nunito Sans',sans-serif !important;
    font-weight: 700;
}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) {
    #homepage-1-carousel .slide-2 h3 {
        margin-bottom: 20px !important;
        width: 100% !important
    }
    #homepage-1-carousel .slide-2 h4 {
        color: #273b94;
        background: #fff;
        padding: 3px 6px;
    }
}

@media(min-width:768px) {
    #homepage-1-carousel .slide-2 h2 {
        font-size: 25px
    }

}

@media(min-width:992px) {
    #homepage-1-carousel .slide-2 h2 {
        font-size: 25px
    }
}

#homepage-1-carousel .slide-2 ul li {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 50px
}

@media(min-width:768px) {
    #homepage-1-carousel .slide-2 ul li {
        font-size: 25px
    }
}

@media(min-width:992px) {
    #homepage-1-carousel .slide-2 ul li {
        font-size: 18px
    }
}

#homepage-1-carousel .slide-3 {
    background-image: url('../../img/ESG_Banner.jpg')
}

    #homepage-1-carousel .slide-3 .slide-mask {
        /*background-color: rgba(0,0,0,.5)*/
    }

    #homepage-1-carousel .slide-3 h2 {
        margin-bottom: 20px;
        font-size: 25px
    }

@media(min-width:576px) {
    #homepage-1-carousel .slide-3 h2 {
        font-size: 25px
    }
}

@media(min-width:768px) {
    #homepage-1-carousel .slide-3 h2 {
        font-size: 25px
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) {
    #homepage-1-carousel .slide-3 h3 {
        margin-bottom: 20px !important;
        width: 100% !important
    }
}

@media(min-width:992px) {
    #homepage-1-carousel .slide-3 h2 {
        font-size: 25px
    }
}

@media(min-width:1200px) {
    #homepage-1-carousel .slide-3 h2 {
        font-size: 35px;
        color: #ffc933;
        margin-bottom: 20px;
    }
}

#homepage-1-carousel .slide-3 p {
    font-size: 14px
}

@media(min-width:768px) {
    #homepage-1-carousel .slide-3 p {
        font-size: 20px
    }
}

@media(min-width:992px) {
    #homepage-1-carousel .slide-3 p {
        font-size: 25px
    }
}

@media(min-width:1200px) {
    #homepage-1-carousel .slide-3 p {
        font-size: 18px
    }
}

#homepage-1-carousel .slide-3 h3 {
    margin-bottom: 50px;
    letter-spacing: 0;
    width: 60%;
    line-height: 28px;
    color: #fff;
    font-size: 18px;
    margin-top: 30px;
}

#homepage-1-carousel .slide-4 {
    background-image: url('../../img/ICRA-Analytics-Super-5B.jpg')
}

    #homepage-1-carousel .slide-4 .slide-mask {
        /*background-color: rgba(0,0,0,.1)*/

    }

    #homepage-1-carousel .slide-4 h2 {
        margin-bottom: 20px;
        font-size: 25px
    }

#homepage-1-carousel .slide-5 {
    background-image: url('../../img/ICRA-R-banner.jpg')
}

    #homepage-1-carousel .slide-5 .slide-mask {
        /*background-color: rgba(0,0,0,.1)*/
    }

    #homepage-1-carousel .slide-5 h2 {
        margin-bottom: 20px;
        font-size: 25px
    }
#homepage-1-carousel .slide-6 {
    text-align: left;
    background-image: url('../../img/homepage-factset.jpg')
}

.jumbotron-carousel .owl-carousel .slide-6 .slide-body {
    top: 40%;
}

#homepage-1-carousel .slide-6 .slide-mask {
    /*background-color: rgba(0,0,0,.1)*/
}

#homepage-1-carousel .slide-6 h2 {
    margin-bottom: 10px;
    font-size: 20px;
    top: 40%;
    line-height: 26px;
    width: 85%;
}

#homepage-1-carousel .slide-6 h3 {
    margin-bottom: 20px;
    letter-spacing: 0;
    width: 70%;
    line-height: 24px
}

#homepage-1-carousel .slide-6 h4 {
    color: #ffc933;
    /* background: #fff; */
    font-size: 18px;
    font-family: 'Nunito Sans',sans-serif !important;
    font-weight: 700;
}

@media(min-width:576px) {
    #homepage-1-carousel .slide-4 {
        background-image: url('../../img/ICRA-Analytics-Super-5B.jpg')
    }

        #homepage-1-carousel .slide-4 h2 {
            font-size: 30px
        }
    #homepage-1-carousel .slide-5 {
        background-image: url('../../img/ICRA-R-banner.jpg')
    }

        #homepage-1-carousel .slide-5 h2 {
            font-size: 30px
        }
}

@media(min-width:768px) {
    #homepage-1-carousel .slide-4 {
        background-image: url('../../img/ICRA-Analytics-Super-5B.jpg')
    }

        #homepage-1-carousel .slide-4 h2 {
            font-size: 35px
        }
    #homepage-1-carousel .slide-5 {
        background-image: url('../../img/ICRA-R-banner.jpg')
    }

        #homepage-1-carousel .slide-5 h2 {
            font-size: 35px
        }
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) {
    #homepage-1-carousel .slide-4 h3 {
        margin-bottom: 20px !important;
        width: 100% !important
    }
    #homepage-1-carousel .slide-5 h3 {
        margin-bottom: 20px !important;
        width: 90% !important
    }
}

@media(min-width:992px) {
    #homepage-1-carousel .slide-4 {
        background-image: url('../../img/ICRA-Analytics-Super-5B.jpg')
    }

        #homepage-1-carousel .slide-4 h2 {
            font-size: 45px
        }
    #homepage-1-carousel .slide-5 {
        background-image: url('../../img/ICRA-R-banner.jpg')
    }

        #homepage-1-carousel .slide-5 h2 {
            font-size: 45px
        }
}

@media(min-width:1200px) {
    #homepage-1-carousel .slide-4 h2 {
        font-size: 40px
    }
    #homepage-1-carousel .slide-5 h2 {
        font-size: 50px
    }
}

#homepage-1-carousel .slide-4 h3 {
    margin-bottom: 50px;
    letter-spacing: 0;
    width: 58%;
    line-height: 24px
}
#homepage-1-carousel .slide-5 h3 {
    margin-bottom: 50px;
    letter-spacing: 0;
    width: 58%;
    line-height: 24px;
    color: #273a93;
    font-weight: 600;
}
#homepage-1-carousel .slide-4 p {
    font-size: 14px
}
#homepage-1-carousel .slide-5 p {
    font-size: 14px
}
@media(min-width:768px) {
    #homepage-1-carousel .slide-4 p {
        font-size: 20px
    }
    #homepage-1-carousel .slide-5 p {
        font-size: 20px
    }
}

@media(min-width:992px) {
    #homepage-1-carousel .slide-4 p {
        font-size: 25px
    }

    #homepage-1-carousel .slide-5 p {
        font-size: 25px
    }
}

@media(min-width:1200px) {
    #homepage-1-carousel .slide-4 p {
        font-size: 18px
    }
    #homepage-1-carousel .slide-5 p {
        font-size: 18px
    }
}
/*slide new 7 bitsight*/


#homepage-1-carousel .slide-7 {
    background-image: url('../../img/Bitsight-bg.png')
}
.slide-7 > animation > a  {
    top: 90%
}
#homepage-1-carousel .item .slide-7 > p {
    width: 60% !important;
    font-size: 14px !important;
    color: white !important;
}


#homepage-1-carousel .slide-8 {
    background-image: url('../../img/FTSE.jpg')
}

.slide-8 > animation > a {
    top: 90%
}

#homepage-1-carousel .item .slide-8 > p {
    width: 60% !important;
    font-size: 14px !important;
    color: white !important;
}

#homepage-1-carousel .slide-9 {
    background-image: url('../../img/new-website-banner.jpg')
}

.slide-9 > animation > a {
    top: 90%
}

#homepage-1-carousel .slide-9 > .slide-body > h4 {
    width: 50% !important;
}
.jumbotron-carousel .owl-carousel .item .slide-9 > .slide-body > h5 {
    color: #ffc933 !important;
    font-size: 18px;
    font-family: 'Nunito Sans', sans-serif !important;
    font-weight: 700;
}
/*For mobile view*/
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .jumbotron-carousel .owl-carousel .item {
        height: 300px;
    }
    .jumbotron-carousel .owl-carousel .slide-2 .slide-body {
        margin-bottom: 10px;
        font-size: 20px;
        top: 4%
    }
    #homepage-1-carousel .slide-6 h2 {
        font-size: 15px;
    }
    .jumbotron-carousel h3 {
        font-size: 15px;
        line-height:16px;
    }
    .jumbotron-carousel .owl-carousel .slide-6 .slide-body {
        top: 10%;
    }
    .header-left .site-logo a > img{
        width:200px;
    }
   
  }
/*For mobile view*/

/*For ipad view*/
@media (min-width: 320px) and (max-width: 991px) {
    .jumbotron-carousel .owl-carousel .slide-body {
        padding: 0 20px;
    }
        .jumbotron-carousel .owl-carousel .slide-body{
            top:5%;
        }
    #homepage-1-carousel .slide-4 h3 {
        margin-bottom: 10px !important;
        width: 80% !important
    }
    #homepage-1-carousel .slide-2 h2 {
        font-size: 30px;
    }
    .jumbotron-carousel .owl-carousel .item {
        height: 300px;
    }

    .jumbotron-carousel .owl-carousel .slide-2 .slide-body {
        margin-bottom: 10px;
        font-size: 20px;
        top: 5%
    }
    #homepage-1-carousel .slide-2 h2 {
        font-size: 20px !important;
        width: 80%;
    }
    #homepage-1-carousel .slide-2 h4 {
        font-size: 15px !important;
    }
    #homepage-1-carousel .slide-4 h2 {
        margin-bottom: 20px;
        font-size: 26px;
        width: 90%;
    }
    #homepage-1-carousel .slide-6 h2 {
        font-size: 15px;
    }
    #homepage-1-carousel .slide-6 h3 {
        width: 90%;
        line-height: 20px;
        margin-bottom: 18px;
    }
    #homepage-1-carousel .slide-6 h2 {
        margin-bottom: 10px;
        line-height: 22px;
    }
   
    .jumbotron-carousel h3 {
        font-size: 16px;
        line-height: 20px;
    }

    .jumbotron-carousel .owl-carousel .slide-6 .slide-body {
        top: 5%;
    }

    .header-left .site-logo a > img {
        width: 200px;
    }
    .testim1 .arrow.right {
        right: -16px!important;
    }
    .testim1 .arrow.left {
        left: -16px!important;
    }
    .info-boxes-container .info-box {
        padding: .3rem;
    }
    .info-boxes-container .info-box {
        padding: 0.4rem!important;
    }
    .claim-grid-group {
        display: block !important;
    }
    header .contact_no {
        font-size: 11px !important;
    }
}
/*For ipad view*/

.owl-animation .animation {
    transition: transform 1s ease-in;
    opacity: 0
}

.owl-animation .fast {
    transition-duration: .5s
}

.owl-animation .slow {
    transition-duration: 1.5s
}

.owl-animation .very-slow {
    transition-duration: 2s
}

.owl-animation .delay-1, .owl-animation .delay-2, .owl-animation .delay-3, .owl-animation .delay-4, .owl-animation .delay-5 {
    transition-delay: 0s
}

.owl-animation .top-to-bottom {
    transform: translateY(-1000px)
}

.owl-animation .bottom-to-top {
    transform: translateY(1000px)
}

.owl-animation .left-to-right {
    transform: translateX(-1500px)
}

.owl-animation .right-to-left {
    transform: translateX(1500px)
}

.owl-animation .active .animation {
    opacity: 1
}

.owl-animation .active .delay-1 {
    transition-delay: .5s
}

.owl-animation .active .delay-2 {
    transition-delay: 1s
}

.owl-animation .active .delay-3 {
    transition-delay: 1.5s
}

.owl-animation .active .delay-4 {
    transition-delay: 2s
}

.owl-animation .active .delay-5 {
    transition-delay: 2.5s
}

.owl-animation .active .bottom-to-top, .owl-animation .active .top-to-bottom {
    transform: translateY(0)
}

.owl-animation .active .left-to-right, .owl-animation .active .right-to-left {
    transform: translateX(0)
}

.jumbotron-video {
    text-align: center;
    margin: 0
}

@media(min-width:1200px) {
    .jumbotron-video {
        height: 500px
    }
}

.jumbotron-video .jumbotron-mask {
    background-color: rgba(0,0,0,.5)
}

.jumbotron-video h2 {
    font-size: 40px
}

@media(min-width:576px) {
    .jumbotron-video h2 {
        font-size: 60px
    }
}

@media(min-width:768px) {
    .jumbotron-video h2 {
        font-size: 80px
    }
}

@media(min-width:992px) {
    .jumbotron-video h2 {
        font-size: 120px
    }
}

.jumbotron-video h3 {
    margin-bottom: 50px;
    letter-spacing: 5px
}

@media (min-width:768px) {
    .info-boxes-container {
        margin-bottom: 2.5rem
    }
}

@media (min-width:768px) {
    .info-boxes-container {
        margin-bottom: 3rem
    }
}

@media (min-width:768px) {
    .info-boxes-container > .container, .info-boxes-container > .container-fluid {
        display: table;
        table-layout: fixed;
        border-collapse: collapse
    }
}

@media (max-width:767px) {
    .info-boxes-container > .container, .info-boxes-container > .container-fluid {
        padding: 0
    }
}

.info-boxes-container > .container-fluid {
    width: 100%
}

.info-boxes-container .info-box {
    display: block;
    font-size: 0;
    padding: 1.25rem 1rem 1.2rem;
    position: relative
}

    .info-boxes-container .info-box:nth-child(2n) {
        background-color: #ccd3d5
    }

    .info-boxes-container .info-box:last-child {
        border-bottom: none
    }

    .info-boxes-container .info-box .info-box-wrapper {
        position: relative;
        display: inline-block;
        padding-left: 2.9rem
    }
    .info-boxes-container .info-box .info-box-wrapper1 {
        position: relative;
        display: inline-block;
        padding-left: 0rem;
    }

@media (min-width:768px) {
    .info-boxes-container .info-box {
        display: table-cell;
        width: 33%;
        border-bottom: none
    }

        .info-boxes-container .info-box:last-child {
            border-right: none
        }
}

@media (max-width:767px) {
    .info-boxes-container .info-box.text-center {
        text-align: left !important
    }
}

.info-boxes-container .info-box.text-center .info-box-content {
    text-align: left
}

.info-boxes-container .info-box-icon {
    display: inline-block;
    font-size: 1.9rem;
    position: absolute;
    left: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: middle;
    color: #3a3a3a
}

.info-boxes-container .info-box-content {
    display: inline-block;
    font-size: .85rem;
    color: #7e7e7e;
    line-height: 1.2;
    vertical-align: middle
}

.info-boxes-container .info-box-title {
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: .4rem;
    line-height: 1;
    color: #212121;
    letter-spacing: .025em
}

.info-boxes-container p {
    margin-bottom: 0;
    line-height: 15px
}

.info-boxes-container.custom {
    background-color: #273a93;
    border-color: #273a93
}

    .info-boxes-container.custom .info-box {
        border-color: #273a93
    }

@media (min-width:768px) {
    .info-boxes-container.custom .info-box {
        border-color: #273a93
    }
}

.info-boxes-container.custom .info-box:nth-child(2n) {
    background-color: #478fca
}

.info-boxes-container.custom .info-box-icon {
    color: #f0f0f0
}

.info-boxes-container.custom .info-box-content {
    color: #fff
}

.info-boxes-container.custom .info-box-title {
    color: #f0f0f0
}

.value-text {
    color: #ffc933;
    font-size: 24px;
    text-transform: uppercase
}

.text-white {
    color: #fff
}

.header-inner .breadcrumb {
    padding: 15px 30px;
    background: #fff;
    -webkit-box-shadow: 5px 5px 24px 0 rgb(2 45 98 / 10%);
    box-shadow: 5px 5px 24px 0 rgb(2 45 98 / 10%);
    margin: 0 auto;
    position: absolute;
    bottom: -20%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 0
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) {
    .header-inner .breadcrumb {
        bottom: -3%
    }
}

.header-inner-menu {
    padding-bottom: 0
}

.banner > img {
    z-index: 10
}

.banner img {
    width: 100%
}

.banner {
    position: relative
}

    .banner .container {
        position: absolute;
        left: 40px;
        top: 50%;
        transform: translateY(-50%);
        width: 47%
    }

        .banner .container h2 {
            font-size: 2.5rem;
            color: #fff;
            line-height: 1.2
        }

.header-inner {
    z-index: 99
}

@media only screen and (min-width:320px) and (max-width:768px) {
    .banner img {
        height: 200px;
        object-fit: cover
    }
}

@media only screen and (max-width:639px) {
    .banner .container h2 {
        font-size: 1.4rem;
        width: 77%
    }
}

@media only screen and (max-width:1199px) {
    .banner .container {
        width: 80%;
        margin-bottom: 15px
    }

        .banner .container h2 {
            font-size: 1.5rem;
            margin-bottom: 15px
        }
}

.bg-overlay-black-50 {
    position: relative;
    z-index: 1
}

.header-inner-menu .header-inner-title {
    margin: 70px 0
}

.header-inner .header-inner-title {
    font-size: 14px
}

.btn-round:before {
    content: '';
    width: 60px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: -1;
    opacity: .8;
    color: #000
}

.btn-1 {
    font-size: 14px;
    font-weight: 700;
    padding: 16px 34px;
    line-height: 1;
    border-radius: 50px;
    position: relative;
    z-index: 1;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-decoration: none;
    color: #000
}

.btn-primary-round::before {
    background-color: #ffc933
}

.btn-round:hover:before {
    width: 100%
}



.claim-grid-group {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-bottom:20px;

}
.esg-grid-group {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-bottom: 20px;
}
.ht-box-icon.style-04 .icon-box-wrap.color-one {
    background-color: #faf6f3;
}

.ht-box-icon.style-04 .icon-box-wrap {
    padding: 19px 14px 30px;
    border-radius: 5px;
    background: #edf2fe;
    position: relative;
    z-index: 1;
    height: 100%;
}
    .ht-box-icon.style-04 .icon-box-wrap.color-one .icon {
        color: #eddcd1;
    }

    .ht-box-icon.style-04 .icon-box-wrap .icon {
        position: absolute;
        top: 30px;
        right: 30px;
        font-size: 48px;
        margin: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        line-height: 1;
        color: #eddcd1;
        z-index: -1;
    }
    .ht-box-icon.style-04 .icon-box-wrap.color-one .content .sub-heading {
        color: #d2a98e;
    }

    .ht-box-icon.style-04 .icon-box-wrap .content .sub-heading {
        margin-bottom: 5px;
    }
    .ht-box-icon.style-04 .icon-box-wrap .content .heading {
        font-weight: 700;
        margin-bottom: 10px;
    }
    .ht-box-icon.style-04 .icon-box-wrap.color-two {
        background-color: #edf2fe;
    }

.ht-box-icon.style-04 .icon-box-wrap {
    padding: 19px 24px 30px;
    border-radius: 5px;
    background: #edf2fe;
    position: relative;
    z-index: 1;
    height: 100%;
}
    .ht-box-icon.style-04 .icon-box-wrap.color-two .icon {
        color: #b9cefd;
    }

    .ht-box-icon.style-04 .icon-box-wrap .icon {
        position: absolute;
        top: 30px;
        right: 30px;
        font-size: 48px;
        margin: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        line-height: 1;
        color: #eddcd1;
        z-index: -1;
    }
    .ht-box-icon.style-04 .icon-box-wrap.color-two .content .sub-heading {
        color: #4e84fa;
    }

    .ht-box-icon.style-04 .icon-box-wrap .content .sub-heading {
        margin-bottom: 5px;
    }
    .ht-box-icon.style-04 .icon-box-wrap.color-three {
        background-color: #f0f5f4;
    }

.ht-box-icon.style-04 .icon-box-wrap {
    padding: 19px 14px 30px;
    border-radius: 5px;
    background: #edf2fe;
    position: relative;
    z-index: 1;
    height: 100%;
}
    .ht-box-icon.style-04 .icon-box-wrap.color-three .icon {
        color: #c7dbd7;
    }

    .ht-box-icon.style-04 .icon-box-wrap .icon {
        position: absolute;
        top: 30px;
        right: 30px;
        font-size: 48px;
        margin: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        line-height: 1;
        color: #eddcd1;
        z-index: -1;
    }
    .ht-box-icon.style-04 .icon-box-wrap.color-three .content .sub-heading {
        color: #72a499;
    }

    .ht-box-icon.style-04 .icon-box-wrap .content .sub-heading {
        margin-bottom: 5px;
    }
    .ht-box-icon.style-04 .icon-box-wrap.color-four {
        background-color: #fff5f6;
    }
        .ht-box-icon.style-04 .icon-box-wrap.color-four .content .sub-heading {
            color: #e7445b;
        }
.ht-box-icon.style-04 .icon-box-wrap {
    padding: 19px 14px 30px;
    border-radius: 5px;
    background: #edf2fe;
    position: relative;
    z-index: 1;
    height: 100%;
}
    .ht-box-icon.style-04 .icon-box-wrap.color-four .icon {
        color: #f5b4bd;
    }

    .ht-box-icon.style-04 .icon-box-wrap .icon {
        position: absolute;
        top: 30px;
        right: 30px;
        font-size: 48px;
        margin: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        line-height: 1;
        color: #eddcd1;
        z-index: -1;
    }
    .ht-box-icon.style-04 .icon-box-wrap.color-five {
        background-color: #fcf7ee;
    }

.ht-box-icon.style-04 .icon-box-wrap {
    padding: 19px 14px 30px;
    border-radius: 5px;
    background: #edf2fe;
    position: relative;
    z-index: 1;
    height: 100%;
}
    .ht-box-icon.style-04 .icon-box-wrap.color-five .icon {
        color: #f5e1be;
    }

    .ht-box-icon.style-04 .icon-box-wrap .icon {
        position: absolute;
        top: 30px;
        right: 30px;
        font-size: 48px;
        margin: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        line-height: 1;
        color: #eddcd1;
        z-index: -1;
    }
.ht-box-icon.style-04 .icon-box-wrap.color-five .content .sub-heading {
    color: #e5b35d;
}

.ht-box-icon.style-04 .icon-box-wrap .content .sub-heading {
    margin-bottom: 5px;
}
.ht-box-icon .icon-box-wrap .content p{
    text-align:justify;
}
.ht-box-icon.style-04 .icon-box-wrap.color-six {
    background-color: #f1f0f5;
}
.ht-box-icon.style-04 .icon-box-wrap.color-six .content .sub-heading {
    color: #9f91da;
}

.btn-success {
    color: #fff;
    background-color: #16a34a;
    border-color: #16a34a;
    padding: 6px 20px;
    text-transform: uppercase;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 600 !important;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    border: 2px solid #219b3d;
}
    .btn-success:hover {
        color: #28a745;
        border: 2px solid #28a745;
        background: #fff;
    }

.blog-post {
    position: relative;
}
    .blog-post .blog-post-image {
        position: relative;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
    }
        .blog-post .blog-post-image img {
            border-radius: 0px;
        }
    .blog-post .blog-post-content {
        padding: 20px 0px 0px 0px;
    }
    .blog-post .blog-post-content .blog-post-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 10px;
    }
        .blog-post .blog-post-content .blog-post-info .btn {
            padding: 5px 12px;
            background: #064CDB;
            color: #ffffff;
            border: none;
        }
        .blog-post .blog-post-content .blog-post-date {
            padding-left: 15px;
        }
.post-navigation .nav-previous {
    display: inline-block;
}
.btn.btn-primary-square {
    border: 2px solid #064CDB;
}

.btn-square, .btn-square:hover {
    color: #11203e;
}
.btn-primary-square:before {
    background-color: #064CDB;
    opacity: 1;
}

.btn-square:before {
    content: '';
    width: 0%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 0px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: -1;
    opacity: 0.8;
}
.btn-square:hover:before {
    width: 100%;
}

.btn {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


.post-navigation .nav-previous span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 230px;
    display: inline-block;
}
.post-navigation .nav-next {
    display: inline-block;
    position: relative;
    float: right;
}
.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}
.blog-post .blog-post-content .blog-post-details .blog-post-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 0;
}
    .blog-post .blog-post-content .blog-post-details .blog-post-meta a {
        padding: 0 15px;
        border-right: 1px solid #f9f9f9;
        color: #626262;
        font-weight: 500;
    }

/*Knowledge services carousel*/

#knowledgeservices-1-carousel .slide-1 {
    text-align: left;
    background-image: url('../../img/kowledge_serve.jpg');
    align-content: center;
    justify-content: center
}

#knowledgeservices-1-carousel .slide-2 h2 {
    margin-bottom: 10px;
    font-size: 25px;
    top: 40%
}

@media(min-width:1200px) {
    #knowledgeservices-1-carousel .slide-1 .slide-mask {
        /*background-color: rgba(0,0,0,.3)*/
    }

    #knowledgeservices-1-carousel .slide-1 h2 {
        font-size: 30px
    }

    @media(min-width:576px) {
        #knowledgeservices-1-carousel .slide-1 h2 {
            font-size: 30px
        }
    }

    @media(min-width:768px) {
        #knowledgeservices-1-carousel .slide-1 h2 {
            font-size: 30px
        }
    }

    @media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) {
        #knowledgeservices-1-carousel .slide-1 h3 {
            margin-bottom: 30px
        }
    }

    @media(min-width:992px) {
        #knowledgeservices-1-carousel .slide-1 h2 {
            font-size: 30px
        }
    }

    #knowledgeservices-1-carousel .slide-1 h3 {
        margin-bottom: 50px;
        letter-spacing: 0;
        width: 58%;
        line-height: 24px
    }
}

#knowledgeservices-1-carousel .slide-2 {
    text-align: left;
    background-image: url('../../img/Data-Management.jpg')
}

    #knowledgeservices-1-carousel .slide-2 .slide-mask {
        /*background-color: rgba(0,0,0,.1)*/
    }

    #knowledgeservices-1-carousel .slide-2 h2 {
        margin-bottom: 10px;
        font-size: 30px;
        top: 30%
    }

    #knowledgeservices-1-carousel .slide-2 h3 {
        margin-bottom: 50px;
        letter-spacing: 0;
        width: 58%;
        line-height: 24px
    }

@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) {
    #knowledgeservices-1-carousel .slide-2 h3 {
        margin-bottom: 20px !important;
        width: 100% !important
    }
}

@media(min-width:768px) {
    #knowledgeservices-1-carousel .slide-2 h2 {
        font-size: 30px
    }
}

@media(min-width:992px) {
    #knowledgeservices-1-carousel .slide-2 h2 {
        font-size: 30px
    }
}

#knowledgeservices-1-carousel ul li {
    font-weight: normal;
    font-size: 15px;
    /*margin-bottom: 50px*/
}

@media(min-width:768px) {
    #knowledgeservices-1-carousel ul li {
        font-size: 15px
    }
}

@media(min-width:992px) {
    #knowledgeservices-1-carousel ul li {
        font-size: 15px
    }
}
/*
#knowledgeservices-1-carousel .slide-3 {
    background-image: url('../../img/ICRA_to_acquire.jpg')
}*/

    #knowledgeservices-1-carousel .slide-3 .slide-mask {
        /*background-color: rgba(0,0,0,.5)*/
    }

    #knowledgeservices-1-carousel .slide-3 h2 {
        margin-bottom: 20px;
        font-size: 25px
    }

@media(min-width:576px) {
    #knowledgeservices-1-carousel .slide-3 h2 {
        font-size: 30px
    }
}

@media(min-width:768px) {
    #knowledgeservices-1-carousel .slide-3 h2 {
        font-size: 30px
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) {
    #knowledgeservices-1-carousel .slide-3 h3 {
        /*margin-bottom: 20px !important;*/
        width: 100% !important
    }
}

@media(min-width:992px) {
    #knowledgeservices-1-carousel .slide-3 h2 {
        font-size: 20px
    }
}

@media(min-width:1200px) {
    #knowledgeservices-1-carousel .slide-3 h2 {
        font-size: 20px
    }
}

#knowledgeservices-1-carousel .slide-3 p {
    font-size: 14px
}

@media(min-width:768px) {
    #knowledgeservices-1-carousel .slide-3 p {
        font-size: 20px
    }
}

@media(min-width:992px) {
    #knowledgeservices-1-carousel .slide-3 p {
        font-size: 25px
    }
}

@media(min-width:1200px) {
    #knowledgeservices-1-carousel .slide-3 p {
        font-size: 18px
    }
}

#knowledgeservices-1-carousel .slide-3 h3 {
    /*margin-bottom: 50px;
    letter-spacing: 0;*/
    width: 58%;
    line-height: 24px
}

#knowledgeservices-1-carousel .slide-4 {
    background-image: url('../../img/ESG.jpg')
}

    #knowledgeservices-1-carousel .slide-4 .slide-mask {
        /*background-color: rgba(0,0,0,.1)*/
    }

    #knowledgeservices-1-carousel .slide-4 h2 {
        margin-bottom: 20px;
        font-size: 25px
    }

#knowledgeservices-1-carousel .slide-5 {
    background-image: url('../../img/Data-Analysis.jpg')
}

    #knowledgeservices-1-carousel .slide-5 .slide-mask {
        /*background-color: rgba(0,0,0,.1)*/
    }

    #knowledgeservices-1-carousel .slide-5 h2 {
        margin-bottom: 20px;
        font-size: 25px
    }

@media(min-width:576px) {
    #knowledgeservices-1-carousel .slide-4 {
        background-image: url('../../img/ESG.jpg')
    }

        #knowledgeservices-1-carousel .slide-4 h2 {
            font-size: 30px
        }

    #knowledgeservices-1-carousel .slide-5 {
        background-image: url('../../img/Data-Analysis.jpg')
    }

        #knowledgeservices-1-carousel .slide-5 h2 {
            font-size: 30px
        }
}

@media(min-width:768px) {
    #knowledgeservices-1-carousel .slide-4 {
        background-image: url('../../img/ESG.jpg')
    }

        #knowledgeservices-1-carousel .slide-4 h2 {
            font-size: 35px
        }

    #knowledgeservices-1-carousel .slide-5 {
        background-image: url('../../img/Data-Analysis.jpg')
    }

        #knowledgeservices-1-carousel .slide-5 h2 {
            font-size: 35px
        }
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) {
    #knowledgeservices-1-carousel .slide-4 h3 {
        margin-bottom: 20px !important;
        width: 100% !important
    }

    #knowledgeservices-1-carousel .slide-5 h3 {
        margin-bottom: 20px !important;
        width: 100% !important
    }
}

@media(min-width:992px) {
    #knowledgeservices-1-carousel .slide-4 {
        background-image: url('../../img/ESG.jpg')
    }

        #knowledgeservices-1-carousel .slide-4 h2 {
            font-size: 30px
        }

    #knowledgeservices-1-carousel .slide-5 {
        background-image: url('../../img/Data-Analysis.jpg')
    }

        #knowledgeservices-1-carousel .slide-5 h2 {
            font-size: 30px
        }
}

@media(min-width:1200px) {
    #knowledgeservices-1-carousel .slide-4 h2 {
        font-size: 30px
    }

    #knowledgeservices-1-carousel .slide-5 h2 {
        font-size: 30px
    }
}

#knowledgeservices-1-carousel .slide-4 h3 {
    margin-bottom: 50px;
    letter-spacing: 0;
    width: 58%;
    line-height: 24px
}

#knowledgeservices-1-carousel .slide-5 h3 {
    margin-bottom: 50px;
    letter-spacing: 0;
    width: 58%;
    line-height: 24px;
    color: #273a93;
    font-weight: 600;
}

#knowledgeservices-1-carousel .slide-4 p {
    font-size: 14px
}

#knowledgeservices-1-carousel .slide-5 p {
    font-size: 14px
}

@media(min-width:768px) {
    #knowledgeservices-1-carousel .slide-4 p {
        font-size: 20px
    }

    #knowledgeservices-1-carousel .slide-5 p {
        font-size: 20px
    }
}

@media(min-width:992px) {
    #knowledgeservices-1-carousel .slide-4 p {
        font-size: 25px
    }

    #knowledgeservices-1-carousel .slide-5 p {
        font-size: 25px
    }
}

@media(min-width:1200px) {
    #knowledgeservices-1-carousel .slide-4 p {
        font-size: 18px
    }

    #knowledgeservices-1-carousel .slide-5 p {
        font-size: 18px
    }
}

.jumbotron-carousel1 {
    background: 0 0;
    height: auto;
    padding: 0
}

    .jumbotron-carousel1 .owl-carousel .owl-nav button.owl-prev {
        left: 30px !important
    }

    .jumbotron-carousel1 .owl-carousel .owl-nav button.owl-next {
        right: 30px !important
    }

    .jumbotron-carousel1 .owl-carousel .item {
        position: relative;
        background-size: cover;
        height: 300px
    }

@media(min-width:992px) {
    .jumbotron-carousel1 .owl-carousel .item {
        height: 300px
    }
}

@media(min-width:1200px) {
    .jumbotron-carousel1 .owl-carousel .item {
        height: 300px
    }
}

.jumbotron-carousel1 .owl-carousel .slide-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0)
}

.jumbotron-carousel1 .owl-carousel .slide-body {
    position: absolute;
    top: 10%;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 15px;
    display: flex;
    align-items: center
}
.jumbotron-carousel1 .owl-carousel .slide-1 .slide-body {
    position: absolute;
    top: 35%;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 15px;
    display: flex;
    align-items: center
}



@media(min-width:576px) {
    .jumbotron-carousel1 .owl-carousel .slide-body {
        padding: 0 30px
    }
}

@media(min-width:768px) {
    .jumbotron-carousel1 h2 {
        font-size: 30px
    }

    .jumbotron-carousel1 .owl-carousel .slide-body {
        padding: 0 100px
    }
}

.jumbotron-carousel1 h2 {
    color: #ffc933;
    margin: 0 0 20px;
    text-transform: uppercase;
    font-weight: 600
}

.jumbotron-carousel1 h3 {
    color: #fff;
    font-size: 18px;
    margin: 0 0 20px;
    font-weight: 300;
    font-family: 'Nunito Sans',sans-serif !important
}

@media(min-width:992px) {
    .jumbotron-carousel1 h3 {
        font-size: 18px
    }
}

.jumbotron-carousel1 ul li {
    color: #fff;
    font-size: 24px;
    padding: 3px 0;
    position: relative
}

.jumbotron-carousel1 p {
    color: #fff;
    font-size: 20px
}
/*Homepage client speak*/
.testim1 .wrap {
    position: relative;
    width: 100%;
    max-width: 1020px;
    padding: 40px 20px;
    margin: auto
}

.testim1 .arrow {
    display: block;
    position: absolute;
    cursor: pointer;
    color: #333045;
    font-size: 13px;
    top: 30%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding: 5px;
    z-index: 22222222;
    font-weight: 800 !important
}

    .testim1 .arrow:before {
        cursor: pointer
    }

    .testim1 .arrow:hover {
        color: #333045;
        font-size: 13px
    }

    .testim1 .arrow.left {
        left: 10px;
        border-right: 1px solid #e4e4e4;
        padding-right: 45px;
        line-height: 40px
    }

    .testim1 .arrow.right {
        right: 10px;
        border-left: 1px solid #e4e4e4;
        padding-left: 45px;
        line-height: 40px
    }

.testim1 .dots {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 60px;
    left: 0;
    display: block;
    z-index: 3333;
    height: 12px
}

    .testim1 .dots .dot {
        list-style-type: none;
        display: inline-block;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        border: 1px solid #fff;
        margin: 0 10px;
        cursor: pointer;
        -webkit-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        position: relative
    }

        .testim1 .dots .dot.active, .testim1 .dots .dot:hover {
            background: #fff;
            border-color: #fff
        }

.testim1 .cont {
    position: relative;
    overflow: hidden;
    padding: 0 2%
}

    .testim1 .cont > div {
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
        padding: 0 0 60px 0;
        opacity: 0
    }

        /*.testim1 .cont > div.inactive {
            opacity: 1
        }*/

        .testim1 .cont > div.active {
            position: relative;
            opacity: 1
        }

    .testim1 .cont div .img img {
        display: block;
        width: 100px;
        height: 100px;
        margin: auto;
        border-radius: 50%
    }

    .testim1 .cont div .h4 {
        color: #2b288d;
        font-size: 1.2em;
        margin: 15px 0
    }

    .testim1 .cont div p {
        font-size: 1.1em;
        color: #828282;
        width: 85%;
        margin: auto
    }

    .testim1 .cont div.active .img img {
        -webkit-animation: testim1-show .5s ease-in-out forwards;
        -moz-animation: testim1-show .5s ease-in-out forwards;
        -ms-animation: testim1-show .5s ease-in-out forwards;
        -o-animation: testim1-show .5s ease-in-out forwards;
        animation: testim1-show .5s ease-in-out forwards
    }

    .testim1 .cont div.active .h4 {
        -webkit-animation: testim1-content-in .4s ease-in-out forwards;
        -moz-animation: testim1-content-in .4s ease-in-out forwards;
        -ms-animation: testim1-content-in .4s ease-in-out forwards;
        -o-animation: testim1-content-in .4s ease-in-out forwards;
        animation: testim1-content-in .4s ease-in-out forwards
    }

    .testim1 .cont div.active p {
        -webkit-animation: testim1-content-in .5s ease-in-out forwards;
        -moz-animation: testim1-content-in .5s ease-in-out forwards;
        -ms-animation: testim1-content-in .5s ease-in-out forwards;
        -o-animation: testim1-content-in .5s ease-in-out forwards;
        animation: testim1-content-in .5s ease-in-out forwards
    }

    .testim1 .cont div.inactive .img img {
        -webkit-animation: testim1-hide .5s ease-in-out forwards;
        -moz-animation: testim1-hide .5s ease-in-out forwards;
        -ms-animation: testim1-hide .5s ease-in-out forwards;
        -o-animation: testim1-hide .5s ease-in-out forwards;
        animation: testim1-hide .5s ease-in-out forwards
    }

    .testim1 .cont div.inactive .h4 {
        -webkit-animation: testim1-content-out .4s ease-in-out forwards;
        -moz-animation: testim1-content-out .4s ease-in-out forwards;
        -ms-animation: testim1-content-out .4s ease-in-out forwards;
        -o-animation: testim1-content-out .4s ease-in-out forwards;
        animation: testim1-content-out .4s ease-in-out forwards
    }

    .testim1 .cont div.inactive p {
        -webkit-animation: testim1-content-out .5s ease-in-out forwards;
        -moz-animation: testim1-content-out .5s ease-in-out forwards;
        -ms-animation: testim1-content-out .5s ease-in-out forwards;
        -o-animation: testim1-content-out .5s ease-in-out forwards;
        animation: testim1-content-out .5s ease-in-out forwards
    }

@-webkit-keyframes testim1-scale {
    0% {
        -webkit-box-shadow: 0 0 0 0 #eee;
        box-shadow: 0 0 0 0 #eee
    }

    35% {
        -webkit-box-shadow: 0 0 10px 5px #eee;
        box-shadow: 0 0 10px 5px #eee
    }

    70% {
        -webkit-box-shadow: 0 0 10px 5px #ea830e;
        box-shadow: 0 0 10px 5px #ea830e
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 #ea830e;
        box-shadow: 0 0 0 0 #ea830e
    }
}

@-moz-keyframes testim1-scale {
    0% {
        -moz-box-shadow: 0 0 0 0 #eee;
        box-shadow: 0 0 0 0 #eee
    }

    35% {
        -moz-box-shadow: 0 0 10px 5px #eee;
        box-shadow: 0 0 10px 5px #eee
    }

    70% {
        -moz-box-shadow: 0 0 10px 5px #ea830e;
        box-shadow: 0 0 10px 5px #ea830e
    }

    100% {
        -moz-box-shadow: 0 0 0 0 #ea830e;
        box-shadow: 0 0 0 0 #ea830e
    }
}

@-ms-keyframes testim1-scale {
    0% {
        -ms-box-shadow: 0 0 0 0 #eee;
        box-shadow: 0 0 0 0 #eee
    }

    35% {
        -ms-box-shadow: 0 0 10px 5px #eee;
        box-shadow: 0 0 10px 5px #eee
    }

    70% {
        -ms-box-shadow: 0 0 10px 5px #ea830e;
        box-shadow: 0 0 10px 5px #ea830e
    }

    100% {
        -ms-box-shadow: 0 0 0 0 #ea830e;
        box-shadow: 0 0 0 0 #ea830e
    }
}

@-o-keyframes testim1-scale {
    0% {
        -o-box-shadow: 0 0 0 0 #eee;
        box-shadow: 0 0 0 0 #eee
    }

    35% {
        -o-box-shadow: 0 0 10px 5px #eee;
        box-shadow: 0 0 10px 5px #eee
    }

    70% {
        -o-box-shadow: 0 0 10px 5px #ea830e;
        box-shadow: 0 0 10px 5px #ea830e
    }

    100% {
        -o-box-shadow: 0 0 0 0 #ea830e;
        box-shadow: 0 0 0 0 #ea830e
    }
}

@keyframes testim1-scale {
    0% {
        box-shadow: 0 0 0 0 #eee
    }

    35% {
        box-shadow: 0 0 10px 5px #eee
    }

    70% {
        box-shadow: 0 0 10px 5px #ea830e
    }

    100% {
        box-shadow: 0 0 0 0 #ea830e
    }
}

@-webkit-keyframes testim1-content-in {
    from {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes testim1-content-in {
    from {
        opacity: 0;
        -moz-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-ms-keyframes testim1-content-in {
    from {
        opacity: 0;
        -ms-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes testim1-content-in {
    from {
        opacity: 0;
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes testim1-content-in {
    from {
        opacity: 0;
        transform: translateY(100%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes testim1-content-out {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-moz-keyframes testim1-content-out {
    from {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -moz-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-ms-keyframes testim1-content-out {
    from {
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -ms-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-o-keyframes testim1-content-out {
    from {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes testim1-content-out {
    from {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-100%)
    }
}

@-webkit-keyframes testim1-show {
    from {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes testim1-show {
    from {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0)
    }

    to {
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-ms-keyframes testim1-show {
    from {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0)
    }

    to {
        opacity: 1;
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes testim1-show {
    from {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0)
    }

    to {
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes testim1-show {
    from {
        opacity: 0;
        transform: scale(0)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes testim1-hide {
    from {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@-moz-keyframes testim1-hide {
    from {
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0)
    }
}

@-ms-keyframes testim1-hide {
    from {
        opacity: 1;
        -ms-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0)
    }
}

@-o-keyframes testim1-hide {
    from {
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes testim1-hide {
    from {
        opacity: 1;
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(0)
    }
}

@media all and (max-width:500px) {
    .testim1 .arrow {
        font-size: 1em
    }

    .testim1 .cont div p {
        line-height: 25px
    }

    /*.testim1 .cont > div {
        padding: 0 0 20px 0
    }*/

    .testim1 .arrow.left {
        left: 7px;
        border-right: 1px solid #e4e4e4;
        padding-right: 45px;
        top: 15px
    }

    .testim1 .arrow.right {
        right: 7px;
        border-left: 1px solid #e4e4e4;
        padding-left: 45px;
        top: 15px
    }
}



.feature-info-style-03 .feature-info-img {
    margin-bottom: 10px;
}
.feature-info-style-03 .feature-info-number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid #eeeeee;
    position: relative;
}
    .feature-info-style-03 .feature-info-number .feature-contant {
        width: 80%;
    }
        .feature-info-style-03 .feature-info-number .feature-contant h5{
            color:#000;
        }
        .feature-info-style-03 .feature-info-number .feature-contant p {
            color: #000;
        }
    .feature-info-style-03 .feature-info-number:after {
        content: "";
        height: 2px;
        background: gray;
        width: 0%;
        position: absolute;
        bottom: -2px;
        transition: all 0.3s ease-in-out;
    }

    .feature-info-style-03 .feature-info-number .feature-contant {
        width: 80%;
    }

        .feature-info-style-03 .feature-info-number .feature-contant p {
            margin-bottom: 0px;
        }

    .feature-info-style-03 .feature-info-number span {
        color: #273a93;
        font-size: 30px;
        line-height: 1;
        font-weight: bold;
        opacity: 0.1;
        position: absolute;
        right: 0;
        width: 20%;
        text-align: right;
    }

    .feature-info-style-03 .feature-info-number .feature-info-title {
        align-self: center;
    }

.feature-info-style-03:hover .feature-info-number:after {
    width: 100%;
    background: #223691;
}

.feature-info-style-03:hover .feature-info-number span {
    color: #223691;
    opacity: 0.5;
}

.feature-info-style-03 .feature-info-content p {
    align-self: center;
}
    .feature-info,
    .feature-info .feature-info-icon,
    .feature-info .feature-info-content,
    .feature-info .feature-info-content .feature-info-title,
    .feature-info .feature-info-content p,
    .feature-info-style-05 .feature-info-icon i,
    .feature-info-style-05 .feature-info-icon i:after,
    .feature-info-style-03 .feature-info-number,
    .feature-info-style-03 .feature-info-number span,
    .feature-info-style-08 .feature-info-item .feature-info-number span,
    .feature-info-style-08 .feature-info-item .feature-info-number span:after {
        transition: all 0.3s ease-in-out;
    }

.more-news-area .more-news .more-slider .more-item .more-content .img-content ul li:first-child {
    font-size: 12px;
    color: #fff;
    background: #213490 ;
    padding: 4px 12px 3px;
    font-weight: 400;
    text-transform: uppercase;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    margin-right: 20px;
}
.sec-title {
    border-bottom: 1px solid #d3d2d2;
    padding-bottom: 8px;
    margin-bottom: 25px;
}
.more-news-area .more-news .sec-title h5 {
    color: #444444;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
}
.sec-title h5:before {
    position: absolute;
    content: '';
    background: #213490;
    width: 95px;
    height: 1px;
    /* bottom: -13px; */
    left: 15px;
    top: 38px;
}


.feed-wrapper .post-content .post-title {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
}
header .contact_no {
    position: absolute;
    top: 0px;
    font-size: 14px;
    color: #0028a0;
    font-weight: 700;
    padding: 6px;
    /* margin-right: 11px; */
    background: #ffc832;
    -webkit-border-radius: 0 0 15px 15px;
    -moz-border-radius: 0 0 15px 15px;
    border-radius: 0 0 15px 15px;
    right: 127px;
}
/*Sidebar- insights*/
.sidebar__widget {
    border: 1px solid #DADBEC;
    padding: 26px 30px 30px;
   /* -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;*/
    margin-bottom: 40px;
    /*-webkit-box-shadow: 0px 0px 8px 1px rgba(2, 45, 98, 0.1);
    box-shadow: 0px 0px 8px 1px rgba(2, 45, 98, 0.1);*/
}
.sidebar__widget-title {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 22px;
    padding-bottom: 12px;
    position: relative;
}
    .sidebar__widget-title::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 30px;
        height: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        background: #ffc933;
    }
.sidebar__post-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 30px;
}
.sidebar__post-thumb {
    width: 80px;
    flex: 0 0 auto;
}
    .sidebar__post-thumb img {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
    }
.sidebar__post-content .title {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: 'Nunito Sans', sans-serif !important;
}
.sidebar__post-content .date {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    color: #83849E;
    font-size: 13px;
    gap: 5px;
}
    .sidebar__post-content .date i {
        line-height: 0;
    }

.case-study {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
.case-study-style-02:before {
    position: absolute;
    width: 100%;
    height: 0;
    left: 0;
    bottom: 0;
    top: 0;
    content: "";
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.case-study .case-study-img.case-study-lg {
    min-height: 300px;
}

.case-study .case-study-img {
    background-size: cover;
    min-height: 149px;
    border-radius: 0px;
    background-position: center center;
}

.bg-holder {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
}
.case-study .case-study-info {
    padding: 20px;
    width: 90%;
    position: absolute;
    left: 50%;
    bottom: 20px;
    z-index: 2;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    background: #ffffff;
}
.case-study:hover .case-study-info {
    opacity: 1;
    bottom: 40px;
}

.case-study-style-02 .case-study-info {
    background: #ffffff;
    border-radius: 3px;
}

.eq-style2 {
    background: #FFC933;
    display:flex;
}
.eq-pad{
    padding:30px!important;
}
.key-bg {
    background: linear-gradient(90deg, rgb(223 243 218) 0%, rgba(255, 255, 255, 1) 65%);
}
.esg-bg-white {
    background: #fff;
    padding: 15px;
    color: #222222;
    font-size: 13px;
    
    border-radius: 4px;
    border-bottom: #FFC933 solid 2px;
    min-height:200px
}
    .esg-bg-white p {
        line-height: 21px;
    }
.esg-bg-white1 {
    background: #fff;
    padding: 15px;
    color: #222222;
    font-size: 13px;
    line-height: 16px;
    border-radius: 4px;
    border-bottom: #FFC933 solid 2px;
    height: 417px;
}
.brsr-bg {
    background-image: url(/img/BRSR_bg.jpg);
}
.brsr-text-bg {
    background: rgb(246 246 246 / 66%);
    color: #273A93;
    margin-top: 30px;
    font-family: Cambria !important;
    line-height: 35px;
    padding: 20px 20px 20px 170px;
    text-align: left;
}