body,
        html {
            -moz-osx-font-smoothing: grayscale
        }
        
        body {
            background-color: #fff;
            font-family: Poppins, sans-serif;
            font-size: 16px;
            font-weight: 400;
            color: #6f6f6f;
            padding: 0;
            margin: 0;
            overflow-x: hidden;
            -webkit-font-smoothing: antialiased;
            font-smoothing: antialiased
        }
        
        a {
            color: #efbb20;
            outline: 0 none;
            text-decoration: none
        }
        
        a:focus,
        a:hover {
            text-decoration: none;
            outline: 0 none
        }
        
        a:active,
        a:hover {
            color: #333
        }
        
        p a {
            color: #333
        }
        
        img {
            border-style: none;
            height: auto;
            max-width: 100%;
            vertical-align: middle
        }
        
        hr {
            clear: both
        }
        
        button,
        select {
            outline: 0
        }
        
        article,
        aside,
        details,
        figcaption,
        figure,
        footer,
        header,
        hgroup,
        main,
        menu,
        nav,
        section,
        summary {
            display: block
        }
        
        address {
            font-style: italic
        }
        
        table {
            background-color: transparent;
            width: 100%
        }
        
        table thead th {
            color: #333
        }
        
        table td {
            padding: 15px 10px
        }
        
        address,
        dd,
        dl,
        hr,
        ol,
        p,
        pre,
        table,
        ul {
            margin-bottom: 24px
        }
        
         ::selection {
            color: #000;
            background: #dbdbdb
        }
        
         ::-moz-selection {
            color: #000;
            background: #dbdbdb
        }
        
        .overflow-hide {
            overflow: hidden
        }
        
        .overflow-auto {
            overflow: auto
        }
        
        .clear {
            clear: both
        }
        
        .pull-none {
            float: none
        }
        
         ::-moz-selection {
            background: #3396d1;
            color: #fff
        }
        
         ::selection {
            background: #3396d1;
            color: #fff
        }
        
        .op {
            font-family: 'Open Sans', sans-serif
        }
        
        .dis-block {
            display: block;
            width: 100%
        }
        
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            color: #232323;
            font-family: Poppins, sans-serif
        }
        
        h1 a,
        h2 a,
        h3 a,
        h4 a,
        h5 a,
        h6 a {
            color: #232323
        }
        
        h1 {
            font-size: 36px;
            line-height: 45px;
            margin-bottom: 25px
        }
        
        h2 {
            font-size: 32px;
            line-height: 45px;
            margin-bottom: 25px
        }
        
        h3 {
            font-size: 28px;
            line-height: 35px;
            margin-bottom: 20px
        }
        
        h4 {
            font-size: 22px;
            line-height: 28px;
            margin-bottom: 15px
        }
        
        h5 {
            font-size: 18px;
            line-height: 24px;
            margin-bottom: 10px
        }
        
        h6 {
            font-size: 16px;
            line-height: 22px;
            margin-bottom: 10px
        }
        
        p {
            line-height: 20px;
            margin-bottom: 24px
        }
        
        strong {
            font-weight: 400
        }
        
        .bg-primary,
        .bg-primary a:hover {
            color: #fff
        }
        
        .text-left {
            text-align: left
        }
        
        .text-center {
            text-align: center
        }
        
        .text-right {
            text-align: right
        }
        
        .text-justify {
            text-align: justify
        }
        
        .v-align-t {
            vertical-align: top
        }
        
        .v-align-m {
            vertical-align: middle
        }
        
        .v-align-b {
            vertical-align: bottom
        }
        
        .text-nowrap {
            white-space: nowrap
        }
        
        .text-lowercase {
            text-transform: lowercase
        }
        
        .text-uppercase {
            text-transform: uppercase
        }
        
        .text-capitalize {
            text-transform: capitalize
        }
        
        .font-10 {
            font-size: 10px
        }
        
        .font-12 {
            font-size: 12px
        }
        
        .font-13 {
            font-size: 13px
        }
        
        .font-14 {
            font-size: 14px
        }
        
        .font-16 {
            font-size: 16px
        }
        
        .font-18 {
            font-size: 18px
        }
        
        .font-20 {
            font-size: 20px
        }
        
        .font-22 {
            font-size: 22px
        }
        
        .font-24 {
            font-size: 24px
        }
        
        .font-26 {
            font-size: 26px
        }
        
        .font-30 {
            font-size: 30px;
            line-height: 40px
        }
        
        .font-35 {
            font-size: 35px;
            line-height: 45px
        }
        
        .font-40 {
            font-size: 40px;
            line-height: 50px
        }
        
        .font-45 {
            font-size: 45px;
            line-height: 55px
        }
        
        .font-50 {
            font-size: 50px;
            line-height: 65px
        }
        
        .font-55 {
            font-size: 55px;
            line-height: 65px
        }
        
        .font-60 {
            font-size: 60px;
            line-height: 70px
        }
        
        .font-70 {
            font-size: 70px;
            line-height: 80px
        }
        
        .font-75 {
            font-size: 75px;
            line-height: 85px
        }
        
        .font-80 {
            font-size: 80px;
            line-height: 90px
        }
        
        .font-90 {
            font-size: 90px;
            line-height: 100px
        }
        
        .font-100 {
            font-size: 100px;
            line-height: 110px
        }
        
        .font-weight-300 {
            font-weight: 300
        }
        
        .font-weight-400 {
            font-weight: 400
        }
        
        .font-weight-500 {
            font-weight: 500
        }
        
        .font-weight-600 {
            font-weight: 600
        }
        
        .font-weight-700 {
            font-weight: 700
        }
        
        .font-weight-800 {
            font-weight: 800
        }
        
        .font-weight-900 {
            font-weight: 900
        }
        
        dl,
        ol,
        ul {
            list-style-position: outside;
            padding: 0
        }
        
        ol,
        ul {
            margin-bottom: 24px
        }
        
        ol li,
        ul li {
            padding: 0
        }
        
        dl {
            margin-left: 0;
            margin-bottom: 30px
        }
        
        dl dd {
            margin-bottom: 10px
        }
        
        .list-inline>li {
            padding-left: 2px;
            padding-right: 2px;
            display: inline-block
        }
        
        .p-a0 {
            padding: 0
        }
        
        .p-a5 {
            padding: 5px
        }
        
        .p-a10 {
            padding: 10px
        }
        
        .p-a15 {
            padding: 15px
        }
        
        .p-a20 {
            padding: 20px
        }
        
        .p-a25 {
            padding: 25px
        }
        
        .p-a30 {
            padding: 30px
        }
        
        .p-a40 {
            padding: 40px
        }
        
        .p-a50 {
            padding: 50px
        }
        
        .p-a60 {
            padding: 60px
        }
        
        .p-a70 {
            padding: 70px
        }
        
        .p-a80 {
            padding: 80px
        }
        
        .p-a90 {
            padding: 90px
        }
        
        .p-a100 {
            padding: 100px
        }
        
        .p-t0 {
            padding-top: 0
        }
        
        .p-t5 {
            padding-top: 5px
        }
        
        .p-t10 {
            padding-top: 10px
        }
        
        .p-t15 {
            padding-top: 15px
        }
        
        .p-t20 {
            padding-top: 20px
        }
        
        .p-t30 {
            padding-top: 30px
        }
        
        .p-t40 {
            padding-top: 40px
        }
        
        .p-t50 {
            padding-top: 50px
        }
        
        .p-t60 {
            padding-top: 60px
        }
        
        .p-t70 {
            padding-top: 70px
        }
        
        .p-t80 {
            padding-top: 80px
        }
        
        .p-t90 {
            padding-top: 90px
        }
        
        .p-t100 {
            padding-top: 100px
        }
        
        .p-b0 {
            padding-bottom: 0
        }
        
        .p-b5 {
            padding-bottom: 5px
        }
        
        .p-b10 {
            padding-bottom: 10px
        }
        
        .p-b15 {
            padding-bottom: 15px
        }
        
        .p-b20 {
            padding-bottom: 20px
        }
        
        .p-b30 {
            padding-bottom: 30px
        }
        
        .p-b40 {
            padding-bottom: 40px
        }
        
        .p-b50 {
            padding-bottom: 50px
        }
        
        .p-b60 {
            padding-bottom: 60px
        }
        
        .p-b70 {
            padding-bottom: 70px
        }
        
        .p-b80 {
            padding-bottom: 80px
        }
        
        .p-b90 {
            padding-bottom: 90px
        }
        
        .p-b100 {
            padding-bottom: 100px
        }
        
        .p-l0 {
            padding-left: 0
        }
        
        .p-l5 {
            padding-left: 5px
        }
        
        .p-l10 {
            padding-left: 10px
        }
        
        .p-l15 {
            padding-left: 15px
        }
        
        .p-l20 {
            padding-left: 20px
        }
        
        .p-l30 {
            padding-left: 30px
        }
        
        .p-l40 {
            padding-left: 40px
        }
        
        .p-l50 {
            padding-left: 50px
        }
        
        .p-l60 {
            padding-left: 60px
        }
        
        .p-l70 {
            padding-left: 70px
        }
        
        .p-l80 {
            padding-left: 80px
        }
        
        .p-l90 {
            padding-left: 90px
        }
        
        .p-l100 {
            padding-left: 100px
        }
        
        .p-r0 {
            padding-right: 0
        }
        
        .p-r5 {
            padding-right: 5px
        }
        
        .p-r10 {
            padding-right: 10px
        }
        
        .p-r15 {
            padding-right: 15px
        }
        
        .p-r20 {
            padding-right: 20px
        }
        
        .p-r30 {
            padding-right: 30px
        }
        
        .p-r40 {
            padding-right: 40px
        }
        
        .p-r50 {
            padding-right: 50px
        }
        
        .p-r60 {
            padding-right: 60px
        }
        
        .p-r70 {
            padding-right: 70px
        }
        
        .p-r80 {
            padding-right: 80px
        }
        
        .p-r90 {
            padding-right: 90px
        }
        
        .p-r100 {
            padding-right: 100px
        }
        
        .p-lr0 {
            padding-left: 0;
            padding-right: 0
        }
        
        .p-lr5 {
            padding-left: 5px;
            padding-right: 5px
        }
        
        .p-lr10 {
            padding-left: 10px;
            padding-right: 10px
        }
        
        .p-lr15 {
            padding-left: 15px;
            padding-right: 15px
        }
        
        .p-lr20 {
            padding-left: 20px;
            padding-right: 20px
        }
        
        .p-lr30 {
            padding-left: 30px;
            padding-right: 30px
        }
        
        .p-lr40 {
            padding-left: 40px;
            padding-right: 40px
        }
        
        .p-lr50 {
            padding-left: 50px;
            padding-right: 50px
        }
        
        .p-lr60 {
            padding-left: 60px;
            padding-right: 60px
        }
        
        .p-lr70 {
            padding-left: 70px;
            padding-right: 70px
        }
        
        .p-lr80 {
            padding-left: 80px;
            padding-right: 80px
        }
        
        .p-lr90 {
            padding-left: 90px;
            padding-right: 90px
        }
        
        .p-lr100 {
            padding-left: 100px;
            padding-right: 100px
        }
        
        .p-tb0 {
            padding-bottom: 0;
            padding-top: 0
        }
        
        .p-tb5 {
            padding-bottom: 5px;
            padding-top: 5px
        }
        
        .p-tb10 {
            padding-bottom: 10px;
            padding-top: 10px
        }
        
        .p-tb15 {
            padding-bottom: 15px;
            padding-top: 15px
        }
        
        .p-tb20 {
            padding-bottom: 20px;
            padding-top: 20px
        }
        
        .p-tb30 {
            padding-bottom: 30px;
            padding-top: 30px
        }
        
        .p-tb40 {
            padding-bottom: 40px;
            padding-top: 40px
        }
        
        .p-tb50 {
            padding-bottom: 50px;
            padding-top: 50px
        }
        
        .p-tb60 {
            padding-bottom: 60px;
            padding-top: 60px
        }
        
        .p-tb70 {
            padding-bottom: 70px;
            padding-top: 70px
        }
        
        .p-tb80 {
            padding-bottom: 80px;
            padding-top: 80px
        }
        
        .p-tb90 {
            padding-bottom: 90px;
            padding-top: 90px
        }
        
        .p-tb100 {
            padding-bottom: 100px;
            padding-top: 100px
        }
        
        .m-auto {
            margin: auto
        }
        
        .m-a0 {
            margin: 0
        }
        
        .m-a5 {
            margin: 5px
        }
        
        .m-a10 {
            margin: 10px
        }
        
        .m-a15 {
            margin: 15px
        }
        
        .m-a20 {
            margin: 20px
        }
        
        .m-a30 {
            margin: 30px
        }
        
        .m-a40 {
            margin: 40px
        }
        
        .m-a50 {
            margin: 50px
        }
        
        .m-a60 {
            margin: 60px
        }
        
        .m-a70 {
            margin: 70px
        }
        
        .m-a80 {
            margin: 80px
        }
        
        .m-a90 {
            margin: 90px
        }
        
        .m-a100 {
            margin: 100px
        }
        
        .m-t0 {
            margin-top: 0
        }
        
        .m-t5 {
            margin-top: 5px
        }
        
        .m-t10 {
            margin-top: 10px
        }
        
        .m-t15 {
            margin-top: 15px
        }
        
        .m-t20 {
            margin-top: 20px
        }
        
        .m-t30 {
            margin-top: 30px
        }
        
        .m-t40 {
            margin-top: 40px
        }
        
        .m-t50 {
            margin-top: 50px
        }
        
        .m-t60 {
            margin-top: 60px
        }
        
        .m-t70 {
            margin-top: 70px
        }
        
        .m-t80 {
            margin-top: 80px
        }
        
        .m-t90 {
            margin-top: 90px
        }
        
        .m-t100 {
            margin-top: 100px
        }
        
        .m-b0 {
            margin-bottom: 0
        }
        
        .m-b5 {
            margin-bottom: 5px
        }
        
        .m-b10 {
            margin-bottom: 10px
        }
        
        .m-b15 {
            margin-bottom: 15px
        }
        
        .m-b20 {
            margin-bottom: 20px
        }
        
        .m-b30 {
            margin-bottom: 30px
        }
        
        .m-b40 {
            margin-bottom: 40px
        }
        
        .m-b50 {
            margin-bottom: 50px
        }
        
        .m-b60 {
            margin-bottom: 60px
        }
        
        .m-b70 {
            margin-bottom: 70px
        }
        
        .m-b80 {
            margin-bottom: 80px
        }
        
        .m-b90 {
            margin-bottom: 90px
        }
        
        .m-b100 {
            margin-bottom: 100px
        }
        
        .m-l0 {
            margin-left: 0
        }
        
        .m-l5 {
            margin-left: 5px
        }
        
        .m-l10 {
            margin-left: 10px
        }
        
        .m-l15 {
            margin-left: 15px
        }
        
        .m-l20 {
            margin-left: 20px
        }
        
        .m-l30 {
            margin-left: 30px
        }
        
        .m-l40 {
            margin-left: 40px
        }
        
        .m-l50 {
            margin-left: 50px
        }
        
        .m-l60 {
            margin-left: 60px
        }
        
        .m-l70 {
            margin-left: 70px
        }
        
        .m-l80 {
            margin-left: 80px
        }
        
        .m-l90 {
            margin-left: 90px
        }
        
        .m-l100 {
            margin-left: 100px
        }
        
        .m-r0 {
            margin-right: 0
        }
        
        .m-r5 {
            margin-right: 5px
        }
        
        .m-r10 {
            margin-right: 10px
        }
        
        .m-r15 {
            margin-right: 15px
        }
        
        .m-r20 {
            margin-right: 20px
        }
        
        .m-r30 {
            margin-right: 30px
        }
        
        .m-r40 {
            margin-right: 40px
        }
        
        .m-r50 {
            margin-right: 50px
        }
        
        .m-r60 {
            margin-right: 60px
        }
        
        .m-r70 {
            margin-right: 70px
        }
        
        .m-r80 {
            margin-right: 80px
        }
        
        .m-r90 {
            margin-right: 90px
        }
        
        .m-r100 {
            margin-right: 100px
        }
        
        .m-lr0 {
            margin-left: 0;
            margin-right: 0
        }
        
        .m-lr5 {
            margin-left: 5px;
            margin-right: 5px
        }
        
        .m-lr10 {
            margin-left: 10px;
            margin-right: 10px
        }
        
        .m-lr15 {
            margin-left: 15px;
            margin-right: 15px
        }
        
        .m-lr20 {
            margin-left: 20px;
            margin-right: 20px
        }
        
        .m-lr30 {
            margin-left: 30px;
            margin-right: 30px
        }
        
        .m-lr40 {
            margin-left: 40px;
            margin-right: 40px
        }
        
        .m-lr50 {
            margin-left: 50px;
            margin-right: 50px
        }
        
        .m-lr60 {
            margin-left: 60px;
            margin-right: 60px
        }
        
        .m-lr70 {
            margin-left: 70px;
            margin-right: 70px
        }
        
        .m-lr80 {
            margin-left: 80px;
            margin-right: 80px
        }
        
        .m-lr90 {
            margin-left: 90px;
            margin-right: 90px
        }
        
        .m-lr100 {
            margin-left: 100px;
            margin-right: 100px
        }
        
        .m-tb0 {
            margin-bottom: 0;
            margin-top: 0
        }
        
        .m-tb5 {
            margin-bottom: 5px;
            margin-top: 5px
        }
        
        .m-tb10 {
            margin-bottom: 10px;
            margin-top: 10px
        }
        
        .m-tb15 {
            margin-bottom: 15px;
            margin-top: 15px
        }
        
        .m-tb20 {
            margin-bottom: 20px;
            margin-top: 20px
        }
        
        .m-tb30 {
            margin-bottom: 30px;
            margin-top: 30px
        }
        
        .m-tb40 {
            margin-bottom: 40px;
            margin-top: 40px
        }
        
        .m-tb50 {
            margin-bottom: 50px;
            margin-top: 50px
        }
        
        .m-tb60 {
            margin-bottom: 60px;
            margin-top: 60px
        }
        
        .m-tb70 {
            margin-bottom: 70px;
            margin-top: 70px
        }
        
        .m-tb80 {
            margin-bottom: 80px;
            margin-top: 80px
        }
        
        .m-tb90 {
            margin-bottom: 90px;
            margin-top: 90px
        }
        
        .m-tb100 {
            margin-bottom: 100px;
            margin-top: 100px
        }
        
        .no-col-gap [class*=col-lg-],
        .no-col-gap [class*=col-md-],
        .no-col-gap [class*=col-sm-],
        .no-col-gap [class*=col-xs-] {
            padding-left: 0;
            padding-right: 0
        }
        
        .max-w50 {
            max-width: 50px
        }
        
        .max-w60 {
            max-width: 60px
        }
        
        .max-w80 {
            max-width: 80px
        }
        
        .max-w100 {
            max-width: 100px
        }
        
        .max-w200 {
            max-width: 200px
        }
        
        .max-w300 {
            max-width: 300px
        }
        
        .max-w400 {
            max-width: 400px
        }
        
        .max-w500 {
            max-width: 500px
        }
        
        .max-w600 {
            max-width: 600px
        }
        
        .max-w700 {
            max-width: 700px
        }
        
        .max-w800 {
            max-width: 800px
        }
        
        .max-w900 {
            max-width: 900px
        }
        
        .max-w1000 {
            max-width: 1000px
        }
        
        .absolute {
            position: absolute
        }
        
        .relative {
            position: relative
        }
        
        .static {
            position: static
        }
        
        .z-index1 {
            z-index: 1
        }
        
        .z-index2 {
            z-index: 2
        }
        
        .z-index3 {
            z-index: 3
        }
        
        .z-index4 {
            z-index: 4
        }
        
        .z-index5 {
            z-index: 5
        }
        
        .z-index6 {
            z-index: 6
        }
        
        .z-index7 {
            z-index: 7
        }
        
        .z-index8 {
            z-index: 8
        }
        
        .z-index9 {
            z-index: 9
        }
        
        .z-index10 {
            z-index: 10
        }
        
        .z-index100 {
            z-index: 100
        }
        
        .z-index999 {
            z-index: 999
        }
        
        .text-white {
            color: #fff
        }
        
        .text-black {
            color: #000
        }
        
        .text-gray {
            color: #f5f6f6
        }
        
        .text-gray-dark {
            color: #d3d3d3
        }
        
        .text-red {
            color: #ff4045
        }
        
        .text-yellow {
            color: #ffb822
        }
        
        .text-yellow-light {
            color: #fec215
        }
        
        .text-pink {
            color: #ff3c85
        }
        
        .text-blue {
            color: #00c5dc
        }
        
        .text-green {
            color: #34bfa3
        }
        
        .text-orange {
            color: #ef9800
        }
        
        .bg-transparent {
            background-color: transparent
        }
        
        .bg-white {
            background-color: #fff
        }
        
        .bg-black {
            background-color: #000
        }
        
        .bg-black-light {
            background-color: #1c1c1c
        }
        
        .bg-gray {
            background-color: #f7f9fb
        }
        
        .bg-gray-dark {
            background-color: #d3d3d3
        }
        
        .bg-red {
            background-color: #ff4045
        }
        
        .bg-green {
            background-color: #34bfa3
        }
        
        .bg-yellow {
            background-color: #ffb822
        }
        
        .bg-pink {
            background-color: #ff3c85
        }
        
        .bg-blue {
            background-color: #00c5dc
        }
        
        .bg-orange {
            background-color: #ef9800
        }
        
        .bg-tpw1 {
            background-color: rgba(255, 255, 255, .1)
        }
        
        .bg-tpw2 {
            background-color: rgba(255, 255, 255, .2)
        }
        
        .bg-tpw3 {
            background-color: rgba(255, 255, 255, .3)
        }
        
        .bg-tpw4 {
            background-color: rgba(255, 255, 255, .4)
        }
        
        .bg-tpw5 {
            background-color: rgba(255, 255, 255, .5)
        }
        
        .bg-tpw6 {
            background-color: rgba(255, 255, 255, .6)
        }
        
        .bg-tpw7 {
            background-color: rgba(255, 255, 255, .7)
        }
        
        .bg-tpw8 {
            background-color: rgba(255, 255, 255, .8)
        }
        
        .bg-tpw9 {
            background-color: rgba(255, 255, 255, .9)
        }
        
        .bg-tpb1 {
            background-color: rgba(0, 0, 0, .05)
        }
        
        .bg-tpb2 {
            background-color: rgba(0, 0, 0, .2)
        }
        
        .bg-tpb3 {
            background-color: rgba(0, 0, 0, .3)
        }
        
        .bg-tpb4 {
            background-color: rgba(0, 0, 0, .4)
        }
        
        .bg-tpb5 {
            background-color: rgba(0, 0, 0, .5)
        }
        
        .bg-tpb6 {
            background-color: rgba(0, 0, 0, .6)
        }
        
        .bg-tpb7 {
            background-color: rgba(0, 0, 0, .7)
        }
        
        .bg-tpb8 {
            background-color: rgba(0, 0, 0, .8)
        }
        
        .bg-tpb9 {
            background-color: rgba(0, 0, 0, .9)
        }
        
        .bg-img-fix {
            background-attachment: unset;
            background-size: cover
        }
        
        .bg-pt,
        .dlab-bnr-inr.bg-pt {
            background-position: top;
            background-size: cover
        }
        
        .bg-pb,
        .dlab-bnr-inr.bg-pb {
            background-position: bottom;
            background-size: cover
        }
        
        .dlab-img-overlay1,
        .dlab-img-overlay11,
        .dlab-img-overlay12,
        .dlab-img-overlay2,
        .dlab-img-overlay3,
        .dlab-img-overlay4,
        .dlab-img-overlay5,
        .dlab-img-overlay6,
        .dlab-img-overlay7,
        .dlab-img-overlay8,
        .dlab-img-overlay9 {
            position: relative
        }
        
        .dlab-img-overlay11:after,
        .dlab-img-overlay11:before,
        .dlab-img-overlay12:after,
        .dlab-img-overlay12:before,
        .dlab-img-overlay1:after,
        .dlab-img-overlay1:before,
        .dlab-img-overlay2:after,
        .dlab-img-overlay2:before,
        .dlab-img-overlay3:after,
        .dlab-img-overlay3:before,
        .dlab-img-overlay4:after,
        .dlab-img-overlay4:before,
        .dlab-img-overlay5:after,
        .dlab-img-overlay5:before,
        .dlab-img-overlay6:after,
        .dlab-img-overlay6:before,
        .dlab-img-overlay7:after,
        .dlab-img-overlay7:before,
        .dlab-img-overlay8:after,
        .dlab-img-overlay8:before,
        .dlab-img-overlay9:after,
        .dlab-img-overlay9:before {
            content: "";
            background: #000;
            position: absolute;
            left: 0;
            top: 0;
            width: 0;
            height: 0;
            opacity: .4;
            z-index: 1;
            -webkit-transition: all .8s linear;
            -moz-transition: all .8s linear;
            -ms-transition: all .8s linear;
            -o-transition: all .8s linear;
            transition: all .8s linear
        }
        
        .dlab-img-overlay1:before {
            width: 100%;
            height: 100%;
            opacity: 0
        }
        
        .dlab-box:hover .dlab-img-overlay1:before,
        .dlab-img-overlay1:hover:before {
            opacity: .5
        }
        
        .dlab-img-overlay2:before {
            width: 100%;
            height: 100%;
            opacity: 0;
            background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .15) 100%);
            background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .15) 100%);
            background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .15) 100%)
        }
        
        .dlab-img-overlay2.on:before {
            opacity: 1
        }
        
        .dlab-box:hover .dlab-img-overlay2:before,
        .dlab-img-overlay2:hover:before {
            opacity: .9
        }
        
        .dlab-img-overlay3:before {
            left: 50%;
            top: 50%
        }
        
        .dlab-box:hover .dlab-img-overlay3:before,
        .dlab-img-overlay3:hover:before {
            width: 100%;
            height: 100%;
            top: 0;
            left: 0
        }
        
        .dlab-img-overlay4:before {
            left: 50%;
            top: 0;
            height: 100%
        }
        
        .dlab-box:hover .dlab-img-overlay4:before,
        .dlab-img-overlay4:hover:before {
            width: 100%;
            left: 0
        }
        
        .dlab-img-overlay5:before {
            left: 0;
            top: 50%;
            width: 100%
        }
        
        .dlab-box:hover .dlab-img-overlay5:before,
        .dlab-img-overlay5:hover:before {
            height: 100%;
            top: 0
        }
        
        .dlab-img-overlay6:before {
            left: 0;
            top: auto;
            bottom: 0;
            width: 100%
        }
        
        .dlab-box:hover .dlab-img-overlay6:before,
        .dlab-img-overlay6:hover:before {
            height: 100%
        }
        
        .dlab-img-overlay7:after,
        .dlab-img-overlay7:before {
            height: 100%
        }
        
        .dlab-img-overlay7:after {
            left: auto;
            right: 0
        }
        
        .dlab-box:hover .dlab-img-overlay7:after,
        .dlab-box:hover .dlab-img-overlay7:before,
        .dlab-img-overlay7:hover:after,
        .dlab-img-overlay7:hover:before {
            width: 50%
        }
        
        .dlab-img-overlay8:after,
        .dlab-img-overlay8:before {
            height: 100%
        }
        
        .dlab-img-overlay8:after {
            left: auto;
            right: 0
        }
        
        .dlab-box:hover .dlab-img-overlay8:after,
        .dlab-box:hover .dlab-img-overlay8:before,
        .dlab-img-overlay8:hover:after,
        .dlab-img-overlay8:hover:before {
            width: 100%;
            opacity: .3
        }
        
        .dlab-img-overlay9:after {
            left: auto;
            right: 0;
            top: auto;
            bottom: 0
        }
        
        .dlab-box:hover .dlab-img-overlay9:after,
        .dlab-box:hover .dlab-img-overlay9:before,
        .dlab-img-overlay9:hover:after,
        .dlab-img-overlay9:hover:before {
            width: 100%;
            height: 100%;
            opacity: .3
        }
        
        .dlab-img-overlay10:after,
        .dlab-img-overlay10:before {
            width: 100%;
            height: 100%;
            opacity: 0
        }
        
        .dlab-box:hover .dlab-img-overlay10:before,
        .dlab-img-overlay10:hover:before {
            opacity: .5
        }
        
        .dlab-box:hover .dlab-img-overlay10:after,
        .dlab-img-overlay10:hover:after {
            width: 90%;
            height: 80%;
            left: 5%;
            top: 10%;
            opacity: .5;
            background: 0 0;
            border: 1px dashed #fff
        }
        
        .dlab-box:hover .dlab-img-overlay11:after,
        .dlab-img-overlay11:hover:after {
            height: 95%;
            opacity: 1;
            right: 7.5%;
            top: 2.5%;
            -moz-transform: skewY(0);
            -webkit-transform: skewY(0);
            -o-transform: skewY(0);
            -ms-transform: skewY(0);
            transform: skewY(0);
            width: 85%
        }
        
        .dlab-box:hover .dlab-img-overlay11:before,
        .dlab-img-overlay11:hover:before {
            height: 85%;
            left: 2.5%;
            opacity: 1;
            top: 7.5%;
            -moz-transform: skewY(0);
            -webkit-transform: skewY(0);
            -o-transform: skewY(0);
            -ms-transform: skewY(0);
            transform: skewY(0);
            width: 95%
        }
        
        .dlab-img-overlay11:after {
            background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
            border-left: 1px solid #fff;
            border-right: 1px solid #fff;
            bottom: 5%;
            height: 80%;
            left: auto;
            right: 5%;
            top: auto;
            -moz-transform: skewY(70deg);
            -webkit-transform: skewY(70deg);
            -o-transform: skewY(70deg);
            -ms-transform: skewY(70deg);
            transform: skewY(70deg);
            width: 90%
        }
        
        .dlab-img-overlay11:before {
            background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
            border-bottom: 1px solid #fff;
            border-top: 1px solid #fff;
            bottom: auto;
            height: 90%;
            left: 5%;
            right: auto;
            top: 5%;
            -moz-transform: skewX(-70deg);
            -webkit-transform: skewX(-70deg);
            -o-transform: skewX(-70deg);
            -ms-transform: skewX(-70deg);
            transform: skewX(-70deg);
            width: 80%
        }
        
        .dlab-img-overlay11 {
            background-color: #000!important
        }
        
        .dlab-img-overlay11:hover img {
            opacity: .7!important
        }
        
        .dlab-box:hover .dlab-img-overlay12:after,
        .dlab-img-overlay12:hover:after {
            opacity: 1;
            transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
            -moz-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
            -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
            -o-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1)
        }
        
        .dlab-img-overlay12:after {
            background-color: rgba(0, 0, 0, 0);
            border-bottom: 2px solid #fff;
            border-top: 2px solid #fff;
            transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
            -moz-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
            -o-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
            -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
            -moz-transform-origin: 50% 50% 0;
            -webkit-transform-origin: 50% 50% 0;
            transform-origin: 50% 50% 0;
            -o-transform-origin: 50% 50% 0;
            width: 100%;
            height: 100%
        }
        
        .dlab-box:hover .dlab-img-overlay12.left:after,
        .dlab-img-overlay12.left:hover:after {
            transform: rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);
            -moz-transform: rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);
            -webkit-transform: rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);
            -o-transform: rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1)
        }
        
        .dlab-img-overlay12.left:after {
            border-bottom: 2px solid #fff;
            border-top: 2px solid #fff;
            transform: rotate3d(0, 0, 1, -45deg) scale3d(1, 0, 1);
            -moz-transform: rotate3d(0, 0, 1, -45deg) scale3d(1, 0, 1);
            -o-transform: rotate3d(0, 0, 1, -45deg) scale3d(1, 0, 1);
            -webkit-transform: rotate3d(0, 0, 1, -45deg) scale3d(1, 0, 1);
            -moz-transform-origin: 50% 50% 0;
            -webkit-transform-origin: 50% 50% 0;
            transform-origin: 50% 50% 0;
            -o-transform-origin: 50% 50% 0
        }
        
        .dlab-img-overlay12:before {
            width: 100%;
            height: 100%;
            opacity: 0
        }
        
        .dlab-box:hover .dlab-img-overlay12:before,
        .dlab-img-overlay12:hover:before {
            opacity: .4
        }
        
        .dlab-img-effect {
            position: relative;
            overflow: hidden;
            display: block
        }
        
        .dlab-img-effect img {
            display: block;
            margin: 0;
            width: 100%;
            height: auto;
            box-shadow: 0 0 0 transparent;
            -webkit-box-shadow: 0 0 0 transparent;
            -moz-box-shadow: 0 0 0 transparent;
            transition: all .8s;
            -moz-transition: all .8s;
            -webkit-transition: all .8s;
            -o-transition: all .8s
        }
        
        .dlab-img-effect.opacity img:hover {
            opacity: .8;
            -moz-opacity: .8;
            -webkit-opacity: .8
        }
        
        .dlab-img-effect.zoom-slow img {
            transition: all 10s;
            -moz-transition: all 10s;
            -webkit-transition: all 10s;
            -o-transition: all 10s
        }
        
        .dlab-img-effect.zoom-slow:hover img {
            -moz-transform: scale(1.2);
            -webkit-transform: scale(1.2);
            -o-transform: scale(1.2);
            -ms-transform: scale(1.2);
            transform: scale(1.2)
        }
        
        .blog-post:hover .dlab-img-effect.zoom img,
        .dlab-box:hover .dlab-img-effect.zoom img,
        .dlab-img-effect.zoom:hover img,
        .our-team:hover .dlab-img-effect.zoom img {
            -moz-transform: scale(1.2);
            -webkit-transform: scale(1.2);
            -o-transform: scale(1.2);
            -ms-transform: scale(1.2);
            transform: scale(1.2)
        }
        
        .dlab-img-effect.shrink:hover img {
            transform: scale(.8);
            -ms-transform: scale(.8);
            -webkit-transform: scale(.8);
            -o-transform: scale(.8);
            -moz-transform: scale(.8)
        }
        
        .dlab-img-effect.side-pan:hover img {
            margin-left: -11%;
            transform: scale(1.2);
            -ms-transform: scale(1.2);
            -webkit-transform: scale(1.2);
            -o-transform: scale(1.2);
            -moz-transform: scale(1.2)
        }
        
        .dlab-img-effect.vertical-pan:hover img {
            margin-top: -10%;
            transform: scale(1.2);
            -ms-transform: scale(1.2);
            -webkit-transform: scale(1.2);
            -o-transform: scale(1.2);
            -moz-transform: scale(1.2)
        }
        
        .dlab-img-effect.fade-in {
            background: #000
        }
        
        .dlab-img-effect.fade-in img {
            opacity: .65;
            -moz-opacity: .65;
            -webkit-opacity: .65
        }
        
        .dlab-img-effect.fade-in:hover img {
            opacity: 1;
            -moz-opacity: 1;
            -webkit-opacity: 1
        }
        
        .dlab-img-effect.fade-out {
            background: #000
        }
        
        .dlab-img-effect.fade-out:hover img {
            opacity: .7;
            -moz-opacity: .7;
            -webkit-opacity: .7
        }
        
        .blog-post:hover .dlab-img-effect.rotate img,
        .dlab-box:hover .dlab-img-effect.rotate img,
        .dlab-img-effect.rotate:hover img {
            -moz-transform: scale(1.5) rotate(-20deg);
            -webkit-transform: scale(1.5) rotate(-20deg);
            -o-transform: scale(1.5) rotate(-20deg);
            -ms-transform: scale(1.5) rotate(-20deg);
            transform: scale(1.5) rotate(-20deg)
        }
        
        .dlab-img-effect.sepia img {
            -webkit-filter: sepia(100%);
            filter: sepia(100%)
        }
        
        .algo-image-hover.sepia:hover img {
            -webkit-filter: sepia(0);
            filter: sepia(0)
        }
        
        .dlab-img-effect.blurr img {
            transition: all .2s;
            -moz-transition: all .2s;
            -webkit-transition: all .2s;
            -o-transition: all .2s
        }
        
        .dlab-img-effect.blurr:hover img {
            filter: blur(3px);
            -webkit-filter: blur(3px);
            -moz-filter: blur(3px);
            -o-filter: blur(3px);
            -ms-filter: blur(3px)
        }
        
        .dlab-img-effect.blurr-invert img {
            transition: all .2s;
            -moz-transition: all .2s;
            -webkit-transition: all .2s;
            -o-transition: all .2s
        }
        
        .dlab-img-effect.blurr-invert img {
            filter: blur(3px);
            -webkit-filter: blur(3px);
            -moz-filter: blur(3px);
            -o-filter: blur(3px);
            -ms-filter: blur(3px)
        }
        
        .dlab-img-effect.blurr-invert:hover img {
            filter: blur(0);
            -webkit-filter: blur(0);
            -moz-filter: blur(0);
            -o-filter: blur(0);
            -ms-filter: blur(0)
        }
        
        .dlab-img-effect.off-color img {
            filter: grayscale(0);
            -webkit-filter: grayscale(0);
            -moz-filter: grayscale(0);
            -o-filter: grayscale(0);
            -ms-filter: grayscale(0)
        }
        
        .dlab-img-effect.off-color:hover img {
            filter: grayscale(1);
            -webkit-filter: grayscale(1);
            -moz-filter: grayscale(1);
            -o-filter: grayscale(1);
            -ms-filter: grayscale(1)
        }
        
        .dlab-img-effect.on-color img {
            filter: grayscale(1);
            -webkit-filter: grayscale(1);
            -moz-filter: grayscale(1);
            -o-filter: grayscale(1);
            -ms-filter: grayscale(1)
        }
        
        .dlab-img-effect.on-color:hover img {
            filter: grayscale(0);
            -webkit-filter: grayscale(0);
            -moz-filter: grayscale(0);
            -o-filter: grayscale(0);
            -ms-filter: grayscale(0)
        }
        
        .dlab-info-has {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: auto;
            padding: 30px 15px 40px;
            opacity: 0;
            margin-bottom: -100px;
            z-index: 2
        }
        
        .dlab-info-has.p-a15 {
            padding: 15px
        }
        
        .dlab-info-has.p-a20 {
            padding: 20px
        }
        
        .dlab-info-has.bg-primary {
            background-color: rgba(27, 188, 232, .9)
        }
        
        .dlab-info-has.bg-green {
            background-color: rgba(106, 179, 62, .9)
        }
        
        .dlab-info-has.bg-black {
            background-color: rgba(0, 0, 0, .6)
        }
        
        .dlab-info-has.bg-white {
            background-color: rgba(255, 255, 255, .8)!important
        }
        
        .dlab-info-has.bg-white h1,
        .dlab-info-has.bg-white h2,
        .dlab-info-has.bg-white h3,
        .dlab-info-has.bg-white h4,
        .dlab-info-has.bg-white h5,
        .dlab-info-has.bg-white h6 {
            color: #3d474a
        }
        
        .dlab-info-has.bg-white h1 a,
        .dlab-info-has.bg-white h2 a,
        .dlab-info-has.bg-white h3 a,
        .dlab-info-has.bg-white h4 a,
        .dlab-info-has.bg-white h5 a,
        .dlab-info-has.bg-white h6 a {
            color: #3d474a
        }
        
        .dlab-info-has.bg-white .dlab-info-has-text,
        .dlab-info-has.bg-white p {
            color: #767676
        }
        
        .dlab-info-has a,
        .dlab-info-has h1,
        .dlab-info-has h2,
        .dlab-info-has h3,
        .dlab-info-has h4,
        .dlab-info-has h5,
        .dlab-info-has h6,
        .dlab-info-has p,
        .dlab-info-has-text {
            color: #fff
        }
        
        .dlab-info-has .dlab-info-has-text {
            margin-bottom: 20px;
            line-height: 24px
        }
        
        .dlab-media {
            overflow: hidden;
            position: relative
        }
        
        .dlab-box:hover .dlab-info-has,
        .dlab-media:hover .dlab-info-has {
            opacity: 1;
            width: 100%;
            margin-bottom: 0
        }
        
        .dlab-info-has.no-hover,
        .overlay-bx.no-hover {
            opacity: 1;
            width: 100%;
            margin-bottom: 0;
            visibility: visible
        }
        
        .dlab-info-has.skew-has {
            border-top: 4px solid #2d3239;
            padding: 30px 40px 60px;
            -moz-transform: skewY(10deg);
            -webkit-transform: skewY(10deg);
            -o-transform: skewY(10deg);
            -ms-transform: skewY(10deg);
            transform: skewY(10deg);
            bottom: -35px
        }
        
        .dlab-info-has.skew-has>* {
            -moz-transform: skewY(-10deg);
            -webkit-transform: skewY(-10deg);
            -o-transform: skewY(-10deg);
            -ms-transform: skewY(-10deg);
            transform: skewY(-10deg)
        }
        
        label {
            font-weight: 600;
            margin-bottom: 10px
        }
        
        .panel-default,
        .panel-default>.panel-heading {
            border-color: #e7ecf1;
            color: inherit
        }
        
        .panel-default>.panel-heading+.panel-collapse>.panel-body {
            border-top-color: #e7ecf1
        }
        
        .form-group {
            margin-bottom: 25px
        }
        
        .form-control {
            border-color: #e1e6eb;
            box-shadow: none;
            height: 40px;
            font-size: 13px;
            line-height: 20px;
            padding: 9px 12px
        }
        
        textarea.form-control {
            height: auto
        }
        
        .form-control:focus {
            border-color: #e1e1e1;
            outline: 0
        }
        
        .form-control:focus,
        .has-error .form-control:focus {
            -webkit-box-shadow: none;
            box-shadow: none
        }
        
        .form-control.kv-fileinput-caption {
            height: 39px
        }
        
        .form-group.form-inline .checkbox,
        .form-group.form-inline .radio {
            margin-right: 15px
        }
        
        .input-group {
            width: 100%
        }
        
        .input-group .form-control,
        .input-group-addon,
        .input-group-btn {
            display: table-cell
        }
        
        .input-group-addon {
            background: #fff;
            border-color: #e1e1e1;
            padding: 6px 14px;
            font-size: 16px
        }
        
        .input-group-addon.font-size-20 {
            font-size: 20px
        }
        
        .input-group-addon.fixed-w {
            text-align: center;
            padding: 6px 0;
            width: 40px
        }
        
        .input-group-addon.v-align-t {
            line-height: 30px
        }
        
        .dropdown-menu {
            font-size: 13px
        }
        
        .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
            width: 100%
        }
        
        .bootstrap-select .dropdown-toggle {
            border: 1px solid #e7ecf1!important;
            background-color: #fff!important;
            height: 40px;
            font-size: 13px;
            color: #999
        }
        
        .bootstrap-select .dropdown-toggle:after {
            display: none
        }
        
        .bootstrap-select .dropdown-toggle:active,
        .bootstrap-select .dropdown-toggle:focus,
        .bootstrap-select .dropdown-toggle:hover {
            background-color: #fff!important;
            border: 1px solid #e9e9e9!important;
            box-shadow: none!important;
            outline: 0!important
        }
        
        .bootstrap-select:active,
        .bootstrap-select:focus {
            border: 0!important;
            box-shadow: none!important;
            outline: 0!important
        }
        
        .bootstrap-select.show {
            box-shadow: none!important;
            outline: 0!important
        }
        
        .bootstrap-select.show .dropdown-toggle {
            box-shadow: none!important;
            outline: 0!important
        }
        
        .bootstrap-select.show.btn-group .dropdown-menu.inner {
            display: block
        }
        
        .bootstrap-select div.dropdown-menu {
            border: 1px solid #e9e9e9;
            border-radius: 0;
            box-shadow: none;
            margin-top: -1px;
            padding: 0;
            font-size: 13px
        }
        
        .bootstrap-select div.dropdown-menu ul li {
            padding: 0
        }
        
        .bootstrap-select div.dropdown-menu ul li a {
            padding: 5px 15px
        }
        
        .bootstrap-select div.dropdown-menu ul li a img {
            border-radius: 100%;
            -webkit-border-radius: 100%;
            margin-right: 5px
        }
        
        .bootstrap-select .bs-searchbox .form-control {
            padding: 5px 10px;
            height: 30px
        }
        
        .bootstrap-select .dropdown-menu>li>a {
            display: block;
            padding: 3px 20px;
            clear: both;
            font-weight: 400;
            line-height: 1.42857143;
            color: #333;
            white-space: nowrap
        }
        
        .bootstrap-select .dropdown-menu>li>a:hover {
            background-color: #f2f2f4
        }
        
        input[type=checkbox],
        input[type=radio] {
            opacity: 0;
            margin-left: 1px!important;
            position: absolute
        }
        
        input[type=checkbox]+label,
        input[type=radio]+label {
            display: block;
            padding-left: 25px!important;
            position: relative
        }
        
        input[type=checkbox]+label:hover:before,
        input[type=radio]+label:hover:before {
            border-color: #3396d1
        }
        
        input[type=checkbox]+label:before,
        input[type=radio]+label:before {
            background-color: #fff;
            border: 2px solid #b6b7b8;
            border-radius: 0;
            content: "";
            display: inline-block;
            height: 16px;
            left: 1px;
            line-height: 1;
            position: absolute;
            top: 50%;
            transition: all .1s linear 0s;
            -moz-transition: all .1s linear 0s;
            -webkit-transition: all .1s linear 0s;
            -o-transition: all .1s linear 0s;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            width: 16px
        }
        
        input[type=checkbox]+label:after {
            color: #fff;
            content: "\f00c";
            font-family: FontAwesome;
            font-size: 0;
            -webkit-font-smoothing: antialiased;
            left: 6px;
            position: absolute;
            top: 7px;
            transition: all linear .1s;
            -moz-transition: all linear .1s;
            -webkit-transition: all linear .1s;
            -o-transition: all linear .1s;
            width: 14px;
            text-align: center
        }
        
        input[type=checkbox]:checked+label:before {
            border-width: 7px
        }
        
        input[type=checkbox]:checked+label:after {
            font-size: 10px;
            left: 2px;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -o-transform: translateY(-50%)
        }
        
        input[type=radio]+label:before {
            border-radius: 50%;
            content: ""
        }
        
        input[type=radio]:checked+label:before {
            border-color: #3396d1;
            border-width: 5px
        }
        
        .form-inline .checkbox input[type=checkbox],
        .form-inline .radio input[type=radio] {
            position: absolute;
            left: 0;
            bottom: 0
        }
        
        .bootstrap-touchspin .input-group-btn-vertical {
            position: relative;
            white-space: nowrap;
            width: 1%;
            vertical-align: middle;
            display: block
        }
        
        .bootstrap-touchspin .input-group-btn-vertical>.btn {
            display: block;
            float: none;
            width: 100%;
            max-width: 100%;
            padding: 10px 10px 9px;
            margin-left: -1px;
            position: relative;
            border-width: 1px;
            border-style: solid;
            border-color: #e1e1e1;
            background: #fff
        }
        
        .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
            border-radius: 0;
            border-top-right-radius: 0
        }
        
        .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
            margin-top: -2px;
            border-radius: 0;
            border-bottom-right-radius: 0
        }
        
        .bootstrap-touchspin .input-group-btn-vertical i {
            position: absolute;
            top: 4px;
            left: 5px;
            font-size: 9px;
            font-weight: 400;
            color: #9fa0a1
        }
        
        .input-rating input[type=radio] {
            display: none
        }
        
        .input-rating input[type=radio]+label {
            display: inline-block;
            margin-left: -4px;
            padding-left: 0!important;
            padding-right: 0;
            width: 24px
        }
        
        .input-rating input[type=radio]+label:first-of-type {
            margin-left: 0
        }
        
        .input-rating input[type=radio]+label:before {
            background-color: transparent;
            border: none;
            color: #ffd925;
            content: "\f006";
            display: inline-block;
            font-family: FontAwesome;
            font-size: 20px;
            -webkit-font-smoothing: antialiased;
            height: 14px;
            line-height: 1;
            margin-left: 0;
            position: static;
            text-align: center;
            top: 2px;
            transition: none;
            width: 14px
        }
        
        .input-rating input[type=radio]+label.filled:before,
        .input-rating input[type=radio]+label.hovered.filled:before,
        .input-rating input[type=radio]+label.marked:before,
        .input-rating input[type=radio]:checked+label:before {
            content: "\f005"
        }
        
        .input-rating input[type=radio]+label.hovered:before {
            content: "\f006"
        }
        
        .rating-bx {
            color: #ffc300;
            font-size: 14px
        }
        
        .rating-bx i {
            margin: 0 2px
        }
        
        .rating-container .rating-stars::before {
            text-shadow: none
        }
        
        .rating-container {
            color: #c8c8c8
        }
        
        .rating-container .rating-stars {
            color: #3396d1
        }
        
        .has-feedback label~.form-control-feedback {
            top: 31px
        }
        
        .loading-box {
            width: 100%;
            height: 100%;
            background-color: #fff;
            position: fixed;
            left: 0;
            top: 0;
            opacity: .7;
            z-index: 9999
        }
        
        .loading-pic {
            width: 70px;
            height: 70px;
            background: url(../error-404.html) center no-repeat;
            position: fixed;
            left: 50%;
            top: 50%;
            margin: -35px;
            z-index: 99999
        }
        
        .loading-cover,
        .loading-map,
        .loading-srh-bar {
            background: rgba(255, 255, 255, .8);
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 2
        }
        
        .loading-cover .fa-spinner,
        .loading-map .fa-spinner,
        .loading-srh-bar .fa-spinner {
            position: absolute;
            left: 50%;
            top: 50%;
            margin: -10px;
            font-size: 25px;
            color: #333
        }
        
        .dlab-banner-outer {
            margin-bottom: 0
        }
        
        .dlab-error-top,
        .dlab-success-top {
            margin-bottom: 0
        }
        
        .alert-bx.alert-info {
            padding: 15px;
            border: 1px solid #bce8f1
        }
        
        .alignnone {
            margin: 0
        }
        
        .aligncenter,
        div.aligncenter {
            display: block;
            margin: 5px auto 15px
        }
        
        .alignright {
            float: right;
            margin: 5px 0 25px 25px
        }
        
        .alignleft {
            float: left;
            margin: 50px 30px 25px 0px
        }
        
        a img.alignright {
            float: right;
            margin: 5px 0 25px 25px
        }
        
        a img.alignnone {
            margin: 5px 0 25px 0
        }
        
        a img.alignleft {
            float: left;
            margin: 5px 25px 25px 0
        }
        
        a img.aligncenter {
            display: block;
            margin: 5px auto 15px
        }
        
        .wp-caption {
            max-width: 100%;
            text-align: center
        }
        
        .wp-caption img[class*=wp-image-] {
            display: block;
            margin: 0
        }
        
        .wp-caption.alignnone {
            margin: 5px 0 25px 0
        }
        
        .wp-caption.alignleft {
            margin: 5px 25px 25px 0
        }
        
        .wp-caption.alignright {
            margin: 5px 0 25px 25px
        }
        
        .wp-caption img {
            border: 0 none;
            height: auto;
            margin: 0;
            max-width: 100%;
            padding: 0;
            width: auto
        }
        
        .wp-caption p.wp-caption-text {
            color: #9d9d9d;
            font-size: 13px;
            line-height: 18px;
            margin: 0;
            padding: 10px 0;
            text-align: left
        }
        
        blockquote {
            padding: 16px 20px 16px 80px;
            font-size: 18px;
            font-style: italic;
            color: #555;
            margin: 40px 0;
            border-left: none;
            line-height: 30px;
            position: relative;
            background: #f6f6f6;
            clear: both;
            border-left: 4px solid #efbb20
        }
        
        blockquote p {
            font-size: 18px;
            color: #555;
            line-height: 30px;
            margin-bottom: 0
        }
        
        blockquote:before {
            content: '\f10d';
            font-family: FontAwesome;
            color: #efbb20;
            font-size: 35px;
            position: absolute;
            left: 20px;
            top: 20px;
            font-style: normal
        }
        
        .size-auto,
        .size-full,
        .size-large,
        .size-medium,
        .size-thumbnail {
            max-width: 100%;
            height: auto
        }
        
        .site-header {
            position: relative;
            z-index: 99999
        }
        
        .site-header ol,
        .site-header ul {
            margin-bottom: 0
        }
        
        .extra-nav {
            float: right;
            padding: 1px 0 1px 0;
            position: relative;
            z-index: 9;
            border-left: 1px solid rgba(0, 0, 0, .1)
        }
        
        .extra-nav .site-button-link {
            font-size: 25px;
            line-height: 25px;
            color: #020d26;
            cursor: pointer
        }
        
        .extra-nav .extra-cell {
            display: inline-block;
            margin-left: 10px
        }
        
        .ext-header .main-bar .logo-header {
            display: none
        }
        
        @media only screen and (max-width:991px) {
            .ext-header .main-bar .logo-header {
                display: table
            }
        }
        
        @media only screen and (max-width:767px) {
            .extra-nav {
                margin-right: 15px
            }
        }
        
        @media only screen and (max-width:480px) {
            .extra-nav {
                margin: 0 1px 0 0;
                text-align: right
            }
        }
        
        #header-part.fix-map-header {
            height: 90px
        }
        
        #header-part.fix-map-header .main-bar {
            position: fixed;
            top: 0;
            left: 0;
            z-index: 1
        }
        
        @media only screen and (max-width:480px) {
            #header-part.fix-map-header {
                height: 160px
            }
        }
        
        .top-bar {
            background-color: #117cae;
            border-bottom: 1px solid rgba(0, 0, 0, .08);
            color: #444;
            padding: 0
        }
        
        .dlab-topbar-left {
            float: left
        }
        
        .dlab-topbar-right {
            float: right
        }
        
        .dlab-topbar-center,
        .dlab-topbar-left,
        .dlab-topbar-right {
            padding-left: 15px;
            padding-right: 15px
        }
        
        .dlab-topbar-left ul,
        .dlab-topbar-right ul {
            list-style: none;
            margin: 0;
            padding: 0
        }
        
        .dlab-topbar-left ul li,
        .dlab-topbar-right ul li {
            display: inline-block
        }
        
        .dlab-topbar-left ul li {
            padding-right: 15px;
            position: relative
        }
        
        .dlab-topbar-left ul li:after {
            content: "";
            height: 15px;
            width: 1px;
            background: #000;
            position: absolute;
            right: 5px;
            opacity: .2;
            top: 4px
        }
        
        .dlab-topbar-left ul li:last-child:after {
            content: none
        }
        
        .dlab-topbar-left ul li a,
        .dlab-topbar-right ul li a {
            color: #444
        }
        
        .dlab-topbar-left ul li a {
            position: relative
        }
        
        .topbar-social li a {
            padding: 0 6px
        }
        
        @media only screen and (max-width:991px) {
            .dlab-topbar-right {
                padding-left: 0;
                padding-right: 15px
            }
            .dlab-topbar-left {
                padding-left: 15px;
                padding-right: 0
            }
        }
        
        @media only screen and (max-width:767px) {
            .top-bar [class*=col-] {
                width: 100%;
                text-align: right;
                padding: 10px 15px;
                border-bottom: 1px solid rgba(255, 255, 255, .1)
            }
            .top-bar [class*=col-]:last-child {
                border-bottom: none
            }
            .top-bar {
                padding: 5px 0
            }
            .dlab-topbar-center,
            .dlab-topbar-left,
            .dlab-topbar-right {
                display: #000;
                width: 100%;
                text-align: center;
                padding: 3px 15px;
                padding-left: 15px;
                padding-right: 15px;
                font-size: 14px
            }
            .dlab-topbar-left ul li {
                padding: 0 5px
            }
        }
        
        .middle-bar {
            border-bottom: 1px solid rgba(0, 0, 0, .1);
            padding: 20px 0
        }
        
        .middle-area {
            display: flex;
            justify-content: space-between;
            align-items: center
        }
        
        .middle-bar .logo-header,
        .middle-bar .logo-header img {
            width: 200px;
            max-width: 200px
        }
        
        .service-list ul {
            margin: 0;
            padding: 0;
            list-style: none
        }
        
        .service-list ul li {
            display: inline-block;
            position: relative;
            padding: 0 0 0 55px;
            margin-left: 15px
        }
        
        .service-list ul li i {
            position: absolute;
            left: 10px;
            font-size: 38px;
            line-height: 38px;
            color: var(--color-primary);
            font-weight: 100;
            top: 2px;
            transition: all .8s;
            -moz-transition: all .8s;
            -webkit-transition: all .8s;
            -ms-transition: all .8s;
            -o-transition: all .8s
        }
        
        .service-list ul li:hover i {
            transform: scale(1.2)
        }
        
        .service-list ul li .title {
            font-size: 18px;
            font-weight: 500;
            margin-bottom: 5px;
            line-height: 24px
        }
        
        .service-list ul li span {
            font-size: 14px;
            color: #999
        }
        
        .e-p-bx li {
            display: inline;
            font-size: 14px;
            padding-right: 10px
        }
        
        .e-p-bx li a {
            color: #fff
        }
        
        .e-p-bx li i {
            margin-right: 10px;
            vertical-align: middle
        }
        
        .login-bx,
        .social-bx {
            margin: 0 0 0 15px;
            float: right
        }
        
        .login-bx li,
        .social-bx li {
            font-size: 12px;
            margin: 0;
            position: relative
        }
        
        .social-bx li {
            padding-left: 1px;
            padding-right: 1px
        }
        
        .login-bx li a,
        .social-bx li a {
            color: #fff
        }
        
        .login-bx li i,
        .social-bx li i {
            vertical-align: baseline;
            margin: 0 5px 0 0
        }
        
        .login-bx li span,
        .social-bx li span {
            vertical-align: baseline;
            margin: 0 2px 0;
            font-size: 8px
        }
        
        .login-bx li ul {
            top: 25px;
            left: auto;
            right: 0;
            border: none;
            padding: 0
        }
        
        .login-bx li ul li {
            border-bottom: 1px solid #f7f7f7
        }
        
        .login-bx li ul li a {
            color: #767676;
            padding: 9px 15px
        }
        
        .arrow-up-border:before,
        .arrow-up:after {
            position: absolute;
            display: inline-block;
            content: ''
        }
        
        .arrow-up-border:before {
            top: -7px;
            right: 19px;
            border-right: 7px solid transparent;
            border-bottom: 7px solid red;
            border-left: 7px solid transparent;
            border-bottom-color: rgba(0, 0, 0, .2)
        }
        
        .arrow-up:after {
            top: -6px;
            right: 20px;
            border-right: 6px solid transparent;
            border-bottom: 6px solid #fff;
            border-left: 6px solid transparent
        }
        
        .arrow-left:before {
            position: absolute;
            top: -7px;
            left: 9px;
            display: inline-block;
            border-right: 7px solid transparent;
            border-bottom: 7px solid #ccc;
            border-left: 7px solid transparent;
            border-bottom-color: rgba(0, 0, 0, .2);
            content: ''
        }
        
        .arrow-left:after {
            position: absolute;
            top: -6px;
            left: 10px;
            display: inline-block;
            border-right: 6px solid transparent;
            border-bottom: 6px solid #fff;
            border-left: 6px solid transparent;
            content: ''
        }
        
        .language-bx li {
            display: inline;
            margin: 0 10px
        }
        
        .logo-header {
            display: table;
            float: left;
            vertical-align: middle;
            padding: 0;
            color: #efbb20;
            margin-top: 0;
            margin-bottom: 0;
            margin-left: 0;
            margin-right: 0;
            width: 180px;
            height: 68px;
            position: relative;
            z-index: 9;
            transition: all .5s;
            -moz-transition: all .5s;
            -webkit-transition: all .5s;
            -o-transition: all .5s
        }
        
        .logo-footer {
            display: table;
            vertical-align: middle;
            padding: 0;
            color: #efbb20;
            margin-top: 15px;
            margin-bottom: 15px;
            margin-left: 0;
            margin-right: 0;
            max-width: 100%;
            height: 60px
        }
        
        .logo-footer>a,
        .logo-header>a {
            display: table-cell;
            vertical-align: middle
        }
        
        .logo-header.center-block {
            margin-left: auto;
            margin-right: auto;
            float: none
        }
        
        .logo-footer img,
        .logo-header img {
            height: auto;
            width: 140%;
            max-width: 250px;
            padding-top: 5px;
            padding-bottom: 5px;
        }
        
        .logo-footer span,
        .logo-header span {
            font-size: 20px;
            color: #efbb20;
            letter-spacing: 20px
        }
        
        .is-fixed .logo-header,
        .is-fixed.header-curve .logo-header {
            transition: all .5s;
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            -o-transition: all .5s
        }
        
        @media only screen and (max-width:767px) {
            .hidden-sm {
                display: none;
            }
            .is-fixed .logo-header,
            .is-fixed.header-curve .logo-header,
            .logo-header {
                width: 135px;
                max-width: 135px;
                height: 50px
            }
            .logo-footer img,
            .logo-header img {
                max-width: 230px
            }
            .is-fixed .logo-header a img,
            .is-fixed.header-curve .logo-header a img {
                vertical-align: sub
            }
            .is-fixed .header-nav .logo-header a img,
            .is-fixed.header-curve .header-nav .logo-header a img {
                vertical-align: middle
            }
            .site-header .is-fixed .navbar-toggler,
            .site-header .navbar-toggler {
                margin: 23px 0 14px 10px
            }
            .site-header .extra-nav,
            .site-header .is-fixed .extra-nav {
                padding: 18px 0;
                width: 20%;
            }
        }
        
        .main-bar {
            background: #fff;
            width: 100%;
            position: relative
        }
        
        .header-curve .logo-header:after,
        .header-curve .logo-header:before {
            background-color: #fff;
            content: "";
            position: absolute;
            bottom: 0;
            height: 100%;
            z-index: -1
        }
        
        .header-curve .logo-header:before {
            right: -50px;
            width: 80%;
            -webkit-transform: skew(30deg);
            -moz-transform: skew(30deg);
            -o-transform: skew(30deg);
            -ms-transform: skew(30deg);
            transform: skew(30deg)
        }
        
        .header-curve .logo-header:after {
            right: 10%;
            width: 2000px
        }
        
        .is-fixed.header-curve .logo-header img {
            margin-top: 0
        }
        
        .header-curve .site-button-link,
        .header-curve .site-button-link:hover {
            color: #fff
        }
        
        @media only screen and (max-width:991px) {
            .header-curve .header-nav .logo-header:after,
            .header-curve .header-nav .logo-header:before {
                content: none
            }
        }
        
        @media only screen and (max-width:767px) {
            .header-curve .logo-header:after {
                right: 0;
                left: auto
            }
        }
        
        .navbar-toggler {
            border: 0 solid #efbb20;
            font-size: 16px;
            line-height: 24px;
            margin: 26px 0 18px 15px;
            padding: 0;
            float: right
        }
        
        .navbar-toggler span {
            background: #666
        }
        
        .site-header .main-bar .container {
            position: relative
        }
        
        .header-nav {
            padding: 0
        }
        
        .header-nav .nav {
            float: right
        }
        
        .header-nav .nav i {
            font-size: 9px;
            margin-left: 3px;
            margin-top: -3px;
            vertical-align: middle
        }
        
        .header-nav .nav>li {
            margin: 0;
            font-weight: 400;
            position: relative
        }
        
        .header-nav .nav>li>a {
            border-radius: 0;
            color: #020d26;
            font-size: 16px;
            padding: 35px 17px 22px 17px;
            cursor: pointer;
            font-weight: 600;
            display: inline-block;
            position: relative;
            border: 1px solid rgba(0, 0, 0, .1);
            border-width: 0 0 0 1px
        }
        
        .header-nav .nav>li>a.nav-link {
            padding-left: 12px;
            padding-right: 12px
        }
        
        .header-nav .nav>li>a:hover {
            background-color: transparent;
            color: #efbb20
        }
        
        .header-nav .nav>li>a:active,
        .header-nav .nav>li>a:focus {
            background-color: transparent
        }
        
        .header-nav .nav>li.active>a,
        .header-nav .nav>li.current-menu-item>a {
            background-color: transparent;
            color: #efbb20
        }
        
        .header-nav .nav>li.active>a:after {
            content: "";
            height: 5px;
            background: var(--color-primary);
            width: calc(100% + 2px);
            position: absolute;
            bottom: 0;
            left: -1px
        }
        
        .main-bar.bg-primary .header-nav .nav>li.active>a:after,
        .main-bar.bg-primary .header-nav .nav>li>a:after {
            background: #fff
        }
        
        .header-nav .nav>li>a:after {
            content: "";
            height: 5px;
            background: var(--color-primary);
            width: 0;
            position: absolute;
            bottom: 0;
            right: -1px;
            transition: all .8s;
            -moz-transition: all .8s;
            -webkit-transition: all .8s;
            -ms-transition: all .8s;
            -o-transition: all .8s
        }
        
        .header-nav .nav>li:hover>a:after {
            width: 100%;
            transform-origin: right;
            -moz-transform-origin: right;
            -webkit-transform-origin: right;
            -ms-transform-origin: right;
            -o-transform-origin: right;
            right: auto;
            left: 0
        }
        
        .header-nav .nav>li:hover>.mega-menu,
        .header-nav .nav>li:hover>.sub-menu {
            opacity: 1;
            visibility: visible;
            margin-top: 0;
            -webkit-transition: all .8s ease;
            -moz-transition: all .8s ease;
            -ms-transition: all .8s ease;
            -o-transition: all .8s ease;
            transition: all .8s ease
        }
        
        .header-nav .nav>li>.mega-menu,
        .header-nav .nav>li>.sub-menu {
            box-shadow: 0 1px 40px 0 rgba(0, 0, 0, .1)
        }
        
        .header-nav .nav>li .mega-menu,
        .header-nav .nav>li .sub-menu {
            border-radius: 2px
        }
        
        .header-nav .nav>li .sub-menu {
            background-color: #fff;
            display: block;
            left: 0;
            list-style: none;
            opacity: 0;
            padding: 5px 0;
            position: absolute;
            visibility: hidden;
            width: 250px;
            z-index: 10
        }
        
        .header-nav .nav>li .sub-menu li {
            border-bottom: 0 solid #f4f4f4;
            position: relative
        }
        
        .header-nav .nav>li .sub-menu li a {
            color: #000;
            display: block;
            font-size: 15px;
            padding: 10px 25px;
            text-transform: capitalize;
            transition: all .15s linear;
            -webkit-transition: all .15s linear;
            -moz-transition: all .15s linear;
            -o-transition: all .15s linear;
            font-weight: 400
        }
        
        .header-nav .nav>li .mega-menu>li ul a:hover,
        .header-nav .nav>li .sub-menu li:hover>a {
            background-color: #f2f2f2;
            text-decoration: none
        }
        
        .header-nav .nav>li .sub-menu li:hover>a {
            color: #efbb20
        }
        
        .header-nav .nav>li .sub-menu li:last-child {
            border-bottom: 0
        }
        
        .header-nav .nav>li .sub-menu li:hover .sub-menu.left,
        .header-nav .nav>li .sub-menu li>.sub-menu.left {
            left: auto;
            right: 220px
        }
        
        .header-nav .nav>li .sub-menu li .fa {
            color: inherit;
            display: block;
            float: right;
            font-size: 16px;
            opacity: 1
        }
        
        .header-nav .nav>li .sub-menu li .fa.fa-nav {
            color: inherit;
            display: inline-block;
            float: none;
            font-size: 13px;
            margin-right: 5px;
            opacity: 1;
            position: unset;
            right: 10px;
            top: 12px
        }
        
        .header-nav .nav>li .sub-menu li>.sub-menu {
            left: 220px;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease
        }
        
        .header-nav .nav>li .sub-menu li:hover>.sub-menu {
            left: 220px;
            margin: 0;
            opacity: 1;
            top: -1px;
            visibility: visible
        }
        
        .header-nav .nav>li .sub-menu li:hover>.sub-menu:before {
            background-color: transparent;
            bottom: 0;
            content: '';
            display: block;
            height: 100%;
            left: -6px;
            position: absolute;
            top: 0;
            width: 6px
        }
        
        .header-nav .nav>li.has-mega-menu {
            position: inherit
        }
        
        .header-nav .nav>li .mega-menu {
            background-color: #fff;
            border: 1px solid #f8f8f8;
            display: flex;
            left: 0;
            list-style: none;
            opacity: 0;
            position: absolute;
            right: 0;
            visibility: hidden;
            width: 100%;
            margin-top: 20px;
            z-index: 9
        }
        
        .header-nav .nav>li .mega-menu>li {
            display: block;
            padding: 30px 0 25px;
            position: relative;
            vertical-align: top;
            width: 25%
        }
        
        .header-nav .nav>li .mega-menu>li:after {
            content: "";
            background-color: rgba(0, 0, 0, .1);
            position: absolute;
            right: 0;
            top: 0;
            display: block;
            width: 1px;
            height: 100%
        }
        
        .header-nav .nav>li .mega-menu>li:last-child:after {
            display: none
        }
        
        .header-nav .nav>li .mega-menu>li>a {
            color: #000;
            display: block;
            padding: 0 20px;
            font-size: 16px;
            font-weight: 600;
            border-bottom: 1px solid rgba(0, 0, 0, .1);
            padding-bottom: 15px
        }
        
        .header-nav .nav>li .mega-menu>li ul {
            list-style: none;
            margin: 10px 0 0 0;
            padding: 0;
            width: 100%
        }
        
        .header-nav .nav>li .mega-menu>li ul a {
            color: #000;
            display: block;
            font-size: 15px;
            text-transform: capitalize;
            padding: 10px 25px;
            font-weight: 400
        }
        
        .header-nav .nav>li .mega-menu>li ul a:hover {
            color: #efbb20
        }
        
        .header-nav .nav .mega-menu a i {
            font-size: 14px;
            margin-right: 5px;
            text-align: center;
            width: 15px
        }
        
        .header-nav .nav>li.menu-item-has-children:before {
            content: "\f078";
            display: block;
            font-family: FontAwesome;
            right: 4px;
            position: absolute;
            top: 50%;
            color: #999;
            margin-top: -8px;
            font-size: 8px
        }
        
        .site-header.center .header-nav .nav {
            display: inline-block;
            float: left;
            width: 40%
        }
        
        .site-header.center .navbar-nav>li {
            display: inline-block;
            float: none
        }
        
        .site-header.center .header-nav .nav:first-child {
            text-align: right
        }
        
        .site-header.center .header-nav .nav:first-child li {
            text-align: left
        }
        
        .site-header.center .header-nav .nav:last-child {
            float: right
        }
        
        .site-header.center .logo-header {
            position: absolute;
            transform: translate(-50%);
            -moz-transform: translate(-50%);
            -webkit-transform: translate(-50%);
            -o-transform: translate(-50%);
            position: absolute;
            left: 50%;
            text-align: center
        }
        
        .site-header.center .logo-header img {
            height: 100px;
            margin-bottom: -50px;
            position: relative;
            width: 100px;
            z-index: 2;
            object-fit: contain
        }
        
        .site-header.center .logo-header:after {
            background-position: center top;
            background-repeat: no-repeat;
            background-size: 100% auto;
            content: "";
            height: 100px;
            position: absolute;
            width: 140%;
            bottom: -99px;
            left: -20%
        }
        
        .header-nav .nav>li.has-mega-menu.demos .mega-menu {
            left: auto;
            right: auto;
            max-width: 600px;
            z-index: 9
        }
        
        @media only screen and (max-width:1200px) {
            .header-nav .nav>li>a {
                padding: 22px 15px 22px 15px;
                font-size: 14px;
                font-weight: 500
            }
            .extra-nav .site-button-link {
                font-size: 22px;
                line-height: 22px
            }
            .logo-footer img,
            .logo-header img {
                width: 230px
            }
            .logo-header {
                width: 140px;
                height: 65px
            }
        }
        
        @media only screen and (max-width:991px) {
            .middle-bar {
                display: none
            }
            .site-header.center .header-nav .nav {
                width: 100%;
                float: none
            }
            .site-header.center .navbar-nav>li {
                display: block;
                float: left;
                width: 100%
            }
            .header-nav .nav>li.has-mega-menu.demos .mega-menu {
                max-width: 100%
            }
            .header-nav .nav>li .mega-menu {
                border: 0
            }
            .site-header.center .is-fixed .header-nav .nav {
                height: auto
            }
            .header-nav .nav>li .mega-menu>li {
                padding: 10px 0
            }
            .header-nav .nav>li .mega-menu,
            .header-nav .nav>li .sub-menu {
                border-radius: 0
            }
            .header-nav .nav>li.active>a:after,
            .header-nav .nav>li:hover>a:after {
                content: none
            }
            .header-nav .nav>li .mega-menu>li ul a,
            .header-nav .nav>li .sub-menu li a {
                padding: 2px 0 1px 15px;
                display: block;
                font-size: 16px;
                line-height: 30px;
                position: relative
            }
            .header-nav .nav>li .mega-menu>li ul a:after,
            .header-nav .nav>li .sub-menu li a:after {
                content: "\f105";
                font-family: FontAwesome;
                width: auto;
                height: auto;
                background: 0 0!important;
                top: 1px;
                color: #000;
                font-size: 16px;
                position: absolute;
                left: 0;
                font-weight: 700
            }
            .header-nav .nav>li .mega-menu:after,
            .header-nav .nav>li .sub-menu:after {
                content: ""
            }
        }
        
        @media only screen and (max-width:767px) {
            .header-nav .logo-header>a {
                width: 100%;
                display: block;
                text-align: center
            }
        }
        
        @media only screen and (max-width:767px) {
            .site-header.center .logo-header img {
                height: 60px;
                margin-bottom: -30px
            }
        }
        
        .shop-cart.navbar-right {
            margin-right: 0;
            float: none;
            display: inline-block
        }
        
        .shop-cart .dropdown-menu.cart-list {
            box-shadow: 0 5px 10px -5px rgba(0, 0, 0, .3);
            top: 35px;
            border: 0;
            right: 0;
            left: auto;
            width: 300px;
            border-top: 3px solid var(--color-primary)
        }
        
        .shop-cart .badge {
            font-size: 9px;
            height: 15px;
            line-height: 15px;
            min-width: 15px;
            padding: 0;
            position: absolute;
            right: -5px;
            text-align: center;
            top: -5px;
            border-radius: 10px;
            color: #fff
        }
        
        .shop-cart li {
            padding: 10px 15px;
            border-bottom: 1px dashed rgba(0, 0, 0, .1)
        }
        
        .shop-cart li:last-child {
            border-bottom: 0
        }
        
        .shop-cart .media-left a {
            display: block;
            width: 60px
        }
        
        .shop-cart .site-button-link {
            position: relative
        }
        
        .extra-nav .site-button-link i,
        .shop-cart .site-button-link i {
            margin-left: 0
        }
        
        .cart-list.dropdown-menu {
            width: 260px;
            margin-top: 30px
        }
        
        .is-fixed .cart-list.dropdown-menu {
            margin-top: 18px;
            transition: all .5s;
            -moz-transition: all .5s;
            -webkit-transition: all .5s
        }
        
        .cart-list .media-object {
            width: 60px
        }
        
        .cart-item .media-body {
            position: relative;
            padding-left: 10px
        }
        
        .item-close {
            background-color: #303030;
            border-radius: 20px;
            color: #fff;
            display: block;
            font-size: 9px;
            height: 18px;
            line-height: 18px;
            margin-top: -9px;
            position: absolute;
            right: 0;
            text-align: center;
            top: 50%;
            width: 18px;
            cursor: pointer
        }
        
        .item-close:hover {
            background-color: #000
        }
        
        .header-nav .nav>li.demos {
            position: inherit
        }
        
        .header-nav .nav>li.demos .mega-menu {
            max-width: 700px;
            width: 700px;
            left: auto;
            right: 0
        }
        
        .header-nav .nav>li .mega-menu>li.header-add {
            padding: 18px 14px
        }
        
        @media only screen and (max-width:991px) {
            header .logo {
                display: block;
                padding: 4px 0
            }
            .header-nav .nav>li.demos .mega-menu.left {
                width: 100%;
                max-width: 100%
            }
        }
        
        @media only screen and (max-width:767px) {
            .shop-cart .dropdown-menu.cart-list {
                left: auto;
                right: 0
            }
            .cart-list.dropdown-menu,
            .is-fixed .cart-list.dropdown-menu {
                margin-top: 0
            }
        }
        
        @media only screen and (max-width:991px) {
            .header-nav {
                clear: both;
                margin: 0 -15px;
                border-bottom: 1px solid #e9e9e9
            }
            .header-nav .nav {
                float: none;
                margin: 0;
                background: #fff;
                width: 100%;
                display: block
            }
            .header-nav .nav>li {
                float: none;
                display: block;
                width: 100%;
                font-family: Roboto;
                padding: 0 25px 0 25px
            }
            .header-nav .nav>li .mega-menu>li,
            .header-nav .nav>li .sub-menu>li {
                float: none;
                display: block;
                width: auto
            }
            .header-nav .nav>li>a {
                display: block;
                position: relative;
                border: 0;
                padding: 8px 0;
                font-size: 18px;
                line-height: 30px;
                border-bottom: 1px solid rgba(0, 0, 0, .1)
            }
            .header-nav .nav>li .mega-menu>li:after {
                display: none
            }
            .header-nav .nav>li .mega-menu,
            .header-nav .nav>li .sub-menu,
            .header-nav .nav>li ul {
                display: none;
                position: static;
                visibility: visible;
                width: auto;
                background: #f6f6f6;
                box-shadow: none
            }
            .header-nav .nav>li ul.mega-menu ul {
                display: none
            }
            .header-nav .nav>li .sub-menu li>.sub-menu,
            .header-nav .nav>li:hover .mega-menu,
            .header-nav .nav>li:hover .sub-menu,
            .header-nav .nav>li:hover>ul {
                opacity: 1;
                visibility: visible;
                display: block;
                margin: 0
            }
            .header-nav .nav>li ul.mega-menu li:hover ul {
                display: block
            }
            .nav.navbar-nav li a i.fa-chevron-down:before,
            .side-nav .nav.navbar-nav li a i.fa-chevron-down:before {
                content: "\f105"
            }
            .nav.navbar-nav li.open a i.fa-chevron-down:before,
            .side-nav .nav.navbar-nav li.open a i.fa-chevron-down:before {
                content: "\f107"
            }
            .header-nav .nav>li .mega-menu,
            .header-nav .nav>li .sub-menu,
            .header-nav .nav>li ul {
                background: 0 0
            }
            .header-nav .nav>li .mega-menu {
                padding: 10px 0;
                border-bottom: 1px solid rgba(0, 0, 0, .1)
            }
            .header-nav .nav>li>.sub-menu {
                border: 1px solid rgba(0, 0, 0, .1);
                padding: 10px 0;
                border-width: 0 0 1px 0
            }
            .header-nav .nav>li>.sub-menu .sub-menu li a {
                padding: 2px 0 1px 30px
            }
            .header-nav .nav>li>.sub-menu .sub-menu li a:hover {
                background-color: rgba(0, 0, 0, .1)
            }
            .header-nav .nav>li>.sub-menu .sub-menu li a:after {
                content: "\f111";
                font-family: FontAwesome;
                width: auto;
                height: auto;
                background: 0 0;
                top: 3px;
                color: #000;
                font-size: 5px;
                left: 15px;
                font-weight: 700
            }
            .nav.navbar-nav li a i.fa-angle-right,
            .nav.navbar-nav li a i.fa-chevron-down,
            .side-nav .nav.navbar-nav li a i.fa-chevron-down {
                background-color: #67072c;
                color: #fff;
                height: 30px;
                line-height: 30px;
                right: 0;
                text-align: center;
                width: 30px;
                z-index: 3;
                float: right;
                font-size: 20px;
                margin: 0
            }
            .header-nav .nav>li .sub-menu li i.fa-angle-right:before {
                content: "\f105"
            }
            .header-nav .nav>li .sub-menu li.open i.fa-angle-right:before {
                content: "\f107"
            }
            .header-nav .nav>li .sub-menu .sub-menu,
            .header-nav .nav>li:hover .mega-menu,
            .header-nav .nav>li:hover .sub-menu,
            .header-nav .nav>li:hover .sub-menu .sub-menu {
                display: none;
                opacity: 1;
                margin-top: 0
            }
            .header-nav .nav li .sub-menu .sub-menu {
                display: none;
                opacity: 1;
                margin-top: 0
            }
            .header-nav .nav>li.open>.sub-menu .sub-menu {
                display: none
            }
            .header-nav .nav>li ul.mega-menu ul,
            .header-nav .nav>li.open>.mega-menu,
            .header-nav .nav>li.open>.sub-menu,
            .header-nav .nav>li.open>.sub-menu li.open .sub-menu {
                display: block;
                opacity: 1;
                margin-top: 0
            }
            .header-nav .nav>li.open>.sub-menu li.open>a>i,
            .header-nav .nav>li.open>a>i {
                background: #313444
            }
            .header-nav .nav>li.open .sub-menu li.open>a>i {
                background: #fff
            }
            .header-nav .nav>li .mega-menu>li {
                padding: 0
            }
            .header-nav .nav>li .mega-menu>li>a {
                display: none
            }
            .header-nav .nav .mega-menu a i {
                display: inline-block;
                float: none;
                margin-top: 0
            }
            .header-nav .nav .open>a,
            .header-nav .nav .open>a:focus,
            .header-nav .nav .open>a:hover {
                background-color: inherit;
                border-color: #e9e9e9
            }
            .header-nav .nav>li .mega-menu>li ul a:hover,
            .header-nav .nav>li .sub-menu li:hover>a {
                background-color: transparent;
                text-decoration: none
            }
            .header-nav.nav-dark .nav .open>a:focus,
            .header-nav.nav-dark .nav .open>a:hover,
            .header-nav.nav-dark.nav .open>a {
                border-color: rgba(0, 0, 0, .2)
            }
            .header-nav .nav>li .sub-menu li .fa {
                color: #000;
                display: block;
                float: right;
                font-size: 20px;
                opacity: 1;
                background: #fff
            }
        }
        
        .nav-dark.header-nav .nav>li .mega-menu,
        .nav-dark.header-nav .nav>li .sub-menu {
            background-color: #232323;
            border: 1px solid rgba(0, 0, 0, .2)
        }
        
        .nav-dark.header-nav .nav>li .sub-menu li {
            border-bottom: 0 solid rgba(0, 0, 0, .2)
        }
        
        .nav-dark.header-nav .nav>li .mega-menu>li ul a,
        .nav-dark.header-nav .nav>li .sub-menu li a {
            color: rgba(255, 255, 255, .6)
        }
        
        .header-nav.nav-dark .nav>li .mega-menu>li>a {
            color: #fff
        }
        
        .nav-dark.header-nav .nav>li .sub-menu li a:hover {
            background-color: rgba(255, 255, 255, 0)
        }
        
        .nav-dark.header-nav .nav>li .mega-menu>li ul a:hover,
        .nav-dark.header-nav .nav>li .sub-menu li:hover>a,
        .nav-dark.header-nav .nav>li ul li a:hover {
            background-color: rgba(255, 255, 255, 0);
            color: #fff!important
        }
        
        .nav-dark.header-nav .nav>li .mega-menu>li:after {
            background-color: rgba(0, 0, 0, .2)
        }
        
        @media only screen and (max-width:991px) {
            .nav-dark.header-nav .nav>li>a {
                color: #9d9d9d
            }
            .nav-dark.header-nav {
                border-bottom: 1px solid rgba(0, 0, 0, .8)
            }
            .nav-dark.header-nav .nav {
                background-color: #202020
            }
            .nav-dark.header-nav .nav>li>a {
                border-top: 0 solid rgba(0, 0, 0, .2)
            }
            [class*=bg-] .nav-dark.header-nav .nav>li>a {
                color: #999
            }
            [class*=bg-] .nav-dark.header-nav .nav>li.active>a,
            [class*=bg-] .nav-dark.header-nav .nav>li:hover>a {
                color: #efbb20
            }
            .nav-dark.header-nav .nav>li>a:active,
            .nav-dark.header-nav .nav>li>a:focus,
            .nav-dark.header-nav .nav>li>a:hover {
                background-color: #282828;
                color: #efbb20
            }
            .nav-dark.header-nav .nav>li .mega-menu,
            .nav-dark.header-nav .nav>li .sub-menu,
            .nav-dark.header-nav .nav>li ul {
                background-color: #282828
            }
        }
        
        .sticky-no .main-bar {
            position: static!important
        }
        
        .is-fixed .main-bar {
            position: fixed;
            top: 0;
            left: 0;
            box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1)
        }
        
        [class*=bg-] .header-nav .nav>li>a {
            color: #fff
        }
        
        [class*=bg-] .header-nav .nav>li.active>a,
        [class*=bg-] .header-nav .nav>li.current-menu-item>a {
            color: #fff
        }
        
        [class*=bg-] .header-nav .nav>li:hover>a,
        [class*=bg-] .header-nav .nav>li>a:hover {
            color: #fff
        }
        
        [class*=bg-] .navbar-toggler {
            border-color: #fff
        }
        
        [class*=bg-] .navbar-toggler span {
            background-color: #fff
        }
        
        @media only screen and (max-width:991px) {
            [class*=bg-] .header-nav .nav>li>a {
                color: #555
            }
        }
        
        .header.dark,
        .header.dark .main-bar {
            background: #252525
        }
        
        @media only screen and (min-width:991px) {
            .header.dark .header-nav .nav>li>a,
            .header.dark .main-bar .header-nav .nav>li>a,
            .header.header-transparent .header-nav .nav>li>a,
            .header.header-transparent .main-bar .header-nav .nav>li>a {
                border: 1px solid rgba(255, 255, 255, .1);
                border-width: 0 0 0 1px
            }
            .header.dark .header-nav .nav>li:last-child>a,
            .header.header-transparent .header-nav .nav>li:last-child>a {
                border-width: 0 1px 0 1px
            }
        }
        
        .header.dark .dlab-topbar-left ul li a,
        .header.dark .dlab-topbar-right ul li a,
        .header.dark .extra-nav .site-button-link,
        .header.dark .header-nav .nav>li>a,
        .header.dark .navbar-toggler {
            color: #dfdfdf
        }
        
        .header.dark .navbar-toggler span {
            background-color: #dfdfdf
        }
        
        .header.dark .top-bar {
            background-color: #252525;
            border-bottom: 1px solid rgba(255, 255, 255, .08);
            color: #dfdfdf
        }
        
        .header-transparent+.page-content .dlab-bnr-inr-md,
        .header-transparent+.page-content .dlab-bnr-inr-sm {
            padding-top: 60px
        }
        
        .header-transparent {
            position: absolute;
            width: 100%
        }
        
        .header-transparent .main-bar {
            background-color: rgba(0, 0, 0, 0);
            border-bottom: 1px solid rgba(255, 255, 255, .05)
        }
        
        .header-transparent .header-nav .nav>li>a {
            color: #fff
        }
        
        .header-transparent .dlab-topbar-left ul li a,
        .header-transparent .extra-nav .site-button-link,
        .header-transparent .header-nav .nav>li>a,
        .header-transparent .navbar-toggler {
            color: #fff
        }
        
        .header-transparent .navbar-toggler span {
            background-color: #fff
        }
        
        .header-transparent .is-fixed .main-bar {
            position: fixed;
            background-color: rgb(0 0 0 / 36%);
        }
        
        .header-transparent .top-bar {
            background-color: rgba(0, 0, 0, 0);
            border-bottom: 1px solid rgba(255, 255, 255, .08);
            color: #dfdfdf
        }
        
        .header-transparent.overlay .main-bar,
        .header-transparent.overlay .top-bar {
            background-color: rgba(0, 0, 0, .5)
        }
        
        .fullwidth .container-fluid {
            padding-left: 30px;
            padding-right: 30px
        }
        
        @media only screen and (max-width:767px) {
            .fullwidth .container-fluid {
                padding-left: 15px;
                padding-right: 15px
            }
        }
        
        .header.primary,
        .header.primary .main-bar {
            background: var(--color-primary)
        }
        
        .header.primary .extra-nav .site-button-link,
        .header.primary .header-nav .nav>li>a,
        .header.primary .navbar-toggler {
            color: #fff
        }
        
        .header.primary .navbar-toggler span {
            background-color: #fff
        }
        
        .header.primary .top-bar {
            background-color: #67072c;
            border-bottom: 1px solid rgba(255, 255, 255, .08);
            color: #fff
        }
        
        .header.primary .header-nav .nav>li.active>a:after,
        .header.primary .header-nav .nav>li:hover>a:after {
            background-color: #fff
        }
        
        .header.red,
        .header.red .main-bar {
            background: #f22d4e
        }
        
        .header.red .extra-nav .site-button-link,
        .header.red .header-nav .nav>li>a,
        .header.red .navbar-toggler {
            color: #dfdfdf
        }
        
        .header.red .navbar-toggler span {
            background-color: #dfdfdf
        }
        
        .header.red .top-bar {
            background-color: #f22d4e;
            border-bottom: 1px solid rgba(255, 255, 255, .08);
            color: #dfdfdf
        }
        
        .header.blue,
        .header.blue .main-bar {
            background: #00c5dc
        }
        
        .header.blue .extra-nav .site-button-link,
        .header.blue .header-nav .nav>li>a,
        .header.blue .navbar-toggler {
            color: #fff
        }
        
        .header.blue .navbar-toggler span {
            background-color: #fff
        }
        
        .header.blue .top-bar {
            background-color: #00c5dc;
            border-bottom: 1px solid rgba(255, 255, 255, .08);
            color: #fff
        }
        
        .header.purpal,
        .header.purpal .main-bar {
            background: #8862b9
        }
        
        .header.purpal .extra-nav .site-button-link,
        .header.purpal .header-nav .nav>li>a,
        .header.purpal .navbar-toggler {
            color: #fff
        }
        
        .header.purpal .navbar-toggler span {
            background-color: #fff
        }
        
        .header.purpal .top-bar {
            background-color: #8862b9;
            border-bottom: 1px solid rgba(255, 255, 255, .08);
            color: #fff
        }
        
        .header.yellow,
        .header.yellow .main-bar {
            background: #ffb822
        }
        
        .header.yellow .extra-nav .site-button-link,
        .header.yellow .header-nav .nav>li>a,
        .header.yellow .navbar-toggler {
            color: #fff
        }
        
        .header.yellow .navbar-toggler span {
            background-color: #fff
        }
        
        .header.yellow .top-bar {
            background-color: #ffb822;
            border-bottom: 1px solid rgba(255, 255, 255, .08);
            color: #fff
        }
        
        .top-bar.bg-dark {
            background-color: #282a3c;
            color: #fff
        }
        
        .top-bar.bg-black {
            background-color: #000;
            color: #fff
        }
        
        .top-bar.bg-light {
            background-color: #a5a5a5;
            color: #fff;
            border-bottom: 0
        }
        
        .header.box {
            position: absolute;
            width: 100%
        }
        
        .header.box .main-bar {
            background-color: rgba(0, 0, 0, 0);
            margin-top: 20px;
            transition: all .2s;
            -webkit-transition: all .2s;
            -moz-transition: all .2s;
            -o-transition: all .2s
        }
        
        .header.box .extra-nav .site-button-link,
        .header.box .header-nav .nav>li>a,
        .header.box .navbar-toggler {
            color: #000
        }
        
        .header.box .navbar-toggler span {
            background-color: #000
        }
        
        .header.box .is-fixed .main-bar {
            position: fixed;
            background-color: #fff;
            margin-top: 0;
            transition: all .2s;
            -webkit-transition: all .2s;
            -moz-transition: all .2s;
            -o-transition: all .2s
        }
        
        .header.box .container {
            background-color: #fff;
            border-radius: 2px;
            box-shadow: 0 0 4px -2px #000
        }
        
        .header.box .is-fixed .container {
            box-shadow: none
        }
        
        .header.box.overlay .extra-nav .site-button-link,
        .header.box.overlay .header-nav .nav>li>a,
        .header.box.overlay .navbar-toggler {
            color: #fff
        }
        
        .header.box.overlay .navbar-toggler span {
            background-color: #fff
        }
        
        .header.box.overlay .container {
            background-color: rgba(0, 0, 0, .5)
        }
        
        .header.box.overlay .is-fixed .container {
            background-color: rgba(0, 0, 0, 0)
        }
        
        .header.box.overlay .is-fixed .main-bar {
            background-color: rgba(0, 0, 0, .7)
        }
        
        .header.box.dark .extra-nav .site-button-link,
        .header.box.dark .header-nav .nav>li>a,
        .header.box.dark .navbar-toggler {
            color: #fff
        }
        
        .header.box.dark .navbar-toggler span {
            background-color: #fff
        }
        
        .header.box.dark .container {
            background-color: #252525
        }
        
        .header.box.dark,
        .header.box.dark .is-fixed .container {
            background-color: rgba(0, 0, 0, 0)
        }
        
        .header.box.dark .is-fixed .main-bar {
            background-color: #252525
        }
        
        .onepage .navbar {
            margin-bottom: 0;
            border: 0
        }
        
        @media only screen and (max-width:991px) {
            .header-curve [class*=bg-] .header-nav .nav>li.active>a,
            .header-transparent .header-nav .nav>li>a,
            .header.blue .header-nav .nav>li>a,
            .header.box.dark .header-nav .nav>li>a,
            .header.box.overlay .header-nav .nav>li>a,
            .header.dark .header-nav .nav>li>a,
            .header.primary .header-nav .nav>li>a,
            .header.purpal .header-nav .nav>li>a,
            .header.red .header-nav .nav>li>a,
            .header.yellow .header-nav .nav>li>a {
                color: #000
            }
            .header-curve [class*=bg-] .header-nav.nav-dark .nav>li.active>a,
            .header-transparent .header-nav.nav-dark .nav>li>a,
            .header.blue .header-nav.nav-dark .nav>li>a,
            .header.box.dark .header-nav.nav-dark .nav>li>a,
            .header.box.overlay .header-nav.nav-dark .nav>li>a,
            .header.dark .header-nav.nav-dark .nav>li>a,
            .header.primary .header-nav.nav-dark .nav>li>a,
            .header.purpal .header-nav.nav-dark .nav>li>a,
            .header.red .header-nav.nav-dark .nav>li>a,
            .header.yellow .header-nav.nav-dark .nav>li>a {
                color: #fff
            }
        }
        
        .dlab-banner-outer,
        .dlab-banner-row {
            position: relative
        }
        
        .dlab-bnr-pic {
            width: 100%;
            overflow: hidden
        }
        
        .dlab-bnr-pic img {
            width: 100%;
            height: auto;
            display: block
        }
        
        .dlab-bnr-text {
            position: absolute;
            left: 0;
            top: 35%;
            width: 100%;
            margin: 0;
            color: #fff
        }
        
        .dlab-bnr-text-has {
            max-width: 600px
        }
        
        .dlab-bnr-text span,
        .dlab-bnr-text strong {
            text-shadow: 0 1px 2px rgba(0, 0, 0, .3);
            -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, .3)
        }
        
        .dlab-bnr-text strong {
            display: block;
            font-size: 60px;
            font-weight: 700;
            line-height: 70px;
            margin: 0 0 25px;
            color: #fff
        }
        
        .dlab-bnr-text span {
            font-size: 20px;
            line-height: 30px;
            font-weight: 600;
            display: block;
            margin-bottom: 30px
        }
        
        .dlab-bnr-text .btn {
            margin-right: 30px
        }
        
        @media only screen and (max-width:1200px) {
            .dlab-bnr-text strong {
                font-size: 60px;
                line-height: 60px;
                margin: 0 0 15px
            }
            .dlab-bnr-text span {
                font-size: 20px;
                line-height: 24px
            }
        }
        
        @media only screen and (max-width:991px) {
            .dlab-bnr-text strong {
                font-size: 50px;
                line-height: 50px;
                margin: 0 0 10px
            }
        }
        
        @media only screen and (max-width:767px) {
            .dlab-bnr-text strong {
                font-size: 40px;
                line-height: 40px;
                margin: 0 0 0
            }
        }
        
        @media only screen and (max-width:680px) {
            .dlab-bnr-text strong {
                font-size: 30px;
                line-height: 30px;
                margin: 0 0 0
            }
            .dlab-bnr-text span {
                font-size: 14px;
                line-height: 18px
            }
        }
        
        @media only screen and (max-width:480px) {
            .dlab-bnr-text strong {
                font-size: 20px;
                line-height: 20px
            }
            .dlab-bnr-text span {
                font-size: 12px;
                line-height: 16px
            }
        }
        
        .dlab-bnr-inr.dlab-bnr-inr-lg,
        .dlab-bnr-inr.dlab-bnr-inr-lg .dlab-bnr-inr-entry {
            height: 800px
        }
        
        .dlab-bnr-inr.dlab-bnr-inr-md,
        .dlab-bnr-inr.dlab-bnr-inr-md .dlab-bnr-inr-entry {
            height: 600px
        }
        
        .dlab-bnr-inr.dlab-bnr-inr-sm,
        .dlab-bnr-inr.dlab-bnr-inr-sm .dlab-bnr-inr-entry {
            height: 450px
        }
        
        .dlab-bnr-inr,
        .dlab-bnr-inr .dlab-bnr-inr-entry {
            height: 220px
        }
        
        .dlab-bnr-inr {
            height: 220px;
            background-size: cover;
            background-position: center center;
            display: table;
            width: 100%;
            text-align: center
        }
        
        .dlab-bnr-inr .container {
            display: table;
            height: 100%
        }
        
        .dlab-bnr-inr-entry {
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 100%;
            -webkit-justify-content: space-between
        }
        
        .dlab-bnr-inr-entry.align-m {
            vertical-align: middle
        }
        
        .banner-inner-row h1,
        .banner-inner-row h2,
        .banner-inner-row h3,
        .banner-inner-row h4,
        .banner-inner-row h5,
        .banner-inner-row h6 {
            color: #fff
        }
        
        .dlab-bnr-inr.banner-content h1 {
            font-weight: 500
        }
        
        .dlab-bnr-inr.banner-content p {
            font-size: 20px;
            font-weight: 100;
            letter-spacing: 1px;
            line-height: 36px;
            max-width: 750px;
            display: inline-block
        }
        
        .dlab-bnr-inr.banner-content .site-button {
            padding: 13px 35px;
            font-size: 16px
        }
        
        .dlab-bnr-inr .breadcrumb-row {
            padding: 0;
            background-color: rgba(0, 0, 0, 0)
        }
        
        .dlab-bnr-inr h1 {
            font-weight: 600;
            font-size: 40px;
            margin-bottom: 0
        }
        
        .next-element {
            color: #fff;
            float: right;
            opacity: .1
        }
        
        .next-element:hover {
            color: #fff;
            opacity: .8
        }
        
        .dlab-bnr-inr .breadcrumb-row ul li:after,
        .dlab-bnr-inr .breadcrumb-row ul li:last-child {
            color: #fff
        }
        
        .dlab-bnr-inr .breadcrumb-row ul li a {
            color: #fff
        }
        
        @media only screen and (max-width:767px) {
            .ele-bnr .bnr-title,
            .ele-bnr .breadcrumb-row h5,
            .ele-bnr h1 a {
                display: none
            }
            .ele-bnr .dlab-bnr-inr-entry {
                text-align: center
            }
            .dlab-bnr-inr-entry h1 {
                margin-bottom: 10px
            }
            .dlab-bnr-inr {
                padding-bottom: 0
            }
            .dlab-bnr-inr .breadcrumb-row ul {
                display: block;
                float: none;
                width: 100%;
                text-align: center
            }
            .dlab-bnr-inr .breadcrumb-row ul li {
                font-size: 14px
            }
            .dlab-bnr-inr .dlab-bnr-inr {
                height: 200px
            }
            .dlab-bnr-inr h1 {
                line-height: 32px;
                font-size: 24px;
                text-align: center
            }
            .dlab-bnr-inr.dlab-bnr-inr-lg,
            .dlab-bnr-inr.dlab-bnr-inr-lg .dlab-bnr-inr-entry {
                height: 400px
            }
            .dlab-bnr-inr.dlab-bnr-inr-md,
            .dlab-bnr-inr.dlab-bnr-inr-md .dlab-bnr-inr-entry {
                height: 300px
            }
            .dlab-bnr-inr.dlab-bnr-inr-sm,
            .dlab-bnr-inr.dlab-bnr-inr-sm .dlab-bnr-inr-entry {
                height: 220px
            }
            .dlab-bnr-inr,
            .dlab-bnr-inr .dlab-bnr-inr-entry {
                height: 180px
            }
            .dlab-bnr-inr-entry {
                display: table-cell;
                padding-top: 15px;
                padding-bottom: 15px;
                vertical-align: middle
            }
        }
        
        .navicon {
            width: 20px;
            height: 18px;
            position: relative;
            -webkit-transform: rotate(0);
            -moz-transform: rotate(0);
            -o-transform: rotate(0);
            transform: rotate(0);
            -webkit-transition: .5s ease-in-out;
            -moz-transition: .5s ease-in-out;
            -o-transition: .5s ease-in-out;
            transition: .5s ease-in-out;
            cursor: pointer
        }
        
        .navicon span {
            display: block;
            position: absolute;
            height: 2px;
            width: 100%;
            border-radius: 1px;
            opacity: 1;
            left: 0;
            -webkit-transform: rotate(0);
            -moz-transform: rotate(0);
            -o-transform: rotate(0);
            transform: rotate(0);
            -webkit-transition: .25s ease-in-out;
            -moz-transition: .25s ease-in-out;
            -o-transition: .25s ease-in-out;
            transition: .25s ease-in-out
        }
        
        .navicon span:nth-child(1) {
            top: 0
        }
        
        .navicon span:nth-child(2) {
            top: 7px
        }
        
        .navicon span:nth-child(3) {
            top: 14px
        }
        
        .navicon.open span:nth-child(1) {
            top: 7px;
            -webkit-transform: rotate(135deg);
            -moz-transform: rotate(135deg);
            -o-transform: rotate(135deg);
            transform: rotate(135deg)
        }
        
        .navicon.open span:nth-child(2) {
            opacity: 0;
            left: -60px
        }
        
        .navicon.open span:nth-child(3) {
            top: 7px;
            -webkit-transform: rotate(-135deg);
            -moz-transform: rotate(-135deg);
            -o-transform: rotate(-135deg);
            transform: rotate(-135deg)
        }
        
        .tp-caption .font-weight-300 {
            font-weight: 300
        }
        
        .tp-caption .font-weight-400 {
            font-weight: 400
        }
        
        .tp-caption .font-weight-500 {
            font-weight: 500
        }
        
        .tp-caption .font-weight-600 {
            font-weight: 600
        }
        
        .tp-caption .font-weight-700 {
            font-weight: 700
        }
        
        .tp-caption .font-weight-800 {
            font-weight: 800
        }
        
        .tp-caption .font-weight-900 {
            font-weight: 900
        }
        
        .tp-caption h1,
        .tp-caption h2,
        .tp-caption h3,
        .tp-caption h4,
        .tp-caption h5,
        .tp-caption h6 {
            font-weight: 800;
            margin-bottom: 24px;
            color: #fff
        }
        
        .tp-caption h1 {
            font-size: 70px;
            line-height: 60px
        }
        
        .tp-caption h2 {
            font-size: 60px;
            line-height: 50px
        }
        
        .tp-caption h3 {
            font-size: 50px;
            line-height: 40px;
            margin-bottom: 20px
        }
        
        .tp-caption h4 {
            font-size: 40px;
            line-height: 30px;
            margin-bottom: 15px
        }
        
        .tp-caption h5 {
            font-size: 30px;
            line-height: 4px;
            margin-bottom: 10px
        }
        
        .tp-caption h6 {
            font-size: 20px;
            line-height: 22px;
            margin-bottom: 10px
        }
        
        .tp-caption h4,
        .tp-caption h5,
        .tp-caption h6 {
            font-weight: 600
        }
        
        .tp-caption .text {
            color: #fff;
            font-size: 20px;
            line-height: 24px;
            width: 500px
        }
        
        .overlay-row {
            background: #000 none repeat scroll 0 0;
            height: 100%;
            left: 0;
            opacity: .3;
            position: absolute;
            top: 0;
            width: 100%;
            z-index: 1
        }
        
        .owl-none .owl-nav {
            display: none
        }
        
        .owl-theme .owl-dots,
        .owl-theme .owl-nav {
            margin-top: 20px;
            text-align: center
        }
        
        .owl-theme .owl-nav .disabled {
            opacity: .5;
            cursor: default
        }
        
        .owl-theme .owl-dots {
            text-align: center
        }
        
        .owl-theme .owl-dots .owl-dot {
            display: inline-block;
            zoom: 1
        }
        
        .owl-theme .owl-dots .owl-dot span {
            width: 10px;
            height: 10px;
            margin: 5px 7px;
            background: #d6d6d6;
            display: block;
            -webkit-backface-visibility: visible;
            -webkit-transition: opacity .2s ease;
            -moz-transition: opacity .2s ease;
            -ms-transition: opacity .2s ease;
            -o-transition: opacity .2s ease;
            transition: opacity .2s ease;
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            border-radius: 30px
        }
        
        .owl-theme .owl-dots .owl-dot.active span,
        .owl-theme .owl-dots .owl-dot:hover span {
            background: #869791
        }
        
        .owl-theme.dots-style-1 .owl-dots .owl-dot span,
        .owl-theme.dots-style-2 .owl-dots .owl-dot span {
            background: rgba(0, 0, 0, .2);
            width: 10px;
            height: 10px;
            margin: 5px
        }
        
        .owl-theme.dots-style-1 .owl-dots .owl-dot.active span,
        .owl-theme.dots-style-1 .owl-dots .owl-dot:hover span {
            background: #000
        }
        
        .owl-theme.dots-style-3 .owl-dots {
            margin-top: 30px;
            position: unset;
            right: auto;
            text-align: center;
            top: auto;
            transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            width: auto
        }
        
        .owl-theme.dots-style-3 .owl-dots .owl-dot span {
            height: 8px;
            width: 8px;
            margin: 0
        }
        
        .owl-theme.dots-style-3 .owl-dots .owl-dot {
            border: 1px solid;
            border-radius: 20px;
            display: inline-block;
            margin: 4px;
            padding: 3px
        }
        
        .owl-theme.dots-style-3 .owl-dots .owl-dot.active,
        .owl-theme.dots-style-3 .owl-dots .owl-dot:hover {
            border: 1px solid #ff3b68
        }
        
        .owl-theme.dots-style-3 .owl-dots .owl-dot.active span,
        .owl-theme.dots-style-3 .owl-dots .owl-dot:hover span {
            background-color: #ff3b68
        }
        
        .owl-item.dots-style-3 .slide-content-box {
            opacity: 0
        }
        
        .owl-item.active.dots-style-3 .slide-content-box {
            opacity: 1;
            transition: all 2s ease 2s;
            -moz-transition: all 2s ease 2s;
            -webkit-transition: all 2s ease 2s;
            -o-transition: all 2s ease 2s
        }
        
        .owl-btn-top-c .owl-nav {
            text-align: center
        }
        
        .owl-btn-top-l .owl-nav {
            text-align: left
        }
        
        .owl-btn-top-l .owl-nav .owl-prev {
            margin-left: 0
        }
        
        .owl-btn-top-r .owl-nav {
            text-align: right
        }
        
        .owl-btn-top-r .owl-nav .owl-next {
            margin-right: 0
        }
        
        .owl-btn-top-lr .owl-nav {
            text-align: left
        }
        
        .owl-btn-top-lr .owl-nav .owl-next {
            margin-right: 0;
            float: right
        }
        
        .owl-btn-full .owl-next,
        .owl-btn-full .owl-prev {
            padding: 40px 8px
        }
        
        .owl-btn-center-lr .owl-nav {
            margin: 0
        }
        
        .owl-btn-center-lr+.owl-theme .owl-nav {
            margin: 0
        }
        
        .owl-btn-center-lr .owl-nav .owl-next,
        .owl-btn-center-lr .owl-nav .owl-prev {
            position: absolute;
            left: 0;
            top: 50%;
            margin: 0;
            transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -webkit-transform: translateY(-50%)
        }
        
        .owl-btn-center-lr .owl-nav .owl-next {
            left: auto;
            right: 0
        }
        
        .owl-carousel .owl-item img {
            transform-style: inherit
        }
        
        .owl-btn-1 .owl-next,
        .owl-btn-1 .owl-prev,
        .owl-btn-2 .owl-next,
        .owl-btn-2 .owl-prev,
        .owl-btn-3 .owl-next,
        .owl-btn-3 .owl-prev {
            border-radius: 3px;
            height: 40px;
            line-height: 40px;
            margin: 0 10px!important;
            padding: 0;
            text-align: center;
            width: 40px
        }
        
        .owl-btn-2 .owl-next,
        .owl-btn-2 .owl-prev,
        .owl-btn-3 .owl-next,
        .owl-btn-3 .owl-prev {
            margin: 0 -70px!important
        }
        
        .owl-btn-3 .owl-next,
        .owl-btn-3 .owl-prev {
            background-color: rgba(0, 0, 0, 0);
            color: #000;
            font-size: 35px;
            height: auto;
            width: auto;
            opacity: .2
        }
        
        .owl-btn-3 .owl-next:hover,
        .owl-btn-3 .owl-prev:hover {
            background-color: rgba(0, 0, 0, 0);
            color: #000;
            opacity: 1
        }
        
        .owl-btn-3.btn-white .owl-next,
        .owl-btn-3.btn-white .owl-prev {
            color: #fff
        }
        
        .owl-btn-3.btn-white .owl-next:hover,
        .owl-btn-3.btn-white .owl-prev:hover {
            color: #fff
        }
        
        .owl-btn-4 {
            overflow: hidden
        }
        
        .owl-btn-4 .owl-next,
        .owl-btn-4 .owl-prev {
            background: #fff none repeat scroll 0 0;
            border-radius: 30px;
            box-shadow: 0 0 20px 7px rgba(0, 0, 0, .5);
            color: #000;
            font-size: 24px;
            height: 50px;
            line-height: 50px;
            margin: 0 -10px!important;
            overflow: hidden;
            padding: 0;
            width: 50px;
            opacity: .7
        }
        
        .owl-btn-4 .owl-next:hover,
        .owl-btn-4 .owl-prev:hover {
            background: #fff none repeat scroll 0 0;
            color: #000;
            opacity: 1
        }
        
        #sync2 .owl-item.active.current .item img {
            outline: 5px solid rgba(0, 0, 0, .2);
            outline-offset: -9px
        }
        
        .owl-dots-none .owl-dots {
            display: none
        }
        
        .owl-dots-black-big.owl-theme .owl-dots .owl-dot span,
        .owl-dots-black-full.owl-theme .owl-dots .owl-dot span,
        .owl-dots-primary-big.owl-theme .owl-dots .owl-dot span,
        .owl-dots-primary-full.owl-theme .owl-dots .owl-dot span,
        .owl-dots-white-big.owl-theme .owl-dots .owl-dot span,
        .owl-dots-white-full.owl-theme .owl-dots .owl-dot span {
            opacity: .5;
            transition: all .5s;
            -moz-transition: all .5s;
            -webkit-transition: all .5s;
            margin: 4px
        }
        
        .owl-dots-primary-big.owl-theme .owl-dots .owl-dot span,
        .owl-dots-primary-full.owl-theme .owl-dots .owl-dot span {
            background-color: var(--color-primary)
        }
        
        .owl-dots-black-big.owl-theme .owl-dots .owl-dot span,
        .owl-dots-black-full.owl-theme .owl-dots .owl-dot span {
            background-color: #333
        }
        
        .owl-dots-white-big.owl-theme .owl-dots .owl-dot span,
        .owl-dots-white-full.owl-theme .owl-dots .owl-dot span {
            background-color: #f5f5f5
        }
        
        .owl-dots-black-full.owl-theme .owl-dots .owl-dot.active span,
        .owl-dots-primary-full.owl-theme .owl-dots .owl-dot.active span,
        .owl-dots-white-full.owl-theme .owl-dots .owl-dot.active span {
            opacity: 1;
            width: 25px
        }
        
        .owl-dots-black-big.owl-theme .owl-dots .owl-dot.active span,
        .owl-dots-primary-big.owl-theme .owl-dots .owl-dot.active span,
        .owl-dots-white-big.owl-theme .owl-dots .owl-dot.active span {
            width: 14px;
            height: 14px;
            opacity: 1;
            margin: 0 4px 2px 4px
        }
        
        @media only screen and (max-width:1200px) {
            .owl-btn-2 .owl-next,
            .owl-btn-2 .owl-prev,
            .owl-btn-3 .owl-next,
            .owl-btn-3 .owl-prev {
                margin: 0 10px!important
            }
        }
        
        .blog-post {
            position: relative;
            margin-bottom: 30px
        }
        
        .dlab-post-title {
            margin-bottom: 5px
        }
        
        .dlab-post-title .post-title {
            margin-top: 15px;
            margin-bottom: 5px
        }
        
        .dlab-post-meta {
            margin-bottom: 10px
        }
        
        .dlab-post-meta ul {
            margin: 0;
            list-style: none;
            text-transform: capitalize
        }
        
        .dlab-post-meta ul li {
            padding: 0;
            display: inline-block;
            color: var(--color-primary);
            font-weight: 600;
            font-size: 13px;
            text-transform: uppercase
        }
        
        .dlab-post-meta ul li strong {
            font-weight: inherit
        }
        
        .dlab-post-meta li:after {
            content: "|";
            display: inline-block;
            font-weight: 400;
            margin-left: 5px;
            opacity: .5
        }
        
        .dlab-post-meta li:last-child:after {
            display: none
        }
        
        .dlab-post-meta a {
            color: inherit
        }
        
        .dlab-post-meta i {
            color: inherit;
            margin: 0 5px;
            vertical-align: middle;
            font-size: 15px;
            font-weight: 500
        }
        
        .text-white .dlab-post-meta a,
        .text-white .dlab-post-meta i,
        .text-white .dlab-post-meta ul li {
            color: #fff
        }
        
        .dlab-post-meta.text-white i,
        .dlab-post-meta.text-white ul li,
        .dlab-post-meta.text-white ul li a {
            color: #fff
        }
        
        .dlab-post-meta.text-black i,
        .dlab-post-meta.text-black ul li,
        .dlab-post-meta.text-black ul li a {
            color: #000
        }
        
        .dlab-post-meta.text-gray i,
        .dlab-post-meta.text-gray ul li,
        .dlab-post-meta.text-gray ul li a {
            color: grey
        }
        
        .dlab-post-text {
            margin-bottom: 15px
        }
        
        .dlab-post-text p {
            font-size: 15px;
            line-height: 28px;
            font-weight: 400;
            color: #999
        }
        
        .dlab-post-text p:last-child {
            margin: 0
        }
        
        .dlab-post-readmore {
            margin-bottom: 15px
        }
        
        .dlab-post-tags {
            border-top: 1px solid #e9e9e9;
            padding-top: 10px
        }
        
        .dlab-post-tags .post-tags {
            margin: 0 -3px;
            list-style: none
        }
        
        .dlab-post-tags .post-tags a {
            border: 1px solid #ebedf2;
            padding: 2px 8px;
            color: #a9a9a9;
            margin: 0 3px;
            display: inline-block;
            text-transform: uppercase;
            font-size: 10px;
            font-weight: 600
        }
        
        .dlab-info[class*=border-] .post-title {
            margin-top: 0
        }
        
        .text-white .post-title a {
            color: #fff
        }
        
        .dlab-info>div:last-child,
        .dlab-info>p:last-child {
            margin-bottom: 0
        }
        
        @media only screen and (max-width:1200px) {
            .dlab-post-meta .d-flex {
                display: block!important
            }
        }
        
        .date-style-1 .post-date {
            color: #fff;
            background-color: #efbb20;
            padding: 3px 5px 3px 5px
        }
        
        .date-style-1 .post-date i {
            color: #fff;
            left: 5px;
            top: 5px
        }
        
        .date-style-1 .post-date i,
        .date-style-2 .post-date i,
        .date-style-3 .post-date i,
        .date-style-4 .post-date i {
            display: none
        }
        
        .date-style-2 .post-date,
        .date-style-4 .post-date {
            color: #fff;
            position: absolute;
            left: 20px;
            top: 0;
            width: 50px;
            text-align: center;
            text-transform: uppercase
        }
        
        .date-style-2 .post-date span,
        .date-style-2 .post-date strong,
        .date-style-4 .post-date span,
        .date-style-4 .post-date strong {
            display: block;
            padding: 10px 5px
        }
        
        .date-style-2 .post-date strong,
        .date-style-4 .post-date strong {
            font-size: 10px;
            padding: 10px 5px 5px;
            position: relative
        }
        
        .date-style-2 .post-date>strong:after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 50%;
            height: 1px;
            background-color: #fff;
            margin: 0 -10px;
            width: 20px
        }
        
        .date-style-2 .post-date span {
            font-size: 16px;
            padding: 5px 5px 10px
        }
        
        .date-style-2 .post-date .fa,
        .date-style-2 .post-date:after,
        .date-style-3 .post-date .fa,
        .date-style-3 .post-date:after,
        .date-style-4 .post-date .fa {
            display: none
        }
        
        .date-style-3 .dlab-post-info {
            position: relative
        }
        
        .date-style-3 .post-date {
            font-family: oswald;
            text-transform: uppercase;
            position: absolute;
            padding: 8px 15px;
            color: #fff;
            top: -36px;
            left: 0;
            height: 36px
        }
        
        .date-style-3 .post-date strong {
            color: #30353c;
            margin-right: 2px
        }
        
        .date-style-3.skew-date .post-date {
            padding-right: 8px
        }
        
        .date-style-3.skew-date .post-date:before {
            content: "";
            position: absolute;
            right: -15px;
            top: 0;
            width: 22px;
            height: 100%;
            border-right: 3px solid #2d3239;
            -moz-transform: skewX(20deg);
            -webkit-transform: skewX(20deg);
            -o-transform: skewX(20deg);
            -ms-transform: skewX(20deg);
            transform: skewX(20deg)
        }
        
        .date-style-4 .post-date span {
            background-color: #2e1e13
        }
        
        .date-style-4 .post-date {
            top: 10px;
            left: 10px
        }
        
        .date-style-4 .dlab-post-info {
            box-shadow: 0 3px 0 0 #dbdbdb
        }
        
        .date-style-4 .dlab-post-meta ul li {
            font-weight: 400
        }
        
        .no-image-blog.date-style-2 .algo-post-info {
            padding-top: 70px
        }
        
        .no-image-blog.date-style-2 .post-date {
            top: 0;
            left: 20px
        }
        
        .blog-post.no-img-post .post-date {
            position: static;
            float: left
        }
        
        .blog-md .dlab-post-media {
            width: 350px;
            border-radius: 4px
        }
        
        .blog-md .dlab-post-info {
            border: none;
            padding-left: 30px
        }
        
        .blog-md .dlab-post-tags {
            border: none;
            display: inline-block;
            padding: 0
        }
        
        .blog-md .dlab-post-info .post-title {
            margin-top: 0
        }
        
        .blog-md,
        .blog-md .dlab-post-info {
            overflow: hidden
        }
        
        .blog-md .dlab-post-info,
        .blog-md .dlab-post-media {
            display: table-cell;
            vertical-align: middle
        }
        
        .blog-md .dlab-post-media {
            vertical-align: top
        }
        
        .blog-md .dlab-post-info>div:last-child {
            margin-bottom: 0
        }
        
        .blog-lg .dlab-post-media {
            border-radius: 4px
        }
        
        .blog-rounded [class*=border-] {
            border-radius: 0 0 4px 4px
        }
        
        .blog-rounded .dlab-post-media {
            border-radius: 4px 4px 0 0
        }
        
        .blog-effect1 {
            transition: all 1s;
            -moz-transition: all 1s;
            -o-transition: all 1s;
            -webkit-transition: all 1s
        }
        
        .blog-effect1 .dlab-info {
            background: #fff
        }
        
        .blog-effect1:hover {
            border-radius: 4px;
            box-shadow: 0 5px 40px rgba(0, 0, 0, .05);
            -moz-box-shadow: 0 5px 40px rgba(0, 0, 0, .05);
            -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, .05);
            -o-box-shadow: 0 5px 40px rgba(0, 0, 0, .05);
            -ms-box-shadow: 0 5px 40px rgba(0, 0, 0, .05)
        }
        
        .blog-share {
            position: relative
        }
        
        .share-btn {
            position: absolute;
            right: 0;
            bottom: 0
        }
        
        .share-btn ul {
            margin: 0;
            padding: 0;
            list-style: none
        }
        
        .share-btn ul li {
            display: inline-block;
            margin-left: -40px;
            float: left;
            transition: all .5s;
            -moz-transition: all .5s;
            -o-transition: all .5s;
            -webkit-transition: all .5s;
            -ms-transition: all .5s
        }
        
        .share-btn ul li a.site-button {
            border-radius: 3px;
            width: 40px;
            line-height: 44px;
            height: 44px;
            display: block;
            color: #000;
            background: #e6e6e6
        }
        
        .share-btn ul li a.site-button:hover {
            background: #d6d6d6
        }
        
        .share-btn ul:hover li.share-button a.site-button {
            background: #a0a0a0
        }
        
        .share-btn ul:hover li {
            margin-left: 4px
        }
        
        @media only screen and (max-width:767px) {
            .blog-md.blog-post .dlab-pfost-media,
            .blog-md.blog-post .dlab-post-info {
                float: none;
                margin: 0 0 20px;
                width: 100%;
                display: block;
                padding-left: 0
            }
            .blog-md.blog-post .dlab-post-info {
                margin-top: 15px
            }
            .blog-md .dlab-post-media {
                width: 100%
            }
        }
        
        .nav-links:after {
            clear: both;
            content: "";
            display: table
        }
        
        .screen-reader-text {
            clip: rect(1px, 1px, 1px, 1px);
            height: 1px;
            overflow: hidden;
            position: absolute!important;
            width: 1px
        }
        
        .pagination .page-numbers {
            background-color: #fff;
            border: 1px solid #e0e0e0;
            color: #767676;
            padding: 9px 15px;
            font-weight: 600;
            font-size: 12px;
            display: block;
            float: left;
            margin-left: -1px
        }
        
        .pagination .page-numbers.current,
        .pagination a.page-numbers:hover {
            background: #3396d1;
            color: #fff
        }
        
        .pagination i {
            font-size: 12px
        }
        
        .pagination li.active a {
            background-color: #67072c;
            color: #fff
        }
        
        .nav-links .nav-next a,
        .nav-links .nav-previous a {
            display: inline-block;
            color: #3396d1;
            font-weight: 600;
            margin-bottom: 20px;
            outline: 0!important
        }
        
        .nav-links .nav-next a:hover,
        .nav-links .nav-previous a:hover {
            color: #09c
        }
        
        .nav-links .nav-next a:after,
        .nav-links .nav-previous a:after {
            content: "\f105";
            font-family: FontAwesome;
            vertical-align: middle;
            margin-left: 2px;
            color: #333
        }
        
        .post-navigation {
            background-color: #fff;
            padding: 30px;
            border-bottom: 2px solid #e3e3e3
        }
        
        .post-navigation .screen-reader-text {
            margin-top: 0
        }
        
        .post-navigation .nav-next,
        .post-navigation .nav-previous {
            display: inline-block;
            width: 50%
        }
        
        .post-navigation .nav-next {
            text-align: right
        }
        
        .post-navigation .nav-next a:after,
        .post-navigation .nav-previous a:after {
            display: none
        }
        
        .post-navigation .nav-next .post-title,
        .post-navigation .nav-previous .post-title {
            display: block;
            font-size: 15px;
            color: #777;
            margin-top: 10px
        }
        
        .dlab-link-pages {
            padding: 20px 0 30px
        }
        
        .dlab-link-pages a {
            color: #fff;
            padding: 2px 6px;
            font-size: 12px;
            font-weight: 600;
            background-color: #ccc;
            margin: 0 2px
        }
        
        .sticky-post {
            position: absolute;
            right: 0;
            top: 0;
            background: #77c04b;
            color: #fff;
            padding: 10px 15px;
            text-transform: uppercase;
            font-weight: 600
        }
        
        .post-password-form {
            position: relative;
            clear: both
        }
        
        .post-password-form input[type=password] {
            width: 100%;
            border: 1px solid #ebedf2;
            padding: 10px 100px 10px 15px;
            height: 40px
        }
        
        .post-password-form label {
            display: block
        }
        
        .post-password-form input[type=submit] {
            position: absolute;
            bottom: 0;
            right: 0;
            padding: 10px 20px;
            background-color: #333;
            color: #fff;
            border: none;
            height: 40px;
            text-transform: uppercase;
            font-weight: 600
        }
        
        .blog [class*=galleryid-] {
            clear: both;
            margin: 0 auto;
            overflow: hidden
        }
        
        .gallery .gallery-item {
            float: left;
            list-style: none;
            margin: 0 0 0;
            overflow: hidden;
            padding: 0 0 5px 15px;
            text-align: center
        }
        
        .gallery .gallery-caption {
            padding-top: 10px;
            font-size: 13px
        }
        
        .gallery .gallery-item img {
            float: left;
            padding: 0 0;
            width: 100%;
            border: none!important
        }
        
        .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-icon img {
            margin: 0 auto
        }
        
        .gallery-caption {
            color: #707070;
            color: rgba(51, 51, 51, .7);
            display: block;
            font-family: "Noto Sans", sans-serif;
            font-size: 12px;
            font-size: 1.2rem;
            line-height: 1.5;
            padding: .5em 0
        }
        
        .gallery-columns-6 .gallery-caption,
        .gallery-columns-7 .gallery-caption,
        .gallery-columns-8 .gallery-caption,
        .gallery-columns-9 .gallery-caption {
            display: none
        }
        
        .side-bar .widget {
            margin-bottom: 30px
        }
        
        @media only screen and (max-width:991px) {
            .side-bar {
                margin-bottom: 40px
            }
        }
        
        .blog-single .dlab-post-meta {
            margin-bottom: 20px
        }
        
        .blog-single .dlab-post-text {
            margin-top: 20px
        }
        
        .blog-single .dlab-post-tags {
            margin-top: 20px
        }
        
        .blog-single .dlab-post-media {
            border-radius: 4px
        }
        
        .comments-area {
            padding: 0
        }
        
        .comments-area .comments-title {
            text-transform: uppercase;
            font-size: 20px
        }
        
        ol.comment-list {
            list-style: none;
            margin-bottom: 0;
            padding-left: 0
        }
        
        ol.comment-list li.comment {
            position: relative;
            padding: 0
        }
        
        ol.comment-list li.comment .comment-body {
            position: relative;
            padding: 20px;
            margin-bottom: 40px;
            margin-left: 80px;
            position: relative;
            border: 1px solid #e9e9e9
        }
        
        ol.comment-list li.comment .comment-body:after,
        ol.comment-list li.comment .comment-body:before {
            content: '';
            position: absolute;
            top: 20px;
            width: 0;
            height: 0;
            border-width: 10px 12px 10px 0;
            border-style: solid
        }
        
        ol.comment-list li.comment .comment-body:before {
            border-color: transparent #fff transparent #fff;
            z-index: 1;
            left: -12px;
            top: 22px
        }
        
        ol.comment-list li.comment .comment-body:after {
            border-color: transparent #e9e9e9 transparent #e9e9e9;
            border-width: 12px 14px 12px 0;
            left: -14px
        }
        
        ol.comment-list li.comment .comment-author {
            display: block;
            margin-bottom: 10px
        }
        
        ol.comment-list li.comment .comment-author .avatar {
            position: absolute;
            top: 0;
            left: -80px;
            width: 56px;
            height: 56px;
            border-radius: 100%;
            -webkit-border-radius: 100%;
            border: 2px solid #fff
        }
        
        ol.comment-list li.comment .comment-author .fn {
            display: inline-block;
            color: #555;
            font-size: 14px;
            text-transform: uppercase;
            font-weight: 700;
            font-style: normal
        }
        
        ol.comment-list li.comment .comment-author .says {
            display: none;
            color: #999;
            font-weight: 600
        }
        
        ol.comment-list li.comment .comment-meta {
            color: #8d8d8d;
            text-transform: uppercase;
            margin-bottom: 15px
        }
        
        ol.comment-list li.comment .comment-meta a {
            color: #8d8d8d
        }
        
        ol.comment-list li.comment .comment-meta a {
            color: #8d8d8d
        }
        
        ol.comment-list li.comment .comment-meta:before,
        ol.comment-list li.comment .reply a:before {
            font-family: FontAwesome;
            font-size: 11px;
            vertical-align: top
        }
        
        ol.comment-list li.comment .comment-meta:before {
            content: "\f133"
        }
        
        ol.comment-list li.comment .reply a:before {
            content: "\f064";
            font-weight: 400;
            color: #555;
            margin-right: 5px;
            vertical-align: middle
        }
        
        ol.comment-list li.comment p {
            line-height: 18px;
            margin: 0 0 5px
        }
        
        ol.comment-list li.comment .reply a {
            position: absolute;
            top: 50px;
            right: 30px;
            margin-top: -5px;
            color: #efbb20;
            font-weight: 700
        }
        
        ol.comment-list li .children {
            list-style: none;
            margin-left: 80px
        }
        
        ol.comment-list li .children li {
            padding: 0
        }
        
        @media only screen and (max-width:767px) {
            .comments-area .padding-30 {
                padding: 15px
            }
            ol.comment-list li.comment .comment-body {
                margin-bottom: 30px;
                margin-left: 70px
            }
            ol.comment-list li.comment .comment-author .avatar {
                left: -75px;
                height: 60px;
                width: 60px
            }
            ol.comment-list li .children {
                margin-left: 20px
            }
            ol.comment-list li.comment .reply a {
                position: static
            }
        }
        
        @media only screen and (max-width:480px) {
            ol.comment-list li.comment .comment-body {
                margin-left: 52px
            }
            ol.comment-list li.comment .comment-author .avatar {
                left: -55px;
                top: 12px;
                width: 40px;
                height: 40px
            }
        }
        
        .comment-respond {
            padding: 30px 30px;
            border: 1px solid #e9e9e9
        }
        
        .comment-respond .comment-reply-title {
            text-transform: uppercase;
            font-size: 20px
        }
        
        .comment-respond .comment-reply-title {
            font-size: 16px;
            font-weight: 600
        }
        
        .comments-area .comment-form {
            margin: 0 -15px
        }
        
        .comments-area .comment-form .comment-notes {
            display: none
        }
        
        .comments-area .comment-form p {
            width: 33.333%;
            float: left;
            padding: 0 15px;
            margin-bottom: 30px;
            position: relative
        }
        
        .comments-area .comment-form p.form-allowed-tags {
            width: 100%
        }
        
        ol.comment-list li.comment .comment-respond .comment-form p {
            padding: 0 15px!important
        }
        
        .comments-area .comment-form p label {
            display: none;
            line-height: 18px;
            margin-bottom: 10px
        }
        
        .comments-area p:before {
            font-family: themify;
            display: inline-block;
            position: absolute;
            left: 15px;
            top: 0;
            font-size: 16px;
            color: #ccc;
            width: 40px;
            height: 40px;
            line-height: 40px;
            border: 1px solid #e1e6eb;
            text-align: center;
            border-radius: 4px 0 0 4px
        }
        
        .comments-area p.comment-form-author:before {
            content: "\e602"
        }
        
        .comments-area p.comment-form-email:before {
            content: "\e75a"
        }
        
        .comments-area p.comment-form-url:before {
            content: "\e665"
        }
        
        .comments-area p.comment-form-comment:before {
            content: "\e645"
        }
        
        .comments-area .comment-form p input[type=text],
        .comments-area .comment-form p textarea {
            width: 100%;
            height: 40px;
            line-height: 6px 12px;
            padding: 5px 10px 5px 50px;
            border: 1px solid #e1e6eb;
            border-radius: 4px;
            -webkit-border-radius: 4px;
            text-transform: capitalize;
            vertical-align: middle
        }
        
        .comments-area .comment-form p.comment-form-comment {
            width: 100%;
            display: block;
            clear: both
        }
        
        .comments-area .comment-form p textarea {
            height: 120px
        }
        
        .comments-area .comment-form p.form-submit {
            clear: both;
            float: none;
            width: 100%;
            margin: 0
        }
        
        .comments-area .comment-form p input[type=submit] {
            background-color: #efbb20;
            border: none;
            border-radius: 3px;
            border-style: solid;
            border-width: 1px;
            color: #fff;
            display: inline-block;
            font-weight: 600;
            padding: 10px 20px;
            text-transform: uppercase
        }
        
        .comments-area .comment-form p input[type=submit]:active,
        .comments-area .comment-form p input[type=submit]:focus,
        .comments-area .comment-form p input[type=submit]:hover {
            background-color: #6ab33e;
            border-color: #6ab33e;
            color: #fff
        }
        
        @media only screen and (max-width:767px) {
            .comments-area .comment-form p {
                width: 100%;
                float: none;
                margin-bottom: 20px
            }
            .comment-respond {
                padding: 20px
            }
        }
        
        .list-2 {
            display: table
        }
        
        .list-2 li {
            float: left;
            padding: 5px 5px 5px 20px;
            width: 50%;
            position: relative
        }
        
        .list-2 li:before {
            content: "\e60a";
            font-family: themify;
            font-size: 11px;
            left: 0;
            position: absolute
        }
        
        .list-2 li:hover:before {
            color: var(--color-primary)
        }
        
        .widget {
            margin-bottom: 40px
        }
        
        .widget.bg-white {
            border: 1px solid #ebedf2
        }
        
        .widget.border-0 ul li {
            border: 0 none
        }
        
        .widget-title {
            margin: 0 0 25px
        }
        
        .widget-title {
            padding-bottom: 15px;
            position: relative;
            margin-bottom: 30px;
            vertical-align: middle
        }
        
        .widget-title:after {
            content: "";
            position: absolute;
            bottom: -12px;
            left: 0;
            height: 3px;
            margin: 0 0 0;
            width: 50px;
            margin: 10px 0
        }
        
        .widget .post-title,
        .widget .widget-title {
            text-transform: uppercase
        }
        
        .widget-title.style-1 {
            border-bottom: 1px solid rgba(0, 0, 0, .15);
            margin-bottom: 20px;
            padding-bottom: 15px;
            font-weight: 600;
            line-height: 12px
        }
        
        .widget-title.style-1:after {
            border-radius: 0;
            bottom: -2px;
            content: "";
            display: inline-block;
            height: 3px;
            left: 0;
            margin: 0;
            position: absolute;
            vertical-align: bottom;
            width: 50px
        }
        
        .category-entry ul,
        .recent-posts-entry ul {
            margin: 0;
            list-style: none;
            padding: 0
        }
        
        .widget-link ul {
            margin: 0;
            padding: 0
        }
        
        .widget-link ul li {
            list-style: none;
            display: inline-block;
            padding-left: 3px;
            padding-right: 10px;
            position: relative
        }
        
        .widget-link ul li:last-child {
            padding-right: 3px
        }
        
        .widget-link ul li:last-child:after {
            content: none
        }
        
        .widget-link li:after {
            content: "/";
            position: absolute;
            right: 0
        }
        
        .widget_archive ul,
        .widget_categories ul,
        .widget_getintuch ul,
        .widget_meta ul,
        .widget_nav_menu ul,
        .widget_pages ul,
        .widget_recent_comments ul,
        .widget_recent_entries ul,
        .widget_rss ul,
        .widget_services ul {
            list-style: none;
            padding-left: 0;
            margin-bottom: 0
        }
        
        .widget_archive ul li,
        .widget_categories ul li,
        .widget_meta ul li,
        .widget_nav_menu li,
        .widget_pages ul li,
        .widget_recent_comments ul li,
        .widget_recent_entries ul li,
        .widget_services ul li {
            padding-bottom: 18px;
            margin-bottom: 13px;
            border-bottom: 1px solid rgba(102, 102, 102, .11);
            position: relative;
            padding: 10px 10px 10px 15px;
            margin-bottom: 0;
            line-height: 20px
        }
        
        .widget_archive ul li a,
        .widget_categories ul li a,
        .widget_meta ul li a,
        .widget_nav_menu li a,
        .widget_pages ul li a,
        .widget_recent_comments ul li a,
        .widget_recent_entries ul li a,
        .widget_services ul li a {
            color: #767676;
            text-transform: capitalize
        }
        
        .widget_archive ul li:before,
        .widget_categories ul li:before,
        .widget_meta ul li:before,
        .widget_nav_menu ul li:before,
        .widget_pages ul li:before,
        .widget_recent_comments ul li:before,
        .widget_recent_entries ul li:before,
        .widget_services ul li:before {
            content: "\f105";
            position: absolute;
            left: 0;
            top: 10px;
            display: block;
            font-family: FontAwesome
        }
        
        .widget_archive ul li li,
        .widget_categories ul li li,
        .widget_meta ul li li,
        .widget_nav_menu li li,
        .widget_pages ul li li,
        .widget_recent_comments ul li li,
        .widget_services li li {
            border-bottom: none;
            padding-left: 10px;
            padding-right: 5px;
            padding-top: 0;
            padding-bottom: 0;
            line-height: 28px
        }
        
        .widget_archive ul li li:before,
        .widget_categories ul li li:before,
        .widget_meta ul li li:before,
        .widget_nav_menu li li:before,
        .widget_pages ul li li:before,
        .widget_recent_comments ul li li:before,
        .widget_services li li:before {
            top: 0;
            left: -8px
        }
        
        .search-bx .site-button {
            padding: 9px 12px;
            border: 1px solid transparent;
            border-bottom-left-radius: 0;
            border-top-left-radius: 0
        }
        
        .widget_search .screen-reader-text {
            display: block
        }
        
        .searchform {
            position: relative
        }
        
        .searchform input[type=text] {
            width: 100%;
            height: 40px;
            padding: 10px 90px 10px 15px;
            border: 1px solid #ccc
        }
        
        .searchform input[type=submit] {
            height: 40px;
            padding: 5px 15px;
            background-color: #67072c;
            position: absolute;
            right: 0;
            bottom: 0;
            color: #fff;
            border-left: none;
            border-right: none;
            border-top: none;
            border-bottom: none
        }
        
        .searchform input[type=submit]:active,
        .searchform input[type=submit]:focus,
        .searchform input[type=submit]:hover {
            background-color: #6ab33e;
            color: #fff!important;
            border-bottom-color: #5a9e2f
        }
        
        .search-bx.style-1 .input-group {
            border: 1px solid #efefef
        }
        
        .search-bx.style-1 .input-group-btn button {
            background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
            border: 0;
            color: #000;
            font-size: 15px;
            height: 45px;
            width: 40px;
            border-width: 0
        }
        
        .search-bx.style-1 .form-control {
            border: 1px solid #efefef;
            border-width: 0;
            font-size: 15px;
            height: 45px;
            padding: 5px 20px
        }
        
        .search-bx.style-1 .input-group:focus,
        .search-bx.style-1 .input-group:hover {
            border: 1px solid #000
        }
        
        .recent-posts-entry .post-date,
        .tweets-feed-entry .tweet-date {
            color: var(-color-primary);
            font-style: normal
        }
        
        .widget .post-title {
            line-height: 20px;
            margin-bottom: 8px;
            margin-top: 0;
            text-transform: capitalize;
            font-size: 15px;
            color: #404040;
            font-weight: 500
        }
        
        .recent-posts-entry .widget-post {
            margin-bottom: 10px
        }
        
        .recent-posts-entry .widget-post-bx:last-child {
            border-bottom: none
        }
        
        .recent-posts-entry .dlab-post-media {
            padding-right: 15px;
            width: 110px
        }
        
        .recent-posts-entry .dlab-post-media img {
            border-radius: 3px
        }
        
        .recent-posts-entry .dlab-post-info {
            background: 0 0;
            padding: 0;
            margin-left: 110px;
            border: none
        }
        
        .recent-posts-entry .post-meta span {
            margin-right: 10px
        }
        
        .recent-posts-entry .dlab-post-meta {
            margin-bottom: 0
        }
        
        .recent-posts-entry .dlab-post-info,
        .recent-posts-entry .dlab-post-media {
            display: table-cell;
            vertical-align: middle
        }
        
        .recent-posts-entry .dlab-post-info,
        .recent-posts-entry .widget-post {
            overflow: hidden
        }
        
        .widget_recent_comments ul li:before {
            content: "\f0e6"
        }
        
        .widget_recent_comments ul li {
            padding-left: 20px;
            color: #999
        }
        
        .widget_meta ul li a abbr[title] {
            color: #333;
            border-bottom: none
        }
        
        .widget_calendar caption::after {
            color: #707070;
            content: ">";
            font-family: FontAwesome;
            margin: 0 0 0 5px
        }
        
        .widget_calendar table {
            border-collapse: separate;
            border-spacing: 2px;
            width: 100%
        }
        
        .widget_calendar thead {
            background-color: #999
        }
        
        .widget_calendar tfoot tr td {
            border: none;
            padding: 0
        }
        
        .widget_calendar tfoot tr td a {
            background-color: #fff;
            padding: 4px 10px
        }
        
        .widget_calendar table thead tr th {
            font-size: 11px;
            padding: 5px;
            text-align: center;
            border: none;
            color: #fff
        }
        
        .widget_calendar table tbody td {
            font-size: 13px;
            padding: 6px 5px;
            text-align: center;
            background-color: #fff;
            border: none;
            color: #444
        }
        
        .widget_calendar table tbody td#today {
            background-color: #67072c;
            color: #fff
        }
        
        .widget_calendar table tbody td#today a {
            color: #fff
        }
        
        .widget_tag_cloud a {
            padding: 8px 10px;
            background-color: #fff;
            border: 1px solid #ebedf2;
            font-size: 12px;
            display: inline-block;
            margin: 0 0 5px;
            color: #555;
            font-weight: 600
        }
        
        .side-bar .widget_tag_cloud a:hover {
            background-color: #67072c;
            color: #fff;
            box-shadow: 5px 5px 30px -10px var(--color-primary);
            -webkit-box-shadow: 5px 5px 30px -10px var(--color-primary);
            -moz-box-shadow: 5px 5px 30px -10px var(--color-primary);
            -o-box-shadow: 5px 5px 30px -10px var(--color-primary);
            -ms-box-shadow: 5px 5px 30px -10px var(--color-primary)
        }
        
        .widget_tag_cloud.radius a {
            border-radius: 40px;
            padding: 7px 10px
        }
        
        .widget_archive select {
            width: 100%;
            padding: 5px;
            border: 1px solid #ccc
        }
        
        .widget_text select {
            width: 100%;
            padding: 5px;
            border: 1px solid #ccc
        }
        
        .widget_text select option {
            width: 100%
        }
        
        .widget_categories li {
            text-align: right
        }
        
        .widget_categories li a {
            float: left;
            text-transform: capitalize
        }
        
        .widget_rss ul {
            margin: 0;
            line-height: 20px
        }
        
        .widget_rss ul li {
            line-height: 20px;
            margin-bottom: 15px
        }
        
        .widget_rss ul .rsswidget {
            color: #333
        }
        
        .widget_rss ul .rss-date {
            color: #3396d1
        }
        
        .widget_rss ul .rssSummary {
            padding: 5px 0
        }
        
        .widget_rss ul cite {
            color: #333;
            font-weight: 600
        }
        
        .widget_getintuch {
            padding-top: 10px
        }
        
        .widget_getintuch li {
            margin-bottom: 20px;
            position: relative;
            padding-left: 40px
        }
        
        .widget_getintuch b,
        .widget_getintuch strong {
            display: block;
            text-transform: uppercase
        }
        
        .widget_getintuch i {
            position: absolute;
            left: 0;
            top: 5px;
            text-align: center;
            font-size: 22px;
            width: 30px;
            height: 30px;
            line-height: 30px
        }
        
        .widget_gallery ul {
            padding-left: 0;
            display: table
        }
        
        .widget_gallery.gallery-grid-4 li {
            width: 25%
        }
        
        .gallery-grid-8 li {
            width: 12.5%
        }
        
        @media only screen and (max-width:767px) {
            .gallery-grid-8 li {
                width: 25%
            }
        }
        
        .widget_gallery li {
            display: inline-block;
            width: 33.33%;
            float: left;
            transition: all .5s;
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            -o-transition: all .5s;
            padding: 2px
        }
        
        .widget_gallery li img {
            display: inline-block;
            width: 100%
        }
        
        .widget_gallery li:nth-child(3n-3) {
            margin-right: 0
        }
        
        .widget_gallery li:hover {
            opacity: .7;
            transition: all .5s;
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            -o-transition: all .5s
        }
        
        .widget_gallery a {
            display: inline-block
        }
        
        .widget-newslatter .news-box {
            background-color: #f5f6f7;
            padding: 20px;
            position: relative;
            z-index: 1;
            overflow: hidden
        }
        
        .widget-newslatter p {
            font-style: italic;
            font-size: 15px
        }
        
        .widget-newslatter .form-control {
            background: #fff none repeat scroll 0 0;
            border: 2px solid #d0d0d0;
            height: 45px;
            margin-bottom: 15px;
            padding: 5px 20px
        }
        
        .widget-newslatter .site-button {
            padding: 12px 15px;
            font-weight: 700
        }
        
        .news-box form:after {
            color: #000;
            content: "Newslatter";
            font-size: 50px;
            font-weight: 700;
            opacity: .05;
            position: absolute;
            top: -40px;
            z-index: -1
        }
        
        .news-box:before {
            font-family: themify;
            content: "\e75a";
            font-size: 50px;
            font-weight: 700;
            opacity: .05;
            position: absolute;
            right: 0;
            top: 0;
            z-index: -1;
            opacity: .05
        }
        
        .news-box form {
            position: relative
        }
        
        .widget-about .dlab-title {
            margin: 15px 0 5px 0;
            color: #000
        }
        
        .widget-about p {
            color: #333;
            font-size: 13px;
            line-height: 20px
        }
        
        .widget-about .button-sm {
            font-weight: 700;
            padding: 5px 20px
        }
        
        .widget-testimonial .testimonial-pic {
            height: 70px;
            width: 70px;
            border: 3px solid #fff;
            margin-bottom: 10px
        }
        
        .widget-testimonial .testimonial-name {
            font-weight: 600;
            font-size: 13px;
            text-transform: uppercase;
            color: #000
        }
        
        .widget-testimonial .testimonial-position {
            text-transform: uppercase;
            color: #888q;
            font-size: 12px;
            font-style: inherit
        }
        
        .widget-testimonial .testimonial-position p {
            line-height: 26px
        }
        
        .widget-testimonial .testimonial-text {
            color: #505050;
            font-size: 15px;
            font-weight: 300;
            margin-bottom: 10px;
            padding: 0
        }
        
        .alert,
        .btn,
        .btn-group-divides>.btn:last-child:not(:first-child),
        .btn-group-divides>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle),
        .btn-group>.dropdown-toggle:not(:first-child),
        .dlab-booking-form .dlab-extra-services li .icon-bx-lg,
        .dlab-booking-form .dlab-extra-services li.active .icon-bx-lg:after,
        .dropdown-menu,
        .form-control,
        .img-thumbnail,
        .input-group-addon,
        .list-group-item:first-child,
        .list-group-item:last-child,
        .modal-content,
        .nav-pills>li>a,
        .nav-tabs>li>a,
        .navbar-toggler,
        .pager li>a,
        .pager li>span,
        .panel,
        .panel-group .panel,
        .panel-head ing,
        .searchform input[type=submit],
        .searchform input[type=text],
        .well,
        .widget_tag_cloud a,
        ol.comment-list li.comment .comment-body {
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0
        }
        
        .btn,
        .dlab-box,
        .dlab-info-has,
        .dlab-we-find .dlab-box,
        .extra-nav,
        .form-control,
        .header-nav .nav>li>a,
        .how-dlab-work .dlab-box .shadow-bx img,
        .how-dlab-work .dlab-box .step-no-bx,
        .icon-bx-lg,
        .icon-bx-md,
        .icon-bx-sm,
        .icon-bx-xl,
        .icon-bx-xs,
        .indicator,
        .logo-header,
        .navbar-toggler,
        .overlay-bx,
        .overlay-icon li a i,
        .profile-menu ul li,
        .share-social-bx li,
        .skew-primary:hover,
        .skew-primary:hover::after,
        .skew-secondry:hover,
        .skew-secondry:hover::after,
        .staff-member .member-done,
        a {
            -webkit-transition: all .8s linear;
            -moz-transition: all .8s linear;
            -ms-transition: all .8s linear;
            -o-transition: all .8s linear;
            transition: all .8s linear
        }
        
        .animate-slow {
            -webkit-transition: all .3s ease-out;
            -moz-transition: all .3s ease-out;
            -o-transition: all .3s ease-out;
            -ms-transition: all .3s ease-out;
            transition: all .3s ease-out
        }
        
        .animate-mid {
            -webkit-transition: all .5s ease-out;
            -moz-transition: all .5s ease-out;
            -o-transition: all .5s ease-out;
            -ms-transition: all .5s ease-out;
            transition: all .5s ease-out
        }
        
        .animate-fast {
            -webkit-transition: all .8s ease-out;
            -moz-transition: all .8s ease-out;
            -o-transition: all .8s ease-out;
            -ms-transition: all .8s ease-out;
            transition: all .8s ease-out
        }
        
        .clearfix:after,
        .clearfix:before {
            content: "";
            display: table
        }
        
        .clearfix:after {
            clear: both
        }
        
        .has-error .bootstrap-select .dropdown-toggle,
        .has-error .bootstrap-select .dropdown-toggle:focus,
        .has-error .bootstrap-select .dropdown-toggle:hover {
            border-color: #a94442!important
        }
        
        .has-success .bootstrap-select .dropdown-toggle,
        .has-success .bootstrap-select .dropdown-toggle:focus,
        .has-success .bootstrap-select .dropdown-toggle:hover {
            border-color: #3c763d!important
        }
        
        .sort-title {
            margin-bottom: 40px
        }
        
        .sort-title h4:after {
            left: -160px
        }
        
        .sort-title.text-white h4:after,
        .sort-title.text-white h4:before {
            background: #fff
        }
        
        .sort-title h4:after,
        .sort-title h4:before {
            background: #000 none repeat scroll 0 0;
            content: "";
            height: 1px;
            position: absolute;
            right: -160px;
            top: 50%;
            width: 150px;
            opacity: .15
        }
        
        .sort-title h4 {
            display: inline-block;
            margin: 0;
            position: relative
        }
        
        @media only screen and (max-width:767px) {
            .sort-title h4:after,
            .sort-title h4:before {
                content: none
            }
        }
        
        .owl-next,
        .owl-prev {
            background-color: rgba(0, 0, 0, .5);
            border-color: rgba(0, 0, 0, .5);
            color: #fff;
            padding: 5px 8px;
            margin-left: 5px;
            margin-right: 5px;
            font-size: 13px;
            display: inline-block;
            cursor: pointer;
            border-width: 0;
            border-style: solid
        }
        
        .owl-next:active,
        .owl-next:focus,
        .owl-next:hover,
        .owl-prev:active,
        .owl-prev:focus,
        .owl-prev:hover {
            background-color: rgba(0, 0, 0, .7);
            border-color: #3e2e23;
            color: #fff
        }
        
        .button-example .btn,
        .button-example .site-button,
        .button-example .site-button-link {
            margin: 0 5px 10px 0
        }
        
        .btn {
            -moz-user-select: none;
            border: 1px solid transparent;
            border-radius: 4px;
            display: inline-block;
            font-size: 16px;
            font-weight: 400;
            line-height: 1.25;
            padding: 8px 16px;
            text-align: center;
            transition: all .2s ease-in-out 0s;
            vertical-align: middle;
            white-space: nowrap
        }
        
        .btn-success {
            background-color: #67072c;
            border-color: #67072c;
            color: #fff
        }
        
        .btn-primary {
            background-color: #0275d8;
            border-color: #0275d8;
            color: #fff
        }
        
        .btn-primary:active,
        .btn-primary:focus,
        .btn-primary:hover {
            background-color: #025aa5;
            border-color: #01549b
        }
        
        .btn-info {
            background-color: #5bc0de;
            border-color: #5bc0de;
            color: #fff
        }
        
        .btn-danger {
            background-color: #d9534f;
            border-color: #d9534f;
            color: #fff
        }
        
        .btn-secondary {
            background-color: #fff;
            border-color: #ccc;
            color: #292b2c
        }
        
        .btn-outline-danger {
            background-color: rgba(0, 0, 0, 0);
            background-image: none;
            border-color: #d9534f;
            color: #d9534f
        }
        
        .btn-outline-primary {
            background-color: rgba(0, 0, 0, 0);
            background-image: none;
            border-color: #0275d8;
            color: #0275d8
        }
        
        .btn-outline-secondary {
            background-color: rgba(0, 0, 0, 0);
            background-image: none;
            border-color: #ccc;
            color: #ccc
        }
        
        .btn-outline-success {
            background-color: rgba(0, 0, 0, 0);
            background-image: none;
            border-color: #5cb85c;
            color: #5cb85c
        }
        
        .btn-outline-info {
            background-color: rgba(0, 0, 0, 0);
            background-image: none;
            border-color: #5bc0de;
            color: #5bc0de
        }
        
        .btn-outline-warning {
            background-color: rgba(0, 0, 0, 0);
            background-image: none;
            border-color: #f0ad4e;
            color: #f0ad4e
        }
        
        .btn-outline-primary:hover {
            background-color: #0274d9;
            border-color: #0274d9;
            color: #fff
        }
        
        .btn-outline-secondary:hover {
            background-color: #ccc;
            border-color: #ccc;
            color: #fff
        }
        
        .btn-outline-success:hover {
            background-color: #5bb75b;
            border-color: #5bb75b;
            color: #fff
        }
        
        .btn-outline-info:hover {
            background-color: #59bedd;
            border-color: #59bedd;
            color: #fff
        }
        
        .btn-outline-warning:hover {
            background-color: #efab4c;
            border-color: #efab4c;
            color: #fff
        }
        
        .btn-outline-danger:hover {
            background-color: #d8534f;
            border-color: #d8534f;
            color: #fff
        }
        
        .btn-group-lg>.btn,
        .btn-lg {
            border-radius: 4px;
            font-size: 20px;
            padding: 12px 24px
        }
        
        .btn-group-sm>.btn,
        .btn-sm {
            border-radius: 3px;
            font-size: 12px;
            padding: 4px 8px
        }
        
        .site-button,
        .site-button-secondry {
            color: #fff;
            padding: 12px 30px;
            display: inline-block;
            font-size: 13px;
            outline: 0;
            cursor: pointer;
            outline: 0;
            border-width: 0;
            border-style: solid;
            border-color: transparent;
            line-height: 1.42857;
            border-radius: 3px;
            font-weight: 600;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle
        }
        
        .site-button {
            background-color: #efbb20
        }
        
        .active>.site-button,
        .site-button:active,
        .site-button:focus,
        .site-button:hover {
            background-color: #d8a409;
            color: #fff
        }
        
        .site-button-secondry {
            background-color: #282a3c
        }
        
        .active>.site-button-secondry,
        .site-button-secondry:active,
        .site-button-secondry:focus,
        .site-button-secondry:hover {
            background-color: #3c3e4e;
            color: #fff
        }
        
        .site-button.text-uppercase {
            text-transform: uppercase
        }
        
        .button-sm {
            padding: 5px 10px;
            font-size: 12px
        }
        
        .button-md {
            padding: 15px 30px;
            font-size: 16px;
            font-weight: 500
        }
        
        .button-lg {
            font-size: 18px;
            font-weight: 600;
            padding: 18px 35px
        }
        
        .button-xl {
            font-size: 22px;
            padding: 25px 35px
        }
        
        .radius-no {
            border-radius: 0;
            -webkit-border-radius: 0
        }
        
        .radius-sm {
            border-radius: 4px;
            -webkit-border-radius: 4px
        }
        
        .radius-xl {
            border-radius: 100px;
            -webkit-border-radius: 100px
        }
        
        .radius-md {
            border-radius: 8px;
            -webkit-border-radius: 8px
        }
        
        .red {
            --color-hover: #F22D4E
        }
        
        .gray {
            --color-hover: #555555
        }
        
        .blue {
            --color-hover: #00b5cc
        }
        
        .pink {
            --color-hover: #ef2c75
        }
        
        .orange {
            --color-hover: #df8800
        }
        
        .yellow {
            --color-hover: #efa812
        }
        
        .brown {
            --color-hover: #383a4c
        }
        
        .green {
            --color-hover: #24af93
        }
        
        .purple {
            --color-hover: #7852a9
        }
        
        .white {
            --color-hover: #F4F4F4
        }
        
        .black {
            --color-hover: #000
        }
        
        .site-button.white {
            background-color: #fff;
            color: #777
        }
        
        .site-button.white:active,
        .site-button.white:focus,
        .site-button.white:hover {
            background-color: #f4f4f4;
            color: #555
        }
        
        .site-button.black {
            background-color: #171717;
            color: #fff
        }
        
        .site-button.black:active,
        .site-button.black:focus,
        .site-button.black:hover {
            background-color: #000;
            color: #fff
        }
        
        .site-button.gray {
            background-color: #666;
            color: #fff
        }
        
        .site-button.gray.active,
        .site-button.gray:active,
        .site-button.gray:focus,
        .site-button.gray:hover {
            background-color: #555;
            color: #fff
        }
        
        .site-button.pink {
            background-color: #ff3c85;
            color: #fff
        }
        
        .site-button.pink.active,
        .site-button.pink:active,
        .site-button.pink:focus,
        .site-button.pink:hover {
            background-color: #ef2c75;
            color: #fff
        }
        
        .site-button.blue {
            background-color: #00c5dc;
            color: #fff
        }
        
        .site-button.blue.active,
        .site-button.blue:active,
        .site-button.blue:focus,
        .site-button.blue:hover {
            background-color: #00b5cc;
            color: #fff
        }
        
        .site-button.green {
            background-color: #34bfa3;
            color: #fff
        }
        
        .site-button.green.active,
        .site-button.green:active,
        .site-button.green:focus,
        .site-button.green:hover {
            background-color: #24af93;
            color: #fff
        }
        
        .site-button.orange {
            background-color: #ef9800;
            color: #fff
        }
        
        .site-button.orange.active,
        .site-button.orange:active,
        .site-button.orange:focus,
        .site-button.orange:hover {
            background-color: #df8800;
            color: #fff
        }
        
        .site-button.red {
            background-color: #f0526d;
            color: #fff
        }
        
        .site-button.red.active,
        .site-button.red:active,
        .site-button.red:focus,
        .site-button.red:hover {
            background-color: #f22d4e;
            color: #fff
        }
        
        .site-button.brown {
            background-color: #484a5c;
            color: #fff
        }
        
        .site-button.brown.active,
        .site-button.brown:active,
        .site-button.brown:focus,
        .site-button.brown:hover {
            background-color: #383a4c;
            color: #fff
        }
        
        .site-button.yellow {
            background-color: #ffb822;
            color: #fff
        }
        
        .site-button.yellow.active,
        .site-button.yellow:active,
        .site-button.yellow:focus,
        .site-button.yellow:hover {
            background-color: #efa812;
            color: #fff
        }
        
        .site-button.purple {
            background-color: #8862b9;
            color: #fff
        }
        
        .site-button.purple.active,
        .site-button.purple:active,
        .site-button.purple:focus,
        .site-button.purple:hover {
            background-color: #7852a9;
            color: #fff
        }
        
        .site-button.white {
            background-color: #fff;
            color: #777
        }
        
        .site-button.white:active,
        .site-button.white:focus,
        .site-button.white:hover {
            background-color: #f4f4f4;
            color: #555
        }
        
        .site-button.black.gradient {
            background: #000;
            background: -moz-linear-gradient(45deg, #000 0, #727272 100%);
            background: -webkit-linear-gradient(45deg, #000 0, #727272 100%);
            background: linear-gradient(45deg, #000 0, #727272 100%);
            color: #fff
        }
        
        .site-button.black.gradient:active,
        .site-button.black.gradient:focus,
        .site-button.black.gradient:hover {
            background: #1e1e1e;
            background: -moz-linear-gradient(45deg, #1e1e1e 0, #727272 100%);
            background: -webkit-linear-gradient(45deg, #1e1e1e 0, #727272 100%);
            background: linear-gradient(45deg, #1e1e1e 0, #727272 100%);
            color: #fff
        }
        
        .site-button.gradient.gray {
            background: #666;
            background: -moz-linear-gradient(45deg, #666 0, #999 100%);
            background: -webkit-linear-gradient(45deg, #666 0, #999 100%);
            background: linear-gradient(45deg, #666 0, #999 100%);
            color: #fff
        }
        
        .site-button.gradient.gray:active,
        .site-button.gradient.gray:focus,
        .site-button.gradient.gray:hover {
            background: #4f4f4f;
            background: -moz-linear-gradient(45deg, #4f4f4f 0, #999 100%);
            background: -webkit-linear-gradient(45deg, #4f4f4f 0, #999 100%);
            background: linear-gradient(45deg, #4f4f4f 0, #999 100%);
            color: #fff
        }
        
        .site-button.gradient.pink {
            background: #ff3c85;
            background: -moz-linear-gradient(45deg, #ff3c85 0, #ff93bb 100%);
            background: -webkit-linear-gradient(45deg, #ff3c85 0, #ff93bb 100%);
            background: linear-gradient(45deg, #ff3c85 0, #ff93bb 100%);
            color: #fff
        }
        
        .site-button.gradient.pink:active,
        .site-button.gradient.pink:focus,
        .site-button.gradient.pink:hover {
            background: #ff3d81;
            background: -moz-linear-gradient(45deg, #ff3d81 0, #ff7fae 100%);
            background: -webkit-linear-gradient(45deg, #ff3d81 0, #ff7fae 100%);
            background: linear-gradient(45deg, #ff3d81 0, #ff7fae 100%);
            color: #fff
        }
        
        .site-button.gradient.blue {
            background: #00c5db;
            background: -moz-linear-gradient(45deg, #00c5db 0, #6dff9e 99%);
            background: -webkit-linear-gradient(45deg, #00c5db 0, #6dff9e 99%);
            background: linear-gradient(45deg, #00c5db 0, #6dff9e 99%);
            color: #fff
        }
        
        .site-button.gradient.blue:active,
        .site-button.gradient.blue:focus,
        .site-button.gradient.blue:hover {
            background: #00a9bc;
            background: -moz-linear-gradient(45deg, #00a9bc 0, #54ea86 99%);
            background: -webkit-linear-gradient(45deg, #00a9bc 0, #54ea86 99%);
            background: linear-gradient(45deg, #00a9bc 0, #54ea86 99%);
            color: #fff
        }
        
        .site-button.gradient.green {
            background: #84ba3f;
            background: -moz-linear-gradient(45deg, #84ba3f 0, #b7ff59 99%);
            background: -webkit-linear-gradient(45deg, #84ba3f 0, #b7ff59 99%);
            background: linear-gradient(45deg, #84ba3f 0, #b7ff59 99%);
            color: #fff
        }
        
        .site-button.gradient.green:active,
        .site-button.gradient.green:focus,
        .site-button.gradient.green:hover {
            background: #6dad1a;
            background: -moz-linear-gradient(45deg, #6dad1a 0, #90ff00 99%);
            background: -webkit-linear-gradient(45deg, #6dad1a 0, #90ff00 99%);
            background: linear-gradient(45deg, #6dad1a 0, #90ff00 99%);
            color: #fff
        }
        
        .site-button.gradient.orange {
            background: #ef940b;
            background: -moz-linear-gradient(45deg, #ef940b 0, #ffd754 100%);
            background: -webkit-linear-gradient(45deg, #ef940b 0, #ffd754 100%);
            background: linear-gradient(45deg, #ef940b 0, #ffd754 100%);
            color: #fff
        }
        
        .site-button.gradient.orange:active,
        .site-button.gradient.orange:focus,
        .site-button.gradient.orange:hover {
            background: #d68000;
            background: -moz-linear-gradient(45deg, #d68000 0, #ffbf00 100%);
            background: -webkit-linear-gradient(45deg, #d68000 0, #ffbf00 100%);
            background: linear-gradient(45deg, #d68000 0, #ffbf00 100%);
            color: #fff
        }
        
        .site-button.gradient.red {
            background: #ff1437;
            background: -moz-linear-gradient(45deg, #ff1437 0, #ff5982 100%);
            background: -webkit-linear-gradient(45deg, #ff1437 0, #ff5982 100%);
            background: linear-gradient(45deg, #ff1437 0, #ff5982 100%);
            color: #fff
        }
        
        .site-button.gradient.red:active,
        .site-button.gradient.red:focus,
        .site-button.gradient.red:hover {
            background: #f02;
            background: -moz-linear-gradient(45deg, #f02 0, #ff3866 100%);
            background: -webkit-linear-gradient(45deg, #f02 0, #ff3866 100%);
            background: linear-gradient(45deg, #f02 0, #ff3866 100%);
            color: #fff
        }
        
        .site-button.gd,
        .site-button.gd:active,
        .site-button.gd:focus,
        .site-button.gd:hover {
            background: #1ebbf0;
            background: -moz-linear-gradient(45deg, #1ebbf0 8%, #39dfaa 100%);
            background: -webkit-linear-gradient(45deg, #1ebbf0 8%, #39dfaa 100%);
            background: linear-gradient(45deg, #1ebbf0 8%, #39dfaa 100%)
        }
        
        .site-button.gradient.brown {
            background: #303451;
            background: -moz-linear-gradient(45deg, #303451 0, #7e8196 100%);
            background: -webkit-linear-gradient(45deg, #303451 0, #7e8196 100%);
            background: linear-gradient(45deg, #303451 0, #7e8196 100%);
            color: #fff
        }
        
        .site-button.gradient.brown:active,
        .site-button.gradient.brown:focus,
        .site-button.gradient.brown:hover {
            background: #1d213f;
            background: -moz-linear-gradient(45deg, #1d213f 0, #777c9b 100%);
            background: -webkit-linear-gradient(45deg, #1d213f 0, #777c9b 100%);
            background: linear-gradient(45deg, #1d213f 0, #777c9b 100%);
            color: #fff
        }
        
        .site-button.gradient.yellow {
            background: #ffb52d;
            background: -moz-linear-gradient(45deg, #ffb52d 34%, #ffd684 100%);
            background: -webkit-linear-gradient(45deg, #ffb52d 34%, #ffd684 100%);
            background: linear-gradient(45deg, #ffb52d 34%, #ffd684 100%);
            color: #fff
        }
        
        .site-button.gradient.yellow:active,
        .site-button.gradient.yellow:focus,
        .site-button.gradient.yellow:hover {
            background: #e2a336;
            background: -moz-linear-gradient(45deg, #e2a336 34%, #ffc656 100%);
            background: -webkit-linear-gradient(45deg, #e2a336 34%, #ffc656 100%);
            background: linear-gradient(45deg, #e2a336 34%, #ffc656 100%);
            color: #fff
        }
        
        .site-button.gradient.purple {
            background: #62369b;
            background: -moz-linear-gradient(45deg, #62369b 0, #b37cff 87%);
            background: -webkit-linear-gradient(45deg, #62369b 0, #b37cff 87%);
            background: linear-gradient(45deg, #62369b 0, #b37cff 87%);
            color: #fff
        }
        
        .site-button.gradient.purple:active,
        .site-button.gradient.purple:focus,
        .site-button.gradient.purple:hover {
            background: #814ec4;
            background: -moz-linear-gradient(45deg, #814ec4 0, #9e4aba 87%);
            background: -webkit-linear-gradient(45deg, #814ec4 0, #9e4aba 87%);
            background: linear-gradient(45deg, #814ec4 0, #9e4aba 87%);
            color: #fff
        }
        
        .button-skew {
            position: relative;
            text-align: center;
            margin-right: 21px;
            -moz-transform: skewX(-20deg);
            -webkit-transform: skewX(-20deg);
            -o-transform: skewX(-20deg);
            -ms-transform: skewX(-20deg);
            transform: skewX(-20deg)
        }
        
        .button-skew span {
            display: inline-block;
            -moz-transform: skewX(20deg);
            -webkit-transform: skewX(20deg);
            -o-transform: skewX(20deg);
            -ms-transform: skewX(20deg);
            transform: skewX(20deg)
        }
        
        .button-skew i {
            background-color: inherit;
            position: absolute;
            height: 100%;
            margin-right: -32px;
            right: 0;
            top: 0;
            padding: 12px 12px;
            line-height: normal
        }
        
        .button-skew i:before {
            display: inline-block;
            -moz-transform: skewX(20deg);
            -webkit-transform: skewX(20deg);
            -o-transform: skewX(20deg);
            -ms-transform: skewX(20deg);
            transform: skewX(20deg)
        }
        
        .button-skew.button-sm i {
            padding: 7px 10px;
            margin-right: -27px
        }
        
        .button-skew.button-lg i {
            padding: 25px 15px;
            margin-right: -40px
        }
        
        .button-skew.button-xl i {
            padding: 35px 22px;
            margin-right: -55px
        }
        
        .site-button.graphical {
            color: #fff;
            border-radius: 3px;
            text-shadow: 0 -1px rgba(0, 0, 0, .4);
            box-shadow: inset 0 1px 1px rgba(255, 255, 255, .3), 0 1px 3px -1px rgba(45, 60, 72, .5);
            border: 1px solid rgba(0, 0, 0, .15)
        }
        
        .site-button.graphical:active {
            box-shadow: 0 2px 2px rgba(0, 0, 0, .25) inset
        }
        
        .site-button.button-3d {
            color: #fff;
            border-radius: 3px;
            -webkit-border-radius: 3px;
            border-bottom: 4px solid rgba(0, 0, 0, .2);
            border-left: none;
            border-right: none;
            border-top: none
        }
        
        .text-white .site-button.outline {
            color: #fff
        }
        
        .site-button.outline {
            color: #888;
            background: 0 0;
            border-width: 1px;
            border-style: solid;
            border-color: inherit
        }
        
        .site-button.outline-2 {
            border-width: 2px
        }
        
        .site-button.outline-2.radius-xl,
        .site-button.outline.radius-xl {
            border-radius: 100px
        }
        
        .site-button.outline.white {
            color: #e7e7e7;
            border-color: #e7e7e7
        }
        
        .site-button.outline.white:hover {
            color: #666
        }
        
        .site-button.outline.black {
            color: #171717;
            border-color: #171717
        }
        
        .site-button.outline.gray {
            color: #666;
            border-color: #666
        }
        
        .site-button.outline.pink {
            color: #e63f75;
            border-color: #e63f75
        }
        
        .site-button.outline.blue {
            color: #42b8d4;
            border-color: #42b8d4
        }
        
        .site-button.outline.green {
            color: #35b494;
            border-color: #35b494
        }
        
        .site-button.outline.orange {
            color: #e56713;
            border-color: #e56713
        }
        
        .site-button.outline.red {
            color: #d93223;
            border-color: #d93223
        }
        
        .site-button.outline.brown {
            color: #69441f;
            border-color: #69441f
        }
        
        .site-button.outline.yellow {
            color: #efbb20;
            border-color: #efbb20
        }
        
        .site-button.outline.purple {
            color: #ae1af7;
            border-color: #ae1af7
        }
        
        .site-button.outline:hover {
            border-color: transparent;
            color: #fff
        }
        
        .site-button-link {
            background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
            border: 0 none;
            display: inline-block;
            font-weight: 400;
            padding: 3px 5px
        }
        
        .site-button-link i {
            margin-left: 10px
        }
        
        .site-button-link.white {
            color: #e7e7e7
        }
        
        .site-button-link.white:active,
        .site-button-link.white:focus,
        .site-button-link.white:hover {
            color: #ccc
        }
        
        .site-button-link.black {
            color: #171717
        }
        
        .site-button-link.black:active,
        .site-button-link.black:focus,
        .site-button-link.black:hover {
            color: #000
        }
        
        .site-button-link.gray {
            color: #666
        }
        
        .site-button-link.gray:active,
        .site-button-link.gray:focus,
        .site-button-link.gray:hover {
            color: #555
        }
        
        .site-button-link.pink {
            color: #e63f75
        }
        
        .site-button-link.pink:active,
        .site-button-link.pink:focus,
        .site-button-link.pink:hover {
            color: #ef2c75
        }
        
        .site-button-link.blue {
            color: #42b8d4
        }
        
        .site-button-link.blue:active,
        .site-button-link.blue:focus,
        .site-button-link.blue:hover {
            color: #00b5cc
        }
        
        .site-button-link.green {
            color: #35b494
        }
        
        .site-button-link.green:active,
        .site-button-link.green:focus,
        .site-button-link.green:hover {
            color: #26a585
        }
        
        .site-button-link.orange {
            color: #e56713
        }
        
        .site-button-link.orange:active,
        .site-button-link.orange:focus,
        .site-button-link.orange:hover {
            color: #d55703
        }
        
        .site-button-link.red {
            color: #d93223
        }
        
        .site-button-link.red:active,
        .site-button-link.red:focus,
        .site-button-link.red:hover {
            color: #c51e0f
        }
        
        .site-button-link.brown {
            color: #69441f
        }
        
        .site-button-link.brown:active,
        .site-button-link.brown:focus,
        .site-button-link.brown:hover {
            color: #5f3a15
        }
        
        .site-button-link.yellow {
            color: #ecc731
        }
        
        .site-button-link.yellow:active,
        .site-button-link.yellow:focus,
        .site-button-link.yellow:hover {
            color: ##d4af19
        }
        
        .site-button-link.purple {
            color: #ae1af7
        }
        
        .site-button-link.purple:active,
        .site-button-link.purple:focus,
        .site-button-link.purple:hover {
            color: #9804e1
        }
        
        .dropdown-menu>li>a {
            padding: 10px 20px
        }
        
        .site-button.box-shadow.black {
            box-shadow: 0 5px 10px 2px rgba(0, 0, 0, .19)
        }
        
        .site-button.box-shadow.gray {
            box-shadow: 0 5px 10px 2px rgba(85, 85, 85, .19)
        }
        
        .site-button.box-shadow.pink {
            box-shadow: 0 5px 10px 2px rgba(239, 44, 177, .19)
        }
        
        .site-button.box-shadow.blue {
            box-shadow: 0 5px 10px 2px rgba(0, 181, 104, .19)
        }
        
        .site-button.box-shadow.green {
            box-shadow: 0 5px 10px 2px rgba(36, 176, 147, .19)
        }
        
        .site-button.box-shadow.orange {
            box-shadow: 0 5px 10px 2px rgba(223, 136, 0, .19)
        }
        
        .site-button.box-shadow.red {
            box-shadow: 0 5px 10px 2px rgba(242, 45, 78, .19)
        }
        
        .site-button.box-shadow.brown {
            box-shadow: 0 5px 10px 2px rgba(56, 58, 76, .19)
        }
        
        .site-button.box-shadow.yellow {
            box-shadow: 0 5px 10px 2px rgba(239, 168, 18, .19)
        }
        
        .site-button.box-shadow.purple {
            box-shadow: 0 5px 10px 2px rgba(120, 82, 169, .19)
        }
        
        .site-button.circle-sm {
            width: 28px;
            height: 28px;
            padding: 0;
            border-radius: 40px;
            font-size: 12px;
            line-height: 28px
        }
        
        .site-button.circle {
            width: 40px;
            height: 40px;
            padding: 0;
            border-radius: 40px;
            line-height: 39px
        }
        
        .site-button.circle-lg {
            border-radius: 40px;
            font-size: 20px;
            height: 55px;
            padding: 0;
            width: 55px;
            line-height: 54px
        }
        
        .site-button.sharp-sm {
            width: 28px;
            height: 28px;
            padding: 0;
            font-size: 12px;
            line-height: 28px
        }
        
        .site-button.sharp {
            width: 40px;
            height: 40px;
            padding: 0;
            line-height: 39px
        }
        
        .site-button.sharp-lg {
            font-size: 20px;
            height: 55px;
            padding: 0;
            width: 55px;
            line-height: 54px
        }
        
        .site-button.outline.circle-sm,
        .site-button.outline.sharp-sm {
            line-height: 27px
        }
        
        .site-button-link.facebook {
            color: #3b5998
        }
        
        .site-button-link.google-plus {
            color: #de4e43
        }
        
        .site-button-link.linkedin {
            color: #007bb6
        }
        
        .site-button-link.instagram {
            color: #8a5a4e
        }
        
        .site-button-link.twitter {
            color: #1ea1f3
        }
        
        .site-button-link.youtube {
            color: #ce201f
        }
        
        .site-button-link.whatsapp {
            color: #01c854
        }
        
        .site-button-link.facebook.hover,
        .site-button-link.google-plus.hover,
        .site-button-link.instagram.hover,
        .site-button-link.linkedin.hover,
        .site-button-link.twitter.hover,
        .site-button-link.whatsapp.hover,
        .site-button-link.youtube.hover {
            color: inherit
        }
        
        .site-button-link.facebook.hover:active,
        .site-button-link.facebook.hover:focus,
        .site-button-link.facebook.hover:hover {
            color: #3b5998
        }
        
        .site-button-link.google-plus.hover:active,
        .site-button-link.google-plus.hover:focus,
        .site-button-link.google-plus.hover:hover {
            color: #de4e43
        }
        
        .site-button-link.linkedin.hover:active,
        .site-button-link.linkedin.hover:focus,
        .site-button-link.linkedin.hover:hover {
            color: #007bb6
        }
        
        .site-button-link.instagram.hover:active,
        .site-button-link.instagram.hover:focus,
        .site-button-link.instagram.hover:hover {
            color: #8a5a4e
        }
        
        .site-button-link.twitter.hover:active,
        .site-button-link.twitter.hover:focus,
        .site-button-link.twitter.hover:hover {
            color: #1ea1f3
        }
        
        .site-button-link.youtube.hover:active,
        .site-button-link.youtube.hover:focus,
        .site-button-link.youtube.hover:hover {
            color: #ce201f
        }
        
        .site-button-link.whatsapp.hover:active,
        .site-button-link.whatsapp.hover:focus,
        .site-button-link.whatsapp.hover:hover {
            color: #01c854
        }
        
        .site-button.facebook {
            background-color: #3b5998
        }
        
        .site-button.facebook:active,
        .site-button.facebook:focus,
        .site-button.facebook:hover {
            background-color: #4b69a8
        }
        
        .site-button.google-plus {
            background-color: #de4e43
        }
        
        .site-button.google-plus:active,
        .site-button.google-plus:focus,
        .site-button.google-plus:hover {
            background-color: #fe6e63
        }
        
        .site-button.linkedin {
            background-color: #007bb6
        }
        
        .site-button.linkedin:active,
        .site-button.linkedin:focus,
        .site-button.linkedin:hover {
            background-color: #209bd6
        }
        
        .site-button.instagram {
            background-color: #8a5a4e
        }
        
        .site-button.instagram:active,
        .site-button.instagram:focus,
        .site-button.instagram:hover {
            background-color: #aa7a6e
        }
        
        .site-button.twitter {
            background-color: #1ea1f3
        }
        
        .site-button.twitter:active,
        .site-button.twitter:focus,
        .site-button.twitter:hover {
            background-color: #0e91e3
        }
        
        .site-button.youtube {
            background-color: #ce201f
        }
        
        .site-button.youtube:active,
        .site-button.youtube:focus,
        .site-button.youtube:hover {
            background-color: #ee403f
        }
        
        .site-button.whatsapp {
            background-color: #01c854
        }
        
        .site-button.whatsapp:active,
        .site-button.whatsapp:focus,
        .site-button.whatsapp:hover {
            background-color: #00a834
        }
        
        .site-button.facebook.outline,
        .site-button.google-plus.outline,
        .site-button.instagram.outline,
        .site-button.linkedin.outline,
        .site-button.twitter.outline,
        .site-button.whatsapp.outline,
        .site-button.youtube.outline {
            background-color: rgba(0, 0, 0, 0);
            border: 1px solid
        }
        
        .site-button.facebook.outline {
            color: #3b5998
        }
        
        .site-button.google-plus.outline {
            color: #de4e43
        }
        
        .site-button.linkedin.outline {
            color: #007bb6
        }
        
        .site-button.instagram.outline {
            color: #8a5a4e
        }
        
        .site-button.twitter.outline {
            color: #1ea1f3
        }
        
        .site-button.youtube.outline {
            color: #ce201f
        }
        
        .site-button.whatsapp.outline {
            color: #01c854
        }
        
        .site-button.facebook.outline:active,
        .site-button.facebook.outline:focus,
        .site-button.facebook.outline:hover {
            background-color: #4b69a8;
            color: #fff
        }
        
        .site-button.google-plus.outline:active,
        .site-button.google-plus.outline:focus,
        .site-button.google-plus.outline:hover {
            background-color: #fe6e63;
            color: #fff
        }
        
        .site-button.linkedin.outline:active,
        .site-button.linkedin.outline:focus,
        .site-button.linkedin.outline:hover {
            background-color: #209bd6;
            color: #fff
        }
        
        .site-button.instagram.outline:active,
        .site-button.instagram.outline:focus,
        .site-button.instagram.outline:hover {
            background-color: #aa7a6e;
            color: #fff
        }
        
        .site-button.twitter.outline:active,
        .site-button.twitter.outline:focus,
        .site-button.twitter.outline:hover {
            background-color: #0e91e3;
            color: #fff
        }
        
        .site-button.youtube.outline:active,
        .site-button.youtube.outline:focus,
        .site-button.youtube.outline:hover {
            background-color: #ee403f;
            color: #fff
        }
        
        .site-button.whatsapp.outline:active,
        .site-button.whatsapp.outline:focus,
        .site-button.whatsapp.outline:hover {
            background-color: #00a834;
            color: #fff
        }
        
        @media only screen and (max-width:991px) {
            .button-layout .btn,
            .button-layout .site-button,
            .button-layout .site-button-link,
            .button-layout .site-secondry {
                margin-bottom: 10px
            }
        }
        
        .site-filters {
            margin-bottom: 30px
        }
        
        .site-filters ul {
            margin: 0;
            list-style: none
        }
        
        .site-filters li {
            display: inline-block;
            padding: 0;
            margin-bottom: 3px
        }
        
        .site-filters li.btn {
            box-shadow: none;
            -webkit-box-shadow: none;
            outline: 0!important
        }
        
        .site-filters li input {
            display: none
        }
        
        .site-filters a {
            margin: 0 5px 5px 0
        }
        
        .site-filters .active>[class*=site-button] {
            color: #fff;
            background-color: #efbb20
        }
        
        .site-filters.center {
            text-align: center
        }
        
        .site-filters.center ul {
            display: inline-block;
            margin: auto
        }
        
        .site-filters.center [class*=site-button] {
            display: inline-block;
            margin: 0 5px 10px;
            text-transform: uppercase
        }
        
        .mas-1 .card-container {
            margin-left: -1px
        }
        
        .site-filters.style1 li a {
            color: #000316;
            font-weight: 400;
            margin: 0;
            padding: 0 15px;
            position: relative
        }
        
        .site-filters.style1 li:last-child a:after {
            position: relative
        }
        
        .site-filters.style1 li a:after {
            background-color: #000316;
            content: "";
            height: 100%;
            opacity: .2;
            position: absolute;
            right: -2px;
            top: 0;
            transform: skew(-20deg, -20deg);
            -moz-transform: skew(-20deg, -20deg);
            -webkit-transform: skew(-20deg, -20deg);
            -o-transform: skew(-20deg, -20deg);
            width: 2px
        }
        
        .site-filters.style1 li.active a,
        .site-filters.style1.white li.active a {
            color: var(--color-primary)
        }
        
        .site-filters.style1.white li a:after {
            background-color: #fff
        }
        
        .site-filters.style1.white li a {
            color: #bfbfbf
        }
        
        .site-filters .site-button.outline {
            border-color: var(--color-primary)
        }
        
        .site-filters.filters-sm li a {
            padding: 5px 20px;
            font-size: 13px;
            font-weight: 500
        }
        
        .site-filters.gray li a {
            background-color: #e0e3f6;
            color: #000
        }
        
        .site-filters .button-sm {
            font-size: 13px;
            padding: 5px 20px
        }
        
        @media only screen and (max-width:480px) {
            .site-filters.center [class*=site-button] {
                margin: 0 1px 5px;
                padding: 5px 10px;
                font-size: 12px
            }
        }
        
        .dlab-separator-outer {
            overflow: hidden
        }
        
        .dlab-separator.m-b0 {
            margin-bottom: 0
        }
        
        .dlab-separator {
            display: inline-block;
            height: 2px;
            width: 80px;
            margin-bottom: 10px;
            position: relative
        }
        
        .dlab-separator.style-liner {
            width: 20px
        }
        
        .dlab-separator.style-icon {
            width: 30px;
            height: auto;
            text-align: center;
            font-size: 20px
        }
        
        .dlab-separator[class*=style-]:after,
        .dlab-separator[class*=style-]:before {
            content: "";
            position: absolute;
            top: 50%;
            left: 40px;
            width: 70px;
            height: 2px;
            background: #eee;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%)
        }
        
        .dlab-separator[class*=style-]:before {
            left: auto;
            right: 40px
        }
        
        .dlab-separator.style-skew {
            width: 15px;
            height: 10px;
            margin-left: 1px;
            margin-right: 1px;
            -moz-transform: skewX(-10deg);
            -webkit-transform: skewX(-10deg);
            -o-transform: skewX(-10deg);
            -ms-transform: skewX(-10deg);
            transform: skewX(-10deg)
        }
        
        .dlab-separator.style-skew[class*=style-]:after,
        .dlab-separator.style-skew[class*=style-]:before {
            width: 80px;
            height: 4px;
            left: 20px;
            -moz-transform: translateY(-50%) skewX(-10deg);
            -webkit-transform: translateY(-50%) skewX(-10deg);
            -o-transform: translateY(-50%) skewX(-10deg);
            -ms-transform: translateY(-50%) skewX(-10deg);
            transform: translateY(-50%) skewX(-10deg)
        }
        
        .dlab-separator.style-skew[class*=style-]:before {
            right: 20px;
            left: auto
        }
        
        .dlab-separator.bnr-title {
            height: 1px;
            width: 155px;
            opacity: .5
        }
        
        .dlab-separator.bnr-title:before {
            height: inherit;
            right: -80px;
            width: 25px
        }
        
        .dlab-separator.bnr-title:after {
            height: inherit;
            right: -90px;
            top: 0;
            width: 6px
        }
        
        .dlab-separator.bnr-title:after,
        .dlab-separator.bnr-title:before {
            position: absolute;
            content: "";
            background-color: inherit
        }
        
        .dlab-separator.bnr-title i {
            background-color: inherit;
            display: block;
            height: inherit;
            position: absolute;
            right: -50px;
            width: 45px
        }
        
        .dlab-divider {
            height: 1px;
            position: relative;
            margin: 30px 0
        }
        
        .dlab-divider.tb20 {
            margin: 20px 0
        }
        
        .dlab-divider.tb15 {
            margin: 15px 0
        }
        
        .dlab-divider.tb10 {
            margin: 10px 0
        }
        
        .dlab-divider.tb0 {
            margin: 0
        }
        
        .dlab-divider.divider-2px {
            height: 2px
        }
        
        .dlab-divider.divider-3px {
            height: 3px
        }
        
        .dlab-divider.divider-4px {
            height: 4px
        }
        
        .dlab-divider i {
            position: absolute;
            width: 30px;
            height: 30px;
            text-align: center;
            line-height: 30px;
            display: block;
            border-radius: 100%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%)
        }
        
        .dlab-divider.icon-left {
            margin-left: 40px
        }
        
        .dlab-divider.icon-left i {
            left: -40px
        }
        
        .dlab-divider.icon-right {
            margin-right: 40px
        }
        
        .dlab-divider.icon-right i {
            left: auto;
            right: -40px
        }
        
        .dlab-divider.icon-center i {
            left: 50%;
            margin-left: -5px
        }
        
        .list-angle-right,
        .list-arrow,
        .list-check,
        .list-checked,
        .list-chevron-circle,
        .list-circle,
        .list-cup,
        .list-hand-point,
        .list-heart,
        .list-icon-box,
        .list-pen,
        .list-star {
            margin: 0 0 20px 0;
            padding: 0;
            list-style: none
        }
        
        .list-angle-right li,
        .list-arrow li,
        .list-check li,
        .list-checked li,
        .list-chevron-circle li,
        .list-circle li,
        .list-cup li,
        .list-hand-point li,
        .list-heart li,
        .list-icon-box li,
        .list-pen li,
        .list-star li {
            padding: 5px 5px 5px 30px;
            position: relative
        }
        
        .list-angle-right li:before,
        .list-arrow li:before,
        .list-check li:before,
        .list-checked li:before,
        .list-chevron-circle li:before,
        .list-circle li:before,
        .list-cup li:before,
        .list-hand-point li:before,
        .list-heart li:before,
        .list-icon-box li:before,
        .list-pen li:before,
        .list-star li:before {
            font-family: themify;
            position: absolute;
            left: 0;
            top: 5px;
            display: block;
            font-size: 15px;
            color: #777
        }
        
        ul[class*=list-] {
            font-size: 15px
        }
        
        .list-circle li:before {
            font-size: 16px
        }
        
        .list-circle li:before {
            content: "\e724"
        }
        
        .list-angle-right li:before {
            content: "\e628"
        }
        
        .list-arrow li:before {
            content: "\e661"
        }
        
        .list-check li:before {
            content: "\e64c"
        }
        
        .list-checked li:before {
            content: "\e64d";
            font-family: themify;
            font-size: 15px
        }
        
        .list-icon-box li:before {
            content: "\e6e8"
        }
        
        .list-chevron-circle li:before {
            content: "\e65d"
        }
        
        .list-hand-point li:before {
            content: "\e71b"
        }
        
        .list-star li:before {
            content: "\e60a"
        }
        
        .list-cup li:before {
            content: "\e641"
        }
        
        .list-pen li:before {
            content: "\e61c"
        }
        
        .list-heart li:before {
            content: "\e634"
        }
        
        .primary li:before {
            color: #efbb20
        }
        
        .secondry li:before {
            color: #77c04b
        }
        
        .black li:before {
            color: #000
        }
        
        .white li:before {
            color: #fff
        }
        
        .orange li:before {
            color: #f60
        }
        
        .green li:before {
            color: #0c0
        }
        
        .red li:before {
            color: #ff3737
        }
        
        .no-margin {
            margin: 0 0 0!important;
            list-style: none
        }
        
        .list-num-count {
            counter-reset: li;
            padding-left: 0
        }
        
        .list-num-count>li {
            position: relative;
            margin: 0 0 6px 30px;
            padding: 4px 8px;
            list-style: none
        }
        
        .list-num-count>li:before {
            content: counter(li, decimal);
            counter-increment: li;
            position: absolute;
            top: 0;
            left: -28px;
            width: 28px;
            height: 28px;
            padding: 5px;
            color: #fff;
            background: #efbb20;
            font-weight: 700;
            text-align: center;
            font-size: 12px;
            -webkit-border-radius: 100px;
            border-radius: 100px
        }
        
        .list-num-count.lower-alpha>li:before {
            content: counter(li, lower-alpha)
        }
        
        .list-num-count.upper-alpha>li:before {
            content: counter(li, upper-alpha)
        }
        
        .list-num-count.upper-roman>li:before {
            content: counter(li, upper-roman)
        }
        
        .list-num-count.no-round>li:before {
            background-color: rgba(0, 0, 0, 0);
            color: #333;
            font-size: 15px;
            font-weight: 400;
            height: auto;
            left: -30px;
            margin: 0;
            width: auto
        }
        
        .rounded[class*=list-] li:before {
            background: #fff none repeat scroll 0 0;
            border-radius: 30px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            width: 30px;
            transition: all .5s;
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            -o-transition: all .5s;
            box-shadow: 0 0 6px 0 rgba(0, 0, 0, .1)
        }
        
        .rounded[class*=list-] li:hover:before {
            transform: scale(1.5);
            -webkit-transform: scale(1.5);
            -moz-transform: scale(1.5);
            -o-transform: scale(1.5);
            transition: all .5s;
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            -o-transition: all .5s
        }
        
        .reverse.primary[class*=list-] li:hover:before {
            background-color: #67072c;
            color: #fff
        }
        
        .rounded[class*=list-] li {
            padding: 10px 0 10px 45px
        }
        
        .rounded[class*=list-] li {
            padding: 10px 0 10px 45px
        }
        
        .rounded.border {
            border: 0!important
        }
        
        .rounded.border[class*=list-] li:before {
            background-color: rgba(0, 0, 0, 0);
            border: 1px solid;
            line-height: 28px
        }
        
        [class*=list-].list-box>li {
            background: #fff none repeat scroll 0 0;
            border-radius: 4px;
            color: #000;
            margin-bottom: 6px;
            padding: 10px 20px 10px 50px
        }
        
        [class*=list-].list-box>li:before {
            background: var(--color-primary) none repeat scroll 0 0;
            border-radius: 4px 0 0 4px;
            color: #fff;
            display: table-cell;
            height: 100%;
            padding: 10px 0;
            text-align: center;
            top: 0;
            vertical-align: middle;
            width: 40px
        }
        
        [class*=list-].list-box>li {
            transition: all .5s;
            -moz-transition: all .5s;
            -webkit-transition: all .5s;
            -o-transition: all .5s;
            box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1)
        }
        
        [class*=list-].style1.list-box>li {
            margin-left: 42px;
            border-radius: 0 4px 4px 0;
            padding: 10px 20px 10px 20px
        }
        
        [class*=list-].style1.list-box>li:before {
            left: -42px;
            transition: all .5s;
            -moz-transition: all .5s;
            -webkit-transition: all .5s
        }
        
        [class*=list-].style2.list-box>li {
            padding: 10px 20px 10px 60px
        }
        
        [class*=list-].style2.list-box>li:after {
            font-family: FontAwesome;
            content: "\f0da";
            left: 39px;
            position: absolute;
            top: 50%;
            color: var(--color-primary);
            font-size: 18px;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -o-transform: translateY(-50%)
        }
        
        [class*=list-].list-box>li:hover,
        [class*=list-].style2.list-box>li:hover {
            transform: scale(1.05);
            -moz-transform: scale(1.05);
            -webkit-transform: scale(1.05);
            -o-transform: scale(1.05)
        }
        
        [class*=list-].style1.list-box>li:hover {
            transform: scale(1);
            -o-transform: scale(1);
            -webkit-transform: scale(1);
            -moz-transform: scale(1)
        }
        
        [class*=list-].style1.list-box>li:hover:before {
            transform: scale(1.2);
            -o-transform: scale(1.2);
            -moz-transform: scale(1.2);
            -webkit-transform: scale(1.2)
        }
        
        [class*=list-].list-box.reverse>li:before {
            color: var(--color-primary);
            background: #fff;
            border-right: 1px solid rgba(0, 0, 0, .1)
        }
        
        .dlab-tabs .tab-pane {
            padding: 20px 0
        }
        
        .dlab-tabs .nav-tabs>li>a {
            background: #f6f7f8;
            color: #3d474a;
            -webkit-border-radius: 0;
            border-radius: 0;
            font-size: 15px;
            font-weight: 400;
            text-transform: capitalize;
            margin-bottom: 0;
            display: inline-block;
            padding: 10px 20px
        }
        
        .dlab-tabs .nav-tabs>li>a.active,
        .dlab-tabs .nav-tabs>li>a.active:focus,
        .dlab-tabs .nav-tabs>li>a.active:hover {
            background-color: #fff;
            border-color: #ebedf2;
            border-bottom: 1px solid #fff
        }
        
        .dlab-tabs .nav>li>a:focus,
        .dlab-tabs .nav>li>a:hover {
            background-color: transparent
        }
        
        .dlab-tabs .nav li a:hover {
            border: 1px solid transparent
        }
        
        .dlab-tabs .nav-tabs>li>a i {
            color: #efbb20;
            margin-right: 5px
        }
        
        .dlab-tabs.bg-tabs .nav-tabs>li>a {
            border: 1px solid #ebedf2;
            background-color: #efefef;
            margin-right: 2px
        }
        
        .dlab-tabs.bg-tabs .nav-tabs>li>a.active {
            border-bottom: 1px solid transparent;
            background-color: #fff
        }
        
        .dlab-tabs.vertical.bg-tabs .nav-tabs>li>a {
            border: 1px solid #ebedf2
        }
        
        .dlab-tabs.vertical.bg-tabs .nav-tabs>li>a.active {
            border-right: 1px solid transparent
        }
        
        .dlab-tabs.vertical.right.bg-tabs .nav-tabs>li>a {
            border: 1px solid #ebedf2
        }
        
        .dlab-tabs.vertical.right.bg-tabs .nav-tabs>li>a.active {
            border-left: 1px solid transparent
        }
        
        .dlab-tabs.border {
            border: 0
        }
        
        .dlab-tabs.border-top {
            border-top: 0
        }
        
        .dlab-tabs.border-top .nav-tabs>li>a.active {
            border-top: 2px solid var(--color-primary);
            padding: 9px 15px 10px
        }
        
        .dlab-tabs.border .tab-pane {
            padding: 20px;
            border: 1px solid #ebedf2;
            margin-top: -1px
        }
        
        .dlab-tabs.vertical .nav-tabs {
            float: left;
            width: 200px;
            border-bottom: none;
            border-right: 1px solid #ebedf2
        }
        
        .dlab-tabs.vertical .tab-pane {
            padding: 10px 0 10px 20px
        }
        
        .dlab-tabs.vertical .nav-tabs li {
            float: none;
            margin-right: -1px;
            display: block;
            width: 100%
        }
        
        .dlab-tabs.vertical .nav-tabs li a {
            margin-right: 0;
            border-right: none;
            display: block;
            width: 100%
        }
        
        .dlab-tabs.vertical .nav-tabs li a.active {
            border-bottom: 1px solid #ebedf2
        }
        
        .dlab-tabs.vertical .tab-content {
            border-left: 1px solid #ebedf2;
            margin-left: 199px
        }
        
        .dlab-tabs.vertical.border .tab-pane {
            padding: 20px;
            margin-left: -1px
        }
        
        .dlab-tabs.vertical.right .nav-tabs {
            border-left: 1px solid #ebedf2;
            border-right: none;
            float: right
        }
        
        .dlab-tabs.vertical.right .nav-tabs li {
            margin-right: 0;
            margin-left: -1px
        }
        
        .dlab-tabs.vertical.right .nav-tabs li a {
            border-right: 1px solid transparent;
            border-left: none
        }
        
        .dlab-tabs.vertical.right .nav-tabs li a.active {
            border-right: 1px solid #ebedf2;
            border-left: none
        }
        
        .dlab-tabs.vertical.right .tab-content {
            border-left: none;
            border-right: 1px solid #ebedf2;
            margin-right: 199px;
            margin-left: 0
        }
        
        .dlab-tabs.vertical.right .tab-pane {
            padding: 10px 20px 10px 0
        }
        
        .tabs-site-button .nav-tabs {
            border: 0
        }
        
        .tabs-site-button .nav-tabs li a {
            padding: 12px 20px
        }
        
        .tabs-site-button .nav-tabs li a,
        .tabs-site-button .nav-tabs li a:focus,
        .tabs-site-button .nav-tabs li a:hover {
            background: #f8f8f8 none repeat scroll 0 0;
            border: 0 none
        }
        
        .tabs-site-button .nav-tabs li a.active,
        .tabs-site-button .nav-tabs li a.active:focus,
        .tabs-site-button .nav-tabs li a.active:hover {
            background-color: #67072c;
            color: #fff;
            border: 0
        }
        
        .tabs-site-button .nav-tabs li a.active i {
            color: #fff
        }
        
        @media only screen and (max-width:767px) {
            .tabs-site-button .nav-tabs li a {
                padding: 13px 20px
            }
        }
        
        .dlab-tabs.vertical.right.border .tab-pane {
            padding: 20px;
            margin-right: -1px
        }
        
        .panel {
            box-shadow: none;
            -webkit-box-shadow: none
        }
        
        .dlab-accordion .panel {
            border: none;
            border-radius: 0;
            margin-bottom: -1px
        }
        
        .acod-head {
            position: relative
        }
        
        .acod-title {
            margin-top: 0;
            margin-bottom: 0
        }
        
        .acod-head .fa {
            margin-right: 5px
        }
        
        .acod-head a {
            display: block;
            padding: 17px 40px 17px 25px;
            border: 1px solid #ddd;
            border-radius: 4px
        }
        
        .acod-head a,
        .acod-head a.collapsed:hover,
        .acod-head a:hover {
            color: #efbb20
        }
        
        .acod-head a.collapsed,
        .acod-head a.collapsed:after {
            color: #3d474a
        }
        
        .acod-head a:after {
            font-family: themify;
            content: "\e622";
            float: right;
            color: #efbb20;
            font-size: 16px;
            letter-spacing: -2px;
            position: absolute;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -o-transform: translateY(-50%)
        }
        
        .acod-head a.collapsed:after {
            content: "\e61a";
            font-size: 16px;
            font-family: themify
        }
        
        .acod-body {
            border-left: 1px solid #ebedf2;
            border-right: 1px solid #ebedf2;
            border-bottom: 1px solid #ebedf2;
            border-top: 1px solid transparent;
            margin-top: -1px;
            border-radius: 0 0 4px 4px
        }
        
        .acod-content {
            margin: 20px
        }
        
        .accdown1 .acod-head a:after {
            content: "\e64b"
        }
        
        .accdown1 .acod-head a.collapsed:after {
            content: "\e649"
        }
        
        .dlab-accordion.rounded .panel:first-child .acod-head a {
            border-top-left-radius: 5px;
            border-top-right-radius: 5px
        }
        
        .dlab-accordion.rounded .panel:last-child .acod-head a.collapsed {
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px
        }
        
        .dlab-accordion.rounded .panel:last-child .acod-body {
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px
        }
        
        .dlab-accordion.rounded .panel:last-child .acod-body.in {
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px
        }
        
        .dlab-accordion.space .panel {
            margin-bottom: 5px
        }
        
        .dlab-accordion.rounded.space .panel .acod-head a {
            border-top-left-radius: 5px;
            border-top-right-radius: 5px
        }
        
        .dlab-accordion.rounded.space .panel .acod-head a.collapsed {
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px
        }
        
        .dlab-accordion.rounded.space .panel .acod-body {
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px
        }
        
        .dlab-accordion.bg-title .acod-head a {
            background-color: #f7f8fa
        }
        
        .dlab-accordion.no-cover .acod-body {
            border: none
        }
        
        .dlab-accordion.no-cover .acod-content {
            padding-left: 20px;
            margin-right: 10px;
            border-left: 2px solid #e8e8e8;
            position: relative
        }
        
        .dlab-accordion.no-cover .acod-content:after {
            content: "";
            position: absolute;
            bottom: 0;
            left: -5px;
            width: 8px;
            height: 8px;
            background-color: #fff;
            border: 2px solid #e8e8e8
        }
        
        .dlab-accordion.border-bottom .acod-head a {
            border-left: none;
            border-right: none;
            border-top: none;
            padding-left: 0
        }
        
        .dlab-accordion.primary .acod-head a {
            background-color: #0046c6;
            color: #fff;
            border: 0
        }
        
        .dlab-accordion.primary .acod-head a:hover {
            color: #fff
        }
        
        .dlab-accordion.primary .acod-head a:after {
            color: #fff
        }
        
        .dlab-accordion.primary.active-bg .acod-head .collapsed {
            background-color: #fff
        }
        
        .dlab-accordion.primary.active-bg .acod-head .collapsed,
        .dlab-accordion.primary.active-bg .acod-head a.collapsed:after {
            color: #000
        }
        
        .dlab-accordion.primary.active-bg .acod-head .collapsed {
            border: 1px solid #ebedf2
        }
        
        .dlab-accordion.gradient-1 .acod-head a {
            background: #0046c6;
            background: -moz-linear-gradient(45deg, #0046c6 0, #c927f1 100%);
            background: -webkit-linear-gradient(45deg, #0046c6 0, #c927f1 100%);
            background: linear-gradient(45deg, #0046c6 0, #c927f1 100%);
            color: #fff;
            border: 0
        }
        
        .dlab-accordion.gradient-2 .acod-head a {
            background: #ff90e1;
            background: -moz-linear-gradient(45deg, #ff90e1 0, #28b1ff 100%);
            background: -webkit-linear-gradient(45deg, #ff90e1 0, #28b1ff 100%);
            background: linear-gradient(45deg, #ff90e1 0, #28b1ff 100%);
            color: #fff;
            border: 0
        }
        
        .dlab-accordion.gradient-1 .acod-head a:hover,
        .dlab-accordion.gradient-2 .acod-head a:hover {
            color: #fff
        }
        
        .dlab-accordion.gradient-1 .acod-head a:after,
        .dlab-accordion.gradient-2 .acod-head a:after {
            color: #fff
        }
        
        .dlab-accordion.gradient-1.active-bg .acod-head .collapsed,
        .dlab-accordion.gradient-2.active-bg .acod-head .collapsed {
            background: #fff
        }
        
        .dlab-accordion.gradient-1.active-bg .acod-head .collapsed,
        .dlab-accordion.gradient-1.active-bg .acod-head a.collapsed:after,
        .dlab-accordion.gradient-2.active-bg .acod-head .collapsed,
        .dlab-accordion.gradient-2.active-bg .acod-head a.collapsed:after {
            color: #000
        }
        
        .dlab-accordion.gradient-1.active-bg .acod-head .collapsed,
        .dlab-accordion.gradient-2.active-bg .acod-head .collapsed {
            border: 1px solid #ebedf2
        }
        
        .dlab-accordion.green .acod-head a {
            background-color: #24a88d;
            color: #fff;
            border: 0
        }
        
        .dlab-accordion.green .acod-head a:hover {
            color: #fff
        }
        
        .dlab-accordion.green .acod-head a:after {
            color: #fff
        }
        
        .dlab-accordion.green.active-bg .acod-head .collapsed {
            background-color: #fff
        }
        
        .dlab-accordion.green.active-bg .acod-head .collapsed,
        .dlab-accordion.green.active-bg .acod-head a.collapsed:after {
            color: #000
        }
        
        .dlab-accordion.green.active-bg .acod-head .collapsed {
            border: 1px solid #ebedf2
        }
        
        .dlab-accordion.yellow .acod-head a {
            background-color: #efb822;
            color: #fff;
            border: 0
        }
        
        .dlab-accordion.yellow .acod-head a:hover {
            color: #fff
        }
        
        .dlab-accordion.yellow .acod-head a:after {
            color: #fff
        }
        
        .dlab-accordion.yellow.active-bg .acod-head .collapsed {
            background-color: #fff
        }
        
        .dlab-accordion.yellow.active-bg .acod-head .collapsed,
        .dlab-accordion.yellow.active-bg .acod-head a.collapsed:after {
            color: #000
        }
        
        .dlab-accordion.yellow.active-bg .acod-head .collapsed {
            border: 1px solid #ebedf2
        }
        
        .dlab-accordion.red .acod-head a {
            background-color: #ef516c;
            color: #fff;
            border: 0
        }
        
        .dlab-accordion.red .acod-head a:hover {
            color: #fff
        }
        
        .dlab-accordion.red .acod-head a:after {
            color: #fff
        }
        
        .dlab-accordion.red.active-bg .acod-head .collapsed {
            background-color: #fff
        }
        
        .dlab-accordion.red.active-bg .acod-head .collapsed,
        .dlab-accordion.red.active-bg .acod-head a.collapsed:after {
            color: #000
        }
        
        .dlab-accordion.red.active-bg .acod-head .collapsed {
            border: 1px solid #ebedf2
        }
        
        .dlab-accordion.blue .acod-head a {
            background-color: #36a3f7;
            color: #fff;
            border: 0
        }
        
        .dlab-accordion.blue .acod-head a:hover {
            color: #fff
        }
        
        .dlab-accordion.blue .acod-head a:after {
            color: #fff
        }
        
        .dlab-accordion.blue.active-bg .acod-head .collapsed {
            background-color: #fff
        }
        
        .dlab-accordion.blue.active-bg .acod-head .collapsed,
        .dlab-accordion.blue.active-bg .acod-head a.collapsed:after {
            color: #000
        }
        
        .dlab-accordion.blue.active-bg .acod-head .collapsed {
            border: 1px solid #ebedf2
        }
        
        .dlab-accordion.border-bottom.no-border .acod-head a {
            border: none
        }
        
        .dlab-accordion.no-border .acod-content {
            margin-top: 10px;
            margin-bottom: 10px
        }
        
        .no-gap .acod-title a {
            border: 0 none;
            padding: 10px 0
        }
        
        .no-gap .collapse {
            border: 0 none
        }
        
        .no-gap .acod-content {
            margin: 10px 0 10px
        }
        
        .acco-sm .acod-head a {
            font-size: 12px;
            padding: 5px 30px 5px 15px
        }
        
        .acco-sm .acod-head a:after {
            font-size: 16px;
            right: 15px;
            top: 50%;
            transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -o-transform: translateY(-50%)
        }
        
        .acco-lg .acod-head a {
            padding: 18px 40px 18px 25px;
            font-size: 18px
        }
        
        .acco-lg .acod-head a:after {
            font-size: 34px;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -o-transform: translateY(-50%)
        }
        
        .acco-xl .acod-head a {
            font-size: 22px;
            padding: 25px 50px 25px 30px
        }
        
        .acco-xl .acod-head a:after {
            font-size: 34px;
            right: 30px;
            top: 50%;
            transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -o-transform: translateY(-50%)
        }
        
        .ow-post-info {
            padding: 20px;
            background-color: #fff;
            border: 1px solid #ebebeb
        }
        
        .ow-post-title .post-title {
            margin: 0 0 10px
        }
        
        .ow-post-text {
            margin-bottom: 10px
        }
        
        .ow-post-text p:last-child {
            margin: 0
        }
        
        .ow-post-readmore {
            margin-bottom: 10px
        }
        
        .ow-post-meta {
            margin-bottom: 10px
        }
        
        .ow-post-meta ul {
            margin: 0 -4px;
            list-style: none
        }
        
        .ow-post-meta ul li {
            padding: 0;
            display: inline-block
        }
        
        .ow-post-meta li:after {
            content: "/";
            display: inline-block;
            font-weight: 400;
            margin-left: 5px;
            opacity: .5
        }
        
        .ow-post-meta li:last-child:after {
            display: none
        }
        
        .ow-post-meta a {
            color: #a9a9a9
        }
        
        .ow-post-meta li i {
            color: #7b7b7b;
            margin: 0 5px
        }
        
        .ow-post-tags {
            border-top: 1px solid #e9e9e9;
            padding-top: 10px
        }
        
        .ow-post-tags .post-comment {
            float: left;
            font-weight: 700;
            text-transform: uppercase
        }
        
        .ow-post-tags .post-comment a {
            color: #a9a9a9
        }
        
        .ow-post-tags .post-tags {
            margin: 0 -3px;
            list-style: none
        }
        
        .ow-post-tags .post-tags a {
            border: 1px solid #ebebeb;
            padding: 2px 8px 1px;
            color: #777;
            margin: 0 3px;
            display: inline-block;
            text-transform: uppercase;
            font-size: 11px
        }
        
        .ow-post-tags .post-tags a:active,
        .ow-post-tags .post-tags a:focus,
        .ow-post-tags .post-tags a:hover {
            border: 1px solid #0098a6;
            color: #0098a6
        }
        
        .no-image-blog.date-style-2 .ow-post-info {
            padding-top: 70px
        }
        
        .ow-event-info {
            position: relative;
            padding: 20px;
            background-color: #fff;
            border: 1px solid #ebebeb
        }
        
        .ow-event-title .event-title {
            margin: 0 0 10px
        }
        
        .ow-event-text {
            margin-bottom: 10px
        }
        
        .ow-event-text p:last-child {
            margin: 0
        }
        
        .ow-event-readmore {
            margin-bottom: 10px
        }
        
        .ow-event-meta ul {
            margin: 0
        }
        
        .ow-event-meta ul li {
            color: #a9a9a9;
            font-weight: 600;
            display: inline-block;
            padding-left: 20px
        }
        
        .ow-event-meta ul li i {
            color: #7b7b7b
        }
        
        .no-image-event.date-style-2 .ow-post-info {
            padding-top: 70px
        }
        
        .ow-client-logo {
            background-color: #fff;
            display: table;
            width: 100%;
            border-radius: 6px;
            box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
            transition: all .8s;
            -moz-transition: all .8s;
            -ms-transition: all .8s;
            -o-transition: all .8s;
            -webkit-transition: all .8s
        }
        
        .ow-client-logo:hover {
            box-shadow: 0 0 30px 0 rgba(0, 0, 0, .2)
        }
        
        .client-logo-carousel .owl-stage-outer {
            padding: 10px 0
        }
        
        .client-logo {
            display: table-cell;
            text-align: center;
            vertical-align: middle;
            padding: 10px
        }
        
        .owl-carousel .ow-client-logo img {
            height: 100px;
            max-height: 100%;
            width: auto;
            display: inline-block
        }
        
        .blog-info {
            background-color: rgba(0, 0, 0, .9);
            left: 0;
            list-style: outside none none;
            margin: 0;
            padding: 7px 15px;
            position: absolute;
            top: -34px;
            width: 100%
        }
        
        .blog-info li {
            display: inline-block;
            padding: 0 5px 0 5px;
            line-height: 14px;
            border-right: 1px solid
        }
        
        .blog-info li a:hover,
        .blog-info li:hover {
            color: #fff
        }
        
        .testimonial-pic {
            background: #fff;
            width: 100px;
            height: 100px;
            position: relative;
            display: inline-block;
            border: 5px solid #fff
        }
        
        .testimonial-pic.radius {
            border-radius: 100%;
            -webkit-border-radius: 100%
        }
        
        .testimonial-pic.radius img {
            width: 100%;
            height: 100;
            border-radius: 100%;
            -webkit-border-radius: 100%
        }
        
        .testimonial-pic.shadow {
            -webkit-box-shadow: 2px 3px 6px -3px rgba(0, 0, 0, .35);
            -moz-box-shadow: 2px 3px 6px -3px rgba(0, 0, 0, .35);
            box-shadow: 2px 3px 6px -3px rgba(0, 0, 0, .35)
        }
        
        .testimonial-pic.style1 {
            border: 0 none;
            height: 100px;
            width: 100px
        }
        
        .quote-left,
        .quote-right {
            position: relative
        }
        
        .quote-left:before,
        .quote-right:after {
            font-family: FontAwesome;
            position: absolute;
            z-index: 10;
            top: 15px
        }
        
        .quote-left:before {
            content: "\f10d";
            left: 0
        }
        
        .quote-right:after {
            content: "\f10e";
            left: auto;
            right: 0
        }
        
        .testimonial-text {
            padding: 15px;
            position: relative;
            font-size: 15px;
            font-weight: 400
        }
        
        .testimonial-detail {
            padding: 5px
        }
        
        .testimonial-name {
            font-size: 18px;
            font-weight: 500
        }
        
        .testimonial-position {
            font-size: 14px
        }
        
        .testimonial-name,
        .testimonial-position {
            display: block
        }
        
        .testimonial-text p:last-child {
            margin: 0
        }
        
        .testimonial-bg {
            color: #fff
        }
        
        .testimonial-1 {
            text-align: center
        }
        
        .testimonial-1 .testimonial-position {
            color: #efbb20
        }
        
        .testimonial-1 .testimonial-name,
        .testimonial-1 .testimonial-position {
            display: block
        }
        
        .testimonial-1 .quote-left:before {
            width: 36px;
            height: 36px;
            line-height: 36px;
            font-size: 16px;
            background: #efbb20;
            color: #fff;
            text-align: center;
            left: 0;
            top: 65px;
            border-radius: 100%;
            -webkit-border-radius: 100%
        }
        
        .testimonial-2 .testimonial-text,
        .testimonial-8 .testimonial-text {
            background-color: #f4f5f7;
            padding: 25px
        }
        
        .testimonial-2 .testimonial-text:after,
        .testimonial-8 .testimonial-text:after {
            content: "";
            position: absolute;
            bottom: -25px;
            left: 0;
            width: 0;
            height: 0;
            border-left: 0 solid transparent;
            border-right: 25px solid transparent;
            border-top: 25px solid #f4f5f7
        }
        
        .testimonial-2 .testimonial-detail,
        .testimonial-8 .testimonial-detail {
            padding: 25px 0 20px 20px
        }
        
        .testimonial-2 .testimonial-pic,
        .testimonial-8 .testimonial-pic {
            float: left;
            margin-right: 15px;
            width: 80px;
            height: 80px
        }
        
        .testimonial-2 .quote-left:before {
            width: 36px;
            height: 36px;
            line-height: 36px;
            font-size: 16px;
            background: #efbb20;
            color: #fff;
            text-align: center;
            left: 0;
            top: 65px;
            border-radius: 100%;
            -webkit-border-radius: 100%
        }
        
        .testimonial-2 .testimonial-name,
        .testimonial-2 .testimonial-position,
        .testimonial-8 .testimonial-name,
        .testimonial-8 .testimonial-position {
            padding: 2px 0
        }
        
        .testimonial-2 .testimonial-name,
        .testimonial-8 .testimonial-name {
            padding-top: 15px
        }
        
        .testimonial-2 .testimonial-position {
            color: #efbb20
        }
        
        .testimonial-2 .quote-left:before {
            top: 50px
        }
        
        .testimonial-2.testimonial-bg .testimonial-text {
            color: #777;
            background-color: rgba(255, 255, 255, .9)
        }
        
        .testimonial-2.testimonial-bg .testimonial-text:after {
            border-top-color: rgba(255, 255, 255, .9)
        }
        
        .testimonial-3 {
            text-align: center
        }
        
        .testimonial-3 .quote-left:before {
            position: static;
            font-size: 40px;
            color: #efbb20
        }
        
        .testimonial-3 .testimonial-position {
            color: #efbb20
        }
        
        .testimonial-3 .testimonial-name,
        .testimonial-3 .testimonial-position {
            display: inline-block
        }
        
        .testimonial-4 {
            background-color: #282a3c;
            position: relative;
            padding: 30px 40px 30px 10px;
            margin-left: 140px;
            min-height: 150px
        }
        
        .testimonial-4:after {
            background-color: #282a3c;
            border-left-width: 4px;
            border-left-style: solid;
            border-left-color: #efbb20;
            content: "";
            position: absolute;
            left: -80px;
            top: 0;
            height: 100%;
            width: 80%;
            z-index: -1;
            -moz-transform: skewX(-25deg);
            -webkit-transform: skewX(-25deg);
            -o-transform: skewX(-25deg);
            -ms-transform: skewX(-25deg);
            transform: skewX(-25deg)
        }
        
        .testimonial-4 .testimonial-pic {
            position: absolute;
            top: 30px;
            left: 0;
            margin-left: -110px
        }
        
        .testimonial-4 [class*=quote-] {
            position: absolute;
            bottom: 0;
            right: 0;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 30px;
            border-color: #efbb20;
            border-top-color: transparent!important;
            border-left-color: transparent!important
        }
        
        .testimonial-4 [class*=quote-]:after,
        .testimonial-4 [class*=quote-]:before {
            top: 0;
            right: -20px;
            font-size: 20px;
            color: #fff
        }
        
        .testimonial-4 .testimonial-detail,
        .testimonial-4 .testimonial-text {
            padding: 0
        }
        
        .testimonial-4 .testimonial-text {
            margin-bottom: 10px
        }
        
        .testimonial-4 .testimonial-name,
        .testimonial-4 .testimonial-position {
            display: inline-block
        }
        
        .testimonial-4 .testimonial-name:after {
            content: "/";
            color: #efbb20;
            margin: 0 2px 0 5px
        }
        
        .testimonial-4 .testimonial-name {
            text-transform: uppercase
        }
        
        .testimonial-4 .testimonial-position {
            font-style: italic;
            color: #bebebe
        }
        
        .testimonial-4 .testimonial-pic {
            border-color: #efbb20;
            border-width: 3px;
            width: 90px;
            height: 90px
        }
        
        @media only screen and (max-width:480px) {
            .testimonial-4 .testimonial-pic {
                height: 80px;
                width: 80px
            }
            .testimonial-4:after {
                transform: skewX(-10deg);
                -moz-transform: skewX(-10deg);
                -webkit-transform: skewX(-10deg);
                -o-transform: skewX(-10deg)
            }
            .testimonial-4 {
                padding: 25px 10px 25px 0;
                margin-left: 110px
            }
        }
        
        .testimonial-5 .testimonial-text {
            border: 2px solid #e6e6e6;
            padding: 30px
        }
        
        .testimonial-5 .testimonial-detail {
            padding: 0 0 0 20px;
            margin-top: -35px
        }
        
        .testimonial-5 .testimonial-pic {
            box-shadow: 0 0 0 2px #e6e6e6;
            width: 70px;
            height: 70px
        }
        
        .testimonial-5 .testimonial-text p {
            font-size: 16px;
            line-height: 30px
        }
        
        .testimonial-5 .info p {
            display: inline-block;
            position: relative;
            top: -10px;
            padding: 0 10px
        }
        
        .testimonial-6 .quote-left:before {
            left: 15px
        }
        
        .testimonial-6 .quote-left:before,
        .testimonial-6 .quote-right:after {
            color: #b5b5b5;
            font-size: 18px
        }
        
        .testimonial-6 .testimonial-text {
            padding: 25px 35px 70px 40px
        }
        
        .testimonial-6 .testimonial-detail {
            position: relative;
            padding: 10px 15px;
            top: -30px;
            width: 85%
        }
        
        .testimonial-6 .testimonial-pic {
            position: absolute;
            right: 20px;
            top: -50px;
            z-index: 2
        }
        
        .testimonial-6 .quote-left:before,
        .testimonial-6 .quote-right:after {
            color: #b5b5b5;
            font-size: 18px
        }
        
        .testimonial-6 .quote-left:before {
            left: 15px
        }
        
        .testimonial-6 .quote-right:after {
            right: 15px;
            bottom: 20px;
            top: auto
        }
        
        .testimonial-6 .testimonial-detail:after {
            background-color: inherit;
            content: "";
            display: block;
            height: 100%;
            position: absolute;
            right: -23px;
            top: 0;
            transform: skewX(35deg);
            -moz-transform: skewX(35deg);
            -webkit-transform: skewX(35deg);
            -o-transform: skewX(35deg);
            width: 50px;
            z-index: 1
        }
        
        .testimonial-section {
            position: relative;
            z-index: 1
        }
        
        .testimonial-section:after {
            background: #f2f2f2 none repeat scroll 0 0;
            content: "";
            height: 100%;
            left: 50%;
            position: absolute;
            top: 0;
            width: 100%;
            z-index: -1
        }
        
        .testimonial-section .col-md-6 {
            padding-left: 30px;
            padding-right: 30px
        }
        
        .testimonial-section .row {
            margin-left: -30px;
            margin-right: -30px
        }
        
        .testimonial-7 .testimonial-text {
            border: 2px solid #e6e6e6;
            padding: 18px
        }
        
        .testimonial-7 .testimonial-detail {
            padding: 0 0 0 20px;
            margin-top: -35px
        }
        
        .testimonial-7 .testimonial-pic {
            box-shadow: 0 0 0 2px #e6e6e6;
            width: 70px;
            height: 70px
        }
        
        .testimonial-7 .testimonial-text p {
            font-size: 16px;
            line-height: 30px
        }
        
        .testimonial-7 .info p {
            display: inline-block;
            position: relative;
            top: -10px;
            padding: 0 10px
        }
        
        .testimonial-7 .owl-controls .owl-nav {
            bottom: 0;
            margin-top: 0;
            position: absolute;
            right: 0
        }
        
        .testimonial-7 .owl-next,
        .testimonial-7 .owl-prev {
            background-color: #ccc;
            border: 0 none
        }
        
        @media only screen and (max-width:991px) {
            .testimonial-section:after {
                left: 100%
            }
            .testimonial-section {
                color: #fff
            }
            .testimonial-section .col-md-6 {
                padding-left: 15px;
                padding-right: 15px
            }
            .testimonial-section .row {
                margin-left: -15px;
                margin-right: -15px
            }
        }
        
        @media only screen and (max-width:767px) {
            .testimonial-section:after {
                content: none
            }
        }
        
        .testimonial-8 .testimonial-text {
            background: #fff none repeat scroll 0 0;
            border-radius: 6px 6px 6px 0;
            box-shadow: 0 0 14px 0 rgba(0, 0, 0, .1);
            transition: all .8s;
            -moz-transition: all .8s;
            -ms-transition: all .8s;
            -o-transition: all .8s;
            -webkit-transition: all .8s
        }
        
        .testimonial-8 .testimonial-text p {
            font-size: 16px;
            line-height: 30px
        }
        
        .testimonial-8 .testimonial-text:after {
            border-top: 25px solid #fff;
            border-left: 0 solid transparent
        }
        
        .testimonial-8 {
            padding: 15px
        }
        
        .testimonial-box.owl-theme .owl-dots {
            margin-top: 30px;
            position: unset;
            right: auto;
            text-align: center;
            top: auto;
            transform: translateY(-50%);
            width: auto
        }
        
        .owl-item.active.center .testimonial-text {
            background-color: #ff3b68;
            color: #fff
        }
        
        .owl-item.active.center .testimonial-8 .testimonial-text:after {
            border-top: 15px solid #ff3b68;
            -webkit-transition: all .8s;
            -ms-transition: all .8s;
            -o-transition: all .8s;
            -moz-transition: all .8s;
            transition: all .8s
        }
        
        .testimonial-8 .testimonial-text:before {
            content: "\f10e";
            bottom: -10px;
            color: #000;
            font-family: FontAwesome;
            font-size: 80px;
            opacity: .05;
            position: absolute;
            right: 10px;
            -webkit-transition: all .8s;
            -ms-transition: all .8s;
            -o-transition: all .8s;
            -moz-transition: all .8s;
            transition: all .8s
        }
        
        .testimonial-9 {
            background-color: #fff;
            padding: 50px 25px;
            box-shadow: 0 0 3px rgba(0, 0, 0, .1);
            text-align: center
        }
        
        .testimonial-9 .testimonial-text {
            padding: 0
        }
        
        .testimonial-10 .testimonial-name,
        .testimonial-9 .testimonial-name {
            font-weight: 600;
            font-size: 13px;
            text-transform: uppercase;
            color: #000
        }
        
        .testimonial-10 .testimonial-position,
        .testimonial-9 .testimonial-position {
            text-transform: uppercase;
            color: #888q;
            font-size: 12px;
            font-style: inherit
        }
        
        .testimonial-10 .testimonial-position p,
        .testimonial-9 .testimonial-position p {
            line-height: 26px
        }
        
        .testimonial-10 .testimonial-text,
        .testimonial-9 .testimonial-text {
            color: #505050;
            font-size: 15px;
            font-weight: 400;
            margin-bottom: 15px
        }
        
        .testimonial-9 .testimonial-pic {
            margin-bottom: 15px
        }
        
        .testimonial-10 {
            margin: auto;
            max-width: 600px;
            padding-left: 150px;
            position: relative
        }
        
        .testimonial-10 .testimonial-text {
            padding: 0
        }
        
        .testimonial-10 .testimonial-pic {
            border: 0 none;
            height: 130px;
            left: 0;
            position: absolute;
            width: 130px
        }
        
        .testimonial-seven.owl-btn-3 .owl-next,
        .testimonial-seven.owl-btn-3 .owl-prev {
            margin: 0!important
        }
        
        .pricingtable-inner {
            text-align: center
        }
        
        .pricingtable-price {
            padding: 20px 20px;
            background-color: #fff;
            border: 1px solid #e9e9e9
        }
        
        .pricingtable-bx {
            color: #282a3c;
            font-size: 45px;
            font-weight: 500
        }
        
        .pricingtable-type {
            font-size: 20px;
            text-transform: uppercase;
            font-size: 16px
        }
        
        .pricingtable-type:before {
            content: "/";
            margin-right: 3px
        }
        
        .pricingtable-title {
            background-color: #fff;
            padding: 20px;
            text-transform: uppercase
        }
        
        .pricingtable-title * {
            margin: 0;
            color: #fff;
            font-weight: 800
        }
        
        .pricingtable-features {
            margin: 0;
            padding: 0;
            list-style: none;
            border: 1px solid #e9e9e9
        }
        
        .pricingtable-features li {
            padding: 12px;
            border-bottom: 1px solid #e9e9e9
        }
        
        .pricingtable-features li i {
            margin: 0 3px
        }
        
        .pricingtable-features li:nth-child(even) {
            background-color: #fff
        }
        
        .pricingtable-features li:last-child {
            border-bottom: none
        }
        
        .pricingtable-footer {
            margin-top: -1px;
            padding: 20px;
            background-color: #fff;
            border: 1px solid #e9e9e9
        }
        
        .pricingtable-highlight {
            margin: -20px 0;
            -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, .2);
            box-shadow: 0 0 10px 5px rgba(0, 0, 0, .2);
            position: relative;
            z-index: 99
        }
        
        .pricingtable-highlight .pricingtable-price {
            padding: 30px 20px
        }
        
        .pricingtable-highlight .pricingtable-footer {
            padding: 30px 20px
        }
        
        .no-col-gap .pricingtable-wrapper {
            margin-left: -1px
        }
        
        .pricingtable-wrapper.style1 {
            border: 1px solid #f0f0f0;
            padding: 10px 10px 40px;
            margin-left: -1px
        }
        
        .pricingtable-wrapper.style1 .pricingtable-icon i {
            color: #000;
            font-size: 48px;
            line-height: 60px
        }
        
        .pricingtable-wrapper.style1 .pricingtable-price {
            background-color: #fff;
            border: 0
        }
        
        .pricingtable-wrapper.style1 .pricingtable-bx {
            font-size: 35px;
            font-weight: 300
        }
        
        .pricingtable-wrapper.style1 .pricingtable-features {
            border: 0
        }
        
        .pricingtable-wrapper.style1 .pricingtable-features li {
            background: #fff none repeat scroll 0 0;
            border: 0 none;
            color: #909090;
            font-weight: 400;
            padding: 8px 0;
            text-align: left
        }
        
        .pricingtable-wrapper.style1 .pricingtable-features {
            width: 80%;
            margin: auto
        }
        
        .pricingtable-wrapper.style1 .pricingtable-features li i {
            border: 2px solid;
            border-radius: 20px;
            display: block;
            float: right;
            font-size: 11px;
            height: 20px;
            line-height: 16px;
            text-align: center;
            width: 20px
        }
        
        .pricingtable-wrapper.style1 .button-md {
            font-weight: 400;
            padding: 12px 35px
        }
        
        .pricingtable-wrapper.style1 .pricingtable-type {
            text-transform: capitalize
        }
        
        .pricingtable-wrapper.style2 {
            box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
            padding: 30px
        }
        
        .pricingtable-wrapper.style2 .pricingtable-price {
            padding: 0;
            background-color: rgba(0, 0, 0, 0);
            border: 0
        }
        
        .pricingtable-wrapper.style2 .pricingtable-bx {
            background: rgba(0, 0, 0, .1);
            border-radius: 10px;
            color: #a0a0a0;
            display: inline-block;
            font-size: 13px;
            margin-top: 20px;
            padding: 15px 25px;
            margin-bottom: 10px
        }
        
        .pricingtable-wrapper.style2 .pricingtable-bx span {
            font-size: 22px
        }
        
        .pricingtable-wrapper.style2.active {
            margin: -30px -10px 0;
            padding: 60px 30px;
            position: relative;
            z-index: 1
        }
        
        .pricingtable-wrapper.style2.active .pricingtable-bx {
            color: #fff
        }
        
        .counter {
            position: relative
        }
        
        .counter-style-1 .counter,
        .counter-style-2 .counter,
        .counter-style-3 .counter {
            font-size: 50px;
            font-weight: 700
        }
        
        .counter-style-1 .counter-text,
        .counter-style-2 .counter-text {
            font-size: 16px;
            font-weight: 500
        }
        
        .counter-style-1 .icon {
            font-size: 45px;
            margin-right: 10px
        }
        
        .counter-style-3.rounded {
            border: 5px solid;
            border-radius: 200px;
            height: 200px;
            width: 200px
        }
        
        .counter-style-3 .counter-text {
            font-size: 18px;
            font-weight: 400;
            margin: 0 auto
        }
        
        .counter-style-4 {
            border: 5px solid rgba(0, 0, 0, .1);
            padding: 10px 10px 20px
        }
        
        .counter-style-4 .counter {
            font-size: 70px;
            font-weight: 500
        }
        
        .counter-style-4 .counter-text {
            font-size: 18px;
            font-weight: 500
        }
        
        .counter-style-4 .icon {
            font-size: 45px;
            margin-right: 10px
        }
        
        .alert {
            border-radius: 4px;
            padding: 15px 20px
        }
        
        .alert.alert-sm {
            padding: 5px 15px;
            font-size: 12px
        }
        
        .alert.alert-lg {
            padding: 25px 15px;
            font-size: 16px
        }
        
        .alert.alert-xl {
            padding: 35px 15px;
            font-size: 18px
        }
        
        .alert[class*=alert-] i {
            margin-right: 8px
        }
        
        .alert.no-radius {
            border-radius: 0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0
        }
        
        .alert.no-bg {
            background-color: transparent;
            border-width: 2px
        }
        
        .alert[class*=alert-] ul {
            padding-left: 25px;
            margin-top: 10px
        }
        
        .alert[class*=alert-] ul li:before {
            color: #a94442
        }
        
        .alert-warning {
            background-color: #fff3cd;
            border-color: #ffeeba;
            color: #856404
        }
        
        .alert-success {
            background-color: #d4edda;
            border-color: #c3e6cb;
            color: #155724
        }
        
        .alert-info {
            background-color: #cce5ff;
            border-color: #b8daff;
            color: #004085
        }
        
        .alert-danger {
            background-color: #f8d7da;
            border-color: #f5c6cb;
            color: #721c24
        }
        
        .close {
            color: #000;
            float: right;
            font-size: 16px;
            font-weight: 300;
            line-height: 20px;
            opacity: .3;
            text-shadow: none;
            vertical-align: middle
        }
        
        .modal-header {
            border-radius: 3px 3px 0 0;
            -webkit-border-radius: 3px 3px 0 0;
            -moz-border-radius: 3px 3px 0 0
        }
        
        .modal-footer {
            border-radius: 0 0 3px 3px;
            -webkit-border-radius: 0 0 3px 3px;
            -moz-border-radius: 0 0 3px 3px
        }
        
        .modal-header {
            background: #67072c;
            padding: 15px 25px
        }
        
        .modal-header .modal-title {
            color: #fff
        }
        
        .modal .modal-body {
            padding: 25px
        }
        
        .modal-xlg {
            width: 1000px
        }
        
        .provider_registration .bootstrap-select div.dropdown-menu ul li a {
            font-weight: 600
        }
        
        .provider_registration .bootstrap-select div.dropdown-menu ul li a span.childcat {
            font-weight: 400;
            color: #7c7c7c
        }
        
        @media only screen and (max-width:1024px) {
            .modal-xlg {
                width: auto;
                margin-left: 15px;
                margin-right: 15px
            }
        }
        
        .dlab-social-icon {
            display: inline-block;
            margin: 0 -3px;
            padding: 0;
            text-align: center
        }
        
        .dlab-social-icon li {
            display: inline-block;
            padding: 0;
            font-size: 12px
        }
        
        .dlab-social-icon li a {
            display: inline-block;
            width: 24px;
            height: 24px;
            padding: 4px
        }
        
        .dlab-social-icon li .fa {
            vertical-align: middle
        }
        
        .dlab-social-icon.border {
            border: 0!important
        }
        
        .dlab-social-icon.border li {
            padding: 0 3px
        }
        
        .dlab-social-icon.border li a {
            border: 1px solid rgba(255, 255, 255, .2)
        }
        
        .dlab-social-links.dark li {
            padding: 0 3px
        }
        
        .dlab-social-icon.dark li a {
            border: 1px solid #777;
            color: #777;
            border-radius: 2px;
            -webkit-border-radius: 2px
        }
        
        .dlab-share-icon li {
            border: none;
            width: 36px;
            display: block;
            float: left;
            white-space: nowrap;
            overflow: hidden;
            margin-right: 0
        }
        
        .dlab-share-icon li a {
            color: #fff
        }
        
        .dlab-share-icon li i {
            border-right: none;
            font-size: 14px;
            color: #fff;
            width: 36px;
            height: 34px;
            line-height: 34px;
            padding: 0;
            text-align: center
        }
        
        .dlab-share-icon li.fb {
            background: #354d89
        }
        
        .dlab-share-icon li.fb i {
            background: #3a5799
        }
        
        .dlab-share-icon li.gp {
            background: #d34b2b
        }
        
        .dlab-share-icon li.gp i {
            background: #e35736
        }
        
        .dlab-share-icon li.tw {
            background: #029fdf
        }
        
        .dlab-share-icon li.tw i {
            background: #00abf0
        }
        
        .dlab-share-icon li.dig {
            background: #1d61aa
        }
        
        .dlab-share-icon li.dig i {
            background: #2b6fb8
        }
        
        .dlab-share-icon li.lin {
            background: #0176be
        }
        
        .dlab-share-icon li.lin i {
            background: #0082ca
        }
        
        .dlab-share-icon li.pin {
            background: #ac0104
        }
        
        .dlab-share-icon li.pin i {
            background: #bd0e15
        }
        
        .dlab-share-icon li:hover {
            width: 90px
        }
        
        .breadcrumb-row {
            background: #f9f9f9;
            padding: 20px 0
        }
        
        .breadcrumb-row ul {
            margin: 0
        }
        
        .breadcrumb-row ul li {
            padding: 0;
            margin-right: 3px;
            color: #fff;
            display: inline-block;
            font-size: 16px;
            font-weight: 500
        }
        
        .breadcrumb-row ul li:after {
            content: "\f105";
            margin-left: 7px;
            font-family: fontawesome
        }
        
        .breadcrumb-row ul li:last-child {
            color: #676767
        }
        
        .breadcrumb-row ul li:last-child:after {
            display: none
        }
        
        .table>tbody>tr>td,
        .table>tbody>tr>th,
        .table>tfoot>tr>td,
        .table>tfoot>tr>th,
        .table>thead>tr>td,
        .table>thead>tr>th {
            padding: 10px
        }
        
        .table.borderless>tbody>tr>td,
        .table.borderless>tbody>tr>th {
            border: none
        }
        
        .dataTable .sorting_asc .checkbox {
            margin-right: 0
        }
        
        .overlay-black-dark,
        .overlay-black-light,
        .overlay-black-middle,
        .overlay-gradient-dark,
        .overlay-gradient-light,
        .overlay-gradient-middle,
        .overlay-primary,
        .overlay-primary-dark,
        .overlay-primary-light,
        .overlay-primary-middle,
        .overlay-white-dark,
        .overlay-white-light,
        .overlay-white-middle {
            position: relative
        }
        
        .overlay-black-dark:after,
        .overlay-black-light:after,
        .overlay-black-middle:after,
        .overlay-gradient-dark:after,
        .overlay-gradient-light:after,
        .overlay-gradient-middle:after,
        .overlay-primary-dark:after,
        .overlay-primary-light:after,
        .overlay-primary-middle:after,
        .overlay-primary:after,
        .overlay-white-dark:after,
        .overlay-white-light:after,
        .overlay-white-middle:after {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%
        }
        
        .overlay-black-dark:after,
        .overlay-black-light:after,
        .overlay-black-middle:after {
            background: #000
        }
        
        .overlay-gradient-dark:after,
        .overlay-gradient-light:after,
        .overlay-gradient-middle:after {
            background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .65) 100%);
            background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .65) 100%);
            background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .65) 100%)
        }
        
        .overlay-white-dark:after,
        .overlay-white-light:after,
        .overlay-white-middle:after {
            background: #fff
        }
        
        .overlay-black-light:after {
            opacity: .3
        }
        
        .overlay-black-middle:after {
            opacity: .5
        }
        
        .overlay-black-dark:after {
            opacity: .8
        }
        
        .overlay-gradient-light:after {
            opacity: .3
        }
        
        .overlay-gradient-middle:after {
            opacity: .5
        }
        
        .overlay-gradient-dark:after {
            opacity: .8
        }
        
        .overlay-white-light:after {
            opacity: .5
        }
        
        .overlay-white-middle:after {
            opacity: .7
        }
        
        .overlay-white-dark:after {
            opacity: .8
        }
        
        .overlay-primary-light:after {
            opacity: .3
        }
        
        .overlay-primary-middle:after {
            opacity: .5
        }
        
        .overlay-primary-dark:after,
        .overlay-primary:after {
            opacity: .8
        }
        
        .overlay-black-dark .container,
        .overlay-black-dark .container-fluid,
        .overlay-black-light .container,
        .overlay-black-light .container-fluid,
        .overlay-black-middle .container,
        .overlay-black-middle .container-fluid,
        .overlay-primary .container,
        .overlay-primary .container-fluid,
        .overlay-primary-dark .container,
        .overlay-primary-dark .container-fluid,
        .overlay-primary-light .container,
        .overlay-primary-light .container-fluid,
        .overlay-primary-middle .container,
        .overlay-primary-middle .container-fluid,
        .overlay-white-dark .container,
        .overlay-white-dark .container-fluid,
        .overlay-white-light .container,
        .overlay-white-light .container-fluid,
        .overlay-white-middle .container,
        .overlay-white-middle .container-fluid {
            position: relative;
            z-index: 1
        }
        
        .overlay-bx {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            text-align: center;
            z-index: 10;
            opacity: 0;
            visibility: hidden
        }
        
        .overlay-bx .align-m,
        .overlay-icon {
            height: auto;
            left: 50%;
            list-style: outside none none;
            margin: 0;
            position: absolute;
            top: 50%;
            transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            width: 100%;
            padding: 0 10px
        }
        
        .overlay-bx .align-b {
            height: auto;
            left: 0;
            list-style: outside none none;
            margin: 0;
            position: absolute;
            top: auto;
            bottom: 0;
            width: 100%;
            transform: translate(0);
            -o-transform: translate(0);
            -moz-transform: translate(0);
            -webkit-transform: translate(0)
        }
        
        .overlay-icon a {
            display: inline-block;
            padding: 0;
            margin: 0 2px
        }
        
        .overlay-icon a i {
            background-color: #fff
        }
        
        .dlab-box-bx:hover .overlay-bx a>i,
        .dlab-media:hover .overlay-bx a>i,
        .overlay-bx:hover a>i {
            opacity: 1;
            visibility: visible;
            -webkit-transition: all .5s ease-in-out;
            -moz-transition: all .5s ease-in-out;
            -ms-transition: all .5s ease-in-out;
            -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out
        }
        
        .dlab-box:hover .overlay-bx,
        .dlab-media:hover .overlay-bx,
        .overlay-bx:hover,
        .ow-img:hover .overlay-bx,
        .ow-portfolio-img:hover .overlay-bx {
            opacity: 1;
            visibility: visible
        }
        
        .overlay-text {
            width: 100%;
            position: absolute;
            padding: 20px;
            color: #fff;
            left: 0;
            bottom: 20px
        }
        
        .dlab-address-bx {
            display: table;
            text-align: left;
            padding: 20px 20px 20px 25px;
            width: 100%;
            height: 100%;
            position: relative;
            font-size: 14px;
            vertical-align: middle;
            font-weight: 600
        }
        
        .dlab-address-bx .fa {
            position: absolute;
            top: 22px;
            left: 0;
            font-size: 22px
        }
        
        .col-md-3 .overlay-text {
            padding: 5px
        }
        
        .col-md-4 .overlay-text {
            padding: 20px
        }
        
        .dlab-address2-bx {
            display: table;
            background: #eaeaea;
            padding: 5px 10px;
            margin-bottom: 10px
        }
        
        .icon-bx-ho [class*=icon-bx-] {
            z-index: 1
        }
        
        .icon-bx-ho [class*=icon-bx-]:after {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            border-radius: inherit;
            left: 0;
            top: 0;
            background: var(--color-primary);
            z-index: -1;
            transition: all .8s;
            -moz-transition: all .8s;
            -webkit-transition: all .8s;
            -ms-transition: all .8s;
            -o-transition: all .8s
        }
        
        .icon-bx-ho:hover [class*=icon-bx-]:after {
            transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg)
        }
        
        .icon-bx-lg,
        .icon-bx-md,
        .icon-bx-sm,
        .icon-bx-xl,
        .icon-bx-xs {
            display: inline-block;
            text-align: center;
            border-radius: 3px
        }
        
        .icon-bx-xl {
            width: 150px;
            height: 150px;
            line-height: 150px
        }
        
        .icon-bx-lg {
            width: 120px;
            height: 120px;
            line-height: 120px
        }
        
        .icon-bx-md {
            width: 100px;
            height: 100px;
            line-height: 100px
        }
        
        .icon-bx-sm {
            width: 80px;
            height: 80px;
            line-height: 80px
        }
        
        .icon-bx-xs {
            width: 40px;
            height: 40px;
            line-height: 40px
        }
        
        .icon-bx-lg.radius,
        .icon-bx-md.radius,
        .icon-bx-sm.radius,
        .icon-bx-xl.radius,
        .icon-bx-xs.radius {
            -webkit-border-radius: 100%;
            -moz-border-radius: 100%;
            border-radius: 100%
        }
        
        .border-1,
        .border-2,
        .border-3,
        .border-4,
        .border-5 {
            border-style: solid
        }
        
        .border-1 {
            border-width: 1px
        }
        
        .border-2 {
            border-width: 2px
        }
        
        .border-3 {
            border-width: 3px
        }
        
        .border-4 {
            border-width: 4px
        }
        
        .border-5 {
            border-width: 5px
        }
        
        .br-col-w1,
        .dlab-info.br-col-w1[class*=border-],
        .icon-bx-wraper.bx-style-1.br-col-w1,
        .icon-bx-wraper.bx-style-2.br-col-w1 {
            border-color: rgba(255, 255, 255, .15)
        }
        
        .br-col-w2,
        .dlab-info.br-col-w2[class*=border-],
        .icon-bx-wraper.bx-style-1.br-col-w2,
        .icon-bx-wraper.bx-style-2.br-col-w2 {
            border-color: rgba(255, 255, 255, .3)
        }
        
        .br-col-w3,
        .dlab-info.br-col-w3[class*=border-],
        .icon-bx-wraper.bx-style-1.br-col-w3,
        .icon-bx-wraper.bx-style-2.br-col-w3 {
            border-color: rgba(255, 255, 255, .5)
        }
        
        .br-col-w4,
        .dlab-info.br-col-w4[class*=border-],
        .icon-bx-wraper.bx-style-1.br-col-w4,
        .icon-bx-wraper.bx-style-2.br-col-w4 {
            border-color: rgba(255, 255, 255, .7)
        }
        
        .br-col-w5,
        .dlab-info.br-col-w5[class*=border-],
        .icon-bx-wraper.bx-style-1.br-col-w5,
        .icon-bx-wraper.bx-style-2.br-col-w5 {
            border-color: rgba(255, 255, 255, .9)
        }
        
        .br-col-b1,
        .dlab-info.br-col-b1[class*=border-],
        .icon-bx-wraper.bx-style-1.br-col-b1,
        .icon-bx-wraper.bx-style-2.br-col-b1 {
            border-color: rgba(0, 0, 0, .15)
        }
        
        .br-col-b2,
        .dlab-info.br-col-b2[class*=border-],
        .icon-bx-wraper.bx-style-1.br-col-b2,
        .icon-bx-wraper.bx-style-2.br-col-b2 {
            border-color: rgba(0, 0, 0, .3)
        }
        
        .br-col-b3,
        .dlab-info.br-col-b3[class*=border-],
        .icon-bx-wraper.bx-style-1.br-col-b3,
        .icon-bx-wraper.bx-style-2.br-col-b3 {
            border-color: rgba(0, 0, 0, .5)
        }
        
        .br-col-b4,
        .dlab-info.br-col-b4[class*=border-],
        .icon-bx-wraper.bx-style-1.br-col-b4,
        .icon-bx-wraper.bx-style-2.br-col-b4 {
            border-color: rgba(0, 0, 0, .7)
        }
        
        .br-col-b5,
        .dlab-info.br-col-b5[class*=border-],
        .icon-bx-wraper.bx-style-1.br-col-b5,
        .icon-bx-wraper.bx-style-2.br-col-b5 {
            border-color: rgba(0, 0, 0, .9)
        }
        
        .op0 {
            opacity: 0
        }
        
        .op1 {
            opacity: .1
        }
        
        .op2 {
            opacity: .2
        }
        
        .op3 {
            opacity: .3
        }
        
        .op4 {
            opacity: .4
        }
        
        .op5 {
            opacity: .5
        }
        
        .op6 {
            opacity: .6
        }
        
        .op7 {
            opacity: .7
        }
        
        .op8 {
            opacity: .8
        }
        
        .op9 {
            opacity: .9
        }
        
        .icon-bx-lg i,
        .icon-bx-md i,
        .icon-bx-sm i,
        .icon-bx-xl i,
        .icon-bx-xs i {
            vertical-align: middle
        }
        
        .icon-bx-xl i {
            font-size: 80px
        }
        
        .icon-bx-lg i {
            font-size: 60px
        }
        
        .icon-bx-md i {
            font-size: 45px
        }
        
        .icon-bx-sm i {
            font-size: 30px
        }
        
        .icon-bx-xs i {
            font-size: 20px
        }
        
        .icon-bx-lg img,
        .icon-bx-md img,
        .icon-bx-sm img,
        .icon-bx-xl img,
        .icon-bx-xs img {
            vertical-align: middle;
            max-width: 100%;
            width: auto
        }
        
        .icon-bx-xl img {
            height: 80px
        }
        
        .icon-bx-lg img {
            height: 55px
        }
        
        .icon-bx-md img {
            height: 40px
        }
        
        .icon-bx-sm img {
            height: 30px
        }
        
        .icon-bx-xs img {
            height: 20px
        }
        
        .icon-lg,
        .icon-md,
        .icon-sm,
        .icon-xl,
        .icon-xs {
            display: inline-block;
            text-align: center
        }
        
        .icon-xl {
            width: 100px
        }
        
        .icon-lg {
            width: 80px
        }
        
        .icon-md {
            width: 60px
        }
        
        .icon-sm {
            width: 40px
        }
        
        .icon-xs {
            width: 30px
        }
        
        .icon-lg i,
        .icon-md i,
        .icon-sm i,
        .icon-xl i,
        .icon-xs i {
            vertical-align: middle
        }
        
        .icon-xl i {
            font-size: 80px;
            line-height: 80px
        }
        
        .icon-lg i {
            font-size: 60px
        }
        
        .icon-md i {
            font-size: 45px
        }
        
        .icon-sm i {
            font-size: 30px
        }
        
        .icon-xs i {
            font-size: 20px
        }
        
        .icon-lg img,
        .icon-md img,
        .icon-sm img,
        .icon-xl img,
        .icon-xs img {
            vertical-align: middle;
            max-width: 100%;
            width: auto
        }
        
        .icon-xl img {
            height: 80px
        }
        
        .icon-lg img {
            height: 70px
        }
        
        .icon-md img {
            height: 50px
        }
        
        .icon-sm img {
            height: 30px
        }
        
        .icon-xs img {
            height: 20px
        }
        
        .icon-bx-wraper {
            position: relative
        }
        
        .icon-bx-wraper .dlab-tilte {
            margin-top: 0
        }
        
        .icon-bx-wraper .after-titile-line {
            margin-bottom: 10px
        }
        
        .icon-bx-wraper p:last-child {
            margin: 0
        }
        
        .icon-content {
            overflow: hidden
        }
        
        .icon-bx-wraper.left .icon-bx-lg,
        .icon-bx-wraper.left .icon-bx-md,
        .icon-bx-wraper.left .icon-bx-sm,
        .icon-bx-wraper.left .icon-bx-xl,
        .icon-bx-wraper.left .icon-bx-xs {
            float: left;
            margin-right: 20px
        }
        
        .icon-bx-wraper.left .icon-lg,
        .icon-bx-wraper.left .icon-md,
        .icon-bx-wraper.left .icon-sm,
        .icon-bx-wraper.left .icon-xl,
        .icon-bx-wraper.left .icon-xs {
            float: left;
            margin-right: 10px
        }
        
        .icon-bx-wraper.right {
            text-align: right
        }
        
        .icon-bx-wraper.right .icon-bx-lg,
        .icon-bx-wraper.right .icon-bx-md,
        .icon-bx-wraper.right .icon-bx-sm,
        .icon-bx-wraper.right .icon-bx-xl,
        .icon-bx-wraper.right .icon-bx-xs {
            float: right;
            margin-left: 20px
        }
        
        .icon-bx-wraper.right .icon-lg,
        .icon-bx-wraper.right .icon-md,
        .icon-bx-wraper.right .icon-sm,
        .icon-bx-wraper.right .icon-xl,
        .icon-bx-wraper.right .icon-xs {
            float: right;
            margin-left: 10px
        }
        
        .icon-bx-wraper.center {
            text-align: center
        }
        
        [class*=icon-bx-][class*=bg-]:not(.bg-white) a {
            color: #fff
        }
        
        [class*=icon-bx-][class*=border-] {
            display: table;
            line-height: normal;
            margin-left: auto;
            margin-right: auto
        }
        
        [class*=icon-bx-][class*=border-] .icon-cell {
            display: table-cell;
            vertical-align: middle
        }
        
        .icon-bx-wraper.bx-style-1,
        .icon-bx-wraper.bx-style-2 {
            border-width: 1px;
            border-style: solid;
            border-color: #ff7e04;
            font-size: 14px;
            height: 180px;
        }
        
        .icon-bx-wraper.bx-style-2.center [class*=icon-bx-],
        .icon-bx-wraper.bx-style-2.left [class*=icon-bx-],
        .icon-bx-wraper.bx-style-2.right [class*=icon-bx-] {
            position: absolute
        }
        
        .icon-bx-wraper.bx-style-2.center [class*=icon-bx-] {
            position: absolute;
            top: 0;
            left: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%)
        }
        
        .icon-bx-wraper.bx-style-2.center .icon-bx-xl {
            margin-left: -75px
        }
        
        .icon-bx-wraper.bx-style-2.center .icon-bx-lg {
            margin-left: -60px
        }
        
        .icon-bx-wraper.bx-style-2.center .icon-bx-md {
            margin-left: -50px
        }
        
        .icon-bx-wraper.bx-style-2.center .icon-bx-sm {
            margin-left: -40px
        }
        
        .icon-bx-wraper.bx-style-2.center .icon-bx-xs {
            margin-left: -20px
        }
        
        .icon-bx-wraper.bx-style-2.left [class*=icon-bx-] {
            position: absolute;
            top: auto;
            left: 0;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%)
        }
        
        .icon-bx-wraper.bx-style-2.right [class*=icon-bx-] {
            position: absolute;
            top: auto;
            right: 0;
            -webkit-transform: translateX(50%);
            -ms-transform: translateX(50%);
            transform: translateX(50%)
        }
        
        .dlab-box,
        .dlab-info,
        .dlab-tilte,
        .dlab-tilte-inner {
            position: relative
        }
        
        .dlab-tilte-inner {
            display: inline-block
        }
        
        .dlab-tilte-inner.skew-title:after {
            content: "";
            position: absolute;
            right: -15px;
            top: 0;
            width: 50px;
            height: 100%;
            z-index: -1;
            -moz-transform: skewX(20deg);
            -webkit-transform: skewX(20deg);
            -o-transform: skewX(20deg);
            -ms-transform: skewX(20deg);
            transform: skewX(20deg)
        }
        
        .dlab-box[class*=border-],
        .dlab-info[class*=border-] {
            border-color: #eee
        }
        
        .dlab-info.border-1,
        .dlab-info.border-2,
        .dlab-info.border-3,
        .dlab-info.border-4,
        .dlab-info.border-5 {
            border-top: none
        }
        
        .left-border,
        .right-border {
            position: relative
        }
        
        .left-border:before,
        .right-border:before {
            content: "";
            position: absolute;
            top: 5px;
            width: 1px;
            height: 90%;
            background: #ccc
        }
        
        .right-border:before {
            right: 0
        }
        
        .dlab-media,
        .dlab-post-media {
            background-color: #fff;
            position: relative;
border: 7px solid #fff;
    box-shadow: 0px 0px 10px #e2e2e2;
        }
        
        .dlab-media img,
        .dlab-post-media img {
            width: 100%;
            height: auto
        }
        
        .dlab-box-bg {
            overflow: hidden
        }
        
        .dlab-box-bg .site-button {
            overflow: unset
        }
        
        .dlab-box-bg .glyph-icon {
            font-size: 50px
        }
        
        .dlab-box-bg .icon-bx-wraper {
            background-color: #fff
        }
        
        .icon-box-btn .site-button {
            background-color: #ffeae4;
            padding: 15px 20px;
            text-transform: uppercase;
            font-size: 15px
        }
        
        .dlab-box-bg {
            background-size: cover;
            box-shadow: 20px 10px 40px 0 rgba(0, 0, 0, .05)
        }
        
        .dlab-box-bg.active .icon-bx-wraper {
            background-color: rgba(0, 0, 0, .7)
        }
        
        .dlab-box-bg .icon-box-btn .site-button,
        .dlab-box-bg .icon-content .dlab-tilte,
        .dlab-box-bg .icon-content p,
        .dlab-box-bg .text-primary {
            transition: all .5s;
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            -o-transition: all .5s
        }
        
        .dlab-box-bg.active .icon-box-btn .site-button,
        .dlab-box-bg.active .icon-content .dlab-tilte,
        .dlab-box-bg.active .icon-content p,
        .dlab-box-bg.active .text-primary {
            color: #fff;
            transition: all .5s;
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            -o-transition: all .5s
        }
        
        .dlab-box-bg .icon-box-btn .site-button {
            border-radius: 0;
            color: var(--color-primary);
            font-weight: 600;
            margin-bottom: 0
        }
        
        .content-box-head {
            border-radius: 50px;
            box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
            font-family: "Open Sans", sans-serif;
            margin-bottom: 20px;
            margin-top: -46px;
            padding: 12px 0;
            position: relative;
            z-index: 1
        }
        
        .cvf-universal-pagination .pagination,
        .pagination-bx .pagination {
            margin: 0
        }
        
        .pagination {
            padding: 10px 0
        }
        
        .pagination>li:first-child>a,
        .pagination>li:first-child>span {
            border-bottom-left-radius: 0;
            border-top-left-radius: 0;
            margin-left: 0
        }
        
        .pagination>li:last-child>a,
        .pagination>li:last-child>span {
            border-bottom-right-radius: 0;
            border-top-right-radius: 0
        }
        
        .pagination>li>a,
        .pagination>li>span {
            background-color: #fff;
            border: 1px solid #efefef;
            color: #767676;
            padding: 8px 14px;
            font-weight: 400;
            font-size: 14px
        }
        
        .pagination>li>a:focus,
        .pagination>li>a:hover,
        .pagination>li>span:focus,
        .pagination>li>span:hover {
            border-color: transparent;
            color: #fff
        }
        
        .pagination>.active>a,
        .pagination>.active>a:focus,
        .pagination>.active>a:hover,
        .pagination>.active>span,
        .pagination>.active>span:focus,
        .pagination>.active>span:hover {
            border-color: transparent
        }
        
        .pagination>.next>a,
        .pagination>.previous>a {
            padding: 8px 14px;
            font-size: 14px;
            font-weight: 500
        }
        
        .pagination-sm .pagination>.next>a,
        .pagination-sm .pagination>li>a,
        .pagination-sm .pagination>li>span .pagination-sm .pagination>.previous>a {
            font-size: 12px;
            padding: 6px 12px
        }
        
        .pagination-lg .pagination>.next>a,
        .pagination-lg .pagination>li>a,
        .pagination-lg .pagination>li>span .pagination-lg .pagination>.previous>a {
            font-size: 18px;
            padding: 10px 20px
        }
        
        .pagination-bx.primary .pagination>li>a,
        .pagination-bx.primary .pagination>li>span {
            background-color: #67072c;
            color: #fff;
            margin: 0 1px;
            border: 0
        }
        
        .pagination-bx.primary .pagination>li.active>a,
        .pagination-bx.primary .pagination>li.active>span,
        .pagination-bx.primary .pagination>li>a:hover,
        .pagination-bx.primary .pagination>li>span:hover {
            background-color: var(--color-hover)
        }
        
        .pagination-bx.rounded .pagination>li>a,
        .pagination-bx.rounded .pagination>li>span {
            border-radius: 30px;
            margin: 0 1px
        }
        
        .pagination-bx.rounded-sm .pagination>li>a,
        .pagination-bx.rounded-sm .pagination>li>span {
            border-radius: 4px;
            margin: 0 1px
        }
        
        .pagination-bx .pull-right {
            float: right
        }
        
        .pagination-bx .pagination {
            width: 100%
        }
        
        .pagination-bx.gray .pagination>li>a,
        .pagination-bx.gray .pagination>li>span {
            background-color: #f6f7f8;
            margin: 0 1px;
            border: 0
        }
        
        .pagination-bx.gray .pagination>li.active>a,
        .pagination-bx.gray .pagination>li.active>span,
        .pagination-bx.gray .pagination>li>a:hover,
        .pagination-bx.gray .pagination>li>span:hover {
            background-color: #67072c;
            box-shadow: 2px 2px 8px 0 rgba(26, 188, 156, .5);
            color: #fff
        }
        
        @media only screen and (max-width:991px) {
            .pagination-bx {
                margin-bottom: 30px
            }
        }
        
        @media only screen and (max-width:576px) {
            .pagination-lg .pagination>.next>a,
            .pagination-lg .pagination>li>a,
            .pagination-lg .pagination>li>span .pagination-lg .pagination>.previous>a {
                font-size: 16px;
                padding: 8px 15px
            }
        }
        
        .dataTables_paginate ul.pagination {
            margin: 0
        }
        
        .dataTables_paginate .pagination>li {
            padding: 0
        }
        
        .bg-black-1,
        .bg-black-1 .footer-bottom,
        .bg-black-1 .footer-top {
            background-color: #191f23
        }
        
        .bg-black-2,
        .bg-black-2 .footer-bottom,
        .bg-black-2 .footer-top {
            background-color: #222324
        }
        
        .bg-black-3,
        .bg-black-3 .footer-bottom,
        .bg-black-3 .footer-top {
            background-color: #222324
        }
        
        .bgpt1,
        .bgpt1 .footer-bottom,
        .bgpt1 .footer-top {
            background-image: url(../images/pattern/pt1.png);
            background-size: auto
        }
        
        .bgpt2,
        .bgpt2 .footer-bottom,
        .bgpt2 .footer-top {
            background-image: url(../images/pattern/pt2.png);
            background-size: auto
        }
        
        .bgpt3,
        .bgpt3 .footer-bottom,
        .bgpt3 .footer-top {
            background-image: url(../images/pattern/pt3.png);
            background-size: auto
        }
        
        .bgpt4,
        .bgpt4 .footer-bottom,
        .bgpt4 .footer-top {
            background-image: url(../images/pattern/pt4.png);
            background-size: auto
        }
        
        .bg-black-3 {
            background-color: #191f23
        }
        
        .bg-black-4 {
            background-color: #191f23
        }
        
        .footer-fixed .site-footer {
            position: fixed;
            width: 100%;
            bottom: 0
        }
        
        .footer-fixed .page-content {
            position: relative;
            z-index: 1;
            background-color: #fff
        }
        
        footer h1,
        footer h1 a,
        footer h2,
        footer h2 a,
        footer h3,
        footer h3 a,
        footer h4,
        footer h4 a,
        footer h5,
        footer h5 a,
        footer h6,
        footer h6 a {
            color: white;
        }
        
        footer,
        footer b,
        footer p,
        footer li>a,
        footer strong {
            color: white;
        }
        
        footer h1 a,
        footer h2 a,
        footer h3 a,
        footer h4 a,
        footer h5 a,
        footer h6 a,
        footer p a {
            color: #b0b0b0
        }
        
        footer a,
        footer a:visited {
            color: #b0b0b0
        }
        
        footer p a {
            color: #b0b0b0
        }
        
        footer a:active,
        footer a:focus,
        footer a:hover {
            color: #b0b0b0
        }
        
        footer .widget_archive ul li a,
        footer .widget_categories ul li a,
        footer .widget_meta ul li a,
        footer .widget_nav_menu li a,
        footer .widget_pages ul li a,
        footer .widget_recent_comments ul li a,
        footer .widget_recent_entries ul li a,
        footer .widget_services ul li a {
            color: #b0b0b0
        }
        
        footer p {
            margin-bottom: 10px
        }
        
        footer li,
        footer p {
            font-size: 13px;
            line-height: 22px
        }
        
        footer#footer {
            background-position: center;
            background-size: cover
        }
        
        footer p {
            line-height: 24px;
            margin-bottom: 10px
        }
        
        footer .widget ul {
            list-style: none;
            margin-top: 5px
        }
        
        footer .widget_archive ul li,
        footer .widget_categories ul li,
        footer .widget_meta ul li,
        footer .widget_nav_menu li,
        footer .widget_pages ul li,
        footer .widget_recent_comments ul li,
        footer .widget_recent_entries ul li,
        footer .widget_services ul li {
            border-bottom: 1px dashed rgba(102, 102, 102, .3)
        }
        
        .footer-top {
            background: #1c1c1c;
            background-size: cover;
            background-position: center;
            padding: 80px 0 20px;
            
        }
        
        .footer-bottom {
            background-color: #1c1c1c;
            padding: 10px 0;
            color: #b0b0b0;
            font-size: 14px;
            border-top: 1px solid rgba(255, 255, 255, .05)
        }
        
        .footer-bottom ul {
            margin: 0
        }
        
        .footer-full .container-fluid {
            padding-left: 50px;
            padding-right: 50px
        }
        
        footer.text-white h1,
        footer.text-white h1 a,
        footer.text-white h2,
        footer.text-white h2 a,
        footer.text-white h3,
        footer.text-white h3 a,
        footer.text-white h4,
        footer.text-white h4 a,
        footer.text-white h5,
        footer.text-white h5 a,
        footer.text-white h6,
        footer.text-white h6 a {
            color: #fff
        }
        
        footer.text-white,
        footer.text-white b,
        footer.text-white p,
        footer.text-white strong {
            color: #fff
        }
        
        footer.text-white .footer-bottom,
        footer.text-white .footer-bottom a,
        footer.text-white .widget_services ul li a,
        footer.text-white a,
        footer.text-white a:visited,
        footer.text-white h1 a,
        footer.text-white h2 a,
        footer.text-white h3 a,
        footer.text-white h4 a,
        footer.text-white h5 a,
        footer.text-white h6 a,
        footer.text-white p a {
            color: #fff
        }
        
        footer.text-white .input-group .form-control {
            color: #fff
        }
        
        footer.text-white .dlab-quik-search .form-control::-moz-placeholder {
            color: #fff
        }
        
        footer.text-white .dlab-quik-search .form-control:-moz-placeholder {
            color: #fff
        }
        
        footer.text-white .dlab-quik-search .form-control:-ms-input-placeholder {
            color: #fff
        }
        
        footer.text-white .dlab-quik-search .form-control::-webkit-input-placeholder {
            color: #fff
        }
        
        .footer-title {
            margin-bottom: 30px
        }
        
        @media only screen and (max-width:991px) {
            .col-md-3.col-sm-6.footer-col-4:nth-child(3) {
                clear: both
            }
            .footer-full .text-center,
            .footer-full .text-left,
            .footer-full .text-right {
                text-align: center;
                margin-bottom: 30px
            }
            .footer-full .text-right {
                margin-bottom: 0
            }
        }
        
        @media only screen and (max-width:767px) {
            .footer-title {
                margin-bottom: 15px
            }
            .footer-clear {
                display: block!important;
                clear: both
            }
            #footer .footer-4-col {
                width: 100%
            }
            .footer-bottom [class*=clo-] {
                width: 100%
            }
        }
        
        .subscribe-form input {
            background-color: rgba(0, 0, 0, 0);
            border: 2px solid rgba(255, 255, 255, .5);
            border-radius: 30px!important;
            height: 50px;
            padding: 10px 20px;
            margin-right: 5px;
            color: #fff;
            font-size: 15px
        }
        
        .subscribe-form input.radius-no {
            border-radius: 0!important
        }
        
        .subscribe-form .site-button {
            height: 50px
        }
        
        .subscribe-form .input-group-btn {
            padding-left: 10px
        }
        
        .map-footer .footer-top {
            padding: 0
        }
        
        button.scroltop {
            background: var(--color-primary);
            border-color: #efbb20;
            border-radius: 4px;
            border-style: solid;
            border-width: 0;
            bottom: 15px;
            color: #fff!important;
            cursor: pointer;
            display: none;
            height: 50px;
            line-height: 50px;
            margin: 0;
            position: fixed;
            right: 15px;
            text-align: center;
            width: 50px;
            z-index: 999;
            box-shadow: -4px 4px 24px -10px;
            transition: all .8s;
            -moz-transition: all .8s;
            -webkit-transition: all .8s;
            -ms-transition: all .8s;
            -o-transition: all .8s
        }
        
        button.scroltop.style1:after,
        button.scroltop.style2:after,
        button.scroltop.style3:after {
            position: absolute;
            width: 100%;
            height: 100%;
            border-radius: inherit;
            content: '';
            top: 0;
            left: 0;
            padding: 0;
            z-index: -1;
            background: inherit;
            -webkit-transition: -webkit-transform .2s, opacity .3s;
            -moz-transition: -moz-transform .2s, opacity .3s;
            transition: transform .2s, opacity .3s
        }
        
        button.scroltop.style1:hover:after {
            -webkit-transform: scale(1.3);
            -moz-transform: scale(1.3);
            -ms-transform: scale(1.3);
            transform: scale(1.3);
            opacity: 0
        }
        
        button.scroltop.radius {
            border-radius: 100%
        }
        
        button.scroltop.white {
            background: #fff;
            color: var(--color-primary)!important
        }
        
        button.scroltop.style2:after {
            border: 1px dashed var(--color-primary);
            background: 0 0;
            transform: scale(1.2);
            transition: all .5s
        }
        
        button.scroltop.style2:hover:after {
            -webkit-animation: spinAround 9s linear infinite;
            -moz-animation: spinAround 9s linear infinite;
            animation: spinAround 9s linear infinite
        }
        
        @-webkit-keyframes spinAround {
            from {
                -webkit-transform: rotate(0) scale(1.2)
            }
            to {
                -webkit-transform: rotate(360deg) scale(1.2)
            }
        }
        
        @-moz-keyframes spinAround {
            from {
                -moz-transform: rotate(0) scale(1.2)
            }
            to {
                -moz-transform: rotate(360deg) scale(1.2)
            }
        }
        
        @keyframes spinAround {
            from {
                transform: rotate(0) scale(1.2)
            }
            to {
                transform: rotate(360deg) scale(1.2)
            }
        }
        
        .icon-bx-wraper:hover .icon-up i,
        .icon-bx-wraper:hover .icon-up img,
        .icon-up:hover i {
            -webkit-animation: toTopFromBottom .8s forwards;
            -moz-animation: toTopFromBottom .8s forwards;
            animation: toTopFromBottom .8s forwards
        }
        
        @-webkit-keyframes toTopFromBottom {
            49% {
                -webkit-transform: translateY(-100%)
            }
            50% {
                opacity: 0;
                -webkit-transform: translateY(100%)
            }
            51% {
                opacity: 1
            }
        }
        
        @-moz-keyframes toTopFromBottom {
            49% {
                -moz-transform: translateY(-100%)
            }
            50% {
                opacity: 0;
                -moz-transform: translateY(100%)
            }
            51% {
                opacity: 1
            }
        }
        
        @keyframes toTopFromBottom {
            49% {
                transform: translateY(-100%)
            }
            50% {
                opacity: 0;
                transform: translateY(100%)
            }
            51% {
                opacity: 1
            }
        }
        
        button.scroltop.style3:after {
            background: 0 0;
            border: 1px solid
        }
        
        button.scroltop.style3:hover:after {
            transform: scale(1.2)
        }
        
        button.scroltop.style4 {
            transition: all .5s
        }
        
        button.scroltop.style4:hover {
            transform: scale(1.1)
        }
        
        .footer-white {
            border-top: 0 solid #e0e0e0
        }
        
        .footer-white .form-control {
            border-color: rgba(0, 0, 0, .1)
        }
        
        .footer-white .footer-top {
            background-color: #fdfdfd
        }
        
        .footer-white .footer-bottom {
            background-color: #efefef
        }
        
        footer.footer-white,
        footer.footer-white .footer-bottom,
        footer.footer-white .footer-bottom a,
        footer.footer-white b,
        footer.footer-white h1,
        footer.footer-white h1 a,
        footer.footer-white h2,
        footer.footer-white h2 a,
        footer.footer-white h3,
        footer.footer-white h3 a,
        footer.footer-white h4,
        footer.footer-white h4 a,
        footer.footer-white h5,
        footer.footer-white h5 a,
        footer.footer-white h6,
        footer.footer-white h6 a,
        footer.footer-white p,
        footer.footer-white strong,
        footer.footer-white.site-footer .widget_services ul li a {
            color: #000
        }
        
        .footer-white .footer-bottom {
            border: 0
        }
        
        .footer-white .widget_getintuch i {
            background-color: rgba(0, 0, 0, 0);
            border: 0 solid transparent;
            font-size: 20px
        }
        
        .footer-contact-info {
            border-bottom: 1px solid rgba(255, 255, 255, .1)
        }
        
        .footer-gray .footer-bottom,
        .footer-gray .footer-top {
            background-color: #292929
        }
        
        .footer-gray-1 .footer-bottom,
        .footer-gray-1 .footer-top {
            background-color: #1a1a1a
        }
        
        .site-footer .icon-bx-wraper {
            overflow: hidden
        }
        
        .site-footer .icon-content {
            overflow: unset
        }
        
        .site-footer .dlab-tilte {
            position: inherit
        }
        
        .site-footer .icon-sm {
            bottom: -10px;
            opacity: .15;
            position: absolute;
            right: 0;
            width: auto;
            z-index: 2
        }
        
        .site-footer .icon-sm i {
            font-size: 90px;
            transition: all .5s ease 0s;
            -moz-transition: all .5s ease 0s;
            -webkit-transition: all .5s ease 0s;
            -webkit-transition: all .5s ease 0s
        }
        
        .site-footer .icon-bx-wraper:hover .icon-sm i {
            transform: scale(1.5) rotate(20deg);
            -webkit-transform: scale(1.5) rotate(20deg);
            -moz-transform: scale(1.5) rotate(20deg);
            -o-transform: scale(1.5) rotate(20deg);
            -ms-transform: scale(1.5) rotate(20deg)
        }
        
        @media only screen and (max-width:575px) {
            .footer-bottom .text-center,
            .footer-bottom .text-left,
            .footer-bottom .text-right {
                text-align: center!important
            }
        }
        
        .page-wraper {
            background: #f8f8f8
        }
        
        .page-content {
            margin-top: 0;
            padding-bottom: 0px
        }
        
        .content-area {
            padding-top: 60px;
            padding-bottom: 30px;
        }
        
        .section-full {
            position: relative
        }
        
        .section-full:last-child {
            margin-bottom: -50px
        }
        
        .section-head {
            margin-bottom: 50px
        }
        
        .section-head.no-margin {
            margin-bottom: 0
        }
        
        .section-head h1,
        .section-head h2,
        .section-head h3 {
            margin-top: 0
        }
        
        .title-small {
            display: block;
            color: #494949;
            margin-bottom: 15px
        }
        
        .section-head p {
            padding-top: 10px;
            font-size: 15px;
            color: #494949
        }
        
        .text-center.section-head p {
            margin-left: auto;
            margin-right: auto;
        }
        
        .text-white {
            color: #fff
        }
        
        .text-white .title-small,
        .text-white h1,
        .text-white h2,
        .text-white h3,
        .text-white h4,
        .text-white h5,
        .text-white h6,
        .text-white p {
            color: #fff
        }
        
        @media only screen and (max-width:1024px) {
            .section-full {
                background-attachment: scroll!important
            }
        }
        
        @media only screen and (max-width:991px) {
            .page-content {
                margin-top: 0
            }
        }
        
        .page-notfound {
            padding: 50px 0
        }
        
        .page-notfound strong {
            font-size: 200px;
            font-weight: 900;
            line-height: 140px;
            display: block
        }
        
        .page-notfound strong i {
            font-size: 190px;
            margin: 0 10px
        }
        
        .page-notfound .searchform {
            position: relative;
            text-align: left;
            max-width: 420px;
            margin: 30px auto
        }
        
        @media only screen and (max-width:767px) {
            .page-notfound strong,
            .page-notfound strong i {
                font-size: 120px
            }
        }
        
        .sticky {
            clear: both
        }
        
        .gallery-caption {
            clear: both
        }
        
        .bypostauthor {
            clear: both
        }
        
        .screen-reader-text {
            clip: rect(1px, 1px, 1px, 1px);
            position: absolute!important;
            height: 1px;
            width: 1px;
            overflow: hidden
        }
        
        .screen-reader-text:focus {
            background-color: #f1f1f1;
            border-radius: 3px;
            box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
            clip: auto!important;
            color: #21759b;
            display: block;
            font-size: 14px;
            font-size: .875rem;
            font-weight: 700;
            height: auto;
            left: 5px;
            line-height: normal;
            padding: 15px 23px 14px;
            text-decoration: none;
            top: 5px;
            width: auto;
            z-index: 100000
        }
        
        .dlab-gallery-listing {
            list-style: none;
            margin-bottom: 0
        }
        
        .dlab-gallery-box {
            margin-bottom: 30px
        }
        
        #bg {
            background-attachment: fixed;
            background-size: cover
        }
        
        .boxed .page-wraper {
            max-width: 1200px;
            margin: 0 auto;
            position: relative;
            overflow: hidden;
            box-shadow: 0 0 10px rgba(0, 0, 0, .1)
        }
        
        .boxed .rev_slider_wrapper,
        .boxed .tp-banner-container {
            left: 0!important;
            width: 100%!important
        }
        
        .boxed .tp-rightarrow {
            right: 0!important
        }
        
        .boxed .tp-leftarrow {
            left: 0!important
        }
        
        .boxed.footer-fixed .site-footer {
            left: 50%;
            width: 1200px;
            margin: 0 -600px
        }
        
        .boxed .is-fixed .main-bar {
            left: 50%;
            width: 1200px;
            margin: 0 -600px
        }
        
        .boxed .is-fixed.header-curve .logo-header:after {
            right: auto;
            left: -15px;
            width: 90%
        }
        
        .frame {
            padding: 30px
        }
        
        .frame .page-wraper {
            margin: 0 auto;
            position: relative;
            overflow: hidden;
            box-shadow: 0 0 10px rgba(0, 0, 0, .1)
        }
        
        .frame .rev_slider_wrapper,
        .frame .tp-banner-container {
            left: 0!important;
            width: 100%!important
        }
        
        .frame .tp-rightarrow {
            right: 0!important
        }
        
        .frame .tp-leftarrow {
            left: 0!important
        }
        
        .frame .is-fixed .main-bar {
            left: 0;
            width: 100%;
            margin: 0
        }
        
        .frame .is-fixed.header-curve .logo-header:after {
            right: auto;
            left: -15px;
            width: 90%
        }
        
        .frame button.scroltop {
            right: 50px;
            bottom: 50px
        }
        
        @media only screen and (max-width:1024px) {
            .frame {
                padding: 0
            }
            .frame button.scroltop {
                right: 15px;
                bottom: 15px
            }
        }
        
        .ow-portfolio-img,
        .owl-imgbx {
            position: relative
        }
        
        .ow-entry-content {
            border-width: 0 1px 1px 1px;
            border-style: solid;
            border-color: #eee;
            background-color: #fff;
            padding: 20px;
            margin-bottom: 5px
        }
        
        .ow-entry-title {
            font-size: 16px;
            font-weight: 600;
            padding: 5px 0
        }
        
        .ow-entry-title,
        .ow-entry-title a {
            color: #3d474a
        }
        
        .ow-entry-text p:last-child {
            margin: 0
        }
        
        .btn-quantity {
            width: 150px
        }
        
        .product-description.dex-tabs.border-top .nav-tabs>li.active>a {
            border-top: 2px solid #efbb20
        }
        
        .product-description.dex-tabs .nav-tabs>li>a i {
            color: #efbb20
        }
        
        .dex-tabs.bg-tabs .nav-tabs>li>a {
            background-color: #fcfcfc
        }
        
        .btn-quantity.style-1 {
            width: 130px
        }
        
        .btn-quantity.style-1 input {
            background: #f8f8f8 none repeat scroll 0 0;
            border: 0 none;
            font-size: 14px;
            padding: 0 45px;
            text-align: center
        }
        
        .btn-quantity.style-1 .input-group-btn-vertical button:first-child,
        .btn-quantity.style-1 .input-group-btn-vertical button:last-child {
            background: #ebebeb none repeat scroll 0 0;
            border: 0 none;
            position: absolute;
            height: 40px;
            top: 0;
            width: 40px;
            padding: 0;
            z-index: 2;
            margin: 0
        }
        
        .btn-quantity.style-1 .input-group-btn-vertical button:hover {
            background-color: #d1d1d1
        }
        
        .btn-quantity.style-1 .input-group-btn-vertical button:first-child {
            right: 0
        }
        
        .btn-quantity.style-1 .input-group-btn-vertical button:last-child {
            left: 0
        }
        
        .btn-quantity.style-1 .bootstrap-touchspin .input-group-btn-vertical i {
            color: #909090;
            font-size: 16px;
            position: unset
        }
        
        .btn-quantity.style-1 .bootstrap-touchspin .input-group-btn-vertical i {
            top: 12px;
            left: 12px
        }
        
        .btn-quantity.style-1 .input-group {
            position: relative
        }
        
        .btn-quantity.style-1 .bootstrap-touchspin .input-group-btn-vertical {
            position: absolute;
            width: 100%;
            left: 0
        }
        
        ol.commentlist {
            list-style: none;
            margin: 0
        }
        
        ol.commentlist li {
            position: relative;
            padding: 0;
            margin-bottom: 20px;
            background: #f7f8fa;
            padding: 20px;
            border: 1px dashed #eee
        }
        
        ol.commentlist li img {
            float: left;
            border: 5px solid #fff;
            width: 80px;
            height: auto
        }
        
        ol.commentlist li .comment-text {
            padding-left: 100px
        }
        
        ol.commentlist li .meta {
            margin-bottom: 5px
        }
        
        ol.commentlist li .meta strong {
            font-size: 16px
        }
        
        ol.commentlist li .meta .time {
            color: #999;
            display: block;
            font-size: 14px
        }
        
        ol.commentlist li .description p {
            margin: 0
        }
        
        ol.commentlist li .star-rating {
            position: absolute;
            top: 20px;
            right: 20px
        }
        
        .comment-reply-title {
            margin-top: 0
        }
        
        .comment-form [class*=comment-form] {
            width: 49%
        }
        
        .comment-form label {
            display: block
        }
        
        .comment-form [class*=comment-form] input,
        .comment-form [class*=comment-form] textarea {
            border: 1px solid #ccc;
            padding: 8px 10px;
            width: 100%
        }
        
        .comment-form {
            margin: 0 -15px
        }
        
        .comment-form .form-submit,
        .comment-form [class*=comment-form] {
            margin-bottom: 20px;
            padding: 0 15px
        }
        
        .dlab-quik-search {
            background-color: rgba(0, 0, 0, .9)!important;
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 999;
            display: none;
            overflow: hidden
        }
        
        .dlab-quik-search.On form {
            transition: all .5s ease .5s;
            -moz-transition: all .5s ease .5s;
            -webkit-transition: all .5s ease .5s;
            max-width: 1200px;
            opacity: 1
        }
        
        .dlab-quik-search form {
            width: 100%;
            max-width: 100px;
            margin: auto;
            position: relative;
            top: 50%;
            transition: all .5s;
            transition: all .5s;
            -webkit-transition: all .5s;
            -moz-transform: translate(0, -50%);
            -moz-transform: translate(0, -50%);
            -o-transform: translate(0, -50%);
            -webkit-transform: translate(0, -50%);
            opacity: 0
        }
        
        .dlab-quik-search .form-control {
            padding: 15px 60px 15px 15px;
            width: 100%;
            height: 90px;
            border: none;
            background: 0 0;
            color: #fff;
            font-size: 20px;
            border-bottom: 2px solid rgba(255, 255, 255, .2)
        }
        
        .dlab-quik-search .form-control::-moz-placeholder {
            color: #fff
        }
        
        .dlab-quik-search .form-control:-moz-placeholder {
            color: #fff
        }
        
        .dlab-quik-search .form-control:-ms-input-placeholder {
            color: #fff
        }
        
        .dlab-quik-search .form-control::-webkit-input-placeholder {
            color: #fff
        }
        
        .dlab-quik-search span {
            position: absolute;
            right: 15px;
            top: 50%;
            margin: -15px 0;
            height: 25px;
            font-size: 20px;
            cursor: pointer
        }
        
        .form-box1 .form-control {
            height: 50px;
            padding: 15px 20px;
            font-size: 16px;
            text-transform: capitalize;
            border: 2px solid rgba(0, 0, 0, .05)
        }
        
        .form-box1 textarea.form-control {
            height: 150px
        }
        
        .form-box1 .form-control:focus,
        .form-box1 .form-control:hover {
            border: 2px solid rgba(0, 0, 0, .2)
        }
        
        #gmap_canvas {
            width: 100%;
            height: 400px
        }
        
        #gmap_canvas img {
            max-width: none!important;
            background: 0 0!important
        }
        
        .fb-btn {
            background-color: #4867aa
        }
        
        .tw-btn {
            background-color: #1da1f2
        }
        
        .gplus-btn {
            background-color: #dc4a38
        }
        
        .pin-btn {
            background-color: #cc2127
        }
        
        .link-btn {
            background-color: #0274b3
        }
        
        .dlab-social-icon.dlab-social-icon-lg li a {
            font-size: 14px;
            height: 35px;
            line-height: 34px;
            padding: 0;
            width: 35px
        }
        
        .dlab-media.dlab-media-left .dlab-info-has,
        .dlab-media.dlab-media-right .dlab-info-has,
        .dlab-media.dlab-media-top .dlab-info-has {
            bottom: auto;
            margin-bottom: 0;
            top: 0
        }
        
        .dlab-media.dlab-media-top .dlab-info-has {
            margin-top: -100px
        }
        
        .dlab-box:hover .dlab-media.dlab-media-top .dlab-info-has,
        .dlab-media.dlab-media-top:hover .dlab-info-has {
            margin-top: 0
        }
        
        .dlab-media.dlab-media-left .dlab-info-has {
            left: 0;
            padding: 15px;
            width: auto;
            margin-left: -60px
        }
        
        .dlab-media.dlab-media-left:hover .dlab-info-has {
            margin-left: 0
        }
        
        .dlab-media.dlab-media-left .dlab-social-icon li {
            display: block;
            margin: 3px 0
        }
        
        .dlab-media.dlab-media-right .dlab-info-has {
            right: 0;
            padding: 15px;
            width: auto;
            left: auto;
            margin-right: -60px
        }
        
        .dlab-media.dlab-media-right:hover .dlab-info-has {
            margin-right: 0
        }
        
        .dlab-media.dlab-media-right .dlab-social-icon li {
            display: block;
            margin: 3px 0
        }
        
        .rounded-team .round-box {
            transition: all .8s;
            -webkit-transition: all .8s;
            -moz-transition: all .8s;
            -o-transition: all .8s;
            left: 0;
            margin: 0 auto;
            position: relative;
            z-index: 2;
            width: 195px;
            height: 195px;
            border-radius: 100%;
            overflow: hidden;
            padding: 10px;
            display: block;
            border: 1px solid #fff
        }
        
        .rounded-team .team-mamber {
            width: 100%;
            height: 100%;
            padding: 10px;
            overflow: hidden;
            border-radius: 100%;
            background-color: #fff
        }
        
        .rounded-team .team-mamber img {
            -moz-transform: scale(1.5);
            -webkit-transform: scale(1.5);
            -o-transform: scale(1.5);
            -ms-transform: scale(1.5);
            transform: scale(1.5)
        }
        
        .rounded-team .sosial-icon-team {
            transition: all .5s;
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            -o-transition: all .5s;
            border-radius: 100%;
            display: block;
            height: 195px;
            overflow: hidden;
            position: absolute;
            right: 50%;
            top: 0;
            width: 195px;
            margin-right: -97px
        }
        
        .rounded-team .sosial-icon-team ul li,
        .rounded-team .sosial-icon-team ul.rounde-team-social-icon li a {
            width: 100%;
            display: block;
            color: #fff
        }
        
        .rounded-team .sosial-icon-team ul.rounde-team-social-icon {
            margin-right: -5px;
            margin-top: 28px;
            width: 80px;
            float: right
        }
        
        .rounded-team {
            position: relative
        }
        
        .rounded-team:hover .sosial-icon-team {
            margin-right: -117px;
            transition: all .5s;
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            -o-transition: all .5s
        }
        
        .rounded-team:hover .round-box {
            transition: all .5s;
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            -o-transition: all .5s;
            left: -20px
        }
        
        .rounded-team .team-info {
            border-color: #d3d3d3;
            margin-top: -27px
        }
        
        .rounded-team .team-social-btn ul li a {
            background-color: silver
        }
        
        .rounded-team .rounde-team-social-icon li a {
            color: #fff;
            font-size: 14px;
            height: 35px;
            line-height: 34px;
            padding: 0;
            width: 35px
        }
        
        .team-box-type {
            border: 1px solid rgba(0, 0, 0, .1)
        }
        
        .team-info-box,
        .team-mamber-img {
            width: 50%
        }
        
        .team-info-box {
            padding: 20px
        }
        
        .team-info-box,
        .team-mamber-img {
            display: table-cell;
            vertical-align: middle
        }
        
        .team-box-type,
        .team-info-box {
            overflow: hidden
        }
        
        .team-p-info {
            list-style: none;
            padding: 0;
            margin: 0
        }
        
        .team-p-info li {
            display: block;
            width: 100%;
            font-size: 15px;
            padding: 5px 0;
            color: #404040
        }
        
        @media only screen and (max-width:767px) {
            .team-info-box,
            .team-mamber-img {
                width: 100%;
                display: block
            }
        }
        
        .sidenav.cs-sidenav {
            width: 800px;
            right: -820px;
            left: auto
        }
        
        .sidenav {
            height: 100%;
            width: 300px;
            position: fixed;
            z-index: 9;
            top: 0;
            left: -320px;
            background-color: #fff;
            overflow-x: hidden;
            transition: all .5s;
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            -o-transition: all .5s;
            box-shadow: 0 0 10px 5px rgba(0, 0, 0, .2);
            border: 0 none;
            border-radius: 0
        }
        
        .sidenav>ul li a {
            padding: 10px 15px;
            display: block;
            border-color: #ebebeb;
            border-image: none;
            border-style: solid;
            border-width: 1px 0;
            display: block;
            margin-bottom: -1px;
            padding: 10px 15px;
            font-size: 15px;
            font-weight: 600
        }
        
        .sidenav>ul li a:hover {
            color: #fff
        }
        
        .sidenav .logo-header {
            height: auto;
            padding: 15px;
            width: 100%
        }
        
        .button-side-nav {
            position: fixed;
            right: 20px;
            top: 20px;
            z-index: 999;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            text-align: center;
            line-height: 50px;
            box-shadow: -2px 2px 5px 0 rgba(0, 0, 0, .4);
            font-size: 17px;
            cursor: pointer
        }
        
        .sidenav .closebtn {
            color: #fff;
            font-size: 24px;
            height: 35px;
            line-height: 35px;
            padding: 0;
            position: absolute;
            right: 0;
            text-align: center;
            top: 0;
            width: 35px;
            z-index: 9
        }
        
        #main {
            transition: margin-left .5s;
            -moz-transition: margin-left .5s;
            -webkit-transition: margin-left .5s;
            -o-transition: margin-left .5s
        }
        
        @media only screen and (max-width:800px) {
            .sidenav.cs-sidenav {
                width: 100%
            }
        }
        
        #particles-js .container {
            z-index: 2
        }
        
        .particles-js-canvas-el {
            position: absolute;
            top: 0;
            z-index: 1
        }
        
        #loading-area {
            width: 100%;
            height: 100%;
            background-color: #fff;
            position: fixed;
            left: 0;
            top: 0;
            opacity: 1;
            z-index: 999999999;
            background-image: url(../images/loading.gif);
            background-repeat: no-repeat;
            background-size: 400px;
            background-position: center
        }
        
        #loading-area.solar-loading {
            background-size: 280px;
            background-image: url(../images/solar.gif)
        }
        
        .dlab-social-icon.dlab-social-icon-lg li a {
            color: #fff;
            font-size: 14px;
            height: 35px;
            line-height: 34px;
            padding: 0;
            width: 35px
        }
        
        .dlab-social-icon-lg.dlab-social-icon li {
            display: inline-block;
            font-size: 12px;
            padding: 0
        }
        
        .dlab-social-icon-lg.dlab-social-icon.border li a {
            border: 1px solid rgba(255, 255, 255, .05)
        }
        
        .contact-style-1 input {
            height: 50px
        }
        
        .contact-style-1 .site-button {
            height: 50px;
            width: 100%
        }
        
        .contact-style-1 .form-control {
            padding: 10px 20px
        }
        
        .contact-style-1 .form-control:focus,
        .contact-style-1 .form-control:hover {
            border-color: silver
        }
        
        .contact-style-1 h2 {
            margin-top: 0
        }
        
        .contact-style-1 .border-1 {
            border: 1px solid #eee
        }
        
        .contact-style-1 .dlab-social-icon-lg {
            border-top: 1px solid #eee;
            padding-top: 20px;
            text-align: left;
            width: 100%;
            margin: 0
        }
        
        .contact-style-1 .dlab-social-icon-lg a {
            text-align: center
        }
        
        .contact-style-1 .dlab-social-icon-lg li a:hover {
            background: #fff;
            color: #000;
            border: 1px solid #eee
        }
        
        .contact-style-1 .form-group {
            margin-bottom: 25px
        }
        
        .shop-form .bootstrap-select .dropdown-toggle,
        .shop-form .form-control {
            border-width: 2px;
            border-radius: 0
        }
        
        .shop-form .bootstrap-select .dropdown-toggle {
            border-width: 2px!important
        }
        
        .shop-form p {
            font-weight: 500;
            color: #a3a3a3
        }
        
        .shop-form textarea {
            height: 150px
        }
        
        .shop-form .bootstrap-select:focus .dropdown-toggle,
        .shop-form .bootstrap-select:hover .dropdown-toggle,
        .shop-form .form-control:focus,
        .shop-form .form-control:hover {
            border-color: #636363!important
        }
        
        .check-tbl img {
            width: 80px
        }
        
        .check-tbl th {
            font-weight: 700;
            font-size: 15px;
            padding: 10px
        }
        
        .check-tbl td {
            font-weight: 600;
            padding: 10px
        }
        
        .check-tbl.table>tbody>tr>td,
        .check-tbl.table>tbody>tr>th,
        .check-tbl.table>tfoot>tr>td,
        .check-tbl.table>tfoot>tr>th,
        .check-tbl.table>thead>tr>td,
        .check-tbl.table>thead>tr>th {
            vertical-align: middle
        }
        
        .check-tbl .product-item-price,
        .check-tbl .product-price,
        .check-tbl .product-price-total,
        .product-price,
        .product-price-total {
            font-weight: 700
        }
        
        .product-item-close a {
            border: 1px solid #f0526d;
            color: #f0526d;
            padding: 8px
        }
        
        .product-item-close a:hover {
            opacity: .5
        }
        
        .item-img {
            overflow: hidden;
            position: relative
        }
        
        .item-img img {
            width: 100%
        }
        
        .item-info-in {
            bottom: -20%;
            padding: 15px;
            position: absolute;
            text-align: center;
            width: 100%;
            background-color: rgba(0, 0, 0, .5);
            transition: all .5s;
            -moz-transition: all .5s;
            -webkit-transition: all .2s;
            opacity: 0
        }
        
        .item-box:hover .item-info-in {
            opacity: 1;
            bottom: 0
        }
        
        .item-info-in ul li {
            display: inline-block
        }
        
        .item-info-in ul li a {
            color: #fff;
            display: inline-block;
            font-size: 18px;
            padding: 5px 10px
        }
        
        .item-info-in ul,
        .item-review {
            margin: auto;
            padding: 0;
            list-style: none
        }
        
        .item-review li {
            display: inline-block;
            font-size: 15px
        }
        
        .item-price del {
            font-size: 16px;
            font-weight: 400;
            opacity: .4
        }
        
        .item-price {
            font-family: open sans;
            font-size: 18px;
            font-weight: 600
        }
        
        .item-info-in.center {
            bottom: auto;
            left: 50%;
            top: 30%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%)
        }
        
        .item-box:hover .item-info-in.center {
            top: 50%;
            bottom: auto
        }
        
        .item-info-in.no-bg {
            background-color: rgba(0, 0, 0, 0)
        }
        
        .item-info-in.no-bg.tb a {
            color: #000
        }
        
        .item-info-in.no-bg.tb a:hover {
            color: #000;
            opacity: .8
        }
        
        .item-info-in.left {
            width: auto;
            padding: 10px
        }
        
        .item-info-in.left ul li {
            display: block
        }
        
        .item-info-in.right {
            width: auto;
            padding: 10px;
            right: 0;
            left: auto
        }
        
        .item-info-in.right ul li {
            display: block
        }
        
        .item-info-in.top {
            width: auto;
            padding: 10px;
            top: -20%;
            left: 0;
            bottom: auto;
            height: auto
        }
        
        .item-box:hover .item-info-in.top,
        .item-box:hover .item-info-in.top.right,
        .item-img:hover .item-info-in.top,
        .item-img:hover .item-info-in.top.right {
            top: 0
        }
        
        .item-box:hover .item-info-in.top,
        .item-img:hover .item-info-in.top {
            bottom: auto
        }
        
        .item-info-in.top.right ul li {
            display: block
        }
        
        .item-info-in.top.right {
            width: auto;
            padding: 10px;
            top: -20%;
            right: 0;
            bottom: auto;
            left: auto
        }
        
        .item-info-in.full {
            height: 100%
        }
        
        .item-info-in.full ul li {
            display: block;
            width: 100%
        }
        
        .item-info-in.full .center,
        .item-info-in.full ul {
            position: relative;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -o-transform: translateY(-50%)
        }
        
        .item-add {
            outline: 8px solid rgba(255, 255, 255, .5);
            outline-offset: -20px;
            position: relative;
            overflow: hidden
        }
        
        .add-box {
            align-items: center;
            display: flex;
            flex-flow: row nowrap;
            height: 100%;
            left: 0;
            position: absolute;
            text-align: center;
            top: 0;
            width: 100%
        }
        
        .add-box h2 {
            font-size: 50px;
            line-height: 50px;
            font-weight: 700;
            text-shadow: 0 0 10px rgba(0, 0, 0, .2)
        }
        
        .add-box h5 {
            font-size: 20px;
            line-height: 20px;
            font-weight: 700;
            text-shadow: 0 0 10px rgba(0, 0, 0, .2)
        }
        
        .item-add.add-style-2 {
            outline: 8px solid rgba(0, 0, 0, .1)
        }
        
        .item-add.add-style-2 img {
            opacity: .05
        }
        
        .item-add.add-style-2 .add-box h2,
        .item-add.add-style-2 .add-box h5 {
            text-shadow: none
        }
        
        .item-add.add-style-3 {
            outline: 0
        }
        
        .item-add.add-style-3 h2,
        .item-add.add-style-3 h5 {
            text-shadow: none
        }
        
        .item-add.add-style-3 h2 {
            font-size: 30px;
            margin: 0
        }
        
        .item-add.add-style-3 .add-box .add-box-in {
            background-color: rgba(255, 255, 255, .9);
            padding: 20px 30px;
            transition: all .5s;
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            -o-transition: all .5s
        }
        
        .item-add.add-style-3 .add-box .add-box-in.black {
            background-color: rgba(0, 0, 0, .8)
        }
        
        .item-add.add-style-3:hover .add-box-in {
            padding: 30px 40px
        }
        
        .shop-item-rating {
            position: absolute;
            top: 0;
            right: 0
        }
        
        .shop-item-rating span {
            display: block;
            text-align: right;
            margin-bottom: 10px
        }
        
        .shop-item-tage span {
            font-size: 15px;
            font-weight: 600
        }
        
        .shop-item-tage a {
            font-weight: 600;
            margin-left: 7px
        }
        
        .outline-hv {
            transition: all .5s;
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            outline: 10px solid rgba(255, 255, 255, .5)
        }
        
        .item-box:hover .outline-hv,
        .outline-hv:hover {
            outline: 10px solid rgba(255, 255, 255, .5);
            outline-offset: -30px
        }
        
        .product-item .dlab-info {
            border-top: 1px solid #e9e9e9
        }
        
        .product-item .dlab-box {
            border: 1px solid #e9e9e9;
            position: relative
        }
        
        .product-item .sale:after {
            border-right: 5px solid transparent;
            border-top: 4px solid #8f0000;
            bottom: -4px;
            content: "";
            position: absolute;
            right: 0
        }
        
        .product-item .sale {
            position: absolute;
            right: -5px;
            top: 10px;
            z-index: 2
        }
        
        .product-item .overlay-icon {
            bottom: 0;
            top: auto;
            transition: all .5s;
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            -o-transition: all .5s
        }
        
        .product-item:hover .overlay-icon {
            bottom: 40px;
            transition: all .5s;
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            -o-transition: all .5s
        }
        
        .product-item:hover img {
            transform: scale(1.1);
            -moz-transform: scale(1.1);
            -webkit-transform: scale(1.1);
            -o-transform: scale(1.1)
        }
        
        .product-item .overlay-icon a i {
            background-color: #efbb20;
            color: #fff
        }
        
        .product-item:hover .dlab-box,
        .product-item:hover .dlab-info {
            border-color: #d0d0d0
        }
        
        .add-product .dlab-info-has.bg-black {
            background-color: rgba(0, 0, 0, .4)
        }
        
        .add-product .dlab-info-has {
            top: 0
        }
        
        .add-product del {
            opacity: .6
        }
        
        .product-service .icon-bx-wraper {
            border: 0
        }
        
        .product-item del {
            color: #b0b0b0;
            font-size: 18px;
            margin-top: 0;
            position: relative;
            top: -1px
        }
        
        .item-widgets-body,
        .item-widgets-box {
            overflow: hidden
        }
        
        .item-widgets-box {
            margin-top: 15px
        }
        
        .item-widgets-box:first-child {
            margin-top: 0
        }
        
        .item-widgets-left {
            padding-right: 15px
        }
        
        .item-widgets-left img {
            width: 80px
        }
        
        .item-widgets-body,
        .item-widgets-left,
        .item-widgets-right {
            display: table-cell;
            vertical-align: middle
        }
        
        .item-widgets-body .item-price del,
        .item-widgets-body .item-title {
            font-size: 15px
        }
        
        .product-item-size .btn {
            background-color: #f3f3f3;
            border: 0 solid #e0e0e0;
            border-radius: 0;
            font-size: 14px;
            height: 40px;
            line-height: 38px;
            padding: 0;
            text-align: center;
            width: 40px;
            margin-right: 4px
        }
        
        .product-item-size .btn.active {
            background-color: #67072c;
            box-shadow: none;
            color: #fff
        }
        
        .product-item-size.size-sm .btn {
            font-size: 11px;
            height: 25px;
            line-height: 23px;
            width: 25px
        }
        
        .product-item-size.size-lg .btn {
            font-size: 18px;
            height: 50px;
            line-height: 48px;
            width: 50px
        }
        
        .product-item-color .btn {
            border: 0 none;
            border-radius: 30px!important;
            height: 30px;
            opacity: .5;
            padding: 0;
            width: 30px;
            border: 2px solid rgba(0, 0, 0, .1);
            margin-right: 5px
        }
        
        .product-item-color .btn.active {
            border: 2px solid rgba(0, 0, 0, .3);
            box-shadow: none;
            opacity: 1
        }
        
        .product-item-color.size-sm .btn {
            height: 20px;
            width: 20px
        }
        
        .product-gallery.on-show-slider {
            position: relative
        }
        
        .sticky-md-top,
        .sticky-sm-top,
        .sticky-top,
        .sticky-top>.side-bar {
            position: sticky;
            position: -webkit-sticky;
            top: 100px
        }
        
        @media only screen and (max-width:991px) {
            .sticky-top {
                position: unset
            }
        }
        
        @media only screen and (max-width:767px) {
            .sticky-md-top {
                position: unset
            }
            .check-tbl .btn-quantity {
                width: 50px
            }
        }
        
        @media only screen and (max-width:575px) {
            .sticky-sm-top {
                position: unset
            }
            .product-item-time {
                display: none
            }
            .shop-cart-2-head .dropdown .form-control {
                width: 66px
            }
        }
        
        .download-file ul {
            margin: 0;
            padding: 0;
            list-style: none
        }
        
        .download-file ul li {
            display: block;
            margin-bottom: 10px
        }
        
        .download-file ul li a {
            background: #e0e0e0 none repeat scroll 0 0;
            color: #000;
            display: block;
            padding: 15px 20px
        }
        
        .download-file ul li a span {
            margin-right: 10px
        }
        
        .site-footer .widget_getintuch {
            padding-top: 0
        }
        
        .content-inner {
            padding-top: 40px;
            padding-bottom: 40px
        }
        
        .content-inner-1 {
            padding-top: 40px;
            padding-bottom: 0
        }
        
        .content-inner-2 {
            padding-top: 40px;
            padding-bottom: 40px
        }
        
        .content-inner-3 {
            padding-top: 40px;
            padding-bottom: 40px
        }
        
        .testimonial-five .owl-controls {
            margin-top: 0
        }
        
        .dis-tbl {
            display: table
        }
        
        .dis-tbl-cell {
            display: table-cell;
            vertical-align: middle
        }
        
        .dis-tbl-cell-t {
            display: table-cell;
            vertical-align: top
        }
        
        .dis-tbl-cell-b {
            display: table-cell;
            vertical-align: bottom
        }
        
        .img-cover {
            object-fit: cover;
            width: 100%;
            max-width: 100%;
            min-width: 100%;
            height: 100%
        }
        
        .row.sp80,
        .sp80 {
            margin-left: -40px;
            margin-right: -40px
        }
        
        .row.sp80 [class*=col-],
        .sp80 [class*=col-] {
            padding-left: 40px;
            padding-right: 40px
        }
        
        .row.sp60,
        .sp60 {
            margin-left: -30px;
            margin-right: -30px
        }
        
        .row.sp60 [class*=col-],
        .sp60 [class*=col-] {
            padding-left: 30px;
            padding-right: 30px
        }
        
        .row.sp40,
        .sp40 {
            margin-left: -20px;
            margin-right: -20px
        }
        
        .row.sp40 [class*=col-],
        .sp40 [class*=col-] {
            padding-left: 20px;
            padding-right: 20px
        }
        
        .row.sp20,
        .sp20 {
            margin-left: -9px;
            margin-right: -9px
        }
        
        .row.sp20 [class*=col-],
        .sp20 [class*=col-] {
            padding-left: 9px;
            padding-right: 9px
        }
        
        .row.sp15,
        .sp15 {
            margin-left: -7.5px;
            margin-right: -7.5px
        }
        
        .row.sp15 [class*=col-],
        .sp15 [class*=col-] {
            padding-left: 7.5px;
            padding-right: 7.5px
        }
        
        .row.sp10,
        .sp10 {
            margin-left: -5px;
            margin-right: -5px
        }
        
        .row.sp10 [class*=col-],
        .sp10 [class*=col-] {
            padding-left: 5px;
            padding-right: 5px
        }
        
        .row.spno,
        .spno {
            margin-left: 0;
            margin-right: 0
        }
        
        .row.spno [class*=col-],
        .spno [class*=col-] {
            padding-left: 0;
            padding-right: 0
        }
        
        @media only screen and (max-width:767px) {
            .content-area {
                padding-top: 30px
            }
            .page-content {
                padding-bottom: 30px
            }
            .footer-top {
                padding-top: 40px
            }
            .site-footer .widget {
                margin-bottom: 25px
            }
            .section-full:last-child {
                margin-bottom: -30px
            }
            .content-inner {
                padding-bottom: 20px;
                padding-top: 30px
            }
            .content-inner-1 {
                padding-top: 30px;
                padding-bottom: 0
            }
            .content-inner-2 {
                padding-top: 30px;
                padding-bottom: 30px
            }
            .section-head {
                margin-bottom: 25px
            }
            .dlab-project-left {
                padding-top: 30px
            }
            .testimonial-section {
                padding-top: 30px
            }
            .testimonial-section .owl-controls {
                margin-top: 20px
            }
            .section-head p {
                padding-top: 0
            }
            .h3 {
                font-size: 28px;
                margin-top: 10px
            }
            .about-service .icon-bx-wraper:nth-child(2) {
                margin-top: 0
            }
            .side-bar {
                margin-bottom: 30px
            }
            .dlab-post-title .post-title {
                margin-top: 10px
            }
            .footer-info-box .newsletter {
                margin-bottom: 10px
            }
            ol.commentlist li .star-rating {
                position: unset
            }
            .comment-form [class*=comment-form] {
                width: 100%
            }
            .pricingtable-wrapper {
                margin-bottom: 30px
            }
            .pricingtable-highlight {
                margin: 0
            }
            .disnone-md {
                display: none
            }
        }
        
        .slide-item {
            position: relative
        }
        
        .slide-item .slide-content {
            display: block;
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%
        }
        
        .slide-item-img img {
            object-fit: cover
        }
        
        .slide-content-box {
            position: relative;
            top: 30%;
            transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transition: all 1s ease .5s;
            -webkit-transition: all 1s ease .5s;
            -o-transition: all 1s ease .5s;
            -moz-transition: all 1s ease .5s
        }
        
        .owl-slider-banner .owl-theme .owl-dots {
            margin-top: 0;
            position: absolute;
            right: 50px;
            text-align: center;
            top: 50%;
            transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            width: 25px;
            color: rgba(255, 255, 255, .5)
        }
        
        .owl-slider-banner .owl-theme .owl-dots .owl-dot span {
            height: 9px;
            width: 9px;
            margin: 0;
            background-color: rgba(0, 0, 0, .2)
        }
        
        .owl-slider-banner .owl-theme .owl-dots .owl-dot {
            border: 1px solid;
            border-radius: 20px;
            display: inline-block;
            margin: 4px;
            padding: 4px
        }
        
        .owl-slider-banner .owl-theme .owl-dots .owl-dot.active,
        .owl-slider-banner .owl-theme .owl-dots .owl-dot:hover {
            border: 1px solid #ff3b68
        }
        
        .owl-slider-banner .owl-item .slide-content-box {
            opacity: 0
        }
        
        .owl-slider-banner .owl-item.active .slide-content-box {
            opacity: 1;
            transition: all .5s ease .5s;
            -moz-transition: all .5s ease .5s;
            -webkit-transition: all .5s ease .5s;
            -o-transition: all .5s ease .5s;
            top: 50%
        }
        
        .shop-categories .acod-head a {
            border-width: 0 0 2px;
            color: #000;
            font-size: 15px;
            font-weight: 600;
            padding: 10px 0;
            text-transform: uppercase;
            border-radius: 0
        }
        
        .shop-categories .acod-body {
            border-width: 0
        }
        
        .shop-categories .acod-content {
            margin: 15px 0 15px
        }
        
        .shop-categories .acod-head a.collapsed:after,
        .shop-categories .acod-head a:after {
            font-family: open sans;
            font-weight: 700;
            color: #000;
            font-size: 18px;
            right: 5px
        }
        
        .shop-categories .acod-head a:after {
            content: "--"
        }
        
        .shop-categories .acod-head a.collapsed:after {
            content: "+"
        }
        
        .product-brand .search-content {
            display: block;
            margin-bottom: 0;
            padding: 10px 0
        }
        
        .product-brand .search-content .search-content-area {
            margin-bottom: 0
        }
        
        .price .amount {
            border: 0 none;
            color: #404040;
            font-weight: 700;
            margin-bottom: 15px;
            padding: 0;
            text-align: left;
            width: 100%
        }
        
        .price .ui-widget-content {
            margin: 0 8px
        }
        
        .container-fluid.wide {
            padding-left: 30px;
            padding-right: 30px
        }
        
        .shop-account .form-control {
            background: #efefef none repeat scroll 0 0;
            border: 0 none;
            box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .05);
            font-size: 14px;
            height: 50px;
            padding: 0 20px
        }
        
        .shop-account .site-button.button-lg {
            font-size: 14px;
            font-weight: 700;
            padding: 14px 30px;
            text-transform: uppercase
        }
        
        .shop-account .border-1 {
            border-color: #dfdfdf
        }
        
        .shop-account .form-control:focus {
            box-shadow: 2px 2px 14px 0 rgba(0, 0, 0, .05);
            background-color: #fff
        }
        
        .errow-style-1 .tparrows:before {
            font-size: 60px;
            opacity: .7
        }
        
        .errow-style-1 .tparrows:before:hover {
            opacity: 1
        }
        
        .errow-style-1 .tparrows,
        .errow-style-1 .tparrows:hover {
            background: rgba(0, 0, 0, 0)
        }
        
        @media only screen and (max-width:1200px) {
            .owl-slider.style-1 .slide-content-box h2 {
                font-size: 28px;
                line-height: 32px
            }
            .owl-slider.style-1 .slide-content-box p {
                display: none
            }
            .owl-slider.style-1 .slide-content-box .button-lg {
                padding: 10px 20px
            }
        }
        
        @media only screen and (max-width:767px) {
            .owl-slider.style-1 .slide-content-box h2 {
                font-size: 18px;
                line-height: 22px
            }
            .owl-slider.style-1 .slide-content-box .button-lg {
                display: none
            }
            .owl-slider-banner .owl-theme .owl-dots {
                right: 15px
            }
        }
        
        .btn-play:after,
        .btn-play:before {
            content: '';
            border: 1px solid;
            border-color: inherit;
            width: 150%;
            height: 150%;
            -webkit-border-radius: 100%;
            border-radius: 100%;
            position: absolute;
            left: -25%;
            top: -25%;
            opacity: 1;
            -webkit-animation: 1s videomodule-anim linear infinite;
            animation: 1s videomodule-anim linear infinite
        }
        
        .btn-play:before {
            -webkit-animation-delay: .5s;
            animation-delay: .5s
        }
        
        .btn-play .icon {
            color: #505cfd!important
        }
        
        .btn-play {
            position: relative
        }
        
        @media screen and (max-width:1200px) {
            .bg-md-hd {
                background-image: none!important
            }
        }
        
        @media screen and (max-width:768px) {
            .btn-play {
                margin-top: 0
            }
            .bg-xs-hd {
                background-image: none!important
            }
        }
        
        @-webkit-keyframes videomodule-anim {
            0% {
                -webkit-transform: scale(.68);
                transform: scale(.68)
            }
            100% {
                -webkit-transform: scale(1.2);
                transform: scale(1.2);
                opacity: 0
            }
        }
        
        @keyframes videomodule-anim {
            0% {
                -webkit-transform: scale(.68);
                transform: scale(.68)
            }
            100% {
                -webkit-transform: scale(1.2);
                transform: scale(1.2);
                opacity: 0
            }
        }
        
        .short-edit-box {
            border: 1px solid rgba(0, 0, 0, .1);
            box-shadow: 1px 1px 3px -1px rgba(0, 0, 0, .08) inset;
            padding: 8px;
            margin-bottom: 15px
        }
        
        .short-edit-box h5 a {
            color: #fff;
            font-weight: 700
        }
        
        .animation-effects .wow-effects {
            display: table;
            margin: 0 auto 30px;
            padding: 0 15px;
            float: left;
            width: 50%
        }
        
        .animation-effects .wow-effects .wow {
            background: #f0f0f0 none repeat scroll 0 0;
            border-radius: 4px;
            color: #505050;
            display: table-cell;
            font-size: 18px;
            font-weight: 600;
            height: 200px;
            text-align: center;
            text-transform: capitalize;
            vertical-align: middle
        }
        
        @media screen and (max-width:767px) {
            .buy-now a {
                padding: 10px 10px;
                font-size: 12px
            }
        }
        
        .portfolio .icon-bx-xs {
            border-radius: 50%
        }
        
        .portfolio .icon-bx-xs {
            width: 46px;
            height: 46px;
            line-height: 46px
        }
        
        .portfolio-ic a,
        .portfolio-mas a {
            color: #000
        }
        
        .portfolio-ic .dez-info a:hover,
        .portfolio-mas .dez-info a:hover {
            color: #24c4dd
        }
        
        .portfolio-ic a:hover,
        .portfolio-mas a:hover {
            color: #fff
        }
        
        .portfolio-ic a:hover i,
        .portfolio-mas a:hover i {
            background: 0 0;
            border: 2px solid #fff
        }
        
        .portfolio-ic .overlay-icon a,
        .portfolio-mas .overlay-icon a {
            margin: 0 7px
        }
        
        .portfolio .portfolio-metro .dlab-img-overlay1::before {
            width: 90%;
            height: 90%;
            opacity: 0;
            top: 5%;
            left: 5%
        }
        
        .portfolio .owl-next,
        .portfolio .owl-next:hover,
        .portfolio .owl-prev,
        .portfolio .owl-prev:hover {
            background-color: #fff;
            color: #000;
            padding: 17px 17px
        }
        
        .port-style1 .overlay-icon {
            padding: 30px
        }
        
        .port-style1 .port-box {
            padding-left: 10px;
            border-left: 3px solid var(--color-primary)
        }
        
        .port-style1 .align-m {
            text-align: center
        }
        
        #rc-imageselect,
        .g-recaptcha {
            transform: scale(.9);
            -webkit-transform: scale(.9);
            -moz-transform: scale(.9);
            -o-transform: scale(.9);
            transform-origin: 0 0;
            -o-transform-origin: 0 0;
            -moz-transform-origin: 0 0;
            -webkit-transform-origin: 0 0
        }
        
        @media screen and (max-width:1280px) {
            #rc-imageselect,
            .g-recaptcha {
                transform: scale(.7);
                -moz-transform: scale(.7);
                -o-transform: scale(.7);
                -webkit-transform: scale(.7);
                transform-origin: 0 0;
                -moz-transform-origin: 0 0;
                -o-transform-origin: 0 0;
                -webkit-transform-origin: 0 0
            }
        }
        
        @media screen and (max-width:575px) {
            #rc-imageselect,
            .g-recaptcha {
                transform: scale(.7);
                -moz-transform: scale(.7);
                -o-transform: scale(.7);
                -webkit-transform: scale(.7);
                transform-origin: 0 0;
                -moz-transform-origin: 0 0;
                -o-transform-origin: 0 0;
                -webkit-transform-origin: 0 0
            }
        }
        
        .recaptcha-box {
            height: 60px
        }
        
        @media screen and (max-width:991px) {
            .mo-left .header-nav.nav-dark {
                background-color: #202020
            }
            .mo-left .header-nav {
                overflow-y: scroll;
                position: fixed;
                width: 60px;
                left: -280px;
                height: 100vh!important;
                transition: all .5s;
                -webkit-transition: all .5s;
                -moz-transition: all .5s;
                -o-transition: all .5s;
                top: 0;
                background-color: #fff;
                margin: 0;
                z-index: 99
            }
            .mo-left .header-nav li.open a {
                position: relative
            }
            .header-nav {
                overflow-x: scroll;
                height: 100%
            }
            .mo-left .header-nav.show {
                left: -1px;
                transition: all .8s;
                -webkit-transition: all .8s;
                -moz-transition: all .8s;
                -o-transition: all .8s;
                margin: 0;
                width: 280px
            }
            .mo-left .navbar-toggler.open:after {
                background-color: rgba(0, 0, 0, .6);
                content: "";
                height: 100%;
                left: 0;
                position: fixed;
                right: -20px;
                top: -63px;
                transform: scale(100);
                -o-transform: scale(100);
                -moz-transform: scale(100);
                -webkit-transform: scale(100);
                width: 100%;
                z-index: -1;
                transition: all .5s;
                transform-origin: top right;
                margin: 0 0 0 20px;
                -webkit-box-shadow: 0 0 0 1000px rgba(0, 0, 0, .6);
                box-shadow: 0 0 0 1000px rgba(0, 0, 0, .6)
            }
            .mo-left .header-nav .logo-header {
                display: block;
                float: none;
                height: auto;
                max-width: 100%;
                padding: 30px 15px;
                width: 100%
            }
            .mo-left .header-nav .logo-header img {
                max-width: unset;
                width: 160px;
                vertical-align: middle
            }
            .mo-left .navbar-toggler.open span {
                background: #fff
            }
        }
        
        @media screen and (max-width:767px) {
            .mo-left .navbar-toggler.open:after {
                margin: 0 0 0 15px
            }
        }
        
        .fly-box,
        .fly-box-ho,
        .fly-box-ho:hover,
        .fly-box:hover,
        .hwp {
            transition: all .5s;
            -moz-transition: all .5s;
            -webkit-transition: all .5s
        }
        
        .fly-box {
            box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1)
        }
        
        .fly-box-ho:hover,
        .fly-box:hover,
        .icon-bx-wraper:hover .fly-box,
        .icon-bx-wraper:hover .fly-box-ho {
            box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
            -o-transform: translateY(-10px);
            -moz-transform: translateY(-10px);
            -webkit-transform: translateY(-10px);
            transform: translateY(-10px)
        }
        
        .hwp {
            background-color: #fff;
            color: var(--color-primary)
        }
        
        .hwp a {
            color: var(--color-primary)
        }
        
        .hwp:hover,
        .icon-bx-wraper:hover .hwp {
            background-color: #67072c;
            color: #fff
        }
        
        .hwp:hover a,
        .icon-bx-wraper:hover .hwp a {
            color: #fff
        }
        
        .faa-horizontal.animated {
            -webkit-animation: horizontal 5s ease infinite;
            animation: horizontal 5s ease infinite
        }
        
        .inner-text .title {
            text-decoration: underline;
            font-weight: 500;
            margin-bottom: 10px
        }
        
        .inner-text p {
            font-size: 18px;
            line-height: 32px;
            font-weight: 400;
            margin-bottom: 20px
        }
        
        .inner-text ul li {
            font-size: 18px;
            line-height: 32px
        }
        
        @keyframes horizontal {
            0% {
                -webkit-transform: translate(0, 0);
                transform: translate(0, 0)
            }
            6% {
                -webkit-transform: translate(20px, 0);
                transform: translate(20px, 0)
            }
            12% {
                -webkit-transform: translate(0, 0);
                transform: translate(0, 0)
            }
            18% {
                -webkit-transform: translate(20px, 0);
                transform: translate(20px, 0)
            }
            24% {
                -webkit-transform: translate(0, 0);
                transform: translate(0, 0)
            }
            30% {
                -webkit-transform: translate(20px, 0);
                transform: translate(20px, 0)
            }
            100%,
            36% {
                -webkit-transform: translate(0, 0);
                transform: translate(0, 0)
            }
        }
        
        @media screen and (max-width:991px) {
            .header-nav .nav>li .mega-menu>li.special-nav {
                display: none
            }
        }
        
        .switch-btn {
            display: none;
        }
        
        .theme-btn {
            display: none;
            /*background-color: #fff;
	border-radius: 40px;
	bottom: 10px;
	color: #fff;
	display: table;
	height: 50px;
	left: 10px;
	min-width: 50px;
	position: fixed;
	text-align: center;
	z-index: 9999*/
        }
        
        .theme-btn i {
            font-size: 22px;
            line-height: 50px
        }
        
        .theme-btn.bt-support-now {
            background: #1ebbf0;
            background: -moz-linear-gradient(45deg, #1ebbf0 8%, #39dfaa 100%);
            background: -webkit-linear-gradient(45deg, #1ebbf0 8%, #39dfaa 100%);
            background: linear-gradient(45deg, #1ebbf0 8%, #39dfaa 100%);
            bottom: 70px
        }
        
        .theme-btn.bt-buy-now {
            background: #1fdf61;
            background: -moz-linear-gradient(top, #a3d179 0, #88ba46 100%);
            background: -webkit-linear-gradient(top, #a3d179 0, #88ba46 100%);
            background: linear-gradient(to bottom, #a3d179 0, #88ba46 100%)
        }
        
        .theme-btn:hover {
            color: #fff;
            padding: 0 20px
        }
        
        .theme-btn span {
            display: table-cell;
            vertical-align: middle;
            font-size: 16px;
            letter-spacing: -15px;
            opacity: 0;
            line-height: 50px;
            transition: all .5s;
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            text-transform: uppercase
        }
        
        .theme-btn:hover span {
            opacity: 1;
            letter-spacing: 1px;
            padding-left: 10px
        }
        
        .at-expanding-share-button[data-position=bottom-left] {
            bottom: 130px!important
        }
        
        .service-box-2 {
            padding: 10px;
            background: #fff;
            border-radius: 4px;
            box-shadow: 0 0 30px 0 rgba(0, 0, 0, .05)
        }
        
        .service-box-2 .title {
            font-weight: 500;
            margin-bottom: 10px;
            font-size: 22px
        }
        
        .service-box-2 .dlab-info {
            padding: 20px
        }
        
        .service-box-2 .dlab-info p {
            font-size: 15px;
            line-height: 28px;
            margin-bottom: 20px;
            color: #999
        }
        
        .our-story>span {
            color: var(--color-primary);
            font-size: 22px;
            display: block;
            margin-bottom: 10px
        }
        
        .our-story p {
            font-size: 16px;
            line-height: 32px;
            color: #000
        }
        
        .our-story h2.title {
            font-size: 50px;
            line-height: 70px;
            font-weight: 400;
            margin-bottom: 20px
        }
        
        .our-story h2.title span {
            font-family: 'Playfair Display', serif;
            font-style: italic
        }
        
        .our-story h4.title {
            font-size: 26px;
            line-height: 40px;
            font-weight: 500;
            color: #999
        }
        
        .section-head .title {
            margin-bottom: 5px;
            font-size: 35px;
            line-height: 45px;
            font-weight: 600
        }
        
        .project-bx {
            position: relative
        }
        
        .project-bx .dlab-info {
            position: absolute;
            bottom: 15px;
            background: #fff;
            width: calc(100% - 30px);
            left: 15px;
            padding: 15px;
            border-radius: 4px;
            z-index: 1
        }
        
        .project-bx .dlab-info .dlab-title {
            margin-bottom: 0;
            font-size: 16px;
            font-weight: 600
        }
        
        .about-carousel-ser {
            overflow: hidden
        }
        
        @media only screen and (max-width:1200px) {
            .counter-staus-box .section-head .title {
                font-size: 35px;
                line-height: 50px;
                font-weight: 500
            }
            .counter-staus-box .play-btn {
                margin-top: 20px;
                margin-bottom: 20px
            }
            .contact-no-area .title br {
                display: none
            }
            .contact-no-area .title {
                line-height: 65px;
                margin-bottom: 20px;
                font-size: 50px
            }
            .dlab-team1 .dlab-title {
                font-size: 16px;
                line-height: 24px;
                margin-bottom: 5px
            }
            .dlab-team1 .dlab-position {
                font-size: 12px
            }
            .counter-style-5 .counter {
                font-size: 45px;
                line-height: 55px
            }
            .counter-style-5 {
                padding: 30px 15px
            }
            .dlab-team1 .dlab-social-icon li a {
                width: 28px;
                height: 28px;
                font-size: 12px;
                line-height: 26px
            }
            .testimonial-1 .testimonial-text p {
                font-size: 20px;
                line-height: 35px
            }
            .blog-post.post-style-1 .post-title {
                line-height: 30px;
                font-size: 18px
            }
            .ft-contact .ft-contact-bx p {
                line-height: 24px;
                font-size: 13px
            }
            .ft-contact .ft-contact-bx .title {
                margin: 0 0 5px 0;
                font-size: 18px
            }
        }
        
        @media only screen and (max-width:991px) {
            .ft-contact .ft-contact-bx img {
                left: 20px;
                top: 25px;
                width: 40px;
                height: 40px
            }
            .ft-contact .ft-contact-bx p {
                line-height: 24px;
                font-size: 12px
            }
            .ft-contact .ft-contact-bx {
                padding: 15px 15px 15px 70px
            }
            .ft-contact .ft-contact-bx .title {
                margin: 0;
                font-size: 16px
            }
            .ft-contact .ft-contact-bx:after {
                right: -5px
            }
            .contact-img-bx img {
                position: unset;
                display: none
            }
            .service-box.style3 .dlab-tilte {
                margin-bottom: 10px
            }
        }
        
        @media only screen and (max-width:767px) {
            .ft-contact {
                flex-wrap: wrap
            }
            .ft-contact .ft-contact-bx {
                flex: 0 0 100%;
                max-width: 100%
            }
            .ft-contact .ft-contact-bx img {
                width: 40px;
                height: 40px;
                left: 20px;
                top: 30px
            }
            .ft-contact .ft-contact-bx:after {
                content: "";
                height: 30px;
                width: 100%;
                right: auto;
                top: auto;
                left: 0;
                background-image: url(../images/icon/bottom.png);
                background-size: 100% 100%;
                background-position: center;
                opacity: .5;
                bottom: -20px
            }
            .ft-contact .ft-contact-bx {
                padding: 25px 15px 25px 75px
            }
            .blog-post.blog-md.border-1 .dlab-post-info {
                padding: 0 20px 0
            }
        }
        
        @media only screen and (max-width:576px) {
            .service-media-bx .dlab-title {
                font-size: 20px;
                font-weight: 500;
                line-height: 34px
            }
            .service-media-bx {
                padding: 15px
            }
            .contact-no-area .title {
                line-height: 45px;
                margin-bottom: 20px;
                font-size: 35px
            }
            .contact-no {
                flex-wrap: wrap
            }
            .contact-no .contact-left {
                border-right: 0
            }
            .contact-no .contact-left {
                padding-right: 0
            }
            .contact-no .no {
                font-size: 30px;
                margin-bottom: 20px
            }
            .contact-no .contact-right {
                padding-left: 0
            }
            .ft-contact {
                margin: 0 -15px
            }
            .counter-style-1 .counter,
            .counter-style-2 .counter,
            .counter-style-3 .counter,
            .counter-style-4 .counter {
                font-size: 36px
            }
            .counter-style-1 .counter-text,
            .counter-style-2 .counter-text,
            .counter-style-4 .counter-text {
                font-size: 14px
            }
            .counter-style-1 .icon {
                font-size: 36px
            }
            .counter-style-3.rounded {
                height: 150px
            }
        }
        
        .site-footer.style1 .footer-bottom-in .dlab-social-icon li a:hover {
            color: #fff
        }
        
        .dlab-team10 {
            position: relative;
            transition: all .5s;
            z-index: 1
        }
        
        .dlab-team10 .dlab-info {
            bottom: 0;
            position: absolute;
            background: #fff;
            width: 100%;
            display: block;
            padding: 20px 20px;
            transition: all .5s;
            opacity: 0
        }
        
        .dlab-team10 .dlab-title {
            font-size: 18px;
            font-weight: 500;
            line-height: 26px;
            margin-bottom: 5px
        }
        
        .dlab-team10 .dlab-social-icon li a {
            width: 34px;
            height: 34px;
            line-height: 34px;
            padding: 0;
            font-size: 14px
        }
        
        .dlab-team10 span {
            display: block;
            color: #000;
            text-transform: uppercase;
            font-size: 13px;
            font-weight: 600;
            opacity: .5;
            margin-bottom: 10px
        }
        
        .dlab-team10 .dlab-media {
            transition: all .5s;
            top: 0
        }
        
        .dlab-team10:hover .dlab-media {
            top: -40px;
            transition: all .5s
        }
        
        .dlab-team10:hover {
            z-index: 2
        }
        
        .dlab-team10:hover .dlab-info {
            bottom: -40px;
            transition: all .5s;
            opacity: 1
        }
        
        .dlab-team10-area:hover .dlab-team10 {
            opacity: .2
        }
        
        .dlab-team10-area .dlab-team10:hover {
            opacity: 1
        }
        
        .dlab-team10:after {
            content: "";
            transition: all .5s;
            position: absolute;
            background: #fff;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1
        }
        
        .dlab-team10:hover:after {
            height: calc(100% + 80px);
            bottom: -40px;
            box-shadow: 0 0 30px 0 rgba(0, 0, 0, .2)
        }
        
        .content-bx1 {
            padding-left: 30px
        }
        
        @media only screen and (max-width:991px) {
            .content-bx1 {
                padding-left: 0
            }
        }
        
        @media only screen and (min-width:991px) {
            .navstyle1 .header-nav .nav>li>a:after {
                content: "";
                right: 0;
                left: auto;
                height: 100%;
                z-index: -1
            }
            .navstyle2 .header-nav .nav>li>a:after {
                border-radius: 40px;
                background: 0 0;
                width: 100%;
                left: 0;
                z-index: -1;
                height: 100%
            }
            .navstyle1 .header-nav .nav>li,
            .navstyle2 .header-nav .nav>li {
                padding: 10px 0 0 0
            }
            .navstyle1 .header-nav .nav>li>a,
            .navstyle2 .header-nav .nav>li>a {
                padding: 12px 15px 12px 15px;
                border: 0;
                position: relative;
                z-index: 1;
                margin-bottom: 8px
            }
            .navstyle2 .header-nav .nav>li.active>a:after,
            .navstyle2 .header-nav .nav>li:hover>a:after {
                box-shadow: inset 0 0 0 2px var(--color-primary);
                left: 0;
                top: 0
            }
            .navstyle1 .header-nav .nav>li:hover>a {
                color: #fff
            }
            .navstyle1 .header-nav .nav>li:hover>a:after {
                right: auto;
                left: 0
            }
            .navstyle1 .header-nav .nav>li.active>a {
                background: var(--color-primary);
                color: #fff
            }
            .navstyle3 .header-nav .nav>li>a {
                z-index: 1;
                border: 0
            }
            .navstyle3 .header-nav .nav>li>a:after {
                z-index: -1
            }
            .navstyle3 .header-nav .nav>li.active>a:after,
            .navstyle3 .header-nav .nav>li:hover>a:after,
            .navstyle3 .header-nav .nav>li>a:after {
                height: 100%;
                color: #fff
            }
            .navstyle3 .header-nav .nav>li.active>a,
            .navstyle3 .header-nav .nav>li:hover>a {
                color: #fff
            }
            .navstyle3 .header-nav .nav>li .sub-menu,
            .navstyle3 .header-nav .nav>li>.mega-menu {
                background-color: #67072c;
                border: 1px solid var(--color-primary)
            }
            .navstyle3 .header-nav .nav>li .mega-menu li:hover>a,
            .navstyle3 .header-nav .nav>li .mega-menu li>a,
            .navstyle3 .header-nav .nav>li .sub-menu li:hover>a,
            .navstyle3 .header-nav .nav>li .sub-menu li>a {
                color: #fff
            }
            .navstyle3 .header-nav .nav>li .sub-menu>li:hover>a,
            .navstyle3 .header-nav .nav>li .sub-menu>li>a:hover {
                background-color: rgba(0, 0, 0, .05)
            }
            .navstyle3 .header-nav .nav>li .mega-menu>li ul a:hover {
                background-color: rgba(0, 0, 0, .05)
            }
            .navstyle4 .header-nav .nav>li>a:after {
                width: 0;
                left: auto;
                bottom: 20px;
                z-index: -1;
                height: 16px;
                opacity: .2;
                right: 15px
            }
            .navstyle4 .header-nav .nav>li:hover>a:after {
                width: calc(100% - 30px);
                left: 15px;
                right: auto
            }
            .navstyle4 .header-nav .nav>li.active>a:after {
                width: calc(100% - 30px);
                left: 15px;
                bottom: 20px;
                z-index: -1;
                height: 16px;
                opacity: .2
            }
            .navstyle4 .header-nav .nav>li>a {
                border: 0;
                z-index: 1;
                padding: 22px 15px 22px 15px
            }
            .navstyle5 .header-nav .nav>li>a {
                border: 0;
                padding: 22px 10px 22px 10px
            }
            .navstyle5 .header-nav .nav>li.active>a:after,
            .navstyle5 .header-nav .nav>li.active>a:before,
            .navstyle5 .header-nav .nav>li>a:after,
            .navstyle5 .header-nav .nav>li>a:before {
                display: inline-block;
                opacity: 0;
                -webkit-transition: -webkit-transform .8s, opacity .2s;
                -moz-transition: -moz-transform .8s, opacity .2s;
                transition: transform .8s, opacity .2s;
                width: auto;
                height: auto
            }
            .navstyle5 .header-nav .nav>li.active>a:before,
            .navstyle5 .header-nav .nav>li>a:before {
                content: '[';
                -webkit-transform: translateX(20px);
                -moz-transform: translateX(20px);
                transform: translateX(20px)
            }
            .navstyle5 .header-nav .nav>li.active>a:after,
            .navstyle5 .header-nav .nav>li>a:after {
                content: ']';
                -webkit-transform: translateX(-20px);
                -moz-transform: translateX(-20px);
                transform: translateX(-20px);
                width: auto;
                height: auto;
                background: 0 0
            }
            .navstyle5 .header-nav .nav>li>a:after {
                position: relative
            }
            .navstyle5 .header-nav .nav>li.active>a:after,
            .navstyle5 .header-nav .nav>li:hover>a:after {
                opacity: 1;
                -webkit-transform: translateX(10px);
                -moz-transform: translateX(10px);
                transform: translateX(10px);
                width: auto;
                height: auto;
                position: relative
            }
            .navstyle5 .header-nav .nav>li.active>a:before,
            .navstyle5 .header-nav .nav>li:hover>a:before {
                opacity: 1;
                -webkit-transform: translateX(-10px);
                -moz-transform: translateX(-10px);
                transform: translateX(-10px)
            }
            .navstyle1.header.dark .header-nav .nav>li>a,
            .navstyle1.header.dark .main-bar .header-nav .nav>li>a,
            .navstyle1.header.header-transparent .header-nav .nav>li>a,
            .navstyle1.header.header-transparent .main-bar .header-nav .nav>li>a,
            .navstyle2.header.dark .header-nav .nav>li>a,
            .navstyle2.header.dark .main-bar .header-nav .nav>li>a,
            .navstyle2.header.header-transparent .header-nav .nav>li>a,
            .navstyle2.header.header-transparent .main-bar .header-nav .nav>li>a,
            .navstyle5.header.dark .header-nav .nav>li>a,
            .navstyle5.header.dark .main-bar .header-nav .nav>li>a,
            .navstyle5.header.header-transparent .header-nav .nav>li>a,
            .navstyle5.header.header-transparent .main-bar .header-nav .nav>li>a {
                border: 0
            }
            .navstyle1 .main-bar.bg-primary .header-nav .nav>li.active>a:after,
            .navstyle1 .main-bar.bg-primary .header-nav .nav>li>a:after {
                background: #fff
            }
            .navstyle1 .main-bar.bg-primary .header-nav .nav>li.active>a,
            .navstyle1 .main-bar.bg-primary .header-nav .nav>li:hover>a {
                color: var(--color-primary)
            }
            .navstyle2 .main-bar.bg-primary .header-nav .nav>li.active>a:after {
                background: 0 0;
                box-shadow: inset 0 0 0 2px #fff
            }
            .navstyle2 .main-bar.bg-primary .header-nav .nav>li>a:after,
            .navstyle5 .main-bar.bg-primary .header-nav .nav>li.active>a:after,
            .navstyle5 .main-bar.bg-primary .header-nav .nav>li>a:after {
                background: 0 0
            }
            .navstyle2 .main-bar.bg-primary .header-nav .nav>li:hover>a:after {
                box-shadow: inset 0 0 0 2px #fff
            }
            .navstyle3 .main-bar.bg-primary .header-nav .nav>li.active>a:after,
            .navstyle3 .main-bar.bg-primary .header-nav .nav>li>a:after {
                background: #000;
                opacity: .1
            }
        }
        
        .switch-btn {
            display: none !important;
        }
        
        .theme-btn {
            display: none !important;
        }
        
        .bg-gradient-iv-orange {
            background: linear-gradient(87deg, #EC7A23 0, #f3af7b 100%) !important;
        }
        
        .mar-btm {
            margin-bottom: 5%;
        }
        
        .bor-bs {
            box-shadow: 3px 3px 2px #67072c;
            padding: 20px;
            border: 2px solid #67072c;
        }
        
        .black-overlay-70 {
            background-image: url('https://images1.westend61.de/0000971267pw/chemist-in-a-chemical-factory-CVF00730.jpg');
            background-repeat: norepeat;
            background-attachment: fixed;
        }
        
        .black-overlay-70:before {
            background: rgb(234 234 234 / 90%);
            content: "";
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%;
            z-index: 0;
        }
        
        .widget_getintuch .social li a {
            padding: 1px 1px !important;
        }
        
        .widget_getintuch .social li i {
            font-size: 20px !important;
        }